/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.green-text {
    color: #0661FA;
}
.green1-text {
    color: #52AE32;
}
.green2-text {
    color: #0844BC;
}
.white-text {
    color: #fff;
}
.gray-text {
    color: #525C6C;
}
.yellow-text {
    color:  #F9BD15;
}
.orange-text {
    color: #EB743A;
}
.orange1-text {
    color: #FF6F06;
}
.pink-text {
    color: #FF2F6D;
}
.pink1-text {
    color: #F04438;
}
.bg-green{
    background-color: #0661FA;
}
.bg-green1 {
    background-color: #52AE32;
}
.bg-green2 {
    background-color: #0844BC;
}
.bg-yellow{
    background-color: #F9BD15;
}
.bg-yellow1 {
    background-color: #fff9e8;
}
.bg-orange{
    background-color: #EB743A;
}

.bg-pink {
    background-color: #FF2F6D;
}
.bg-gray {
    background-color: #F3F8FF;
}
.block-item {
    border-radius: 25px;
}
.img-radius-15,.img-radius-15 img{
    border-radius: 15px;
}
.img-shadow .image-cover{
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    border-radius: 15px;
}

h3{
    font-size: 32px;
}
.partner-logo-container {
    padding-left: 60px;
    padding-right: 60px;
}
.ft-14 {
    font-size: 14px;
}
.ft-16 {
    font-size: 16px;
}
.ft-18 {
    font-size: 18px;
}
.ft-24{
    font-size: 24px;
}
.ft-36 {
    font-size: 36px;
}
.ft-48 {
    font-size: 48px;
}
.ft-64 {
    font-size: 64px;
}
.fw-600 {
    font-weight: 600;
}
.rx-map-partner{
    background-image: url('./assets/img/map.png');
    background-size: cover;


}
.bg-gray {
    background-color: #f5f6fb;
}

.home-exams {
    background-color: #f5f6fb;
    /* padding-top: 370px !important; */
    height: 721px;
    z-index: 900;
}

.home-exams .section-bg :is(img,picture,video) {
    object-position: top;
}

.single-logo-container {
    width: 120px;
    /*height: 50px;*/
    margin: 10px 0px;
}
.rt-container-fluid.rt-wpls {
    padding-top: 50px;
    padding-bottom: 50px;
}
.rt-container-fluid.rt-wpls  .rt-col-md-3.rt-col-sm-4.rt-col-xs-6 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.row-exam-title {
    padding-top: 176px;
    padding-left: 50px;
}
.margin-bottom-0{
    margin-bottom: 0px;
}
.color-white {
    color: #fff;
}
.color-yellow {
    color: #F9BD15;
}
.counter-number-container img{
    padding-top: 10px;;
}
.label-counter {
    font-size: 16px;
    color: #525C6C;
}

.footer-title {
    font-size: 24px;
    font-weight: bold;
    color: #525C6C;

}
.footer-branch-title{
    font-size: 18px;
    font-weight: bold;
    color: #525C6C;
}
.padding-row {
    padding-bottom: 20px;
    margin-bottom: 0px;
}
.ft-top {
    padding-top: 10px;
}
.button-white {
    background-color: #fff;
}
#footer .copyright, #footer .absolute-footer {
    display: none;
}
ul.footer-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.footer-list > li {
    margin-left: 0px;
    font-size: 18px;
}
.footer-list a:hover {
    color: #0661FA;
}
.footer-info p {
    color: #525C6C;
    font-size: 18px;
}
.logo-footer-container{
    margin-left: 0px;
    padding-left: 0px;
}
.footer-copyright
{
    padding-top: 30px;
    border-top: 1px solid #D0D5DD;
}
.bellow-footer-logo {
    border-top: 1px solid #D0D5DD;
    padding-top: 20px;
}

.home-signup input {
    border-radius: 5px;
}

/* teacher slider*/

.wpm_6310_team_style_1 .wpm-6310-img-responsive {
    border-radius: 50% !important;
    padding: 40px !important;
}
.wpm-6310-owl-carousel .wpm-6310-owl-stage-outer{
    padding-top: 10px;
}


/* CSS for applying four different background styles to each div with class "wpm-6310-owl-item" */

.wpm-6310-owl-item {
    border-radius: 10px;
}


