/*==========================================================================================================*/
@media only screen and (max-width: 1599px) {
	.mt-100 {
		margin-top: 80px;
	}

	.mt-80 {
		margin-top: 70px;
	}

	.mb-100 {
		margin-bottom: 80px;
	}

	.mb-80 {
		margin-bottom: 70px;
	}

	.section-row {
		padding: 60px;

	}

	.lead-section .section-row {
		gap: 28px;
	}

	.authority-left h2 {
		margin-bottom: 30px;
	}

	.checkmark-list {
		gap: 30px;
	}

	.authority-section .authority-form {
		margin-top: 40px;
	}

	.authority-left h2 br {
		display: none;
	}

	.authority-wrapper {
		grid-template-columns: 1.3fr 1fr;
		gap: 30px;
	}

	.course-section .section-row {
		gap: 45px;
	}

	.success-section .section-row {
		gap: 40px;
	}

	.kit-form .kit-form-row input {
		min-height: 76px;
	}

	.kit-form .kit-form-row button {
		min-height: 80px;
	}



	.round-check-mark-list li::after {
		padding-left: 0;
	}

	.round-check-mark-list {
		margin-bottom: 24px;
	}

	.report-section .section-header h1 {
		font-size: 32px;
	}



	.audit-success .section-row {
		padding: 50px 60px;
	}

	.report-section .section-row {
		padding: 20px 30px;
		gap: 20px;
	}

	.report-section .report-left {
		padding: 20px;
		gap: 20px;
	}

	.report-section .report-left h2 {
		font-size: 22px;
	}

	.report-section .availability-info h3 {
		font-size: 18px;

	}

	.report-section .report-right .form-group {
		margin-bottom: 10px;
	}

	.report-section .report-right button {
		font-size: 16px;
		padding: 10px 20px;
		min-height: 45px;
	}

	.report-section .report-right {
		padding: 20px;
	}

	.report-section .section-header p {
		font-size: 18px;
		line-height: 1.5;
	}


}

/*==========================================================================================================*/
@media only screen and (max-width: 1400px) {
	.checkmark-list li {
		padding-left: 60px;
	}

	.course-section .course-list {
		gap: 28px;
	}

	.course-section .course-list li {
		line-height: 1.4;
	}

	.course-section .course-title h2 {
		line-height: 1.2;
	}

	.kit-form .kit-form-row {
		gap: 18px;
	}

	.kit-form .kit-form-row input {
		min-height: 70px;
	}

	.kit-form .kit-form-row button {
		min-height: 76px;
	}



	.round-check-mark-list {
		margin-bottom: 14px;
	}


	.audit-success .section-row {
		padding: 50px;
	}

	.audit-success .audit-success-title h1 {
		font-size: 36px;
	}
}

/*==========================================================================================================*/
@media only screen and (max-width: 1199px) {

	.mt-80,
	.mt-100 {
		margin-top: 60px;
	}

	.mb-80,
	.mb-100 {
		margin-bottom: 60px;
	}

	.section-row {
		padding: 50px;


	}



	.checkmark-list li {
		padding-left: 45px;
	}

	.course-section .section-row {
		gap: 40px;
	}

	.success-section .section-row {
		gap: 30px;
	}

	.success-section .success-description br,
	.success-section .success-note p br {
		display: none;

	}

	.kit-form .kit-form-row {
		gap: 18px;
	}



	.kit-form .kit-form-row button {
		min-height: 72px;
	}

	.kit-form .kit-form-row input {
		padding: 10px 30px;
		min-height: 68px;
	}

	.kit-form .kit-form-row button {
		padding: 10px 30px;
	}

	.lead-section .lead-subtitle {
		line-height: 1.4;
	}

	.course-section .course-list li {
		line-height: 1.3;
	}


	.round-check-mark-list {
		margin-bottom: 8px;
	}

	.audit-success .audit-success-title p {
		font-size: 20px;
	}

	.report-section .section-header {
		gap: 6px;
	}



	.audit-success .section-row {
		padding: 50px;
	}

	.audit-success>figure {
		max-width: 120px;
		margin-bottom: 24px;
	}

	.audit-success .audit-success-title h1 {
		font-size: 32px;
	}

	.audit-success .audit-success-note {
		padding: 10px;
	}

	.meeting-card .meeting-top h4 {
		font-size: 22px;
	}

	.meeting-card .meeting-top .user-info span,
	.meeting-card .meeting-top .user-info p {
		font-size: 16px;
	}

	.meeting-card .meeting-bottom .button {
		padding: 20px 22px;
	}


}


