@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {

  padding: 0;

  margin: 0;

  box-sizing: border-box;

	font-family: "Poppins", sans-serif !important;

}



button, a {

  border: 0;

  outline: 0;

  text-decoration: none;

  cursor: pointer;

  display: inline-block;

}



.container {

  max-width: 1106px;

  margin-inline: auto;

  padding-inline: 15px;

}



html {

  overflow-x: hidden !important;

  font-size: 10px;

  scroll-behavior: smooth;

}

@media (max-width: 991px) {

  html {

    font-size: 9px;

  }

}



body {

  font-family: "Poppins", sans-serif !important;

  background-color: #fff;

  overflow-x: hidden !important;

  min-width: 320px;

}



ul, ol {

  list-style-type: none;

}



p {

  font-size: 1.6rem;

  line-height: 2.4rem;

  color: #000;

  font-weight: 400;

}



.d-flex {

  display: flex !important;

}



.justify-content-start {

  justify-content: flex-start !important;

}



.justify-content-between {

  justify-content: space-between !important;

}



.justify-content-end {

  justify-content: flex-end !important;

}



.justify-content-center {

  justify-content: center !important;

}



.align-items-start {

  align-items: flex-start !important;

}



.align-items-center {

  align-items: center !important;

}



.align-items-end {

  align-items: flex-end !important;

}



.flex-wrap {

  flex-wrap: wrap !important;

}



.flex-nowrap {

  flex-wrap: nowrap !important;

}



.flex-column {

  flex-direction: column !important;

}



.img-fluid {

  height: auto;

  max-width: 100%;

}



.d-none {

  display: none !important;

}



.text-truncate {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.pl-0 {

  padding-left: 0 !important;

}



.pr-102 {

  padding-right: 10.2rem !important;

}



.sec-py-10 {

  padding-top: 10rem;

  padding-bottom: 10rem;

}

@media (max-width: 991px) {

  .sec-py-10 {

    padding-top: 5rem;

    padding-bottom: 5rem;

  }

}



.mx-auto {

  margin-inline: auto !important;

}



.text-center {

  text-align: center !important;

}



.primary-headline {

  font-size: 3.2rem;

  line-height: 3.8rem;

  font-weight: 600;

  color: #27292E;

  margin-bottom: 6rem;

  text-transform: uppercase;

}



.text-upper {

  text-transform: uppercase !important;

}



.pt-0 {

  padding-top: 0 !important;

}



.pb-0 {

  padding-bottom: 0 !important;

}



.p-0 {

  padding: 0 !important;

}



.pr-0 {

  padding-right: 0 !important;

}



.pl-0 {

  padding-left: 0 !important;

}



.mt-0 {

  margin-top: 0 !important;

}



.mb-0 {

  margin-bottom: 0 !important;

}



.m-0 {

  margin: 0 !important;

}



.mr-0 {

  margin-right: 0 !important;

}



.ml-0 {

  margin-left: 0 !important;

}



.mw-100 {

  max-width: 100% !important;

}



.sec-pt-10 {

  padding-top: 10rem !important;

}

@media (max-width: 767px) {

  .sec-pt-10 {

    padding-top: 5rem !important;

  }

}



.sec-pb-65 {

  padding-bottom: 6.5rem;

}

@media (max-width: 767px) {

  .sec-pb-65 {

    padding-bottom: 5rem;

  }

	.ctm-checkboxes .wpcf7-list-item-label {

		padding-left:2.5rem !important;

	}

}



.custom-check {

  display: inline-block;

  position: relative;

  padding-left: 3.6rem;

  margin-bottom: 0px;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  font-size: 1.5rem;

  font-weight: 600;

  line-height: 1.8rem;

  color: rgba(39, 41, 46, 0.7);

  /* Hide the browser's default checkbox */

  /* Create a custom checkbox */

  /* On mouse-over, add a grey background color */

  /* When the checkbox is checked, add a blue background */

  /* Create the checkmark/indicator (hidden when not checked) */

  /* Show the checkmark when checked */

  /* Style the checkmark/indicator */

}

.custom-check input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}

.custom-check .checkmark {

  position: absolute;

  top: 0;

  left: 0;

  height: 1.8rem;

  width: 1.8rem;

  background: none;

  border-radius: 0;

  background: #E8E8E8;

}

.custom-check input:checked ~ .checkmark {

  background-color: #FE0304;

}

.custom-check .checkmark:after {

  content: "";

  position: absolute;

  display: none;

}

.custom-check input:checked ~ .checkmark:after {

  display: block;

}

.custom-check .checkmark:after {

  left: 0.67rem;

  top: 0.1rem;

  width: 0.37rem;

  height: 1rem;

  border: solid white;

  border-width: 0 2.5px 2.5px 0;

  transform: rotate(45deg);

}



.primary-btn {

  max-width: 19.6rem;

  width: 100%;

  height: 4.8rem;

  display: flex;

  justify-content: center;

  align-items: center;

  background-color: #FE0304;

  color: #fff;

  text-decoration: none;

  position: relative;

  border-radius: 7px;

  overflow: hidden;

  font-family: "Poppins", sans-serif !important;

}

.primary-btn span, .primary-btn svg, .primary-btn img {

  text-transform: uppercase;

  font-size: 1.6rem;

  line-height: 1.52rem;

  font-weight: 500;

  color: #fff;

  transition: 0.4s ease all;

  z-index: 2;

  letter-spacing: -0.735914px;

  text-transform: uppercase;

}

.primary-btn:hover::before, .primary-btn.active::before {

  height: 100%;

}

.primary-btn::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 0;

  top: 0;

  z-index: 1;

  background-color: #0A142F;

  transition: 0.4s ease all;

}

.primary-btn.secondary {

  background-color: #0A142F;

}

.primary-btn.secondary::before {

  background-color: #FE0304;

}

.primary-btn.loadMore {

  max-width: 19.5rem;

  height: 5rem;

}

.primary-btn.loadMore span {

  text-transform: capitalize;

}

.primary-btn.seeProduct-btn {

  max-width: 23.7rem;

  height: 5rem;

}

.primary-btn.seeProduct-btn span {

  text-transform: capitalize;

}

.primary-btn.submitBtn {

  max-width: 18.4rem;

  cursor: pointer;

  height: 5rem;

}

.primary-btn.submitBtn span {

  text-transform: capitalize;

}

.primary-btn.checkout-btn {

  background-color: #007749;

  cursor: pointer;

  height: 5rem;

}

.primary-btn.checkout-btn::before {

  background-color: #FE0304;

}

.primary-btn.outline-btn {

  background-color: #fff;

  border: 1px solid rgba(16, 20, 23, 0.2);

  cursor: pointer;

  height: 5rem;

}

.primary-btn.outline-btn span {

  color: rgba(39, 41, 46, 0.6);

}

.primary-btn.outline-btn:hover, .primary-btn.outline-btn.active {

  border-color: #0A142F !important;

}

.primary-btn.outline-btn:hover span, .primary-btn.outline-btn.active span {

  color: #fff;

}



.text-btn {

  font-size: 1.4rem;

  line-height: 1.6rem;

  font-weight: 500;

  color: #000;

  text-transform: capitalize;

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 0.8rem;

  text-decoration: none;

  transition: 0.4s ease all;

}

.text-btn:hover, .text-btn.active {

  color: #FE0304;

}

.text-btn:hover svg path, .text-btn.active svg path {

  fill: #FE0304;

}

.text-btn svg path {

  transition: 0.4s ease all;

}

.text-btn.primary {

  color: #FE0304;

  display: inline-block;

}

.text-btn.primary:hover, .text-btn.primary.active {

  color: #000;

}

.text-btn.primary:hover svg path, .text-btn.primary.active svg path {

  fill: #000;

}



@media (max-width: 991px) {

  header#site-header .navbar {

    position: fixed;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    z-index: 9999;

    visibility: hidden;

    transition: 1s ease all;

    opacity: 0;

  }

}

@media (max-width: 991px) {

  header#site-header .main-menu {

    flex-direction: column;

  }

}

@media (max-width: 991px) {

  header#site-header .main-menu li.active a {

    color: #fff;

  }

  header#site-header .main-menu li.active a::before {

    width: 100%;

  }

}

