@media (max-width: 1799px) {
  .hero__thumb {
    width: 700px;
  }
  .hero__title {
    font-size: 60px;
  }
  .hero__desc {
	font-size: 40px;
}
.welcome {
	padding-block: 220px 300px;
}
.welcome__title {
	font-size: 40px;
  margin-bottom: 100px;
}
.about__weapon-list-container {
	gap: 80px;
	max-width: 1320px;
}
.about__weapon-list {
	gap: 80px;
}
.about__weapon-item:not(:last-child)::after {
	height: 120px;
}

}

@media (max-width: 1599px) {
  .hero__logos {
	margin-bottom: 80px;
}
.hero__thumb {
	width: 600px;
}
.hero__title {
	font-size: 50px;
}
.hero__desc {
	font-size: 32px;
}.welcome {
	padding-block: 180px 300px;
}
.welcome__title {
	margin-bottom: 80px;
}
.welcome__video {
	height: 600px;
}
.section__title h3 {
	font-size: 32px;
	padding-bottom: 36px;
}
.section__title h3::after {
	height: 10px;
}
.cta__btn {
	font-size: 24px;
}
.service__main {
	margin-top: 100px;
}
.work__main .container {
	max-width: 1280px;
}
.work__title h2 {
	font-size: 50px;
}
.section__title h5 {
	font-size: 30px;
    font-weight: 100;
}
.section__title h2 {
	font-size: 56px;
}
.section__title h2::after {
	height: 8px;
}
.about__weapon {
	padding-top: 80px;
}
.about__weapon-title {
	margin-bottom: 100px;
}
.about__weapon-list-container {
	max-width: 1120px;
}
.about__weapon-item {
	font-size: 20px;
  gap: 20px;
}
.about__weapon-item img {
	width: 28px;
}
.faq .container {
	padding-inline: 40px;
}
.faq {
	padding-block: 140px 100px;
}
.faq__list {
	gap: 40px;
	padding-top: 80px;
}
.faq__list li {
	font-size: 28px;
}
.faq__shape {
	width: 900px;
}
.contact__form-container {
	padding-block: 100px;
	border-radius: 60px;
}
.contact__form-container .container {
	padding-inline: 40px;
}
.form__input-list {
	gap: 32px;
}
.form__wrapper {
	gap: 24px;
}
.form__input-field {
	height: 64px;
	border-radius: 16px;
	font-size: 28px;
}
.form__btn {
	height: 64px;
	border-radius: 16px;
	font-size: 24px;
}
.contact__section-title p {
	font-size: 26px;
}
.footer {
	padding-block: 80px;
}

}


/* 
  Extra large devices (less than 1400px)
*/
@media (max-width: 1399px) {
  .hero__wrapper {
	padding-inline-start: 40px;
}
.hero__logo img {
	width: 170px;
}
.hero__logo--call-marker img {
	width: 120px;
}
.hero__logos {
	margin-bottom: 60px;
}
.hero__thumb {
	width: 540px;
}
.hero__title {
	font-size: 44px;
}
.hero__desc {
	font-size: 28px;
}
.welcome::before {
	height: 160px;
}
.welcome::after {
	height: 400px;
}
.welcome {
	padding-block: 160px 240px;
}
.welcome__title {
	font-size: 36px;
	margin-bottom: 60px;
}
.welcome__video {
	height: 540px;
}
.service {
	padding: 0 40px 100px;
}
.cta__wrapper {
	max-width: 1120px;
	border-radius: 60px;
	padding: 80px 80px 28px;
}
.cta__btn {
	font-size: 20px;
	padding: 14px 80px;
}
.cta__title h3::after {
	width: 455px;
}
.service .cta {
	transform: translateY(-170px);
	margin-bottom: -170px;
}
.service__wrapper {
	padding-inline: 40px;
}
.service__main {
	padding: 60px 0;
}
.service__icon {
	max-width: 80px;
}
.service__title {
	font-size: 24px;
	line-height: 48px;
}
.service__item {
	max-width: 400px;
}
.service__item--fluid {
	max-width: 900px;
}
.work__main {
	padding: 100px 0 200px;
}
.section__title h5 {
	font-size: 26px;
}
.work__main .container {
	padding-inline: 40px;
}
.section__title h2 {
	font-size: 48px;
}
.work__title h2 {
	padding-bottom: 32px;
	margin-bottom: 50px;
}
.work .cta {
	transform: translateY(-110px);
	margin-bottom: -110px;
}
.about {
	padding-block: 100px;
}
.about__section-title {
	margin-bottom: 60px;
}
.about__card {
	padding: 20px;
}
.about__card-icon {
	width: 80px;
	height: 74px;
	padding: 15px;
}
.about__title {
	font-size: 26px;
  line-height: 28px;
}
.about__weapon {
	padding-inline: 40px;
}
.about__weapon-list-container {
	max-width: 1000px;
  gap: 60px;
}
.about__weapon-list {
	gap: 60px;
}
.about__weapon-item {
	font-size: 18px;
	gap: 16px;
	--stagger-step: clamp(22px, 4vw, 60px);
}
.about__weapon-item:nth-child(2) {
	transform: translateX(calc(-1 * var(--stagger-step)));
}
.about__weapon-item:nth-child(3) {
	transform: translateX(calc(-2 * var(--stagger-step)));
}
.about__weapon-item:nth-child(4) {
	transform: translateX(calc(-3 * var(--stagger-step)));
}
html[dir="ltr"] .about__weapon-list:first-child .about__weapon-item:nth-child(2) {
	transform: translateX(var(--stagger-step));
}
html[dir="ltr"] .about__weapon-list:first-child .about__weapon-item:nth-child(3) {
	transform: translateX(calc(2 * var(--stagger-step)));
}
html[dir="ltr"] .about__weapon-list:first-child .about__weapon-item:nth-child(4) {
	transform: translateX(calc(3 * var(--stagger-step)));
}
.about__weapon-item:not(:last-child)::after {
	height: 110px;
	width: 32px;
}
.faq {
	padding-block: 100px;
}
.faq__title h2::after {
	width: 500px;
}
.faq__list {
	gap: 32px;
	padding-top: 40px;
	padding-inline-start: 32px;
}
.faq__list li {
	font-size: 24px;
}
.faq__shape {
	width: 750px;
}
.brands__wrapper {
	padding: 60px 30px;
}
.contact {
	padding-top: 100px;
}
.contact__section-title h2::after {
	width: 360px;
}
.contact__section-title p {
	font-size: 24px;
}
.contact__form-container {
	border-radius: 60px;
}
.form__title {
	font-size: 32px;
	margin-bottom: 60px;
}
.form__input-list {
	gap: 24px;
}
.form__input-field {
	height: 60px;
	font-size: 24px;
	padding-inline: 24px;
}
.form__btn {
	height: 60px;
	font-size: 20px;
}
.footer {
	padding-block: 60px;
}
.footer__copyright {
	padding-top: 50px;
}
.footer .container {
	max-width: 1140px;
}

}