/* Make the menu items full width */
.mega-menu-item {
    width: 100%;
}
.list-item-showcase
{
    font-size: 16px;
    color: #fff;
    margin: auto;
}
.about-row-feature-item > div {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px !important;
}
.list-item-showcase p {
    padding: 10px;
    margin-bottom: 0px;
}
.about-row-feature-item, .about-row-feature-item .icon-box-text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.list-item-showcase-image .icon-inner {
    display: inline-block;
    border-radius: 50%;
    box-shadow: 0px 30px 14px 6px rgba(33, 32, 32, 0.1);
}
.list-item-showcase-image {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.about-robustx-msg {

    border: 1px solid #EB743A;
    background-color: #EB743A;
    border-radius: 10px;
    color: #fff;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 78%;
    padding: 30px 80px;
}
.about-robustx-msg p {
    margin-bottom: 0px;
}
.robustx-msg-container {
    margin-top: -80px;
}
.about-mission-container {
    margin-top: -120px;
}

.about-icon-tam-nhin .icon-box-img{

    top: -130px;
}
.about-icon-tam-nhin .icon-box-text {
    margin-top: -130px;
}
.block-item .icon-box-img img {
    padding-top: 0px;
}

.block-item .box-text-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.box-text-item h3 {
    margin-bottom:0px;
}
.block-item .icon-box-img {
    max-width: 280px;
}
.box-shadow {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.msg-404 {
    padding-top: 60px;
}


#wps-widget--team-1 .wps-team--single-inner {
    align-items:flex-start;
}
#wps-widget--team-1  .team-member--thumbnail{
    width: 280px;
}

#wpsm_team_1_b_row_790 .wpsm_team_1_member_wrapper {
    display: flex;
}

#wpsm_team_1_b_row_790 .wpsm_team_1_member_wrapper img {
    max-width: 280px;
    height: auto;
    animation: fadeIn 5s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
#wpsm_team_1_b_row_790  .wpsm_team_1_name_divider {

    height: 0px !important;
}


#wpsm_team_1_b_row_790 .wpsm_team_1_member_wrapper .wpsm_team_1_member_wrapper_inner {
    text-align: left;

}

.wpsm_team_1_member_wrapper_inner h3 {
    text-align: left;
    color: #525C6C;

}
.section-title b {
    background-color:unset;
}
h3 {
    font-size: 36px;
}
.about-teacher-group .section-title-main {
    color: #0661FA;
}
.rx_team .owl-item {
    padding-bottom: 20px;
    flex:1;
}
.owl-carousel .owl-stage{
    display: flex;
}
.rx-post-item {
    background-color: #F9F9F9;
    color: #525C6C;
    border-radius: 10px;
    /* border: 1px solid transparent; */
    padding-bottom: 5px;
    height: 100%;
}
.rx-post-item:hover {

    /* border: 1px solid #0661FA; */
    background: #0661FA;
}

.rx-post-item .box-text {
    padding-left: 10px;
    padding-right: 10px;
}
.post-main-category a {
    color: #fff;
}
.post-main-category:hover {
    background-color: #EB743A;
}
.post-main-category h3 {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
}
.post-main-category {
    background-color: #0661FA;
    border-radius: 6px;
    display: inline-block;
    padding: 4px 14px;
    margin-bottom: 14px;
}
.post-title {
    font-size: 16px;
}
.post-tags {
    font-size: 12px;
    padding-top: 10px;
}
.post-date {
    font-size: 16px;
    padding-top: 10px;
    display: flex;
}
.post-date i {
    padding-right: 30px;
    margin-top: -2px;
}


.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection,
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search],
input[type=tel], input[type=text], input[type=url], select, textarea {
    box-shadow: unset;
    border-radius: 5px;
}
.rx-container-map .wpcf7-submit {

    border: 1px solid  #0661FA;
    color: #0661FA;

}


.rx-container-map .wpcf7-submit::after {
    content: "\35"; /* Unicode for right arrow */
    display: inline-block;
    margin-right: 5px; /* Adjust as needed */
    position: absolute;
    right: 0;
    top:0;
    width: 10px;

}
.rx-slogun {
    background-color: #FFF9E8;
    padding: 30px;
    box-shadow:rgba(17, 12, 46, 0.15) 0px 8px 21px 0px;
    border-bottom: 5px solid #0661FA;
}