@media (max-width: 991px) {

  header#site-header .main-menu li a {

    font-size: 4rem;

    line-height: 4.52rem;

    font-weight: 900;

    color: #000;

    text-transform: uppercase;

    transition: 0.4s ease all;

    display: inline-block;

    letter-spacing: 5px;

    position: relative;

    transform: translateX(100px);

    visibility: hidden;

    opacity: 0;

    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.3s ease;

    white-space: nowrap;

    transition-delay: 0.7s;

  }

  header#site-header .main-menu li a:hover {

    color: #fff;

  }

  header#site-header .main-menu li a:hover::before {

    width: 100%;

  }

  header#site-header .main-menu li a::before {

    content: "";

    width: 0;

    height: 5px;

    background-color: #FE0304;

    z-index: 9;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    transition: 1s ease;

  }

}

@media (max-width: 480px) {

  header#site-header .main-menu li a {

    font-size: 3rem;

    line-height: 3.6rem;

    letter-spacing: 3px;

  }

}

@media (max-width: 991px) {

  header#site-header .main-menu li:nth-child(2) a {

    transition-delay: 0.9s;

  }

  header#site-header .main-menu li:nth-child(3) a {

    transition-delay: 1.1s;

  }

  header#site-header .main-menu li:nth-child(4) a {

    transition-delay: 1.3s;

  }

  header#site-header .main-menu li:nth-child(5) a {

    transition-delay: 1.5s;

  }

  header#site-header .main-menu li:nth-child(6) a {

    transition-delay: 1.7s;

  }

}



.mobile-menu-main {

  display: none;

}

@media (max-width: 991px) {

  .mobile-menu-main {

    display: block;

  }

}

.mobile-menu-main input#menu:checked + .outer {

  box-shadow: 0 0 0 147vw #FE0304, 0 0 0 100vh #0A142F;	

}

.mobile-menu-main input#menu:checked + .outer .humber-menu {

  rotate: 45deg;

}

.mobile-menu-main input#menu:checked + .outer .humber-menu span::before {

  rotate: 90deg;

  translate: 0 10px;

}

.mobile-menu-main input#menu:checked + .outer .humber-menu span::after {

  display: none;

}

.mobile-menu-main .outer {

  width: 20rem;

  height: 20rem;

  position: fixed;

  background: #fff;

  border-radius: 50%;

  z-index: 999;

  right: -10rem;

  top: -10rem;

  display: flex;

  justify-content: center;

  align-items: center;

	

  box-shadow: 0 0 14px rgba(0, 0, 0, 0.16);

	transition: 0.8s ease all;

	-webkit-transition: 0.8s ease all;

	-moz-transition: 0.8s ease all;

	-o-transition: 0.8s ease all;

  

}

.mobile-menu-main .outer .humber-menu {

  position: absolute;

  left: 4rem;

  top: 12.1rem;

  cursor: pointer;

  padding: 0.4rem 0;

  transition: 0.4s ease all;

}

.mobile-menu-main .outer .humber-menu span {

  width: 4rem;

  height: 0.4rem;

  transition: 0.4s ease all;

  background-color: #FE0304;

  display: inline-block;

  position: relative;

}

.mobile-menu-main .outer .humber-menu span::before, .mobile-menu-main .outer .humber-menu span::after {

  width: 100%;

  height: 100%;

  position: absolute;

  background-color: #FE0304;

  content: "";

  display: inline-block;

  transition: 0.4s ease all;

}

.mobile-menu-main .outer .humber-menu span::before {

  top: -10px;

}

.mobile-menu-main .outer .humber-menu span::after {

  bottom: -10px;

}



#site-header {

  background-color: #fff;

}

#site-header .logo {

  max-width: 12.21rem;

  height: 9.8rem;

  overflow: hidden;

}

#site-header .logo > a {

  display: inline-block;

}

@media (max-width: 991px) {

  #site-header .header-row .primary-btn {

    margin-right: 10rem;

  }

}

@media (max-width: 480px) {

  #site-header .header-row .primary-btn {

    margin-top: 1rem;

    margin-bottom: 2rem;

  }

}

#site-header .main-menu {

  gap: 2.9rem;

}

#site-header .main-menu li.active a {

  color: #FE0304;

}

#site-header .main-menu li a {

  font-size: 1.6rem;

  line-height: 1.52rem;

  font-weight: 500;

  color: #000;

  text-transform: uppercase;

  transition: 0.4s ease all;

  display: inline-block;

}

#site-header .main-menu li a:hover {

  color: #FE0304;

}



#site-footer .main-ft-block {

  padding-top: 2rem;

  padding-bottom: 2.3rem;

}

#site-footer .main-ft-block .logo {

  max-width: 12.1rem;

  overflow: hidden;

  margin-bottom: 8.3rem;

}

#site-footer .main-ft-block .form-block h3 {

  font-size: 2rem;

  line-height: 3rem;

  font-weight: 600;

  color: #0A142F;

  letter-spacing: -0.01em;

  margin-bottom: 3rem;

}

#site-footer .main-ft-block .form-block .input-style .input-label {

  left: 0;

  top: 0;

}

#site-footer .main-ft-block .form-block .input-style .ctm-input {

  padding: 1.6rem 1.6rem 0 0;

  border-bottom-color: rgba(254, 3, 4, 0.2);

	padding-right:3rem;

}

#site-footer .main-ft-block .form-block .input-style .ctm-input:not(:-moz-placeholder-shown) + label {

  top: -0.5rem;

}

#site-footer .main-ft-block .form-block .input-style .ctm-input:not(:-ms-input-placeholder) + label {

  top: -0.5rem;

}

#site-footer .main-ft-block .form-block .input-style:focus-within > label, #site-footer .main-ft-block .form-block .input-style .ctm-input:not(:placeholder-shown) + label {

  top: -0.5rem;

}

#site-footer .main-ft-block .form-block .submit-btn {

  background-color: transparent;

  position: absolute;

  right: 0;

  top: 0.65rem;

  transition: 0.4s ease all;

}

#site-footer .main-ft-block .form-block .submit-btn:hover {

  rotate: 45deg;

}

#site-footer .ft-logo-col {

  width: 38.75%;

  padding-right: 7.9rem;

}

#site-footer .ft-desc-col {

  width: 24.35%;

  padding-right: 3.3rem;

  padding-top: 3.2rem;

}

#site-footer .ft-desc-col h2 {

  font-size: 2.2rem;

  line-height: 2.4rem;

  font-weight: 700;

  color: #0A142F;

  text-transform: capitalize;

  margin-bottom: 1.85rem;

}

#site-footer .ft-desc-col h2 span {

  color: #FE0304;

}

#site-footer .ft-desc-col .mail-link {

  font-size: 1.8rem;

  line-height: 2.9rem;

  font-weight: 500;

  color: #000;

  margin-bottom: 1.9rem;

  transition: 0.4s ease all;

}

#site-footer .ft-desc-col .mail-link:hover {

  color: #FE0304;

}

#site-footer .ft-desc-col .numb-link {

  font-size: 1.8rem;

  line-height: 2.9rem;

  font-weight: 500;

  color: #FE0304;

  transition: 0.4s ease all;

}

#site-footer .ft-desc-col .numb-link:hover {

  color: #0A142F;

}

#site-footer .ft-desc-col p {

  line-height: 2.9rem;

}

#site-footer .ft-desc-col p:not(:last-child) {

  margin-bottom: 1.9rem;

}

#site-footer .ft-desc-col p strong {

  font-weight: 500;

}

#site-footer .ft-quick-links-col {

  width: 19.75%;

  margin-top: 3.2rem;

}

#site-footer .ft-heading {

  font-size: 1.6rem;

  line-height: 2.4rem;

  font-weight: 700;

  color: #0A142F;

  margin-bottom: 1.7rem;

  text-transform: capitalize;

}

#site-footer .ft-links li a {

  font-size: 1.6rem;

  line-height: 2.9rem;

  font-weight: 400;

  color: rgba(10, 20, 47, 0.75);

  transition: 0.4s ease all;

}

#site-footer .ft-links li a:hover {

  color: #FE0304;

}

#site-footer .ft-links li.active a {

  color: #FE0304;

}

#site-footer .ft-links li:not(:last-child) {

  margin-bottom: 1.2rem;

}

