 @font-face {
	 font-family: 'HelveticaNeue';
	 src: url("../fonts/HelveticaNeue.woff") format('woff');
}
@font-face {
    font-family: 'HelveticaNeue';
    src: url("../fonts/HelveticaNeueBold.ttf") format('truetype');
}
 html {
	 font-size: 14px;
}
 @media (min-width: 768px) {
	 html {
		 font-size: 16px;
	}
}
 #bxslider-large {
	 visibility: hidden;
	 height: 0;
	 display: inline-block;
	 z-index: 20;
}
 .bx-wrapper {
	 margin-bottom: 0 !important;
	 border: none !important;
	 border-radius: 20px;
}
#chon-khoa-hoc-tieng-anh-phu-hop {
    font-family: 'HelveticaNeue';
}
 #chon-khoa-hoc-tieng-anh-phu-hop .mh-100 {
	 min-height: calc(100vh - 160px);
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-title {
	 background-image: url("/images/chon-khoa-hoc-tieng-anh-phu-hop/bg-first.png");
	 background-color: #5142e8;
	 background-size: cover;
	 background-position: 76% 48%;
}
 @media screen and (max-width: 575px) {
	 #chon-khoa-hoc-tieng-anh-phu-hop .section-title {
		 background-position: 46% 0%;
	}
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-title .title-large {
	 font-size: 38px;
	 line-height: 46px;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-title .title-content {
	 font-size: 18px;
	 line-height: 28px;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-test {
	 background-image: url("/images/chon-khoa-hoc-tieng-anh-phu-hop/vector-bg-test.png");
	 background-color: #0794ca;
	 background-repeat: no-repeat;
     padding-top: 3rem;
     padding-bottom: 3rem;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-test .play-content .bg-test {
	 background-image: url("/images/chon-khoa-hoc-tieng-anh-phu-hop/bg-test.png");
	 background-color: white;
	 background-size: cover;
	 border-radius: 20px;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-test .play-content .bg-test .content-fast .text-title-fast {
	 font-size: 38px;
	 line-height: 46px;
	 color: #0794ca;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-test .play-content .bg-test .content-fast .content-text-title-fast {
	 font-size: 18px;
	 line-height: 28px;
	 color: #234151;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-test .play-content .bg-test .text-question {
	 font-size: 22px;
	 line-height: 27px;
	 color: #0794ca;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-test .play-content .bg-test .text-question .text-description {
	 font-size: 18px;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-test .play-content .bg-test .list-answer .text-answer {
	 background-color: transparent !important;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-test .play-content .bg-test .list-answer .effect-selected {
	 background-color: #53d8ff !important;
	 border-radius: 5px;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-test .play-content .bg-test .list-answer .font-answer {
	 font-size: 18px;
	 color: #234151;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-test .result-content {
	 background-image: url(/images/chon-khoa-hoc-tieng-anh-phu-hop/vector-bg-test.png);
	 background-color: #0794ca;
	 background-repeat: no-repeat;
	 margin-bottom: 0 !important;
	 border: none !important;
	 display: none;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-test .result-content .bg-result {
	 background-color: white;
	 border-radius: 20px;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-test .result-content .bg-result .title-result {
	 font-size: 48px;
	 line-height: 28px;
	 color: #0794ca;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-test .result-content .bg-result .content-result {
	 font-size: 18px;
	 line-height: 34px;
	 color: #404749;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-test .result-content .bg-result .content-result-all {
	 font-size: 18px;
	 line-height: 34px;
	 color: #0794ca;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-get-info {
	 background-color: #5142e8;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-get-info .des {
	 font-size: 22px;
	 color: white;
	 font-weight: bold;
	 line-height: 35px;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-get-info .s-form .form-control {
	 background-color: #5142e8;
	 font-size: 18px;
	 color: white;
	 border: 1px solid rgba(255, 255, 255, 0.25);
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-get-info .s-form ::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	 font-size: 18px;
	 color: white;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-get-info .s-form :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	 font-size: 18px;
	 color: white;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .section-get-info .s-form ::-ms-input-placeholder {
	/* Microsoft Edge */
	 font-size: 18px;
	 color: white;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .w-95-100 {
	 width: 95%;
}
 @media screen and (max-width: 575px) {
	 #chon-khoa-hoc-tieng-anh-phu-hop .w-95-100 {
		 width: 100%;
	}
}
 #chon-khoa-hoc-tieng-anh-phu-hop .btn-start {
	 background-color: #0794ca;
	 color: white;
	 padding: 8px 40px;
	 border-radius: 5px;
	 font-size: 18px;
	 transition: all 0.3s linear;
     padding: 0.400rem 2.75rem;
     font-weight: 500;
     font-size: 1.05rem;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .btn-start:hover {
	 color: #00a6c7 !important;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .btn-primary {
	 background-color: #f12274;
	 border: 1px solid #f18052;
	 padding: 8px 40px;
	 border-radius: 5px;
	 font-size: 18px;
	 transition: all 0.3s linear;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .btn-primary:hover {
	 color: #234151 !important;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .answer__item-button {
	 background: linear-gradient(135deg, #41abe2 0%, #5fd7bc 100%);
	 padding: 10px 18px;
	 border-radius: 10px;
	 border: 1px solid #5fd7bc;
	 transition: all 0.3s linear;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .answer__item-button:hover, #chon-khoa-hoc-tieng-anh-phu-hop .answer__item-button.selected {
	 color: #fff;
	 background: #f18052;
	 border: 1px solid #f18052;
}
 #chon-khoa-hoc-tieng-anh-phu-hop .answer__item-value {
	 font-size: 16px;
	 color: #000;
}
 #modalNews .modal-dialog, #modalThanks .modal-dialog {
	 margin-top: 200px;
}
 @media screen and (min-width: 575px) {
	 #modalNews .modal-dialog, #modalThanks .modal-dialog {
		 max-width: 550px;
	}
}
 #modalNews .modal-header, #modalThanks .modal-header {
	 border-bottom: none;
	 padding: 10px;
}
 #modalNews .modal-body, #modalThanks .modal-body {
	 padding-bottom: 40px;
}
 #modalNews .modal-body p, #modalThanks .modal-body p {
	 color: #2c9fd8;
	 font-weight: bold;
}
 #modalNews .modal-body .btn-modal, #modalThanks .modal-body .btn-modal {
	 font-size: 13px;
	 line-height: 20px;
	 text-align: center;
	 color: #fff;
	 padding: 10px;
	 background-color: #2c9fd8;
	 border-radius: 5px;
	 transition: all 0.3ms linear;
}
 #modalNews .modal-dialog .btn-modal {
	 width: 30%;
}
#chon-khoa-hoc-tieng-anh-phu-hop h3{
    font-size: 20px;
    font-weight: bold;
}