.rx-box-container {
    background-color: #F9F9F9;
    margin-bottom: 5px;
    /* margin-left: 5px; */
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
input[type=button].button, input[type=reset].button, input[type=submit], input[type=submit].button {
    background-color: #F9F9F9;
    border-color: rgba(0, 0, 0, .05);
    color: #0661FA;
    padding-right: 50px;
    padding-left: 25px;
    text-transform: math-auto;
    border-radius: 20px;
}

.frm7-button {
    display: inline-block;
    text-align: left;
    position: relative;
}
.frm7-button .wpcf7-spinner {
    display: none;
}
.wpcf7-not-valid-tip {
    text-align: left;
}
.frm7-button .wpcf7-form-control{
    margin-right: 0px;
    margin-bottom: 0px;
}
.frm7-button-item input[type="submit"]{
    border: 1px solid  #0661FA;
}
.frm7-button-item::after {
    content: "";
    position: absolute;
    background-image: url('./assets/img/arrow-right-small.png');
    background-size: contain;
    width: 25px;
    height: 25px;
    right: 16px;
    top: 7px;
}

.frm7-button:hover .frm7-button-item::after {
    background-image: url('./assets/img/arrow-right-small-hover.png') !important;

}
/* #EB743A */

.button:hover, .dark .button.is-form:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
    box-shadow: unset;
    color: #fff;
    opacity: 1;
    outline: none;
    background-color: #0661FA;
}


#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator  {
    display: none;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover{
    color: #0661FA !important;
}
#mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link  {
    padding-left: 35px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
#mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link::before  {
    content: "";
    position: absolute !important;
    background-image: url('./assets/img/m-arrow-right.png') !important;
    background-size: contain !important;
    width: 24px !important;
    height: 24px !important;
    left: 0px !important;
    top: 5px !important;
}
.mega-menu-row {
    border-radius: 5px !important;
}
#mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link
{
    font-size: 16px !important;
}
#mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover {
    color: #0661FA !important;
    /* font-weight: 600 !important; */

}
#mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover:before  {
    background-image: url('./assets/img/m-arrow-right-hover.png') !important;
    background-size: contain !important;
}
#mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:before  {
    background-image: url('./assets/img/m-arrow-right-hover.png') !important;
    background-size: contain !important;
}
#mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item.mega-current-menu-item > a.mega-menu-link  {
    color: #0661FA !important;
}
.mega-menu-link {
    text-transform:initial !important;
}

#mega-menu-primary > li {
   /* padding-left: 7px !important;
    padding-right: 7px !important;
	*/
}
.header-nav.header-nav-main.nav.nav-left.nav-box.nav-uppercase
{
  justify-content: center;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    background: transparent;
    border-color: transparent;
}
#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
    border-radius: 5px;
}
/* menu dich vu*/
#mega-menu-item-1111 {
    position: relative !important;
}
#mega-menu-item-1111 ul{
    min-width: 300px !important;
}

#mega-menu-item-1111 ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 0px 15px 0px 15px !important;
    width: 100%;
}
#mega-menu-item-1111 ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:first-child  {
    padding-top: 20px!important;
}
#mega-menu-item-1111 ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: 16px !important;
    font-weight: normal !important;
    padding-left: 40px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

#mega-menu-item-1111 ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: 16px !important;
    font-weight: normal !important;
}

#mega-menu-item-1111 ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link::before {
    content: "";
    position: absolute !important;
    background-image: url('./assets/img/m-arrow-right.png') !important;
    background-size: contain !important;
    width: 24px !important;
    height: 24px !important;
    left: 6px !important;
    top: 5px !important;
}
#mega-menu-item-1111 ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
    color: #0661FA !important;
    /* font-weight: 600 !important; */
}
#mega-menu-item-1111 ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover::before {
    background-image: url('./assets/img/m-arrow-right-hover.png') !important;
    background-size: contain !important;
}
#mega-menu-item-1111 ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::before {
    background-image: url('./assets/img/m-arrow-right-hover.png') !important;
    background-size: contain !important;
}

.current-menu-item > a {
    color: #0661FA !important;
}

.rx-post-list {
    display: flex;
}
.rx-post-blog-item {
    flex: 1;
    display: flex;
}
.rx-post-blog-item  .rx-post-item {
    flex: 1;
    display: flex;
}
.rx-post-blog-item  .rx-post-item .rx-box-container {
    flex: 1;
}
.box-image .rx-post-img > a > img {
    min-height: 274px;
}
.rx-col-right .rx-post-item, .rx-col-right .rx-box-container{
    background-color: #fff;
}