#site-footer .ft-company-col {

  padding-top: 3.2rem;

}

@media (max-width: 1191px) {

  #site-footer .ft-row > div {

    width: 25%;

    padding-right: 0;

    padding-inline: 16px;

  }

}

@media (max-width: 991px) {

  #site-footer .ft-row > div {

    width: 50%;

   

  }

}

@media (max-width: 767px) {

  #site-footer .ft-row > div {

    width: 50%;

  }

}

@media (max-width: 480px) {

  #site-footer .ft-row > div {

    width: 100%;

    padding-inline: 0;

  }

}

#site-footer .ft-social-icons {

  margin-top: 2.7rem;

}

#site-footer .ft-social-icons li {

  gap: 1.5rem;

}

#site-footer .ft-social-icons li:not(:last-child) {

  margin-bottom: 1rem;

}

#site-footer .ft-social-icons li a {

  transition: 0.4s ease all;

  font-size: 1.4rem;

  line-height: 2.9rem;

  font-weight: 400;

  color: rgba(10, 20, 47, 0.75);

}

#site-footer .ft-social-icons li a:hover {

  color: #FE0304;

}



.main-banner {

  min-height: 60.2rem;

  position: relative;

}

.main-banner .main-video {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  right: 0;

  width: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  opacity: 0.2;

	display:none;

}

.main-banner::before {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  background-color: rgba(0, 0, 0, 0.4);

  z-index: 1;

}

.main-banner .banner-desc-block p {

  font-size: 2rem;

  line-height: 1.9rem;

  font-weight: 500;

  color: #fff;

  text-transform: uppercase;

  margin-bottom: 1.6rem;

  letter-spacing: -0.597208px;

}

@media (max-width: 1191px) {

  .main-banner .banner-desc-block p {

    line-height: 3rem;

  }

}

.main-banner .banner-desc-block p.primary {

  font-size: 2.8rem;

  line-height: 3.2rem;

  font-weight: 500;

  color: #FE0304;

}

.main-banner .banner-desc-block h1 {

  font-size: 4.8rem;

  line-height: 5.424rem;

  font-weight: 800;

  color: #fff;

  text-transform: uppercase;

  margin-bottom: 1.6rem;

}

@media (max-width: 1191px) {

  .main-banner .banner-desc-block h1 {

    font-size: 3.6rem;

    line-height: 4.6rem;

  }

}

@media (max-width: 767px) {

  .main-banner .banner-desc-block h1 {

    font-size: 3rem;

    line-height: 4rem;

  }

}

.main-banner .form-block {

  background-color: #fff;

  padding: 2.9rem;

  box-shadow: 2px 2px 22px rgba(44, 40, 107, 0.15);

  border-radius: 8px;

}

.main-banner .form-block .title {

  font-size: 3.2rem;

  line-height: 4.8rem;

  font-weight: 600;

  color: #FE0304;

  text-transform: capitalize;

}

.main-banner .form-block .primary-btn {

/*   margin-top: 3rem; */

  max-width: 22.8rem;

}

.main-banner .form-block .primary-btn span {

  letter-spacing: normal;

  line-height: 2.4rem;

}



.banner-row {

  gap: 3.2rem;

  padding: 2.85rem 0;

  z-index: 2;

  position: relative;

}

.banner-row .desc-col {

  width: calc(42.1% - 1.6rem);

}

@media (max-width: 767px) {

  .banner-row .desc-col {

    width: 100%;

  }

}

.banner-row .form-col {

  width: calc(57.9% - 1.6rem);

}

@media (max-width: 767px) {

  .banner-row .form-col {

    width: 100%;

  }

}



.input-style {

  position: relative;

}

.input-style .input-label {

  font-size: 1.6rem;

  line-height: 2.56rem;

  font-weight: 400;

  color: rgba(0, 0, 0, 1);

  position: absolute;

  left: 1.6rem;

  top: 0;

  transition: 0.4s ease all;

  pointer-events: none;

}

.input-style .input-label span {

  color: #FE0304;

}

.input-style .ctm-input, .input-style .ctm-textarea {

  font-size: 1.6rem;

  line-height: 2.56rem;

  font-weight: 400;

  color: rgba(0, 0, 0, 1);

  display: block;

  width: 100%;

  margin-top: 3.6rem;

padding-inline:1.6rem;

  transition: 0.4s ease all;

  border: 0;

  outline: 0;

  background-color: transparent;

  border-bottom: 1px solid rgba(0, 0, 0, 0.3);

	border-radius:0 !important;

}

.input-style .ctm-textarea {

	height:7rem;

	resize:vertical;

}

.input-style .ctm-input:focus, .input-style .ctm-textarea:focus {

  border-color: #000;

  color: #000;

}

.input-style .ctm-input::-moz-placeholder {

  opacity: 0;

}

.input-style .ctm-input:-ms-input-placeholder {

  opacity: 0;

}

.input-style .ctm-input::placeholder {

  opacity: 0;

}

.input-style .ctm-input:not(:-moz-placeholder-shown) + label {

  top: 1rem;

  color: #000;

}

.input-style .ctm-input:not(:-ms-input-placeholder) + label {

  top: 1rem;

  color: #000;

}

.input-style:focus-within > label, .input-style .ctm-input:not(:placeholder-shown) + label {

  top: 1rem;

  color: #000;

}



.sec-header h4 {

  font-size: 2rem;

  line-height: 1.9rem;

  font-weight: 600;

  color: #FE0304;

  margin-bottom: 0.9rem;

  text-transform: capitalize;

}

@media (max-width: 767px) {

  .sec-header h4 {

    line-height: 3rem;

  }

}

.sec-header .primary-headline {

  font-size: 3.8rem;

  line-height: 4.56rem;

  font-weight: 700;

  color: #000;

  text-transform: capitalize;

  letter-spacing: -0.597208px;

  margin-bottom: 4rem;

}

@media (max-width: 767px) {

  .sec-header .primary-headline {

    font-size: 3rem;

    line-height: 4rem;

  }

}

.sec-header .primary-headline span {

  color: #FE0304;

}



.our-mission-sec {

  padding-top: 8rem;

  padding-bottom: 5rem;

}

@media (max-width: 991px) {

  .our-mission-sec {

    padding-top: 5rem;

    padding-bottom: 0;

  }

}



.mission-row {

  display: flex;

  flex-wrap: wrap;

  gap: 3.2rem;

}



.mission-row > .cols {

  width: calc(33.333% - 21.33px);

}

@media (max-width: 991px) {

  .mission-row > .cols {

    width: calc(50% - 1.6rem);

  }

}

@media (max-width: 575px) {

  .mission-row > .cols {

    width: 100%;

  }

}



.mission-card {

  padding: 4.6rem 3.75rem;

  height: 43.5rem;

  overflow: hidden;

  border: 1px solid #C9C9C9;

  position: relative;

  text-align: center;

}

.mission-card:hover {

  border-color: #FE0304;

}

.mission-card:hover::before {

  height: 100%;

}

.mission-card:hover .icon-block {

  box-shadow: 0px 3.78207px 66.1863px rgba(91, 91, 91, 0.05);

}

.mission-card:hover .icon-block img {

  filter: invert(16%) sepia(93%) saturate(6209%) hue-rotate(347deg) brightness(98%) contrast(113%);

}

.mission-card:hover .title, .mission-card:hover p {

  color: #fff;

}

.mission-card::before {

  content: "";

  position: absolute;

  top: 0;

  width: 100%;

  left: 0;

  right: 0;

  background-color: #FE0304;

  height: 0;

  z-index: -1;

  transition: 1s ease all;

}

.mission-card .icon-block {

  width: 9.2rem;

  height: 9.2rem;

  background-color: #fff;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  margin: 0 auto 3rem auto;

  transition: 0.4s ease all;

}

.mission-card .icon-block img {

  transition: 0.4s ease all;

}

.mission-card .title {

  font-size: 2rem;

  line-height: 3rem;

  font-weight: 600;

  color: #000;

  margin-bottom: 1.5rem;

  text-transform: capitalize;

  transition: 0.4s ease all;

}

.mission-card p {

  line-height: 2.88rem;

  font-weight: 400;

  transition: 0.4s ease all;

}



.our-services-sec {

  padding-top: 5rem;

  padding-bottom: 5rem;

}

