/*!
Theme Name: STARTEO Starter Theme
Author: Starteo
Author URI: https://www.starteo.pro
Description: 
Version: 1.0
Requires at least: 5.0
Tested up to: 5.7
Requires PHP: 7.2
Text Domain: gbdi-starter
*/

/* Don't overwrite this file. Compile "/assets/main.(less|scss)" to "/assets/css/main.css" */

/* From http://codex.wordpress.org/CSS */

/* GENERAL */
/*
@font-face {
	font-family: "Ganton";
	src: url(assets/_fonts/Ganton.otf) format("opentype");
}
*/

@font-face {
  font-family: "Raleway Black";
  src: url(assets/_fonts/Raleway-Black.ttf) format("truetype"),
    url("assets/_fonts/Raleway-Black.woff") format("woff"),
    url("assets/_fonts/Raleway-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Raleway Black Italic";
  src: url(assets/_fonts/Raleway-BlackItalic.ttf) format("truetype");
}

@font-face {
  font-family: "Raleway";
  src: url(assets/_fonts/Raleway-Regular.ttf) format("truetype");
}

@font-face {
  font-family: "Raleway Italic";
  src: url(assets/_fonts/Raleway-Italic.ttf) format("truetype");
}

body {
  color: #ffffff;
  font-family: "Raleway";
  font-size: 21px;
  line-height: 35px;
}

.back-to-top {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 10px; /* Place the button at the bottom of the page */
  right: 10px; /* Place the button 30px from the right */
  z-index: 999; /* Make sure it does not overlap */
  outline: none; /* Remove outline */
  cursor: pointer; /* Add a mouse pointer on hover */
  font-size: 20px; /* Increase font size */
  color: #e9a943;
  background: #000000;
  border: solid 2px #000000;
  border-radius: 50%;
  padding: 14px 16px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
}

.back-to-top.show {
  opacity: 1;
  visibility: visible;
}

/* .back-to-top:hover {
} */

.tactiq-orange {
  color: #e9a943;
}

.tactiq-red {
  color: #750000;
}

.tactiq-black {
  color: #000000;
}

.tactiq-red {
  color: #750000;
}

.tactiq-bg-orange {
  background-color: #e9a943;
}

.tactiq-bg-red {
  background-color: #750000;
}

.tactiq-bg-black {
  background-color: #000000;
}

.tactiq-title-banner,
.tactiq-title-orange,
.tactiq-title-white,
.tactiq-title-black {
  font-family: "Raleway Black";
  color: transparent;
  -webkit-text-stroke-width: 2px;
}

.tactiq-title-banner {
  font-size: 83px;
  line-height: 109px;
  text-transform: uppercase;
  -webkit-text-stroke-color: #ffffff;
}

.tactiq-title-orange {
  font-size: 60px;
  line-height: 45px;
  -webkit-text-stroke-color: #e9a943;
}

.tactiq-title-white {
  font-size: 80px;
  line-height: 45px;
  -webkit-text-stroke-color: #ffffff;
}

.tactiq-title-black {
  font-size: 80px;
  line-height: 45px;
  -webkit-text-stroke-color: #000000;
}

.tactiq-home-promise-desc {
  padding-bottom: 100px;
}

.tactiq-home-promise-desc.strong {
  font-family: "Raleway Black";
  font-weight: normal;
}

.grecaptcha-badge {
  display: none;
}

/* GENERAL */

/* HEADER */
.tactiq-header-container {
  position: fixed;
  z-index: 5;
}

.tactiq-header {
  background: transparent linear-gradient(180deg, #000000 0%, #54545400 100%) 0%
    0% no-repeat padding-box;
  display: flex;
  align-items: center;
  padding-top: 40px;
}

.tactiq-header-menu a {
  font-family: "Raleway Black";
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  transition: border-bottom 0.3s ease-in-out;
}

.tactiq-header-menu a:hover {
  border-bottom: 2px solid #ffffff;
  padding-bottom: 8px;
}

.navbar-nav {
  gap: 54px;
}

.navbar-expand-md .navbar-nav .nav-link {
  padding-left: 0;
  padding: 0;
}

.navbar-expand-xl .navbar-nav .nav-link {
  padding-left: 0;
  padding: 0;
}
/* HEADER */

/* FOOTER */
.tactiq-footer {
  padding: 135px 0 130px 0;
}

.tactiq-footer-logo {
  width: 456;
  height: 68px;
}

.tactiq-footer-infos {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.tactiq-footer-address {
  font-family: "Raleway";
  font-size: 25px;
  line-height: 35px;
}

.tactiq-btn-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 55px;
  width: 198px;
  font-family: "Raleway Black";
  font-size: 20px;
  line-height: 22px;
  text-transform: uppercase;
  border: 2px solid #000000;
  border-radius: 70px;
  color: #000000;
  background-color: transparent;
  transition: background-color 0.3s ease;
}

.tactiq-btn-footer:hover {
  color: #e9a943;
  background-color: #000000;
}

.tactiq-footer-links {
  background-color: #e9a943;
  padding-bottom: 25px;
  font-family: "Raleway";
  font-size: 20px;
  line-height: 22px;
}

.tactiq-footer-links a {
  color: #ffffff;
}
/* FOOTER */

/* HOME */
.tactiq-home-banner {
  background-image: url("assets/images/tactiq_banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 1031px;
  width: auto;
}

.tactiq-home-banner-text {
  padding-top: 708px;
}

.tactiq-home-rdv-button a{
  font-family: "Roboto Black";
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
  writing-mode: sideways-lr;
  color: #000000;
}

.tactiq-home-rdv-button {
  position: fixed;
  right: 0;
  top: 415px; 
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 32px 18px 33px 16px;
  transition: background-color 0.3se ease-in-out;
}

.tactiq-home-rdv-button:hover{
  background-color: rgba(233, 169, 67, 0.7);
}

.tactiq-home-objectif {
  padding-top: 130px;
  position: relative;
  z-index: 1;
}

.tactiq-home-subtitle {
  font-family: "Raleway Black Italic";
  font-size: 83px;
  line-height: 109px;
  margin-top: -25px;
}

.tactiq-home-objectif-subtitle {
  font-family: "Raleway Black";
  font-size: 28px;
  line-height: 40px;
}

.tactiq-home-objectif-content {
  padding-top: 46px;
}

.tactiq-home-objectif-container {
  display: flex;
  align-items: center;
  gap: 137px;
  padding-bottom: 160px;
}

.tactiq-home-objectif-right-container {
  background-image: url("assets/images/tactiq_objectif_composant.png");
  width: 511px;
  height: 532px;
  background-repeat: no-repeat;
  background-size: cover;
}

.tactiq-home-objectif-composant-text {
  padding-top: 170px;
}

.tactiq-home-objectif-composant-text.strong {
  font-family: "Raleway Black";
  font-weight: normal;
}

.tactiq-home-objectif-blocks {
  display: flex;
  flex-direction: row;
  gap: 192px;
  padding-bottom: 128px;
}

.tactiq-home-objectif-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.tactiq-home-objectif-block-picto img {
  width: 182px;
  height: auto;
  padding-bottom: 34px;
  transition: transform 0.3s ease-in-out;
}

.tactiq-home-objectif-block-picto img:hover {
  transform: rotate(-15deg);
}

.tactiq-home-objectif-block-title {
  font-family: "Raleway Black";
  font-size: 30px;
  line-height: 45px;
}

.tactiq-home-objectif-block-content {
  font-size: 15px;
  line-height: 22px;
}

.tactiq-home-objectif-block-content.strong {
  font-family: "Raleway Black Italic";
  font-weight: normal;
}

.tactiq-btn-objectif {
  display: flex;
  justify-content: center;
  margin-bottom: 253px;
}

.tactiq-btn-objectif a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 294px;
  font-family: "Raleway Black";
  font-size: 25px;
  line-height: 33px;
  border: 2px solid #ffffff;
  border-radius: 60px;
  color: #ffffff;
  background-color: transparent;
  transition: background-color 0.3s ease;
}

.tactiq-btn-objectif a:hover {
  color: #000000;
  background-color: #ffffff;
}

.tactiq-home-promise-bg {
  position: relative;
  background-color: #750000;
  clip-path: polygon(50% 0, 0 100%, 100% 100%);
  margin-top: -150px;
  padding-top: 150px;
  z-index: 2;
}

.tactiq-home-promise-title {
  padding-top: 94px;
  padding-bottom: 37px;
}

.tactiq-home-promise-blocks {
  display: flex;
  flex-direction: column;
}

.tactiq-home-promise-block-1 {
  margin-left: 325px;
}

.tactiq-home-promise-block-2 {
  margin-left: 164px;
}

.tactiq-home-promise-block-3 {
  margin-left: 489px;
}

.tactiq-home-promise-block-4 {
  margin-left: 326px;
}

.tactiq-home-promise-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 125px;
  position: relative;
  border-top: 5px solid #ffffff;
  border-right: 5px solid #ffffff;
  border-bottom: 5px solid #ffffff;
  border-left: none;
  border-radius: 0 70px 70px 0;
  padding-left: 294px;
  width: 1227px;
}

.tactiq-home-promise-block-img img {
  width: auto;
  height: 391px;
  margin-right: 76px;
  position: absolute;
  left: -130px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  transition: filter 0.3s ease-in-out;
}

.tactiq-home-promise-block-img img:hover {
  filter: sepia();
}

.tactiq-home-promise-block-border {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.tactiq-home-promise-block-pack-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-right: 81px;
}

.tactiq-home-promise-block-pack-text-title {
  font-family: "Raleway Black";
  font-size: 45px;
  line-height: 48px;
  color: transparent;
  -webkit-text-stroke: 1px #ffffff;
}

.tactiq-home-promise-block-pack-price {
  font-family: "Raleway Black";
  font-size: 25px;
  line-height: 38px;
}

.tactiq-home-promise-block-pack-subtitle {
  font-family: "Raleway Black";
  font-size: 18px;
  line-height: 25px;
}

.tactiq-home-promise-block-desc-title {
  font-family: "Raleway Black";
  font-size: 26px;
  line-height: 35px;
}

.tactiq-home-promise-block-desc {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #000000;
  border-radius: 0 64px 64px 0;
  padding: 39px 0px 41px 40px;
  width: 463px;
}

.tactiq-home-promise-block-desc-content {
  font-size: 18px;
  line-height: 30px;
}

.tactiq-home-promise-block-desc-content p {
  margin-bottom: unset;
}

.tactiq-home-promise-block-desc-content.strong {
  font-family: "Raleway Black";
  font-weight: normal;
}

.tactiq-btn-promise {
  display: flex;
  justify-content: center;
  margin-bottom: 104px;
}

.tactiq-btn-promise a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 294px;
  font-family: "Raleway Black";
  font-size: 25px;
  line-height: 33px;
  border: 2px solid #ffffff;
  border-radius: 60px;
  color: #ffffff;
  background-color: transparent;
  transition: background-color 0.3s ease;
}