.rx-button {
    background-color: #fff;
    text-transform: none ;
    color: #0661FA;
    border: 1px solid #0661FA;
}
.rx-button .icon-angle-right {
    margin-left: 0.1em;
    width: 25px;
    top: -13px;
}
.rx-button .icon-angle-right::before {
    content: "";
    position: absolute;
    background-image: url('./assets/img/arrow-right-small.png') !important;
    background-size: contain !important;
    top: 0;
    right: 0px;
    width: 25px;
    height: 25px;
}
.rx-button:hover .icon-angle-right::before {
    background-image: url('./assets/img/arrow-right-small-hover.png') !important;

}
.rx-room-reason .section-bg::after{
    content: "";
    position: absolute;
    background-image: url('./assets/img/bg-circle.png') !important;
    background-size: contain !important;
    bottom: -70px;
    right: -70px;
    width: 250px;
    height: 250px;
}
.list-news .rx-post-list {
    display: flex;
    flex-direction: column;
}
.list-news .rx-post-blog-item {
    height: 200px;
}
.list-news .box-image .rx-post-img > a > img {
    width: 290px;
    min-height: unset;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.list-news .rx-box-container {
    display: flex;
    flex-direction: row;
}
.list-news .box-image {
    flex: .4;
    display: flex;
    justify-content: center;
    align-items: center;
}

.list-news .box-text {
    flex: .6;
}

.list-news .post-date,
.hero-news .post-date{
    margin-bottom: 16px;
    padding-top: 0;

}

.list-news .rx-post-img img,
.hero-news .rx-post-img img{
    border-radius: 10px ;

}

.list-news .rx-post-item:hover, .hero-news .rx-post-item:hover  {
    /* border: 1px solid #0661FA; */
    background: #fff;
}

.list-news .rx-post-item ,
.hero-news .rx-post-item {
    border: unset;
}
.list-news .post-title a:hover, .hero-news .post-title a:hover{
    color: #0661FA;
}
.rx-box-container {
    border-radius: 10px;
    height: 100%;
}
.rx-box-container  .rx-post-img img {
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.rx-container-goc-cong-nghe  .rx-post-item {
    border: unset;
}
.rx-container-goc-cong-nghe  .post-date {
    padding-bottom: 10px;
}
.rx-breadcrumb {
    background-color: #f6f5fa;
    z-index: 2;
}
.rx-program-item .box-image img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.container-button-lab {
    padding-bottom: 0px;
}
.lab-icon .icon-box-img  .icon-inner img{
    box-shadow: 0 5px 6px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
}
.social-icons a {
    color: #0661FA;
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .block-item .icon-box-img {
        max-width: 100%;
        width: 100% !important;
    }
    .box-text-item {
        padding-bottom: 20px;
    }
    .box-text-item h3 {
        padding-top: 20px;
    }
    .muc-tieu-block {
        margin-top: 80px;
    }

    #wpsm_team_1_b_row_790 .wpsm_team_1_member_wrapper {
        display: block;
    }
    #wpsm_team_1_b_row_790 .wpsm_team_1_member_wrapper img{
        max-width: 100%;
    }
    .about-robustx-msg {
        width: 100%;
        font-size: 16px;
        padding: 30px 10px;
    }
    .ft-48 {
        font-size: 24px;
    }
    .list-news .rx-box-container {
        flex-direction: column;
    }
    .list-news .rx-post-blog-item {
        height: auto;
    }
    .list-news .box-image,.list-news .box-image .rx-post-img {
        height: 250px;
    }
    .list-news .box-image .rx-post-img > a > img {
        width: 100%;
        min-height: 250px;
    }
    /* .rx-post-img {
        min-height: 300px;
    }
    .list-news .rx-box-container {
        flex-direction: column;
    }
   .list-news .box-image .rx-post-img > a > img {
        width: 100%;
        height: 300px;
   } */

}
.rx-english-for-it{
    /*margin-top: -174px;*/
}
.course-path {
    /*margin: 100px 0;*/
    margin: 30px 0px 250px 0px;
}
.rx-feature-box{
    min-height: 240px;
}
.rx-hinhthuc-dt {
    padding-right: 60px;
}
.rx-muc-luc {
    padding-top: 15px;
    padding-left: 15px;
}