@media (max-width: 991px) {

  .our-services-sec {

    padding-bottom: 0;

  }

}

.our-services-sec .sec-header .primary-headline {

  margin-bottom: 10.7rem;

}

@media (max-width: 991px) {

  .our-services-sec .sec-header .primary-headline {

    margin-bottom: 4rem;

  }

}



.services-row {

  display: flex;

  flex-wrap: wrap;

  gap: 6rem 9.2rem;

}

@media (max-width: 1191px) {

  .services-row {

    gap: 3.2rem;

  }

}

.services-row .cols {

  width: calc(33.33% - 6.133rem);

}

@media (max-width: 1191px) {

  .services-row .cols {

    width: calc(33.33% - 2.133rem);

  }

}

@media (max-width: 991px) {

  .services-row .cols {

    width: calc(50% - 1.6rem);

  }

}

@media (max-width: 575px) {

  .services-row .cols {

    width: 100%;

  }

}



.service-card {

  padding-right: 2.6rem;

}

.service-card .icon-block {

  width: 10.6rem;

  height: 10.6rem;

  border-radius: 2.4rem;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-bottom: 1.6rem;

  transition: 0.4s ease all;

  position: relative;

  overflow: hidden;

}

.service-card .icon-block::before {

  content: "";

  width: 100%;

  height: 0;

  background-color: #FE0304;

  position: absolute;

  top: 0;

  left: 0;

  transition: 1s ease all;

}

.service-card .icon-block > img {

  transition: 0.4s ease all;

}

.service-card h3 {

  font-size: 2.8rem;

  line-height: 4.2rem;

  font-weight: 500;

  color: #000;

  margin-bottom: 1rem;

  text-transform: capitalize;

}

@media (max-width: 767px) {

  .service-card h3 {

    font-size: 2.4rem;

    line-height: 3.2rem;

  }

	

	.stat-card {

		width:50%;

		max-width:100% !important;

		text-align:center;

	}

}

.service-card p {

  text-transform: capitalize;

}

.service-card:hover .icon-block > img {

  filter: brightness(0) invert(1);

}

.service-card:hover .icon-block::before {

  height: 100%;

}



.states-sec {

  padding-top: 7.1rem;

  padding-bottom: 5rem;

}

@media (max-width: 991px) {

  .states-sec {

    padding-top: 4rem;

  }

}

.states-sec .state-container {

  max-width: 1044px;

  margin-inline: auto;

  padding-inline: 15px;

}



.stat-card {

  max-width: 21rem;

}

@media (max-width: 480px) {

  .stat-card {

    width: 100%;

  }

}

.stat-card h2 {

  font-size: 6.4rem;

  line-height: 9.6rem;

  font-weight: 700;

  color: #000;

}

@media (max-width: 767px) {

  .stat-card h2 {

    font-size: 5rem;

    line-height: 9rem;

  }

}

.stat-card p {

  text-transform: capitalize;

  color: rgba(0, 0, 0, 0.6);

}



.how-we-help-sec {

  padding-top: 5rem;

}

@media (max-width: 991px) {

  .how-we-help-sec {

    padding-top: 0;

  }

}

.how-we-help-sec .help-brands-img-col {

  padding-top: 3rem;

  min-width: 51.4rem;

	margin-bottom:-5px;

}

@media (max-width: 870px) {

  .how-we-help-sec .help-brands-img-col {

    display: none;

  }

}

@media (max-width: 870px) {

  .how-we-help-sec .help-cards-list {

    width: 100%;

  }

}



.help-brands-card {

  padding: 1.8rem 2.2rem 1.8rem 2.2rem;

  background-color: #EEEEEE;

  border-radius: 8px;

  margin-bottom: 3.2rem;

  margin-left: 1.7rem;

  position: relative;

  max-width: 65.6rem;

}

@media (max-width: 870px) {

  .help-brands-card {

    margin-inline: auto !important;

  }

  .help-brands-card::before {

    display: none;

  }

}

.help-brands-card:last-child {

  margin-left: -23.5rem;

}

.help-brands-card:first-child {

  margin-left: -22.5rem;

}

.help-brands-card:first-child::before {

  top: 44%;

}

.help-brands-card::before {

      content: "";

    position: absolute;

    border: 15px solid transparent;

    border-right-color: #EEEEEE;

    border-right-width: 24px;

    left: -3rem;

    top: 50%;

    transform: translateY(-50%);

}

.help-brands-card h3 {

  font-size: 2rem;

  line-height: 3rem;

  font-weight: 600;

  color: #000;

  margin-bottom: 0.8rem;

  text-transform: capitalize;

}

.help-brands-card p {

  letter-spacing: -0.02em;

  line-height: 2.88rem;

}

@media (max-width: 991px) {

  .performence-sec .performence-right-col {    

    padding-right: 0 !important;

  }

}



.performence-sec {

  background-image: url("./../imgs/performence-bg.jpg");

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  min-height: 31.2rem;

  padding: 6rem 0;

}

@media (max-width: 575px) {

  .performence-sec .performence-row {

    gap: 2rem;

  }

}

.performence-sec .performence-left-col {

  width: 32.55%;

}

@media (max-width: 767px) {

  .performence-sec .performence-left-col {

    width: 47%;

  }

}

@media (max-width: 575px) {

  .performence-sec .performence-left-col {

    width: 100%;

  }

}

.performence-sec .performence-left-col h3 {

  font-size: 2rem;

  line-height: 1.9rem;

  font-weight: 600;

  color: #fff;

  margin-bottom: 1rem;

  text-transform: capitalize;

}

.performence-sec .performence-left-col h2 {

  font-size: 3.8rem;

  line-height: 5.7rem;

  font-weight: 700;

  color: #fff;

  text-transform: capitalize;

}

@media (max-width: 767px) {

  .performence-sec .performence-left-col h2 {

    font-size: 3rem;

    line-height: 4rem;

    margin-bottom: 0;

  }

}

.performence-sec .performence-right-col {

  padding-right: 10.7rem;

  width: 48.8%;

}

@media (max-width: 575px) {

  .performence-sec .performence-right-col .primary-btn {

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.36);

  }

}

@media (max-width: 767px) {

  .performence-sec .performence-right-col {

    width: 50%;

    padding-right: 0;

  }

}

@media (max-width: 575px) {

  .performence-sec .performence-right-col {

    width: 100%;

  }

}

.performence-sec .performence-right-col h3 {

  font-size: 2rem;

  line-height: 3rem;

  font-weight: 600;

  color: #fff;

  text-transform: capitalize;

  margin-bottom: 1.95rem;

}

.performence-sec .performence-right-col .link {

  font-size: 2.2rem;

  line-height: 3.3rem;

  font-weight: 600;

  color: #fff;

  margin-bottom: 3.1rem;

  display: inline-block;

  transition: 0.4s ease all;

}

.performence-sec .performence-right-col .link:hover {

  color: #FE0304;

}



.partners-sec .partner-desc-col {

  width: calc(56.5% - 4.2rem);

}

@media (max-width: 991px) {

  .partners-sec .partner-desc-col {

    width: calc(57% - 1.5rem);

  }

}

@media (max-width: 767px) {

  .partners-sec .partner-desc-col {

    width: 100%;

  }

}

.partners-sec .partner-desc-col h4 {

  font-size: 2rem;

  line-height: normal;

  font-weight: 600;

  color: #FE0304;

  text-transform: capitalize;

}

.partners-sec .partner-desc-col h2 {

  font-size: 3.8rem;

  line-height: 5.7rem;

  font-weight: 700;

  color: #000;

  text-transform: capitalize;

  margin-bottom: 1.04rem;

}

.partners-sec .partner-desc-col h2 span {

  color: #FE0304;

}

.partners-sec .partner-desc-col p {

  letter-spacing: 1px;

  font-size: 1.8rem;

  line-height: 2.7rem;

  font-weight: 400;

  color: #000;

  text-transform: capitalize;

  margin-bottom: 1rem;

  font-style: italic;

}

.partners-sec .partner-desc-col p strong {

  font-weight: 500;

  font-style: normal;

}

.partners-sec .partner-logos-block {

  gap: 6rem 4rem;

  width: calc(43.5% - 4.2rem);

}