.tactiq-btn-promise a:hover {
  color: #750000;
  background-color: #ffffff;
}

.tactiq-home-team-bg {
  background-image: url("assets/images/tactiq-team-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 1978px;
  width: 100%;
  padding-top: 160px;
}

.tactiq-home-team-desc {
  padding-bottom: 40px;
}

.tactiq-home-team-desc.strong {
  font-family: "Raleway Black";
  font-weight: normal;
}

.tactiq-home-team-slider {
  padding-right: 0;
  margin-bottom: 112px;
}

.tactiq-home-team-slide {
  display: flex;
  flex-direction: column;
  margin-right: 30px;
}

.tactiq-home-team-slide-2,
.tactiq-home-team-slide-7 {
  margin-top: 102px;
}

.tactiq-home-team-slide-3,
.tactiq-home-team-slide-8 {
  margin-top: 38px;
}

.tactiq-home-team-slide-5 {
  margin-top: 76px;
}

.tactiq-home-slide-img img {
  width: 294px;
  height: 255px;
}

.tactiq-home-team-slide-content {
  background-color: #000000;
  padding: 31px 36px 45px 36px;
  width: 294px;
}

.tactiq-home-team-slide-title {
  font-family: "Raleway Black";
  color: transparent;
  -webkit-text-stroke-width: 1px;
  font-size: 45px;
  line-height: 48px;
  -webkit-text-stroke-color: #e9a943;
}

.tactiq-home-team-slide-subtitle {
  font-family: "Raleway Black";
  font-size: 17px;
  line-height: 22px;
}

.tactiq-home-team-slide-desc {
  font-size: 15px;
  line-height: 22px;
}

.tactiq-home-team-blocks {
  display: flex;
  flex-direction: row;
  gap: 126px;
  padding-bottom: 128px;
}

.tactiq-btn-team {
  display: flex;
  justify-content: center;
  margin-bottom: 104px;
}

.tactiq-btn-team a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 294px;
  font-family: "Raleway Black";
  font-size: 25px;
  line-height: 33px;
  border: 2px solid #750000;
  border-radius: 60px;
  color: #750000;
  background-color: transparent;
  transition: background-color 0.3s ease;
}