/*==========================================================================================================*/
@media only screen and (max-width: 991px) {
	body {
		min-width: 320px;
	}

	img {
		max-width: 100%;
		width: auto;
		height: auto;
	}

	.wrap {
		width: auto;
	}

	.section-row {
		padding: 40px;
		border-radius: 40px;

	}

	.lead-section .section-row {
		gap: 25px;
	}

	.checkmark-list {
		gap: 20px;
	}

	.authority-wrapper {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.authority-left {
		order: 2;
	}

	.authority-right {
		order: 1;
	}

	.authority-section .authority-form {
		margin-top: 30px;
	}

	.checkmark-list li {
		padding-left: 40px;
	}

	.course-section .section-row {
		gap: 35px;
	}

	.course-section .course-list {
		gap: 20px;
	}



	.kit-form .kit-form-row {
		gap: 16px;
	}

	.kit-form .kit-form-row input,
	.kit-form .kit-form-row button {
		border-radius: 14px;
	}

	.kit-form .kit-form-row button {
		min-height: 68px;
	}


	.kit-form .kit-form-row input {
		padding: 10px 24px;
		min-height: 64px;
	}

	.kit-form .kit-form-row button {
		padding: 10px 24px;
	}

	.kit-message.kit-message--error {
		font-size: 18px;
	}

	.report-section .section-header p {
		font-size: 16px;
	}

	.report-section .report-wrapper {
		grid-template-columns: 1fr;
	}


	.audit-success .section-row {
		padding: 40px;
		gap: 40px;
	}

	.audit-success .audit-success-icon {
		max-width: 90px;
		margin-bottom: 20px;
	}

	.audit-success .audit-success-title h1 {
		font-size: 28px;
	}

	.audit-success .audit-success-title p {
		font-size: 18px;
	}

	.audit-success .audit-success-note p img {
		width: 20px;
		height: 20px;
		margin-top: 3px;
	}

	.audit-success .meeting-card .meeting-top .meeting-user figure {
		min-width: 86px;
		height: 86px;
	}

	.meeting-card .meeting-top .meeting-user {
		gap: 12px;
	}

	.meeting-card .meeting-top h4 {
		font-size: 20px;
	}

	.meeting-card .linkedin-btn {
		gap: 8px;
		padding: 10px 16px;
		font-size: 18px;
	}

	.meeting-card .meeting-bottom .button {
		padding: 16px;
		font-size: 16px;
	}

	.meeting-card .meeting-bottom .meeting-note img {
		width: 20px;
		height: 20px;
		margin-right: 2px;

	}

	.meeting-card .meeting-bottom .meeting-note {
		font-size: 14px;
		gap: 4px;
	}

	.report-section .section-header h1 {
		font-size: 30px;
	}

}

/*==========================================================================================================*/
@media only screen and (max-width: 768px) {

	.mt-80,
	.mt-100 {
		margin-top: 50px;
	}

	.mb-80,
	.mb-100 {
		margin-bottom: 50px;
	}

	.section-row {
		padding: 30px;
		border-radius: 30px;


	}

	.authority-left h2 {
		margin-bottom: 20px;
	}

	.checkmark-list li {
		padding-left: 35px;
	}

	.checkmark-list {
		gap: 16px;
	}

	.course-section .section-row {
		gap: 30px;
	}

	.course-section .course-list {
		gap: 16px;
	}

	.kit-form .kit-form-row input,
	.kit-form .kit-form-row button {
		border-radius: 12px;
	}

	.kit-form .kit-form-row input {
		padding: 10px 20px;
		min-height: 60px;
		border-width: 2px;
	}

	.kit-form .kit-form-row button {
		padding: 10px 20px;
		min-height: 64px;
	}

	.lead-section .section-row {
		gap: 20px;
	}



	.round-check-mark-list {
		gap: 16px;
	}



	.audit-success .section-row {
		padding: 30px;
	}

	.meeting-wrapper {
		padding: 12px;
	}

	.audit-success .audit-success-icon {
		max-width: 80px;
		margin-bottom: 16px;
	}

	.audit-success .audit-success-title h1 {
		font-size: 26px;
	}

	.meeting-header h2 {
		font-size: 20px;
	}

	.meeting-header p {
		font-size: 18px;
	}

	.meeting-card {
		padding: 12px;
	}

	.audit-success .meeting-card .meeting-top .meeting-user figure {
		min-width: 76px;
		height: 76px;
	}

	.meeting-card .meeting-top .user-info span,
	.meeting-card .meeting-top .user-info p {
		font-size: 14px;
	}

	.meeting-card .meeting-top h4 {
		font-size: 18px;
	}

	.meeting-card .linkedin-btn figure {
		width: 20px;
		height: 20px;
	}

	.meeting-card .linkedin-btn {
		gap: 8px;
		padding: 8px 14px;
		font-size: 16px;
	}

	.meeting-card .meeting-bottom .button {
		padding: 14px;
		font-size: 14px;
	}

	.report-section .section-row {
		padding: 20px;
		border-radius: 20px;
	}

	.report-section .section-header h1 {
		font-size: 28px;
	}

	.report-section .report-left h2 {
		font-size: 20px;
	}

}

/*==========================================================================================================*/
@media only screen and (max-width: 575px) {

	.mt-80,
	.mt-100 {
		margin-top: 40px;
	}

	.mb-80,
	.mb-100 {
		margin-bottom: 40px;
	}

	.section-row {
		padding: 30px 20px;


	}

	.lead-section .section-row {
		gap: 16px;
	}

	.authority-wrapper {

		gap: 20px;
	}

	.authority-right figure img,
	.authority-right figure {
		border-radius: 20px;
	}

	.authority-section .authority-form {
		margin-top: 20px;
	}

	.authority-left h2 {
		margin-bottom: 16px;
	}

	.checkmark-list li {
		padding-left: 26px;
	}

	.course-section .section-row {
		gap: 20px;
	}

	.course-section .course-list {
		gap: 12px;
	}



	.success-section .section-row {
		gap: 20px;
	}

	.kit-form .kit-form-row input,
	.kit-form .kit-form-row button,
	.kit-form .kit-form-row .button {
		border-radius: 10px;
	}

	.kit-form .kit-form-row input {

		padding: 8px 16px;
		min-height: 45px;
		border-width: 1px;
	}

	.kit-form .kit-form-row button,
	.kit-form .kit-form-row .button {

		padding: 8px 16px;
		min-height: 50px;

	}

	.kit-message.kit-message--error {
		font-size: 16px;
	}


	.round-check-mark-list li::after {
		min-width: 18px;
		height: 18px;
		font-size: 8px;
		top: 5px;
	}

	.round-check-mark-list {
		gap: 12px;
	}

	.round-check-mark-list li {
		font-size: 14px;
		padding-left: 26px;
	}

	.report-section .report-right {
		padding: 20px 8px;
	}


	.report-section .report-right button {
		min-height: 40px;
		font-size: 14px;
	}



	.report-section .availability-info p {
		font-size: 14px;
	}

	.report-section .availability-info h3 {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.report-section .report-right .form-group textarea {
		padding: 8px 12px;
	}



	.report-section .report-right .radio-option span {
		font-size: 14px;
	}

	.report-section .report-right .custom-radio {
		width: 16px;
		height: 16px;
	}

	.audit-success .section-row {
		padding: 30px 20px;
	}

	.audit-success .audit-success-icon {
		max-width: 70px;
	}

	.audit-success .audit-success-title h1 {
		font-size: 24px;
	}

	.audit-success .audit-success-title p {
		font-size: 16px;
	}

	.audit-success .audit-success-note p img {
		width: 18px;
		height: 18px;
		margin-right: 1px;
	}

	.audit-success .section-row {
		gap: 30px;
	}

	.meeting-card .meeting-top {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.meeting-card .meeting-top .meeting-user {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.meeting-card .meeting-top .user-info {
		text-align: center;
		justify-content: center;
	}

	.meeting-card .meeting-bottom {
		flex-direction: column-reverse;
	}

	.meeting-header p {
		font-size: 16px;
	}

	.report-section .section-row {
		padding: 16px;
		border-radius: 12px;
	}

	.report-section .report-wrapper {
		border-radius: 12px;
	}

	.report-section .report-left {
		padding: 16px;
	}

	.report-section .section-header h1 {
		font-size: 26px;
	}

	.report-section .report-left h2 {
		font-size: 18px;
	}

	.report-section .report-right .form-group {
		margin-bottom: 15px;
	}


}

/*==========================================================================================================*/
@media only screen and (max-width: 480px) {
	.report-section .report-right .radio-group {
		flex-direction: column;
	}

	.report-section .section-header h1 {
		font-size: 24px;
	}


}


/*==========================================================================================================*/
@media only screen and (max-width: 400px) {
	.report-section .badge-text {
		padding: 8px 6px;
	}

	.report-section .badge-fill {
		padding: 10px 6px;
	}
}