/*!
Theme Name: formtech
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: formtech
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

formtech is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Poppins Font Faces */
@font-face {
  font-family: 'Poppins';
  src: url('css/fonts/Poppins/Poppins-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('css/fonts/Poppins/Poppins-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('css/fonts/Poppins/Poppins-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('css/fonts/Poppins/Poppins-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('css/fonts/Poppins/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('css/fonts/Poppins/Poppins-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('css/fonts/Poppins/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('css/fonts/Poppins/Poppins-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('css/fonts/Poppins/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('css/fonts/Poppins/Poppins-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('css/fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('css/fonts/Poppins/Poppins-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('css/fonts/Poppins/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('css/fonts/Poppins/Poppins-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('css/fonts/Poppins/Poppins-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('css/fonts/Poppins/Poppins-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url('css/fonts/Poppins/Poppins-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('css/fonts/Poppins/Poppins-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}


:root {
  --header-height: 102px;
}

html,
body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  scroll-behavior: auto !important;
  /* disable native scroll if interfering */
  overflow-x: hidden;
  will-change: scroll-position;
}

body * {
  font-family: 'Poppins', sans-serif;
}

section,
header,
footer,
main {
  will-change: transform;
}

/* Box sizing rules */
*,
*::before,
*::after {

  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}


.navbar-nav .nav-link {
  color: #000;
  font-weight: 500;
  margin: 0 10px;
  font-family: 'Poppins', sans-serif;
}

.navbar-nav .nav-link:hover {
  color: #b22222;
}

.btn-danger {
  background-color: #b22222;
  border: none;
  font-weight: 600;
}

#menu-main-menu li.menu-item {
  text-align: center;
  padding: 0 16px;
}

.container {

  width: 90% !important;
  min-width: 90% !important;
  margin: auto;
}


header {
  transition: all 0.3s ease;
}

body.is-sticky {
  padding-top: 102px;
}

body.is-sticky #site-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease;
}


.footer-wrapper {
  padding-top: 75px;
  padding-bottom: 75px;
}

.footer-wrapper .footer-area-icon a {
  text-decoration: none;
  color: #fff;
}

.footer-wrapper .address-item {
  padding-bottom: 10px;
}

.footer-wrapper .address-item a {
  text-decoration: none;
  color: #fff;
}

.footer_copy_right a {
  text-decoration: none;
}



.service-items-wrapper ul li {
  padding-bottom: 1rem;
}

.service-items-wrapper ul li a {
  text-decoration: none;
  color: #fff;
}


/* Outer swiper container */
.swiper.marquee-swiper {
  margin-top: 4rem;
  mask-image: linear-gradient(to right,
      transparent 0%,
      white 10%,
      white 90%,
      transparent 100%);
}

.swiper-wrapper.marquee-swiper {
  transition-timing-function: linear;
  align-items: center;
}

/* Individual slides */
.swiper-slide.marquee-swiper {
  width: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.client-logos-wrapper .swiper {
  cursor: pointer;
}

/* blog style swiper  */

.swiper-button-prev,
.swiper-button-next {
  position: relative !important;

  color: #000;
}


.blogs-section-wrapper .swiper-button-prev,
.swiper-button-next svg {
  width: 50px;
  height: 50px;
  border-radius: 0;
  background-color: red;
}

.blogs-section-wrapper .card-body h5 {
  color: #000;
  font-size: 18px;
  font-weight: 700;
}

.blogs-section-wrapper .card-body .btn {
  border-radius: 0;
  background-color: #000;
}

.offer-widget-section .right-arrows {
  width: 20px;
  height: 20px;
  fill: #fff;
}

.offer-widget-section a.btn {
  border-radius: 0;
  background-color: #000;
}

.offer-widget-section .content {
  background-color: #C60139;
}

.offer-widget-section .content p {
  width: 100%;
}

.offer-widget-section .content h2 {
  font-weight: 700;
}


.formtech-product-grid-cusomt {
  padding-top: 4rem !important;
}

.formtech-product-grid .card-body {
  padding-left: 0;
}

.formtech-product-grid .card-body .btn {
  border-radius: 0px;
  background-color: #C60139;
}

.formtech-product-grid .card-body .card-title {
  font-weight: 800;
  color: #000;
  font-size: 26px;
}

.formtech-product-grid .card-body .card-text {
  color: #000;
  font-size: 18px;
  padding-bottom: 1rem;
}


.pro-descption {
  padding-bottom: 3rem;
}


.formtech-product-grid .card img {
  border-radius: 0px;
  box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.41);
  -webkit-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.41);
  -moz-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.41);
}


.service-box {
  background-color: #C60139;
  padding: 40px;
  position: relative;
}

.red-color {
  background-color: #C60139;
}

.txt-red-color {
  color: #C60139;
}

.has-divider::after {
  content: '';
  position: absolute;
  right: 0;
  top: 10%;
  width: 1px;
  height: 80%;
  background-color: #fff;
}


.formtech-services h2 {
  font-size: 42px;
}


.formtech-category-grid .card-body {
  padding-left: 0;
}

.formtech-category-grid .card-body .btn {
  border-radius: 0px;
  background-color: #C60139;
}

.formtech-category-grid .card-body .card-title {
  font-weight: 800;
  color: #000;
  font-size: 20px;
}

.formtech-category-grid .card-body .card-text {
  color: #000;
  font-size: 18px;
  padding-bottom: 1rem;
}



.formtech-category-grid .card img {
  border-radius: 0px;
  box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.41);
  -webkit-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.41);
  -moz-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.41);
}

.mission-vision-values-grid svg {
  width: 40px;
}

..formtech-services-grid .card {
  border-radius: 0px !important;
}

.formtech-services-grid button.btn {
  border-radius: 0px;
  color: #fff;
  background-color: #000;
}


.contact-form-content-wrapper {
  background-color: aliceblue;
  padding: 38px;
  opacity: 2;

}

.contact-form-wrapper input {
  border-radius: 0px;
  height: 45px;
}

.contact-form-wrapper label {
  padding-bottom: 10px;
}

.contact-form-wrapper .wpcf7-submit {
  border: 0;
  background-color: #C60139;
}

.contact-form-wrapper .wpcf7-submit:hover {
  background-color: #C60139;
}

.contact-form-content-wrapper h2 {
  padding-bottom: 10px;
}

.contact-form-content-wrapper span.text-muted {
  font-weight: 600;
}

.contact-items-left {
  background-color: aliceblue;
}

.contact-items-left svg {
  fill: red;
}

.contact-items-left a {
  color: var(--bs-secondary-color);
  text-decoration: none;
}


.phone-desktop {
  gap: 15px;
  border-radius: 51px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 61px;
  width: 61px;
  background-color: #C60139;
  border-radius: 40px !important;
  border: solid 2px #fff;
  box-shadow: inset 0 0 0 2px #fff;
  padding: 20px;
}

.phone-desktop svg {
  fill: #fff;

}

.des-title {
  font-weight: 500;
}


.card-stl {
  box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.1) !important;
  margin-bottom: 25px;
}