.course-path {
    /*background-image: url('./assets/img/path_bg.png');*/
    /*background-size: 100% 100%;*/
    /* height: 2192px; */
    position: relative;
}

.course-item {
    display: flex;
    flex-direction: row;
    border: solid 2px #736161;
    border-radius: 10px;
    width: 286px;
    position: relative;
    background: #fff;
    align-items: center;
    padding: 5px;
    height: fit-content;
    min-height: 110px;
}

.small-img {
    width: 60px;
    height: 60px;
}

.image-main-a {
    position: absolute;
}

.imagemap {
    position: relative;
    text-align: center;
}

.imagemap .course-big {
    height: 2600px;
}

.course-image {
    height: 80px;
    width: 80px;
    object-fit: cover;
    border: solid 2px #3863fc;
    border-radius: 20px;
}

.course-title {

    display: flex;

    align-items: start;

    flex-direction: column;

    padding-left: 10px;

    text-align: left;

    position: relative;

    /* height: 100%; */

    min-height: 115px;

    justify-content: space-between;

    flex-grow: 1;
}

.course-title a {
    font-size: 13px;
    font-weight: bold;
    /* height: 100%; */
}

.course-time {

    display: flex;

    align-self: end;

    background: #3863fc;

    color: #fff;

    padding: 2px 10px;

    border-radius: 20px;

    font-size: 12px;

    /* position: absolute; */

    /* bottom: 0; */
}

.course-detail-container {
    border-radius: 20px;
    color: #fff;
    padding: 10px 20px;
    border: 1px solid #EC6625;
    /*display: none;*/
}

.course-detail-container.panel-right {
    position: relative;
    width: 350px;
    margin-left: 50px;
}


.course-detail-container.panel-left {
    position: absolute;
    width: 350px;
    left: calc(-350px - 55px);
}

.course-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.course-detail {
    width: 30px;
    height: 30px;
    display: flex;
    align-self: end;
    cursor: pointer;
}

.course-detail.expand-icon {
    background-image: url('./assets/img/expand_icon.png');
    background-size: 100%;
}

.course-detail.collapse-icon {
    background-image: url('./assets/img/collapse_icon.png');
    background-size: 100%;
}

.course-detail-content p {
    text-align: left;
    white-space: pre-wrap;
    margin-bottom: 0;
    font-size: 13px;
}
.rx-index {
    width: 35px;
    height: 35px;
    position: absolute;
    top: -18px;
    left: -17px;
    z-index: 100;
    background: #F9BD15;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    display: flex;
    justify-content: center;
}

.course-line {
    width: 45px;
    height: 12px;
    position: absolute;
    top: 50%;
    display: none;
    background-image: url(./assets/img/line-link.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 2px;
}
.course-line:before {
    position: absolute;
    left: 0;
    top: 0;
    background-color: red;
    width: 5px;
    height: 5px;
}
.course-line.panel-left{
    left: -52px;
}
.course-line.panel-right{
    left: 286px;
}
.course-element-hidden {
    visibility: hidden !important;
}


#menu-item-1111 .sub-menu.nav-sidebar-ul.children li,
.mobile-sidebar .sub-menu.nav-sidebar-ul.children li ul li {
    padding-left: 30px;
    position: relative;
}
.mobile-sidebar .sub-menu.nav-sidebar-ul.children li ul li::before,
#menu-item-1111 .sub-menu.nav-sidebar-ul.children li::before {
    content: "";
    position: absolute !important;
    background-image: url(./assets/img/m-arrow-right.png) !important;
    background-size: contain !important;
    width: 24px !important;
    height: 24px !important;
    left: 20px !important;
    top: 5px !important;
}
#menu-item-1111 .sub-menu.nav-sidebar-ul.children li::before,
.mobile-sidebar .sub-menu.nav-sidebar-ul.children li ul li.current-menu-item::before {
    background-image: url(./assets/img/m-arrow-right-hover.png) !important;
    background-size: contain !important;
}


.opening-schedule {
    display: flex;
    flex-direction: column;
}