@media (max-width: 991px) {

  .partners-sec .partner-logos-block {

    gap: 3rem;

    width: calc(43% - 1.5rem);

    gap: 0 1rem;

  }

}

@media (max-width: 767px) {

  .partners-sec .partner-logos-block {

    width: 100%;

    gap: 0 2rem;

  }

}



.brands-we-helped-sec {

  padding-top: 6.3rem;

  padding-bottom: 5rem;

}

@media (max-width: 1191px) {

  .brands-we-helped-sec {

    padding-top: 0;

  }

}

@media (max-width: 991px) {

  .brands-we-helped-sec {

    padding: 0;

  }

}



.brands-logos-block {

  padding: 4.2rem 1.75rem 3.4rem;

  border-top: 1px solid rgba(254, 3, 4, 0.1);

  border-bottom: 1px solid rgba(254, 3, 4, 0.1);

}



.brand-logos-slider {

  display: none;

}

.brand-logos-slider.slick-slider {

  display: block;

}

.brand-logos-slider .slider-item {

  margin-inline: 2.65rem;

}



.brands-logo-card {

  display: flex;

  justify-content: center;

  align-items: center;

}



.why-clients-love-sec {

  padding-top: 5rem;

}



.why-clients-row {

  gap: 1.5rem;

}

.why-clients-row .why-slider-col {

  width: calc(71.7% - 0.75rem);

}

@media (max-width: 991px) {

  .why-clients-row .why-slider-col {

    width: 100%;

  }

}

.why-clients-row .why-img-col {

  width: calc(28.3% - 0.75rem);

}

@media (max-width: 991px) {

  .why-clients-row .why-img-col {

    width: 100%;

    display: flex;

    justify-content: center;

  }

}



.clients-card {

  gap: 2.553rem;

}

@media (max-width: 991px) {

  .clients-card {

    justify-content: center;

  }

}

@media (max-width: 767px) {

  .clients-card {

    flex-direction: column;

    margin-bottom: 5rem;

    gap: 0;

  }

}

.clients-card .img-block {

  max-width: 37.1rem;

  height: 36.6rem;

  overflow: hidden;

}

.clients-card .desc-block {

  max-width: 36.7rem;

}

.clients-card .desc-block h3 {

  font-size: 1.8rem;

  line-height: 2.7rem;

  font-weight: 600;

  color: #000;

  margin-bottom: 1.167rem;

  text-transform: capitalize;

}

.clients-card .desc-block p {

  line-height: 2.56rem;

}



.why-img-col {

  width: calc(28.3% - 0.75rem);

}



.why-img-col .right-img-block {

  max-width: 29.7rem;

  overflow: hidden;

}



.why-clients-slider {

  display: none;

  margin-bottom: 0 !important;

}

.why-clients-slider.slick-slider {

  display: block;

}

.why-clients-slider .slick-dots {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 2.22rem;

  width: 100%;

  left: 9.5rem;

  bottom: 9.4rem;

}

@media (max-width: 767px) {

  .why-clients-slider .slick-dots {

    left: 0;

    bottom: 1rem;

  }

}

.why-clients-slider .slick-dots li {

  margin: 0;

  width: 1.362rem;

  height: 1.362rem;

}

.why-clients-slider .slick-dots li > button {

  padding: 0;

  background-color: rgba(0, 0, 0, 0.1);

  width: 1.362rem;

  height: 1.362rem;

  border-radius: 50%;

  margin: 0;

}

.why-clients-slider .slick-dots li > button::before {

  display: none;

}

.why-clients-slider .slick-dots li.slick-active button {

  background-color: #FE0304;

}



.case-study-sec {

  padding-top: 5rem;

  padding-bottom: 10rem;

}

@media (max-width: 767px) {

  .case-study-sec {

    padding-top: 3rem;

    padding-bottom: 5rem;

  }

}



.case-banner-block {

  position: relative;

}

.case-banner-block .img-block {

  max-width: 100%;

  height: 46.8rem;

  overflow: hidden;

  background-color: #f1f1f1;

  display: flex;

  justify-content: center;

  align-items: center;

	box-shadow: 2px 0px 22px rgb(0 0 0 / 10%);

}

@media (max-width: 480px) {

  .case-banner-block .img-block {

    height: 28.8rem;

  }

}

.case-banner-block .img-block > img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  -o-object-position: center;

     object-position: center;

}

.case-banner-block .case-title {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 50.6rem;

  background-color: rgba(255, 255, 255, 0.28);

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 3.8rem;

  line-height: normal;

  font-weight: 700;

  color: #1B1B1B;

  padding: 2.35rem;

	text-transform:uppercase;

	gap:.5rem;

}

@media (max-width: 480px) {

  .case-banner-block .case-title {

    padding: 2rem;

    font-size: 3rem;

    width: 90%;

    margin-inline: auto;

  }

}

.case-banner-block .case-title span {

  color: #FE0304;

}



.case-grid-block {

  padding: 5rem 0;

}



.case-grid-row {

  gap: 3rem 8.5rem;

}

.case-grid-row > .cols {

  width: calc(50% - 4.25rem);

}

@media (max-width: 767px) {

  .case-grid-row > .cols {

    width: 100%;

  }

}



.case-data-card h3 {

  font-size: 3.8rem;

  line-height: 5.3rem;

  font-weight: 700;

  color: #27292E;

  margin-bottom: 1.4rem;

  text-transform: capitalize;

}

@media (max-width: 767px) {

  .case-data-card h3 {

    font-size: 3rem;

    line-height: 4rem;

  }

}

.case-data-card h3 span {

  color: #FE0304;

}

.case-data-card p {

  font-size: 1.6rem;

  line-height: 2.88rem;

  font-weight: 400;

  color: #585C65;

  padding-right: 2.6rem;

}



.case-icons-card-row {

  gap: 2.8rem;

}

.case-icons-card-row .cols {

  width: calc(33.333% - 1.866rem);

}

@media (max-width: 767px) {

  .case-icons-card-row .cols {

    width: calc(50% - 1.4rem);

  }

}

@media (max-width: 480px) {

  .case-icons-card-row .cols {

    width: 100%;

  }

}



.case-icon-card {

  background-color: #F3F3F3;

  overflow: hidden;

  border-radius: 7px;

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 5rem;

  padding: 3rem 2rem;

}

.case-icon-card .icon-block {

  max-width: 5.6rem;

  height: 5.6rem;

  overflow: hidden;

}

.case-icon-card.white {

  background-color: #fff;

}

.case-icon-card .desc span {

  font-size: 1.6rem;

  line-height: 1.5rem;

  font-weight: 500;

  color: #000;

  display: inline-block;

  margin-bottom: 0.7rem;

}

.case-icon-card .desc h3 {

  font-size: 3.8rem;

  line-height: 3.2rem;

  font-weight: 600;

  color: #FE0304;

}



.case-study-another {

  background-color: #F3F3F3;

  padding: 5rem 0;

}

.case-study-another.bg-white {

  background-color: #fff;

}



.case-img-grid-row {

  gap: 3rem 6.9rem;

  margin-bottom: 5rem;

}

.case-img-grid-row > .desc-col {

  width: calc(48.1% - 3.45rem);

}

@media (max-width: 767px) {

  .case-img-grid-row > .desc-col {

    width: 100%;

  }

}

.case-img-grid-row > .desc-col .case-data-card:not(:last-child) {

  margin-bottom: 2.5rem;

}

.case-img-grid-row > .img-col {

  width: calc(51.9% - 3.45rem);

}

@media (max-width: 767px) {

  .case-img-grid-row > .img-col {

    width: 100%;

  }

}



.case-img-card {

  max-width: 100%;

  height: 52.2rem;

  overflow: hidden;

  border-radius: 7px;

  display: flex;

  justify-content: center;

  align-items: center;

  background-color: #f1f1f1;

}

@media (max-width: 480px) {

  .case-img-card {

    height: 38.2rem;

  }

}

.case-img-card > img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  -o-object-position: center;

     object-position: center;

}



.get-quoteform-sec {

  padding-top: 5rem;

  padding-bottom: 6.5rem;

}

@media (max-width: 767px) {

  .get-quoteform-sec {

    padding-top: 0;

    padding-bottom: 3.5rem;

  }

}

.get-quoteform-sec .quoteForm-block {

  max-width: 83.5rem;

  margin-inline: auto;

}