.formtech-product-grid .card-title {
  margin-bottom: 10px;
}


.formtech-category-grid .card-title {
  padding-bottom: 25px;
}

.service_list h3 {
  font-size: 24px;
}

.formtech-services h2 {
  font-size: 32px;
}

.formtech-services p {
  font-size: 14px;
}

.formtech-category-grid h2 {
  font-size: 32px;
}

.blogs-section-wrapper .btn {
  background-color: #292929;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
  padding-right: 24px;
}


/* Bootstrap Breakpoints */
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .site-header .custom-logo-link img {
    width: 200px;
    height: auto;
  }

  #menu-main-menu {
    gap: 6px;
    height: 90vh;
    padding-top: 16%;
  }

  #menu-main-menu .menu-item a {
    font-weight: 600;

  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  #menu-main-menu {
    gap: 6px;
    height: 90vh;
    padding-top: 16%;
  }

  #menu-main-menu .menu-item a {
    font-weight: 600;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  #menu-main-menu {
    gap: 6px;
    height: 30vh;
    padding-top: 5%;
  }

  #menu-main-menu .menu-item a {
    font-weight: 600;

  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Custom styles for lg */
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  /* Custom styles for xl */
}

/* Extra extra large devices (1400px and up) */
@media (min-width: 1400px) {
  /* Custom styles for xxl */
}