.block-item .icon-box-img img,.block-item .icon-box-img .icon, .block-item .icon-box-img .icon-inner{ 
	height: 100%;
}
.block-item .icon-box-img img {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.wp-block-image img {
	width: 100%;
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Add your iPad-specific styles here */
    /* For example, you can adjust the layout, font sizes, margins, etc. for iPad screens */
    .block-item .icon-box-img {
        max-width: 100%;
        width: 100% !important;
    }
    .block-item .icon-box-img img {
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }
    .featured-box.block-item{
        display: flex;
        flex-direction: column;
    }
    .block-item .box-text-item{
        min-height: 170px;
    }
}

@media only screen and (max-width: 1245px) {

    #header .hide-for-medium {
        display: none !important;
    }

    #header .show-for-medium {
        display: block !important;
    }

    #header .medium-logo-center .logo {
        margin: 0 15px;
        order: 0;
        text-align: center;
    }
    #menu-item-553 {
        display: none;
    }
    .nav-vertical li li.menu-item-has-children>a {
        color: #525C6C;
    }
    .nav-sidebar.nav-vertical>li.menu-item.active {
        background-color:#fff;
    }
    .off-canvas-left .mfp-content,
    .off-canvas-right .mfp-content {
        background-color: #fff;
    }
}

.course-path {
    display: block;
}

.course-path-mobile {
    /* background-size: 100% 100%; */
    background-size: auto 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-image: url(./assets/img/course_path_mb.png);
    display: none;
}

.course-path-mobile .course-title {
    min-height: 90px;
}

.course-path-mobile .course-wrapper {
    margin-bottom: 60px;
    flex-direction: column;
}

.course-path-mobile .rx-index {
    left: calc(50% - 17px););
}

.course-path-mobile .course-wrapper.even .course-detail-container {
    border: 1px solid #EC6625;
    background-color: #EC6625;
}

.course-path-mobile .course-wrapper.odd .course-detail-container {
    border: 1px solid #3863fc;
    background-color: #3863fc;
}

.course-path-mobile .course-item, .course-path-mobile .course-detail-container {
    width: 90%;
    max-width: 390px;
}

.course-path-mobile .course-detail-container {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    margin-top: -10px;
    padding-top: 20px;
}

.mobile {
    display: none !important;
}
.mobile-flex {
    display: none !important;
}
.mobile-inline {
    display: none !important;
}

.desktop {
    display: block !important;
}
.desktop-flex {
    display: flex !important;
}

@media only screen and (min-width: 4001px) {

}

@media only screen and (max-width: 3001px) {
}

@media only screen and (max-width: 2501px) {

}

@media only screen and (max-width: 2301px) {
}

@media only screen and (max-width: 2000px) {
    .home-exams {
        height: 621px;
    }
}

@media only screen and (max-width: 1800px) {
}

@media only screen and (max-width: 1600px) {
    .course-title {
        min-height: 90px;
    }

    .course-detail-container {
        padding: 5px 15px;
    }

    .course-detail {
        width: 25px;
        height: 25px;
    }

    .rx-index {
        width: 30px;
        height: 30px;
        top: -14px;
        left: -14px;
        font-size: 13px;
    }

    .course-detail-container.panel-left {
        left: calc(-350px - 45px);
    }

    .course-detail-container.panel-right {
        margin-left: 45px;
    }

    .course-line {
        width: 35px;
    }

    .course-line.panel-left {
        left: -43px;
    }

    .course-line.panel-right {
        left: 289px;
    }
}

@media only screen and (max-width: 1400px) {

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1200px) {
    .course-path {
        display: none;
    }

    .course-path-mobile {
        display: block;
    }
}


/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

}

@media only screen and (max-width: 992px) {

}

@media only screen and (max-width: 768px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .mobile {
        display: block !important;
    }
    .mobile-flex {
        display: flex !important;
    }
    .mobile-inline {
        display: inline-block !important;
    }

    .desktop {
        display: none !important;
    }
    .desktop-flex {
        display: none !important;
    }
    .block-item .icon-box-img img {
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }
}

@media only screen and (max-width: 400px) {

}

@media only screen and (max-width: 375px) {

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {

}


/* Landscape */
@media only screen
and (max-device-width: 1024px)
and (orientation: landscape) {
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 834px)
and (max-device-width: 1112px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 834px)
and (max-device-width: 834px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1112px)
and (max-device-width: 1112px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2) {



}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1366px)
and (max-device-width: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {

}

@media only screen and (min-width: 769px) {
    #mega-menu-wrap-primary {
        background: transparent !important;
    }
}