/* 
  Large devices (less than 1200px)
*/
@media (max-width: 1199px) {
  .hero__thumb {
	width: 470px;
}
.hero__logos {
	margin-bottom: 40px;
}
.hero__title {
	font-size: 36px;
}
.hero__desc {
	font-size: 24px;
}
.welcome {
	padding-block: 120px 240px;
}
.welcome__title {
	font-size: 32px;
}
.welcome__container {
	padding-inline: 40px;
}
.welcome__video {
	height: 460px;
}
.section__title h2 {
	font-size: 40px;
}
.section__title h5 {
	font-size: 24px;
}
.about {
	padding-block: 80px;
}
.about__section-title h2::after {
	max-width: 230px;
}
.about__card-icon {
	width: 70px;
	height: 66px;
}
.about__card-subtitle {
	font-size: 18px;
	line-height: 26px;
}
.about__title {
	font-size: 22px;
	line-height: 26px;
}
.about__weapon {
	padding-top: 60px;
}
.section__title h3 {
	font-size: 28px;
}
.about__weapon-title {
	margin-bottom: 80px;
}
.about__weapon-list-container {
	max-width: 780px;
	grid-template-columns: 1fr 1fr;
}
.cta {
	padding-inline: 40px;
}
.faq__title h2::after {
	width: 400px;
}
.faq__list li {
	font-size: 22px;
}
.faq__shape {
	width: 600px;
}
.contact {
	padding-top: 80px;
}

}