#menu-main-menu {
  align-items: left !important;
}

/* Base Navigation Styling */
#menu-main-menu.navbar-nav {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
}

/* Nav Items */
#menu-main-menu .nav-item .nav-link {
  color: #333;
  font-size: 16px;
  position: relative;
  padding: 0.5rem 0;
  transition: color 0.3s ease;
}

/* Active Link */
#menu-main-menu .nav-item.active .nav-link,
#menu-main-menu .nav-item .nav-link:hover,
#menu-main-menu .nav-item .nav-link:focus {
  color: #B18E49;
  /* Gold-like highlight */
}

/* Underline Animation on Hover */
#menu-main-menu .nav-item .nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 0;
  background-color: #B18E49;
  transition: width 0.3s ease;
}

#menu-main-menu .nav-item .nav-link:hover::after,
#menu-main-menu .nav-item.active .nav-link::after {
  width: 100%;
}

/* Responsive Enhancements (Mobile) */
@media (max-width: 991.98px) {
  #menu-main-menu.navbar-nav {
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 0;
    text-align: center;
  }

  #menu-main-menu .nav-item .nav-link {
    font-size: 18px;
  }
}


.navbar-toggler {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Hide Bootstrap default icon */
.navbar-toggler .navbar-toggler-icon {
  display: none;
}

/* Custom hamburger container */
.custom-toggler {
  width: 30px;
  height: 22px;
  border: none;
  background: transparent;
  position: relative;
  z-index: 1001;
  padding: 0;
}

/* Hamburger bars */
.custom-toggler span,
.custom-toggler::before,
.custom-toggler::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #333;
  /* change to #fff for dark background */
  transition: all 0.3s ease;
  border-radius: 2px;
}

.custom-toggler::before {
  top: 0;
}

.custom-toggler span {
  top: 9px;
}

.custom-toggler::after {
  bottom: 0;
}

/* Animation to 'X' when open */
.custom-toggler:not(.collapsed)::before {
  transform: rotate(45deg);
  top: 9px;
}

.custom-toggler:not(.collapsed)::after {
  transform: rotate(-45deg);
  bottom: 9px;
}

.custom-toggler:not(.collapsed) span {
  opacity: 0;
}

/* Optional: White for dark navbars */
.dark-navbar .custom-toggler span,
.dark-navbar .custom-toggler::before,
.dark-navbar .custom-toggler::after {
  background-color: #fff;
}

.formtech-category-grid .btn {
  border-radius: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
  padding-right: 24px;
}

.formtech-services .btn {
  border-radius: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
  padding-right: 24px;
}

.offer-widget-section .btn {
  border-radius: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
  padding-right: 24px;
}

.custom-logo-link img {
  width: 270px;
  height: auto;
}



.values-box{
  padding-bottom: 6rem !important;
}

.formtech-bg-section{
    padding-bottom: 6rem !important;
}

.formtech-values-section{
    padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}


.blogs-section-wrapper{
      padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.contact-form-content-wrapper{
  padding-left: 4rem;
   padding-right: 4rem;
}


#menu-main-menu li.menu-item {
    text-align: center;
    padding: 0 8px;
}

.formtech-services-grid .card-img-top{
  width: 400px!important;
  height: 200px!important;
  object-fit: cover;
}

.formtech-services-grid .card{
  padding: 10px 10px;
}

.card-title{
  height: 60px;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-up {
  animation: fadeInUp 0.8s ease-out forwards;
  opacity: 0; /* So it starts invisible */
}


.client-logos-prodcuts-wrapper{
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}


.pro-cat-des{
   padding-bottom: 3rem !important;
}