.tactiq-btn-team a:hover {
  color: #ffffff;
  background-color: #750000;
}

.tactiq-home-zone {
  padding-top: 90px;
  padding-bottom: 90px;
}

.tactiq-home-zone-subtitle {
  font-family: "Raleway Black";
}

.tactiq-home-rdv-subtitle {
  font-family: "Raleway Black";
  padding-top: 55px;
  padding-bottom: 40px;
}

.tactiq-home-rdv-subtitle em {
  font-family: "Raleway Italic";
  font-size: 20px;
}

.calendly-inline-widget {
  height: 687px;
  width: 100%;
  background-color: #ffffff;
}

.tactiq-home-rdv-container {
  display: flex;
  align-items: center;
  padding-bottom: 161px;
}

.tactiq-home-rdv-social-container {
  display: flex;
  flex-direction: column;
  gap: 35px;
}

.tactiq-home-rdv-social-row1,
.tactiq-home-rdv-social-row2 {
  display: flex;
  flex-direction: row;
  gap: 35px;
}

.tactiq-home-rdv-social-row1 img,
.tactiq-home-rdv-social-row2 img {
  width: 159px;
  height: auto;
  transition: rotate 0.3s ease-in-out;
}

.tactiq-home-rdv-social-row1 img:hover,
.tactiq-home-rdv-social-row2 img:hover {
  transform: rotate(-15deg);
}