.get-quoteform-sec .quoteForm-block .sec-head {

  max-width: 58.5rem;

  margin-inline: auto;

  margin-bottom: 1.5rem;

}

.get-quoteform-sec .quoteForm-block .sec-head h3 {

  font-size: 3.2rem;

  line-height: 4.8rem;

  font-weight: 600;

  color: #FE0304;

  margin-bottom: 1.5rem;

}

.get-quoteform-sec .primary-btn span {

  letter-spacing: normal;

}



.input-style-2 {

  margin-bottom: 1.5rem;

}

.input-style-2 .input-label {

  font-size: 1.4rem;

  line-height: 2.4rem;

  font-weight: 400;

  color: rgba(0, 0, 0, 0.5);

  margin-bottom: 0.5rem;

  display: inline-block;

}

.input-style-2 .ctm-input, .input-style-2 .ctm-textarea {

  padding: 1.2rem 1.9rem;

  font-size: 1.4rem;

  line-height: 2.4rem;

  font-weight: 400;

  color: rgba(0, 0, 0, 0.5);

  height: 4.8rem;

  border-radius: 1rem;

  letter-spacing: 0.05em;

  display: inline-block;

  width: 100%;

  border: 1px solid rgba(0, 0, 0, 0.5);

  outline: 0;

  background-color: rgba(248, 248, 248, 0.5);

}



.input-style-2 .ctm-textarea {

	min-height:10rem;

	resize:vertical;

}





.discover-sec {

  padding-top: 5rem;

}



.steps-row {

  gap: 2rem;

  background-image: url("./../imgs/draw-img.png");

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

}

@media (max-width: 767px) {

  .steps-row {

    background-image: none;

  }

}

.steps-row .cols {

  width: calc(20% - 1.6rem);

}

@media (max-width: 991px) {

	.steps-row .cols:first-child{

		padding-left:1rem;

	}

	.steps-row .cols:last-child{

		padding-right:1rem;

	}

}



@media (max-width: 767px) {

  .steps-row .cols {

    width: calc(50% - 1.6rem);

  }

	.steps-row .cols:first-child{

		padding-left:0;

	}

	.steps-row .cols:last-child{

		padding-right:0;

	}

}

@media (max-width: 480px) {

  .steps-row .cols {

    width: 100%;

  }

}

.steps-row .cols:nth-child(odd) .steps-card {

  padding-top: 17.7rem;

}

@media (max-width: 767px) {

  .steps-row .cols:nth-child(odd) .steps-card {

    padding-top: 0;

  }

}

.steps-row .cols:nth-child(odd) .steps-card .desc {

  margin-top: 9.4rem;

}

@media (max-width: 767px) {

  .steps-row .cols:nth-child(odd) .steps-card .desc {

    margin-top: 2rem;

  }

}

.steps-row .cols:nth-child(even) .steps-card {

  flex-direction: column-reverse;

}

@media (max-width: 480px) {

  .steps-row .cols:nth-child(even) .steps-card {

    flex-direction: column;

  }

}

.steps-row .cols:nth-child(even) .steps-card .icon-block {

  background-color: #000;

}

.steps-row .cols:nth-child(even) .steps-card .desc {

  margin-bottom: 7.8rem;

}

@media (max-width: 767px) {

  .steps-row .cols:nth-child(even) .steps-card .desc {

    margin-bottom: 2rem;

  }

}



.steps-card {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

}

.steps-card .icon-block {

  width: 11.2rem;

  height: 11.2rem;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  background-color: #FE0304;

}

@media (max-width: 480px) {

  .steps-card .icon-block {

    margin-bottom: 2rem;

  }

}

@media (max-width: 991px) {

  .steps-card .icon-block > img {

    max-width: 50%;

  }

}

.steps-card .desc {

  max-width: 19rem;

  text-align: center;

  padding-inline: 1.7rem;

}

@media (max-width: 991px) {

  .steps-card .desc {

    padding-inline: 0;

  }

	.case-icon-card .icon-block {

		height:6.6rem;

	}

}

@media (max-width: 480px) {

  .steps-card .desc {

    max-width: 90%;

    margin: 0 !important;

  }

}

.steps-card .desc p {

  font-size: 1.4rem;

  line-height: 2.1rem;

  font-weight: 400;

  color: #000;

}

@media (max-width: 767px) {

  .steps-card .desc p br {

    display: none;

  }

}



.intial-grid-row {

  gap: 3.6rem;

}

.intial-grid-row .desc-col {

  width: calc(45.75% - 1.8rem);

}

@media (max-width: 767px) {

  .intial-grid-row .desc-col {

    width: 100%;

  }

}

.intial-grid-row .desc-col .sec-header .primary-headline {

  margin-bottom: 3rem;

  line-height: 5.7rem;

}

.intial-grid-row .intial-imgs-col {

  width: calc(54.25% - 1.8rem);

}

@media (max-width: 767px) {

  .intial-grid-row .intial-imgs-col {

    width: 100%;

  }

}

.intial-grid-row .intial-imgs-row {

  gap: 2.5rem;

}

.intial-grid-row .intial-imgs-row .cols {

  width: calc(50% - 1.25rem);

}



.step-items {

  padding-left: 2.5rem;

}

.step-items li {

  font-size: 1.6rem;

  line-height: 2.9rem;

  font-weight: 400;

  color: #585C65;

  list-style: disc;

}

.step-items li:not(:last-child) {

  margin-bottom: 1rem;

}



.intial-img-card {

  max-width: 100%;

  height: 23.8rem;

  overflow: hidden;

  border-radius: 7px;

  background-color: #f1f1f1;

}

@media (max-width: 480px) {

  .intial-img-card {

    height: 18.8rem;

  }

}

.intial-img-card.lg-img {

  height: 36.8rem;

}

@media (max-width: 480px) {

  .intial-img-card.lg-img {

    height: 23.8rem;

  }

}

.intial-img-card > img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  -o-object-position: top;

     object-position: top;

}

.intial-img-card:not(:last-child) {

  margin-bottom: 3.2rem;

}



.proposal-sec {

  padding-bottom: 10rem;

}

@media (max-width: 767px) {

  .proposal-sec {

    padding-bottom: 5rem;

  }

}



.proposal-grid-row {

  gap: 5.2rem;

}

.proposal-grid-row .img-col {

  width: calc(47.6% - 2.6rem);

}

@media (max-width: 767px) {

  .proposal-grid-row .img-col {

    width: 100%;

  }

}

.proposal-grid-row .desc-col {

  width: calc(52.4% - 2.6rem);

}

@media (max-width: 767px) {

  .proposal-grid-row .desc-col {

    width: 100%;

  }

}

.proposal-grid-row .desc-col .sec-header .primary-headline {

  margin-bottom: 3rem;

}



.prop-img-block {

  max-width: 100%;

  position: relative;

  height: 48.6rem;

  overflow: hidden;

  padding-top: 1.8rem;

  padding-left: 1.8rem;

}

@media (max-width: 480px) {

  .prop-img-block {

    height: 38rem;

  }

}

.prop-img-block::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 35.4rem;

  height: 26.1rem;

  background-color: #FE0304;

  z-index: -1;

}

@media (max-width: 480px) {

  .prop-img-block::before {

    width: 80%;

  }

}

.prop-img-block > img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  -o-object-position: center;

     object-position: center;

}



.contact-sec {

  padding-top: 10rem;

  padding-bottom: 6.5rem;

}

@media (max-width: 767px) {

  .contact-sec {

    padding-top: 5rem;

    padding-bottom: 3.5rem;

  }

}



.contact-grid-row {

  gap: 7rem;

}

@media (max-width: 767px) {

  .contact-grid-row {

    gap: 3rem;

  }

}

.contact-grid-row .contact-info-col {

  width: calc(43.4% - 3.5rem);

	padding-top:7.5rem;

}

@media (max-width: 767px) {

  .contact-grid-row .contact-info-col {

    width: 100%;

	  padding-top:0;

  }

}

.contact-grid-row .contact-form-col {

  width: calc(56.6% - 3.5rem);

}

@media (max-width: 767px) {

  .contact-grid-row .contact-form-col {

    width: 100%;

  }

}

.contact-grid-row .contact-form-col .sec-header {

  margin-bottom: 2rem;

}

