/* @import "../../abstracts/_mixins.scss"; */
 @font-face {
	 font-family: 'Baloo';
	 src: url('/fonts/baloo/Baloo2-Medium.ttf') format('truetype');
}
 .bx-wrapper {
	 margin-bottom: 0;
}
 @media screen and (max-width: 500px) {
	 .sec1 .d-xs-none {
		 display: none;
	}
}
 .sec1 .visible-xs {
	 display: none;
}
 @media screen and (max-width: 500px) {
	 .sec1 .visible-xs {
		 display: initial;
	}
}
 .sec1 .btn-thuthach {
	 bottom: 18%;
	 right: 27%;
	 background: linear-gradient(180deg, rgba(255, 214, 0, 0.4) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, #60c000 0%, #298d00 100%);
	 border: 8px solid #006440;
	 box-shadow: 0 3px 2px rgba(116, 42, 0, 0.25), inset 4px 4px 4px rgba(255, 255, 255, 0.3);
	 border-radius: 40px;
	 color: #fff;
	 font-size: 26px;
	 line-height: 41px;
	 font-family: 'Baloo', cursive;
	 font-weight: bold;
	 padding: 10px 40px;
}
 @media screen and (max-width: 1280px) {
	 .sec1 .btn-thuthach {
		 right: 25%;
	}
}
 @media screen and (max-width: 1024px) {
	 .sec1 .btn-thuthach {
		 bottom: 16%;
		 font-size: 22px;
		 padding: 5px 25px;
	}
}
 @media screen and (max-width: 768px) {
	 .sec1 .btn-thuthach {
		 bottom: 17%;
		 font-size: 20px;
		 padding: 5px 15px;
		 line-height: 30px;
		 border: 5px solid #006440;
	}
}
 @media screen and (max-width: 500px) {
	 .sec1 .btn-thuthach {
		 bottom: 45%;
	}
}
 .sec2 {
	 background: url("../../images/test/tu-duy-ung-dung/bg-main.png");
	 background-repeat: no-repeat;
	 background-size: cover;
	 padding: 70px 0;
}
 @media screen and (max-width: 500px) {
	 .sec2 {
		 background: url("../../images/test/tu-duy-ung-dung/bg-main-mobile.png");
		 background-repeat: no-repeat;
		 background-size: cover;
	}
}
 .sec2 .container {
	 background: rgba(0, 48, 33, 0.85);
	 border-radius: 10px;
}
 .sec2 .container .swap-info {
	 padding: 130px 200px;
}
 @media screen and (max-width: 1024px) {
	 .sec2 .container .swap-info {
		 padding: 130px 140px;
	}
}
 @media screen and (max-width: 768px) {
	 .sec2 .container .swap-info {
		 padding: 100px 0;
	}
}
 .sec2 .container .swap-info__title {
	 font-family: "Bungee";
	 font-style: normal;
	 font-weight: normal;
	 font-size: 36px;
	 line-height: 43px;
	 color: #fff;
	 margin-bottom: 50px;
}
 @media screen and (max-width: 768px) {
	 .sec2 .container .swap-info__title {
		 margin-bottom: 30px;
	}
}
 .sec2 .container .swap-info__desc {
	 font-family: 'Baloo', cursive;
	 font-style: normal;
	 font-weight: normal;
	 font-size: 18px;
	 line-height: 28px;
	 color: #fff;
	 margin-bottom: 60px;
}
 @media screen and (max-width: 768px) {
	 .sec2 .container .swap-info__desc {
		 margin-bottom: 30px;
	}
}
 .sec2 .container .swap-info .btn-start {
	 background: linear-gradient(180deg, rgba(255, 214, 0, 0.4) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, #60c000 0%, #298d00 100%);
	 border: 8px solid #006440;
	 box-shadow: 0 3px 2px rgba(116, 42, 0, 0.25), inset 4px 4px 4px rgba(255, 255, 255, 0.3);
	 border-radius: 40px;
	 color: #fff;
	 font-size: 26px;
	 line-height: 41px;
	 font-family: 'Baloo', cursive;
	 font-weight: bold;
	 padding: 8px 40px;
}
 @media screen and (max-width: 768px) {
	 .sec2 .container .swap-info .btn-start {
		 font-size: 20px;
		 padding: 7px 35px;
		 line-height: 30px;
		 border: 5px solid #006440;
	}
}
 .sec3 {
	 background: url("../../images/test/tu-duy-ung-dung/bg-main.png");
	 background-size: cover;
	 background-repeat: no-repeat;
}
 @media screen and (max-width: 500px) {
	 .sec3 {
		 background: url("../../images/test/tu-duy-ung-dung/bg-main-mobile.png");
		 background-repeat: no-repeat;
		 background-size: cover;
	}
}
 @media screen and (max-width: 500px) {
	 .sec3 .d-xs-none {
		 display: none;
	}
}
 .sec3 .visible-xs {
	 display: none;
}
 @media screen and (max-width: 500px) {
	 .sec3 .visible-xs {
		 display: initial;
	}
}
 @media screen and (max-width: 500px) {
	 .sec3 .container, .sec3 .col-12 {
		 padding: 0;
	}
}
 .sec3 .swap-question {
	 padding: 50px 0;
}
 .sec3 .swap-question .bx-wrapper {
	 border: 0;
	 box-shadow: none;
	 background: transparent;
}
 .sec3 .swap-question .slide-question .item-question p {
	 font-family: "Bungee";
	 font-size: 36px;
	 line-height: 43px;
	 color: #5b1000;
	 margin-top: 70px;
}
 @media screen and (max-width: 768px) {
	 .sec3 .swap-question .slide-question .item-question p {
		 font-size: 28px;
	}
}
 @media screen and (max-width: 500px) {
	 .sec3 .swap-question .slide-question .item-question p {
		 font-size: 24px;
		 padding: 0 3%;
	}
}
 .sec3 .swap-question .slide-question .item-question p.description {
	 font-family: "Baloo";
	 font-size: 24px;
	 line-height: 32px;
	 color: #9b5242;
	 padding: 0 10%;
	 margin-top: 20px;
}
 .sec3 .swap-question .slide-question .slide-1, .sec3 .swap-question .slide-question .slide-2, .sec3 .swap-question .slide-question .slide-3, .sec3 .swap-question .slide-question .slide-4, .sec3 .swap-question .slide-question .slide-5, .sec3 .swap-question .slide-question .slide-6, .sec3 .swap-question .slide-question .slide-7 {
	 background: url("../../images/test/tu-duy-ung-dung/bg-ans.png");
	 background-size: 100% 100%;
	 background-repeat: no-repeat;
}
 @media screen and (max-width: 500px) {
	 .sec3 .swap-question .slide-question .slide-1, .sec3 .swap-question .slide-question .slide-2, .sec3 .swap-question .slide-question .slide-3, .sec3 .swap-question .slide-question .slide-4, .sec3 .swap-question .slide-question .slide-5, .sec3 .swap-question .slide-question .slide-6, .sec3 .swap-question .slide-question .slide-7 {
		 background: url("../../images/test/tu-duy-ung-dung/bg-ans-mobile.png");
		 background-repeat: no-repeat;
		 background-size: 100% 100%;
	}
}
 .sec3 .swap-question .slide-question .slide-1 .item-img, .sec3 .swap-question .slide-question .slide-2 .item-img, .sec3 .swap-question .slide-question .slide-3 .item-img, .sec3 .swap-question .slide-question .slide-4 .item-img, .sec3 .swap-question .slide-question .slide-5 .item-img, .sec3 .swap-question .slide-question .slide-6 .item-img, .sec3 .swap-question .slide-question .slide-7 .item-img {
	 display: flex;
	 padding: 0 10%;
	 margin-top: 60px;
	 margin-bottom: 10px;
}
 @media screen and (max-width: 1024px) {
	 .sec3 .swap-question .slide-question .slide-1 .item-img, .sec3 .swap-question .slide-question .slide-2 .item-img, .sec3 .swap-question .slide-question .slide-3 .item-img, .sec3 .swap-question .slide-question .slide-4 .item-img, .sec3 .swap-question .slide-question .slide-5 .item-img, .sec3 .swap-question .slide-question .slide-6 .item-img, .sec3 .swap-question .slide-question .slide-7 .item-img {
		 padding: 0 5%;
	}
}
 @media screen and (max-width: 500px) {
	 .sec3 .swap-question .slide-question .slide-1 .item-img, .sec3 .swap-question .slide-question .slide-2 .item-img, .sec3 .swap-question .slide-question .slide-3 .item-img, .sec3 .swap-question .slide-question .slide-4 .item-img, .sec3 .swap-question .slide-question .slide-5 .item-img, .sec3 .swap-question .slide-question .slide-6 .item-img, .sec3 .swap-question .slide-question .slide-7 .item-img {
		 margin-top: 10px;
		 margin-bottom: 10px;
	}
}
 .sec3 .swap-question .slide-question .slide-1 .item-img img, .sec3 .swap-question .slide-question .slide-2 .item-img img, .sec3 .swap-question .slide-question .slide-3 .item-img img, .sec3 .swap-question .slide-question .slide-4 .item-img img, .sec3 .swap-question .slide-question .slide-5 .item-img img, .sec3 .swap-question .slide-question .slide-6 .item-img img, .sec3 .swap-question .slide-question .slide-7 .item-img img {
	 margin: auto;
}
 @media screen and (max-width: 768px) {
	 .sec3 .swap-question .slide-question .slide-1 .item-img img, .sec3 .swap-question .slide-question .slide-2 .item-img img, .sec3 .swap-question .slide-question .slide-3 .item-img img, .sec3 .swap-question .slide-question .slide-4 .item-img img, .sec3 .swap-question .slide-question .slide-5 .item-img img, .sec3 .swap-question .slide-question .slide-6 .item-img img, .sec3 .swap-question .slide-question .slide-7 .item-img img {
		 width: 20%;
	}
}
 .sec3 .swap-question .slide-question .slide-1 .item-btn, .sec3 .swap-question .slide-question .slide-2 .item-btn, .sec3 .swap-question .slide-question .slide-3 .item-btn, .sec3 .swap-question .slide-question .slide-4 .item-btn, .sec3 .swap-question .slide-question .slide-5 .item-btn, .sec3 .swap-question .slide-question .slide-6 .item-btn, .sec3 .swap-question .slide-question .slide-7 .item-btn {
	 display: flex;
	 padding: 0 10%;
	 margin-bottom: 50px;
}
 @media screen and (max-width: 1024px) {
	 .sec3 .swap-question .slide-question .slide-1 .item-btn, .sec3 .swap-question .slide-question .slide-2 .item-btn, .sec3 .swap-question .slide-question .slide-3 .item-btn, .sec3 .swap-question .slide-question .slide-4 .item-btn, .sec3 .swap-question .slide-question .slide-5 .item-btn, .sec3 .swap-question .slide-question .slide-6 .item-btn, .sec3 .swap-question .slide-question .slide-7 .item-btn {
		 padding: 0 5%;
	}
}
 @media screen and (max-width: 500px) {
	 .sec3 .swap-question .slide-question .slide-1 .item-btn, .sec3 .swap-question .slide-question .slide-2 .item-btn, .sec3 .swap-question .slide-question .slide-3 .item-btn, .sec3 .swap-question .slide-question .slide-4 .item-btn, .sec3 .swap-question .slide-question .slide-5 .item-btn, .sec3 .swap-question .slide-question .slide-6 .item-btn, .sec3 .swap-question .slide-question .slide-7 .item-btn {
		 display: block;
		 margin-bottom: 15px;
	}
}
 @media screen and (max-width: 500px) {
	 .sec3 .swap-question .slide-question .slide-1 .item-btn img, .sec3 .swap-question .slide-question .slide-2 .item-btn img, .sec3 .swap-question .slide-question .slide-3 .item-btn img, .sec3 .swap-question .slide-question .slide-4 .item-btn img, .sec3 .swap-question .slide-question .slide-5 .item-btn img, .sec3 .swap-question .slide-question .slide-6 .item-btn img, .sec3 .swap-question .slide-question .slide-7 .item-btn img {
		 width: 40%;
	}
}
 .sec3 .swap-question .slide-question .slide-1 .item-btn .btn-answer, .sec3 .swap-question .slide-question .slide-2 .item-btn .btn-answer, .sec3 .swap-question .slide-question .slide-3 .item-btn .btn-answer, .sec3 .swap-question .slide-question .slide-4 .item-btn .btn-answer, .sec3 .swap-question .slide-question .slide-5 .item-btn .btn-answer, .sec3 .swap-question .slide-question .slide-6 .item-btn .btn-answer, .sec3 .swap-question .slide-question .slide-7 .item-btn .btn-answer {
	 background: linear-gradient(180deg, rgba(255, 245, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, #fa8700 0%, #ed5500 100%);
	 border-radius: 30px;
	 padding: 7px 0;
	 font-family: "Baloo";
	 font-size: 24px;
	 line-height: 38px;
	 color: #fff;
	 margin: auto;
	 width: 23%;
	 border: 0;
}
 @media screen and (max-width: 768px) {
	 .sec3 .swap-question .slide-question .slide-1 .item-btn .btn-answer, .sec3 .swap-question .slide-question .slide-2 .item-btn .btn-answer, .sec3 .swap-question .slide-question .slide-3 .item-btn .btn-answer, .sec3 .swap-question .slide-question .slide-4 .item-btn .btn-answer, .sec3 .swap-question .slide-question .slide-5 .item-btn .btn-answer, .sec3 .swap-question .slide-question .slide-6 .item-btn .btn-answer, .sec3 .swap-question .slide-question .slide-7 .item-btn .btn-answer {
		 padding: 3px 0;
	}
}
 @media screen and (max-width: 500px) {
	 .sec3 .swap-question .slide-question .slide-1 .item-btn .btn-answer, .sec3 .swap-question .slide-question .slide-2 .item-btn .btn-answer, .sec3 .swap-question .slide-question .slide-3 .item-btn .btn-answer, .sec3 .swap-question .slide-question .slide-4 .item-btn .btn-answer, .sec3 .swap-question .slide-question .slide-5 .item-btn .btn-answer, .sec3 .swap-question .slide-question .slide-6 .item-btn .btn-answer, .sec3 .swap-question .slide-question .slide-7 .item-btn .btn-answer {
		 width: 90%;
		 margin-top: 10px;
		 margin-bottom: 20px;
	}
}
 .sec3 .swap-question .slide-question .slide-1 .item-btn .btn-answer:hover, .sec3 .swap-question .slide-question .slide-2 .item-btn .btn-answer:hover, .sec3 .swap-question .slide-question .slide-3 .item-btn .btn-answer:hover, .sec3 .swap-question .slide-question .slide-4 .item-btn .btn-answer:hover, .sec3 .swap-question .slide-question .slide-5 .item-btn .btn-answer:hover, .sec3 .swap-question .slide-question .slide-6 .item-btn .btn-answer:hover, .sec3 .swap-question .slide-question .slide-7 .item-btn .btn-answer:hover {
	 background: linear-gradient(180deg, rgba(173, 255, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, #42d61d 0%, #50a000 100%);
}
 .sec3 .swap-question .slide-question .slide-1 .item-btn .btn-answer.active, .sec3 .swap-question .slide-question .slide-2 .item-btn .btn-answer.active, .sec3 .swap-question .slide-question .slide-3 .item-btn .btn-answer.active, .sec3 .swap-question .slide-question .slide-4 .item-btn .btn-answer.active, .sec3 .swap-question .slide-question .slide-5 .item-btn .btn-answer.active, .sec3 .swap-question .slide-question .slide-6 .item-btn .btn-answer.active, .sec3 .swap-question .slide-question .slide-7 .item-btn .btn-answer.active {
	 background: linear-gradient(180deg, rgba(173, 255, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, #42d61d 0%, #50a000 100%);
}
 .sec3 .swap-question .slide-question .slide-1 .item-btn .btn-answer.wrong, .sec3 .swap-question .slide-question .slide-2 .item-btn .btn-answer.wrong, .sec3 .swap-question .slide-question .slide-3 .item-btn .btn-answer.wrong, .sec3 .swap-question .slide-question .slide-4 .item-btn .btn-answer.wrong, .sec3 .swap-question .slide-question .slide-5 .item-btn .btn-answer.wrong, .sec3 .swap-question .slide-question .slide-6 .item-btn .btn-answer.wrong, .sec3 .swap-question .slide-question .slide-7 .item-btn .btn-answer.wrong {
	 background: linear-gradient(180deg, rgba(255, 31, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, #e21b00 0%, #b80000 100%);
}
 .sec3 .swap-question .slide-question .slide-1 .item-arrow .btn-next-slide, .sec3 .swap-question .slide-question .slide-2 .item-arrow .btn-next-slide, .sec3 .swap-question .slide-question .slide-3 .item-arrow .btn-next-slide, .sec3 .swap-question .slide-question .slide-4 .item-arrow .btn-next-slide, .sec3 .swap-question .slide-question .slide-5 .item-arrow .btn-next-slide, .sec3 .swap-question .slide-question .slide-6 .item-arrow .btn-next-slide, .sec3 .swap-question .slide-question .slide-7 .item-arrow .btn-next-slide {
	 width: 60px;
	 height: 60px;
	 border: 0;
	 background: url("../../images/test/tu-duy-ung-dung/btn-next-disable.png");
	 background-size: cover;
	 background-repeat: no-repeat;
	 outline: none;
	 margin-bottom: 70px;
}
 .sec3 .swap-question .slide-question .slide-1 .item-arrow .btn-next-slide.active, .sec3 .swap-question .slide-question .slide-2 .item-arrow .btn-next-slide.active, .sec3 .swap-question .slide-question .slide-3 .item-arrow .btn-next-slide.active, .sec3 .swap-question .slide-question .slide-4 .item-arrow .btn-next-slide.active, .sec3 .swap-question .slide-question .slide-5 .item-arrow .btn-next-slide.active, .sec3 .swap-question .slide-question .slide-6 .item-arrow .btn-next-slide.active, .sec3 .swap-question .slide-question .slide-7 .item-arrow .btn-next-slide.active {
	 background: url("../../images/test/tu-duy-ung-dung/btn-next-active.png");
	 background-size: cover;
	 background-repeat: no-repeat;
}
 .sec3 .swap-question .slide-question .slide-2 .swap-img-btn, .sec3 .swap-question .slide-question .slide-5 .swap-img-btn {
	 display: flex;
	 padding: 0 10%;
}
 .sec3 .swap-question .slide-question .slide-2 .swap-img-btn .item-btn, .sec3 .swap-question .slide-question .slide-5 .swap-img-btn .item-btn {
	 margin-top: 60px;
	 padding: 0;
}
 @media screen and (max-width: 500px) {
	 .sec3 .swap-question .slide-question .slide-2 .swap-img-btn .item-btn, .sec3 .swap-question .slide-question .slide-5 .swap-img-btn .item-btn {
		 margin-top: 10px;
		 display: flex;
	}
}
 .sec3 .swap-question .slide-question .slide-2 .swap-img-btn .item-btn .answer, .sec3 .swap-question .slide-question .slide-5 .swap-img-btn .item-btn .answer {
	 margin-bottom: 20px;
}
 .sec3 .swap-question .slide-question .slide-2 .swap-img-btn .item-btn .answer img, .sec3 .swap-question .slide-question .slide-5 .swap-img-btn .item-btn .answer img {
	 margin: auto;
	 margin-bottom: 5px;
	 width: 100%;
}
 .sec3 .swap-question .slide-question .slide-2 .swap-img-btn .item-btn .answer button, .sec3 .swap-question .slide-question .slide-5 .swap-img-btn .item-btn .answer button {
	 width: 100%;
}
 .sec3 .swap-question .slide-question .slide-2 .item-img, .sec3 .swap-question .slide-question .slide-5 .item-img {
	 padding: 0;
}
 @media screen and (max-width: 500px) {
	 .sec3 .swap-question .slide-question .slide-2 .item-img, .sec3 .swap-question .slide-question .slide-5 .item-img {
		 margin-top: 10px;
	}
}
 .sec3 .swap-question .slide-question .slide-contact .container {
	 background: rgba(0, 48, 33, 0.85);
	 border-radius: 10px;
}
 .sec3 .swap-question .slide-question .slide-contact .container .form-control {
	 height: 45px;
}
 .sec3 .swap-question .slide-question .slide-contact .container .swap-info {
	 padding: 130px 140px;
}
 @media screen and (max-width: 1024px) {
	 .sec3 .swap-question .slide-question .slide-contact .container .swap-info {
		 padding: 130px 100px;
	}
}
 @media screen and (max-width: 768px) {
	 .sec3 .swap-question .slide-question .slide-contact .container .swap-info {
		 padding: 100px 50px;
	}
}
 @media screen and (max-width: 500px) {
	 .sec3 .swap-question .slide-question .slide-contact .container .swap-info {
		 padding: 100px 20px;
	}
}
 .sec3 .swap-question .slide-question .slide-contact .container .swap-info__title {
	 font-family: "Bungee";
	 font-style: normal;
	 font-weight: normal;
	 font-size: 36px;
	 line-height: 43px;
	 color: #fff;
	 margin-bottom: 50px;
}
 @media screen and (max-width: 500px) {
	 .sec3 .swap-question .slide-question .slide-contact .container .swap-info__title {
		 font-size: 30px;
		 line-height: 40px;
	}
}
 .sec3 .swap-question .slide-question .slide-contact .container .swap-info__desc {
	 font-family: 'Baloo', cursive;
	 font-style: normal;
	 font-weight: normal;
	 font-size: 18px;
	 line-height: 28px;
	 color: #fff;
	 margin-bottom: 60px;
}
 .sec3 .swap-question .slide-question .slide-contact .container .swap-info .btn-start-form {
	 background: linear-gradient(180deg, rgba(255, 214, 0, 0.4) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, #60c000 0%, #298d00 100%);
	 border: 8px solid #006440;
	 box-shadow: 0 3px 2px rgba(116, 42, 0, 0.25), inset 4px 4px 4px rgba(255, 255, 255, 0.3);
	 border-radius: 40px;
	 color: #fff;
	 font-size: 26px;
	 line-height: 41px;
	 font-family: 'Baloo', cursive;
	 font-weight: bold;
	 padding: 7px 45px;
}
 @media screen and (max-width: 768px) {
	 .sec3 .swap-question .slide-question .slide-contact .container .swap-info .btn-start-form {
		 font-size: 20px;
		 padding: 7px 35px;
		 line-height: 30px;
		 border: 5px solid #006440;
	}
}
 .sec3 .swap-question .slide-question .slide-4 .row, .sec3 .swap-question .slide-question .slide-7 .row {
	 padding: 0 10%;
}
 .sec3 .swap-question .slide-question .slide-4 .item-img, .sec3 .swap-question .slide-question .slide-7 .item-img, .sec3 .swap-question .slide-question .slide-4 .item-btn, .sec3 .swap-question .slide-question .slide-7 .item-btn {
	 padding: 0;
}
 .sec3 .swap-question .slide-question .slide-5 .item-btn {
	 transform: translateY(50%);
}
 @media screen and (max-width: 768px) {
	 .sec3 .swap-question .slide-question .slide-5 .item-btn {
		 transform: translateY(25%);
	}
}
 @media screen and (max-width: 500px) {
	 .sec3 .swap-question .slide-question .slide-5 .item-btn {
		 transform: translateY(0);
	}
}
 .sec3 .swap-question .slide-question .slide-5 .answer {
	 margin-bottom: 40px !important;
}
 @media screen and (max-width: 500px) {
	 .sec3 .swap-question .slide-question .slide-5 .answer {
		 margin-bottom: 0 !important;
	}
}
 @media screen and (max-width: 500px) {
	 .sec3 .swap-question .slide-question .slide-7 .item-btn img {
		 width: 50%;
	}
}
 .result {
	 background: url("../../images/test/tu-duy-ung-dung/bg-result.png");
	 background-repeat: no-repeat;
	 background-size: cover;
}
 .result .img-left {
	 bottom: 0;
	 left: 0;
}
 .result .img-right {
	 bottom: 0;
	 right: 0;
}
 .result .container .swap-info {
	 padding: 130px 300px 130px 100px;
}
 @media screen and (max-width: 1280px) {
	 .result .container .swap-info {
		 padding: 130px 350px 130px 100px;
	}
}
 @media screen and (max-width: 1024px) {
	 .result .container .swap-info {
		 padding: 130px 380px 130px 80px;
	}
}
 @media screen and (max-width: 768px) {
	 .result .container .swap-info {
		 padding: 100px 50px 500px 50px;
	}
}
 @media screen and (max-width: 500px) {
	 .result .container .swap-info {
		 padding: 30px 0 370px 0;
	}
}
 .result .container .swap-info__desc {
	 margin-bottom: 20px;
}