/* 
  Medium devices (less than 992px)
*/
@media (max-width: 991px) {
  .hero__thumb {
	width: 360px;
}
.hero__logo img {
	width: 150px;
}
.hero__logo--call-marker img {
	width: 100px;
}
.hero__logos {
	margin-bottom: 32px;
	gap: 20px;
}
.hero__title {
	font-size: 32px;
}
.hero__desc {
	font-size: 20px;
}
.welcome::before {
	height: 100px;
}
.welcome {
	padding-block: 100px 200px;
}
.welcome__container {
	padding-inline: 24px;
}
.welcome__title {
	font-size: 30px;
}
.welcome__video {
	height: 400px;
}
.welcome__video-play-icon {
  width: 80px;
}
.welcome::after {
	height: 300px;
}
.cta__wrapper {
	border-radius: 60px;
	padding: 60px 32px 28px;
}.service {
	padding: 0 24px 80px;
}
.section__title h3::after {
	height: 8px;
}
.cta__title h3::after {
	width: 350px;
}
.cta__btn {
	font-size: 18px;
	padding: 14px 60px;
}
.service .cta {
	transform: translateY(-140px);
	margin-bottom: -140px;
}
.service__main {
	padding: 40px 0;
	margin-top: 80px;
}
.service__wrapper {
	padding-inline: 32px;
}.service__icon {
	max-width: 70px;
}
.service__title {
	font-size: 20px;
	line-height: 44px;
}
.service__wrapper .row {
	--bs-gutter-x: 40px;
	--bs-gutter-y: 40px;
}
.work__main {
	padding: 80px 0 160px;
}
.section__title h5 {
	font-size: 20px;
}
.section__title h2 {
	font-size: 32px;
}
.section__title h2::after {
	height: 6px;
}
.about__section-title h2::after {
	max-width: 180px;
}
.about__section-title {
	margin-bottom: 40px;
}
.about__card {
	padding: 16px;
}
.about__title {
	font-size: 20px;
	line-height: 24px;
}
.about__weapon {
	padding-inline: 24px;
}
.about__weapon-list-container {
	max-width: 680px;
	grid-template-columns: 1fr;
	gap: 40px;
  margin-inline: auto;
}
	.about__weapon-list {
		gap: 40px;
	}
	.about__weapon-item {
		transform: none !important;
		margin: 0 !important;
	}
	html[dir="ltr"] .about__weapon-list .about__weapon-item {
		margin: 0 !important;
	}
	.about__weapon-item:not(:last-child)::after {
		display: none;
	}
.faq__title h2 {
  text-align: center;
}
.faq__title h2::after {
	width: 320px;
}
.cta {
	padding-inline: 24px;
}
.faq__list {
	gap: 24px;
	padding-top: 30px;
}
.faq__list li {
	font-size: 18px;
}
.faq .container {
	padding-inline: 24px;
}
.faq__shape {
	width: 500px;
}
.faq {
	padding-block: 60px;
}
.brands__wrapper {
	padding: 50px 24px;
}
.brands__slider-btn img {
	width: 28px;
}
.contact {
	padding-top: 60px;
}
.contact__section-title h2::after {
	width: 240px;
}
.contact__section-title p {
	font-size: 20px;
}
.contact__form-container {
	padding-block: 80px;
	margin-block: 60px;
}
.form__title {
	font-size: 26px;
	margin-bottom: 40px;
}
.contact__form-container .container {
	padding-inline: 24px;
}
.form__input-field {
	height: 54px;
	font-size: 20px;
	padding-inline: 20px;
}
.form__btn {
	height: 54px;
	font-size: 18px;
	width: 100%;
}
.footer {
	padding-block: 40px;
}
.footer__copyright {
	padding-top: 40px;
}

}

/* 
  Small devices (less than 768px)
*/
@media (max-width: 767px) {
  .hero__wrapper {
	padding-inline: 20px;
}
.hero__logo img {
	width: 130px;
}
.hero__logo--call-marker img {
	width: 80px;
}
.hero__title {
	font-size: 28px;
}
.hero__desc {
	font-size: 18px;
}
.hero__thumb {
	transform: translateY(40px);
	margin-top: -40px;
}
.welcome__title {
	font-size: 24px;
	margin-bottom: 40px;
}
.welcome__video {
	height: 360px;
	border-radius: 40px;
}
.welcome__video-play-icon {
	width: 70px;
}
.welcome__container {
	padding-inline: 20px;
}
.service {
	padding: 0 20px 60px;
}
.cta__wrapper {
	border-radius: 40px;
	padding: 40px 20px 28px;
}
.section__title h3::after {
	height: 6px;
}
.section__title h3 {
	font-size: 24px;
}
.cta__btn {
	font-size: 16px;
	padding: 14px 24px;
	width: 100%;
	text-align: center;
}
.service__main {
	padding: 40px 0;
	margin-top: 60px;
}
.service__wrapper {
	padding-inline: 20px;
}
.service__title {
	font-size: 18px;
	line-height: 40px;
}
.work__main {
	padding: 60px 0 140px;
}
.section__title h5 {
	font-size: 18px;
}
.section__title h2 {
	font-size: 30px;
}
.work__title h2 {
	padding-bottom: 24px;
	margin-bottom: 40px;
}
.work .cta {
	transform: translateY(-80px);
	margin-bottom: -80px;
}
.about {
	padding-block: 60px;
}.about__section-title h2::after {
	max-width: 160px;
}
.about__weapon {
	padding-inline: 20px;
}
.about__weapon-title {
	margin-bottom: 40px;
}
.about__weapon-list {
	gap: 24px;
}
.about__weapon-list-container {
	gap: 24px;
}
.about__weapon-item {
	font-size: 16px;
	gap: 16px;
	padding: 16px;
}
.about__weapon-item img {
	width: 24px;
}
.faq__title h2::after {
	width: 220px;
}
.faq .container {
	padding-inline: 20px;
}
.faq__list {
	gap: 24px;
	padding-top: 0;
	width: 100%;
	padding-inline-start: 20px;
}
.faq__list li {
	font-size: 16px;
}
.faq__thumb {
	margin-inline: auto;
	width: 100%;
	max-width: 360px;
}
.faq__shape {
	width: 100%;
}
.brands__wrapper {
	padding: 50px 16px;
}
.contact__section-title p {
	font-size: 18px;
}
.form__input-list {
	gap: 24px;
	width: 100%;
	grid-template-columns: 1fr;
}
.contact__form-container {
	padding-block: 60px;
	border-radius: 40px;
}
.footer {
	padding-block: 32px;
}
}

/* 
  Extra small devices (less than 576px)
*/
@media (max-width: 575px) {
}