.contact-grid-row .contact-form-col .sec-header .primary-headline {

  margin-bottom: 0.4rem;

}



.contact-info-card {

  padding: 2rem 0 0 2rem;

  position: relative;

}

@media (max-width: 767px) {

  .contact-info-card .sec-header .primary-headline {

    margin-bottom: 3rem;

  }

}

.contact-info-card::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  background-color: #FE0304;

  width: 22.3rem;

  height: 28.4rem;

  z-index: -1;

}

@media (max-width: 480px) {

  .contact-info-card::before {

    width: 80%;

  }

}

.contact-info-card .inner-card {

  max-width: 100%;

  background-color: #FBFBFB;

  border: 1px solid rgba(254, 3, 4, 0.2);

  padding: 10.5rem 6.3rem 2.7rem 5.8rem;

}

@media (max-width: 991px) {

  .contact-info-card .inner-card {

    padding: 5.5rem 2.5rem 2.5rem 2.5rem;

  }

}

@media (max-width: 767px) {

  .contact-info-card .inner-card {

    padding-top: 4.5rem;

  }

}

.contact-info-card .info-ul {

  margin-bottom: 6.7rem;

}

@media (max-width: 767px) {

  .contact-info-card .info-ul {

    margin-bottom: 3.5rem;

  }

}

.contact-info-card .info-ul li {

  display: flex;

  align-items: center;

  gap: 1.7rem;

}

.contact-info-card .info-ul li > .icon-block {

  min-width: 2.5rem;

}

.contact-info-card .info-ul li span, .contact-info-card .info-ul li a {

  font-size: 1.5rem;

  line-height: 2.2rem;

  font-weight: 600;

  color: #4F4F4F;

  transition: 0.4s ease all;

}

.contact-info-card .info-ul li a:hover {

  color: #FE0304;

}

.contact-info-card .info-ul li:not(:last-child) {

  margin-bottom: 4.3rem;

}

@media (max-width: 767px) {

  .contact-info-card .info-ul li:not(:last-child) {

    margin-bottom: 2rem;

  }

}

.contact-info-card .social-icons-row {

  gap: 2.4rem;

}



.thanku-sec {

  padding-top: 6rem;

  padding-bottom: 15rem;

}

@media (max-width: 991px) {

  .thanku-sec {

    padding-top: 5rem;

    padding-bottom: 6rem;

  }

}

.thanku-sec .thanku-head {

  text-align: center;

  margin-bottom: 5rem;

}

@media (max-width: 767px) {

  .thanku-sec .thanku-head {

    margin-bottom: 3rem;

  }

}

.thanku-sec .thanku-head h1 {

  font-size: 5.8rem;

  line-height: 8.7rem;

  font-weight: 600;

  color: #000;

  text-transform: capitalize;

}

@media (max-width: 767px) {

  .thanku-sec .thanku-head h1 {

    font-size: 3.4rem;

    line-height: 5rem;

  }

}

.thanku-sec .thanku-ft {

  text-align: center;

}

.thanku-sec .thanku-ft p {

  margin-bottom: 1.6rem;

	font-weight:500;

}

.thanku-sec .thanku-ft h3 {

  font-size: 3rem;

  line-height: 4.5rem;

  font-weight: 600;

  color: #000;

  margin-bottom: 4rem;

}

.thanku-sec .thanku-ft .primary-btn {

  margin-inline: auto;

}



.privacy-sec {

  padding: 5rem 0;

}

.privacy-sec .sec-header .primary-headline {

  margin-bottom: 1.2rem;

}

.privacy-sec .sec-header h4 {

  line-height: 2.52rem;

}

.privacy-sec p {

  line-height: 2.88rem;

  margin-bottom: 1.2rem;

  color: #585C65;

}

.privacy-sec p strong {

  font-weight: 500;

}

.privacy-sec p a {

  text-decoration: underline;

  color: #585C65;

  transition: 0.4s ease all;

}

.privacy-sec p a:hover {

  color: #FE0304;

}



.about-sec {

  padding-top: 5rem;

  padding-bottom: 10rem;

}

@media (max-width: 767px) {

  .about-sec {

    padding-bottom: 5rem;

  }

}



.max-container {

  max-width: 1130px;

  padding-inline: 15px;

  margin-inline: auto;

}



.about-img-block {

  box-shadow: 2px 0px 22px rgba(0, 0, 0, 0.1);

  position: relative;

  max-width: 46.8rem;

  height: 46.8rem;

}

@media (max-width: 767px) {

  .about-img-block {

    max-width: 90%;

  }

}

.about-img-block > img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  -o-object-position: top;

     object-position: top;

}

.about-img-block::before, .about-img-block::after {

  content: "";

  position: absolute;

  top: 5rem;

  background-color: #FE0304;

  height: 100%;

  top: 5rem;

  right: 97%;

  width: 9999px;

	z-index:-1;

}

.about-img-block::after {

  top: unset;

  bottom: -9.5rem;

  background-color: #DE0A0A;

  height: 12.6rem;

  z-index: 1;

  right: 73%;

}

@media (max-width: 767px) {

  .about-img-block::after {

    bottom: -6rem;

    right: 58%;

	  height: 7.6rem;

  }

}



.about-row {

  gap: 7.2rem;

}

@media (max-width: 991px) {

  .about-row {

    gap: 4rem;

  }

}

.about-row .about-img-col {

  width: calc(53% - 3.6rem);

  padding-bottom: 9.5rem;

  position: relative;

}

@media (max-width: 991px) {

  .about-row .about-img-col {

    width: calc(53% - 2rem);

  }

}

@media (max-width: 767px) {

  .about-row .about-img-col {

    width: 100%;

    padding-bottom: 6rem;

  }

}

.about-row .about-img-col::before {

  content: "";

  position: absolute;

  right: 0;

  bottom: 3.3rem;

  background-color: #C4C4C4;

  width: 51.4rem;

  z-index: 1;

  height: 38.8rem;

opacity:.2;

}

.about-row .about-desc-col {

  width: calc(47% - 3.6rem);

  padding-right: 1rem;

}

@media (max-width: 991px) {

  .about-row .about-desc-col {

    width: calc(47% - 2rem);

  }

}

@media (max-width: 767px) {

  .about-row .about-desc-col {

    width: 100%;

  }

}

.about-row .about-desc-col .sec-header .primary-headline {

  margin-bottom: 1.5rem;

}

.about-row .about-desc-col .sec-header p {

  font-size: 2.2rem;

  line-height: 3.1rem;

  font-weight: 500;

  color: #000;

  letter-spacing: 0.01em;

  margin-bottom: 0;

}

.about-row .about-desc-col p {

  color: #585C65;

  line-height: 2.88rem;

  margin-bottom: 2.1rem;

}



.proposal-sec.about-page {

  padding-top: 2.6rem;

}

.proposal-sec.about-page .sec-header .primary-headline {

  margin-bottom: 1.9rem;

}

.proposal-sec.about-page .sec-header p {

  font-size: 2.2rem;

  line-height: 3.1rem;

  font-weight: 500;

  color: #000;

  letter-spacing: 0.01em;

  margin-bottom: 1.9rem;

}

.proposal-sec.about-page .desc-col .desc p {

  color: #585C65;

  line-height: 2.88rem;

}

.proposal-sec.about-page .desc-col .desc p:not(:last-child) {

  margin-bottom: 3.4rem;

}



.our-mission-sec.about-page {

  padding-bottom: 10rem;

}

@media (max-width: 767px) {

  .our-mission-sec.about-page {

    padding-bottom: 5rem;

  }

}

.our-mission-sec.about-page .mission-card {

  padding-inline: 2.8rem;

}



.services-sec {

  padding-top: 7.8rem;

  padding-bottom: 10rem;

}

@media (max-width: 991px) {

  .services-sec {

    padding-top: 5rem;

    padding-bottom: 5rem;

  }

}



.services-tabs-sec {

  background-color: #FBFBFB;

  padding-bottom: 15.5rem;

}

@media (max-width: 991px) {

  .services-tabs-sec {

    padding-bottom: 5rem;

  }

}



.services-tabs-row {

  gap: 4rem 9rem;

}

@media (max-width: 1100px) {

  .services-tabs-row {

    gap: 4rem;

  }

}

