.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #f37843;
    background-color: #f37843
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #f37843
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: #f37843
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #f37843
}

.custom-control-input:disabled ~ .custom-control-label::before, .custom-control-input[disabled] ~ .custom-control-label::before {
    background-color: #e9ecef
}


.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background: -webkit-linear-gradient(to right, #f5af19, #f12711) !important;
    background: linear-gradient(to right, #f5af19, #f12711) !important;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #f37843
}


.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .custom-control-label::before, .custom-file-label, .custom-select {
        transition: none
    }
}

.form-inline .custom-control {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}


.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #f37843;
    background-color: #f37843
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem #f37843
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-control-input:disabled ~ .custom-control-label, .custom-control-input[disabled] ~ .custom-control-label {
    color: #6c757d
}


.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none !important;
}

.custom-control-input:checked~.custom-control-label::before {
    background-color: #f6d6c5 !important;
    border-color: #f6d6c5 !important;
}

.custom-control-input:active~.custom-control-label::before {
    background-color: #f6d6c5 !important;
    border-color: #f6d6c5 !important;
}

.custom-switch .custom-control-label::after{

}

.custom-control-input-green:not(:disabled):active~.custom-control-label::before {
    background-color: #f6d6c5 !important;
    border-color: #f6d6c5 !important;
}

.course-dropdown-responsive{
    overflow: auto;
    max-height: 400px;
}

.masonry {
    column-count: 1;
    column-gap: 10px;
}
.masonry .item {
    break-inside: avoid;
}

@media (min-width: 576px) {
    .masonry {
        column-count: 1;
        column-gap: 10px;
    }

    .course-dropdown-responsive{
        /* width:100% !important; */
    }
}

@media (min-width: 768px) {
    .masonry {
        column-count: 2;
        column-gap: 10px;
    }
    .course-dropdown-responsive{
        /* width: 100% !important; */
        max-height: 500px;
    }
}

@media (min-width: 992px) {
    .masonry {
        column-count: 2;
        column-gap: 10px;
    }
    .masonry .item {
        break-inside: avoid;
        /* min-width: 250px; */
    }
    .course-dropdown-responsive{
        /* width: 800px !important; */
        max-height: 800px;
    }
}

@media (min-width: 1200px) {
    .masonry {
        column-count: 3;
        column-gap: 24px;
    }
    .course-dropdown-responsive{
        /* width: 800px !important; */
        max-height: unset;
    }
}

@media (min-width: 1400px) {
    .course-dropdown-responsive{
        /* width: 800px !important; */
    }
}

/*translate*/
/*.skiptranslate.goog-te-gadget{*/
/*    display: none !important;*/
/*}*/

/*#google_translate_element{*/
/*    overflow: hidden;*/

/*}*/

/*.flag-vietnam:hover + .flag-england{*/
/*    display: block!important;*/
/*}*/

#goog-gt-tt, .goog-te-balloon-frame{display: none !important;}
.goog-text-highlight { background: none !important; box-shadow: none !important;}

body{ top: 0 !important;}
.goog-te-banner-frame{display: none !important;}

.goog-logo-link{display: none !important;}
.goog-te-gadget{height: 28px !important;  overflow: hidden;
    display: flex;align-items: center;
}

#dropdown-select-language .dropdown-menu {
    border-radius: 15px;
    border: none;
    padding: 10px;
    float: none;
    box-shadow: 0px 0px 16px -4px rgb(0 0 0 / 36%);
}

#dropdown-select-language .dropdown-item {
    border-radius: 10px;
    padding: 10px 15px;
    cursor: pointer;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}


.header-course-name{
    font-size: 14px !important;
}
.header-course-description{
    font-size: 11px !important;
}