.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  width: 100%;
}

::placeholder,
textarea {
  font-family: "Raleway Black";
  font-size: 20px;
  line-height: 22px;
  color: #000000;
}

.wpcf7-form input,
.wpcf7-form textarea {
  background-color: transparent;
  padding: 14px 40px;
  border: 2px solid #000000;
}

.wpcf7-form input {
  border-radius: 70px;
}

.wpcf7-form textarea {
  border-radius: 25px;
}

.wpcf7-form input.wpcf7-submit {
  border: 2px solid #000000;
  border-radius: 70px;
  background-color: transparent;
  font-family: "Raleway Black";
  font-size: 20px;
  line-height: 22px;
  color: #000000;
  text-transform: uppercase;
  padding: 15px 44px;
}

.wpcf7-form input.wpcf7-submit:hover {
  background-color: #000000;
  color: #ffffff;
}
/* HOME */

/* 404 */
.tactiq-404-bg {
  background-image: url("assets/images/tactiq-team-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  width: 100%;
  padding-top: 160px;
}

.tactiq-home-team-bg2 {
  background-image: url("assets/images/tactiq-team-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px;
  width: 100%;
  padding-top: 160px;
}

.tactiq-404-title {
  padding-top: 80px;
}

.tactiq-404-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.tactiq-btn-404 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 55px;
  width: 198px;
  font-family: "Raleway Black";
  font-size: 20px;
  line-height: 22px;
  text-transform: uppercase;
  border: 2px solid #000000;
  border-radius: 70px;
  color: #000000;
  background-color: transparent;
  transition: background-color 0.3s ease;
}

.tactiq-btn-404:hover {
  color: #ffffff;
  background-color: #000000;
}
/* 404 */