@media (max-width: 991px) {

  .services-tabs-row {

    flex-wrap: wrap;

  }

}

.services-tabs-row .tab-links-col {

  width: calc(36.34% - 4.5rem);

}

@media (max-width: 1100px) {

  .services-tabs-row .tab-links-col {

    width: calc(36.34% - 2rem);

  }

}

@media (max-width: 991px) {

  .services-tabs-row .tab-links-col {

    width: 100%;

  }

}

.services-tabs-row .tab-content-col {

  width: calc(63.76% - 4.5rem);

}

@media (max-width: 1100px) {

  .services-tabs-row .tab-content-col {

    width: calc(63.76% - 2rem);

  }

}

@media (max-width: 991px) {

  .services-tabs-row .tab-content-col {

    width: 100%;

  }

}



.custom-tab-pills {

  border: 1px solid #D0D0D0;

  border-top-left-radius: 7px;

  border-bottom-left-radius: 7px;

  overflow: hidden;

}

.custom-tab-pills li {

  position: relative;

}

.custom-tab-pills li span {

  padding: 1.7rem 2.2rem;

  font-size: 1.8rem;

  line-height: 3.24rem;

  font-weight: 400;

  color: #000;

  text-transform: capitalize;

  transition: 0.4s ease all;

  cursor: pointer;

  display: block;

}

.custom-tab-pills li span:hover {

  color: #fff;

}

.custom-tab-pills li:not(:last-child) {

  border-bottom: 1px solid #D0D0D0;

}

.custom-tab-pills li::before {

  content: "";

  width: 0;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background-color: #FE0304;

  transition: 0.7s ease all;

  z-index: 1;

}

.custom-tab-pills li:hover::before, .custom-tab-pills li.active::before {

  width: 100%;

}

.custom-tab-pills li:hover span, .custom-tab-pills li.active span {

  color: #fff;

}

.custom-tab-pills li > span {

  z-index: 1;

  position: relative;

}



.custom-tabs-content-list {

  position: relative;

}

@media (max-width: 991px) {

  .custom-tabs-content-list {

    min-height: 352px;

  }

	.stat-card h2 {

    font-size: 5.4rem;

    line-height: 8.6rem;



}

}

@media (max-width: 575px) {

  .custom-tabs-content-list {

    min-height: 583px;

  }

}

.custom-tabs-content-list .tab-data-card {

  display: flex;

  position: absolute;

  left: 0;

  top: 6.4rem;

  transition: 1s ease-in-out all;

  opacity: 0;

  visibility: hidden;

}

@media (max-width: 991px) {

  .custom-tabs-content-list .tab-data-card {

    top: 0;

  }

}

@media (max-width: 575px) {

  .custom-tabs-content-list .tab-data-card {

    flex-wrap: wrap;

  }

}

.custom-tabs-content-list .tab-data-card .img-block {

  max-width: 35rem;

  height: 35rem;

  border-radius: 0.7rem;

  overflow: hidden;

  background-color: #f1f1f1;

}

.custom-tabs-content-list .tab-data-card .img-block > img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  -o-object-position: center;

     object-position: center;

}

@media (max-width: 575px) {

  .custom-tabs-content-list .tab-data-card .img-block {

    min-width: 100%;

  }

}

.custom-tabs-content-list .tab-data-card .content-block {

  background-color: #FE0304;

  padding: 2.6rem 2.5rem;

  border-radius: 7px;

  overflow: hidden;

  max-width: 35rem;

  margin-left: -6rem;

  margin-top: 7.5rem;

}

@media (max-width: 575px) {

  .custom-tabs-content-list .tab-data-card .content-block {

    margin-left: 0;

    margin-top: 1rem;

    max-width: 100%;

  }

	.custom-tabs-content-list .tab-data-card .content-block h4 br {

		display:none;

	}

}

.custom-tabs-content-list .tab-data-card .content-block h4 {

  font-size: 2.5rem;

  line-height: 3.5rem;

  font-weight: 700;

  color: #fff;

  margin: 1.3rem 0;

  text-transform: capitalize;

}

.custom-tabs-content-list .tab-data-card .content-block p {

  line-height: 2.88rem;

  color: #fff;

}



.caseStudy-sec {

  padding-bottom: 5rem;

}

.caseStudy-sec .primary-btn {

  max-width: 21.2rem;

  margin-top: 5rem;

}



.services-page-sec {

  margin: 6rem 0 6.5rem;

}

@media (max-width: 767px) {

  .services-page-sec {

    margin: 5rem 0;

  }

	.privacy-sec .sec-header .primary-headline br {

		display:none;

	}

}/*# sourceMappingURL=main.css.map */







section.case-study-another:nth-child(odd) {

  background-color: #ffff;

}





section.case-study-another:nth-child(odd) .case-img-grid-row{

  flex-direction: row-reverse;



}

section.case-study-another:nth-child(even) .case-icon-card{

background-color: #fff;



}



div#wpcf7-f281-o1 br {

  display: none;

}

div#wpcf7-f7-o1 br {

  display: none;

}





div#wpcf7-f282-o2 br {

    display: none;

}



div#wpcf7-f282-o1 br {

  display: none;

}

.wpcf7-not-valid-tip {

    color: #dc3232;

    font-size: 11px!important;

    font-weight: normal;

    display: block;

}



.input-style.span:focus-within > label, .input-style.span .ctm-input:not(:placeholder-shown) + label {

    top: 1rem;

    color: #000;

}

.ft-copywrite {

	padding: 2.5rem 0 2rem 0;

}



.ft-copywrite p {

	font-weight: 400;

font-size: 1.4rem;

line-height: 2.2rem;

color: #0A142F;

}

.input-style-2 select.ctm-input , .input-style select.ctm-input{

	appearance:none;	

    /* background-image: url(https://upworkdeveloper.com/pko-digital/wp-content/uploads/2023/01/select-icon.png); */

    background-repeat: no-repeat;

    background-position: 96.7% center;



}

.thanku-sec .thanku-head p {

	font-weight:500;

}



@media (min-width:992px){

	.d-lg-flex {

		display:flex !important;

	}

	.d-lg-none {

		display:none;

	}

}



.menu-header-menu-container + .primary-btn {

	background-color:#fff;

	color:#fe0304;

	margin-top:3rem;

	transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.3s ease;

	transform: translateX(100px);

    visibility: hidden;

    opacity: 0;    

	transition-delay:2s;

}

.menu-header-menu-container + .primary-btn span {	

	color:#fe0304;	

}

.menu-header-menu-container + .primary-btn:hover span {

	color:#fff;

}



.quoteForm-block .primary-btn span{

	letter-spacing:normal;

}



.input-style.float .input-label {

	top: -3rem;

    color: #000;

}



#site-footer .main-ft-block .form-block .input-style.float .input-label {

	top:-1rem;

	color:#000;

}



@media(max-width:375px){

	.input-style .input-label {

		font-size:1.5rem;		

	}

	.main-banner .form-block {

		padding:1.9rem;

	}

}



.quoteForm-block .input-style-2 .input-label {

	color:#FE0304;

}



.ctm-checkboxes .wpcf7-list-item-label {

	font-size: 1.2rem;

    padding-left: 2.5rem;

    margin-top: -2.55rem;

    display: inline-block;

}



.ctm-checkboxes {

	margin-bottom:2rem;

	display: inline-block;

}



.ctm-checkboxes .wpcf7-list-item {

	margin:0;

}





.custom-captcha {

    margin-bottom: 2rem;

    display: inline-block;

}

.ctm-checkboxes.mt-15 {

	margin-top:2rem;

}



.ctm-home-banner.main-banner {

	display: flex;

    align-items: center;

}



.ctm-home-banner.main-banner .banner-row .desc-col {

    width: calc(100%);

}

.ctm-home-banner.main-banner .banner-desc-block h1 {

	margin:2rem 0;

}



.custom-tab-pills li span br {

    display: none;

}



@media(min-width:992px){

	.navbar {

		opacity:1 !important;

		visibility:visible !important;

	}

	#site-header .main-menu li a {

		    transform: unset !important;

    visibility: visible !important;

    opacity: 1 !important;

    

	}

}



.custom-captcha > div {

	max-width:100%;

	width:auto !important;

}

.custom-captcha iframe {

	max-width:100%;

}