/*
Theme Name: itendro
Theme URI: https://itendro.com/
Description: Themes Itendro Agency.
Author: Andry D.
Author URI: https://github.com/root-andry/
Version: 1.0
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.txt
Text Domain: itendro
*/

.header__logo {
    max-width: 100px;
}

:root {
    --theme: #8FC7DB!important;
	--primary: #214D5C!important;
	--secondary: #357891!important;
	--black: #214D5C!important;
}

.hero-area .hero-thumb .thumb-2 {
	max-width: 251px!important;
}

.hero-area .hero-thumb .thumb-1 {
	max-width: 210px!important;
}

.hero-area .hero-thumb .thumb-1:after {
	background-color: #357891!important;
}

.about-gallery-wrapper .thumb-2 > img.has_fade_anim {
	width: 360px!important;
	height: 455px!important;
	overflow: hidden!important;
	object-fit: cover!important;
}

.about-gallery-wrapper .thumb-1 > img {
	width: 330px!important;
	height: 180px!important;
	overflow: hidden!important;
	object-fit: cover!important;
}

.tab-content #pills-1 {
	display: none!important;
}


.process-wrapper-box li {
	margin: 12px;
	list-style: inside;
}

.contact-area .title-wrapper p { color: white;}

.process-area .section-header{display:grid;gap:20px 60px;grid-template-columns:auto auto;justify-content:space-between;align-items:center}@media only screen and (max-width: 1199px){.process-area .section-header{grid-template-columns:auto}}.process-area .section-header .text{max-width:420px}.process-area .section-title{max-width:630px}.process-area .process-wrapper-box{margin-top:87px}@media only screen and (max-width: 1399px){.process-area .process-wrapper-box{margin-top:67px}}@media only screen and (max-width: 1199px){.process-area .process-wrapper-box{margin-top:57px}}.process-area .process-wrapper{display:grid;gap:73px 60px;grid-template-columns:repeat(3, 300px);justify-content:space-between}@media only screen and (max-width: 1399px){.process-area .process-wrapper{gap:63px 55px}}@media only screen and (max-width: 1199px){.process-area .process-wrapper{grid-template-columns:repeat(3, 1fr)}}@media only screen and (max-width: 991px){.process-area .process-wrapper{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 575px){.process-area .process-wrapper{grid-template-columns:repeat(1, 1fr)}}.process-box .thumb img{height:60px}.process-box .content{margin-top:43px}@media only screen and (max-width: 1199px){.process-box .content{margin-top:33px}}.process-box .title{font-size:30px;line-height:1}@media only screen and (max-width: 1199px){.process-box .title{font-size:24px}}.process-box .text{margin-top:25px}

.footer-area{background-color:var(--black)}.dark .footer-area{background-color:#1b1b1b}.footer-area .footer-nav-list{display:flex;gap:45px}@media only screen and (max-width: 1199px){.footer-area .footer-nav-list{gap:30px}}.footer-area .footer-nav-list li a{font-size:22px;color:var(--white);font-family:var(--font_teko);text-transform:uppercase;line-height:1}@media only screen and (max-width: 1919px){.footer-area .footer-nav-list li a{font-size:20px}}@media only screen and (max-width: 1399px){.footer-area .footer-nav-list li a{font-size:18px}}.footer-area .footer-nav-list li a:hover{color:var(--secondary)}.footer-area .social-links{display:flex;gap:20px}.footer-area .social-links li{line-height:1}.footer-area .social-links li a{font-size:17px;color:var(--white)}@media only screen and (max-width: 1199px){.footer-area .social-links li a{font-size:14px}}.footer-area .social-links li a:hover{color:var(--secondary)}.footer-area .copyright-text .text{font-size:22px;color:var(--white);font-family:var(--font_teko);text-transform:uppercase;line-height:1}@media only screen and (max-width: 1919px){.footer-area .copyright-text .text{font-size:20px}}@media only screen and (max-width: 1399px){.footer-area .copyright-text .text{font-size:18px}}.footer-area .copyright-text .text a{color:var(--white)}.footer-area .copyright-area-inner{display:flex;flex-wrap:wrap;gap:10px 60px;justify-content:space-between;padding:0 0 38px}@media only screen and (max-width: 1919px){.footer-area .copyright-area-inner{padding:0 0 28px}}@media only screen and (max-width: 767px){.footer-area .copyright-area-inner{flex-direction:column;align-items:center}}

.cta-area{background-color:var(--black)}.dark .cta-area{background-color:#1b1b1b}.cta-area .section-subtitle{font-size:40px;font-weight:700;line-height:1;font-family:var(--font_teko);text-transform:uppercase;color:var(--white)}@media only screen and (max-width: 1399px){.cta-area .section-subtitle{font-size:30px}}.cta-area .section-subtitle img{margin-top:-6px}.cta-area .section-title{font-size:190px;line-height:.82;max-width:800px;margin:0 auto;color:var(--white)}@media only screen and (max-width: 1919px){.cta-area .section-title{font-size:150px}}@media only screen and (max-width: 1399px){.cta-area .section-title{font-size:130px}}@media only screen and (max-width: 1199px){.cta-area .section-title{font-size:100px;max-width:500px}}@media only screen and (max-width: 991px){.cta-area .section-title{font-size:60px}}@media(max-width: 575px){.cta-area .section-title{font-size:40px}}.cta-area .section-header{text-align:center}.cta-area .section-header .title-wrapper{margin-top:42px}@media only screen and (max-width: 1399px){.cta-area .section-header .title-wrapper{margin-top:32px}}.cta-area .section-header .btn-wrapper{margin-top:18px}.cta-area .section-header .wc-btn-underline{font-size:50px;padding-bottom:8px;text-transform:none;color:var(--white);font-weight:400}@media only screen and (max-width: 1919px){.cta-area .section-header .wc-btn-underline{font-size:35px}}@media only screen and (max-width: 1399px){.cta-area .section-header .wc-btn-underline{font-size:28px}}@media only screen and (max-width: 1199px){.cta-area .section-header .wc-btn-underline{font-size:22px;padding-bottom:5px}}.cta-area .section-header .wc-btn-underline::before{height:3px}@media only screen and (max-width: 1199px){.cta-area .section-header .wc-btn-underline::before{height:2px}}

.copyright-area-inner{
	border-top: none !important;
}


.about-area .section-content .bg:after{
	background-color: rgba(33, 75, 92, 0.9);
}

.about-area .info-wrapper {
    border-inline-start: none !important;
}
.pricing-box {
    background-color: #fdfbfb;
}

.contact-area-inner{
	margin-top : 10%;
}

@media (max-width: 766px) {
	.hero-area .section-title .rotated {
		top: 10px;
		position: relative;
	}
}

@media (max-width: 764px) {
	.expertise-box {
		margin: 15px !important;
	}
}

@media (max-width: 425px) {
	.hero-area .section-title .rotated,
	.hero-area .section-title .shape-1{
		top: 15px;
	}
	.hero-area .section-content .content-bottom {
		margin-inline-start: 0;
	}
	.hero-area .section-content .content-bottom .scroll-down{
		display: none;
	}
	.features-wrapper-box .thumb{
		text-align: center;
	}
}

@media (max-width: 400px) {
	.feature-area .section-header .section-title-wrapper {
		margin-bottom: 30px;
	}
	.section-title-wrapper {
		top : 20px;
	} 

	.section-title-wrapper .marked {
	  top : 20px !important;
	}

	.footer-area .footer-nav-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 17px;
		margin-top: 8px;
		margin-bottom: 8px;
	}
	.cta-area .section-subtitle{
		font-size: 39px;
	}
	.cta-area .section-header .title-wrapper{
		font-size: 39px;

	}

	.hero-area-inner{
		overflow: hidden;
		padding-top: 75px;

	}
	.hero-area .section-title{
		font-size: 65px;
		line-height: .8;
	}
	.hero-area .section-title br{
		display: block;
	}

	.hero-area .section-title .rotated {
		font-size: 15px;
		width: 60px;
		height: 60px;
		border-radius: 18px;
	}

	.hero-area .section-title .shape-1 {
		height: 60px;
	}

}

@media (max-width: 368px) {
	.hero-area .section-title{
		font-size: 55px;
	}
}

@media (max-width: 339px) {
	.hero-area .section-title{
		font-size: 40px;
	}
}

  .modal.custom{
	  background-color: transparent;
  }

  .modal.custom .modal-content{
	  background-color: #fdfbfb;
  }

  /* Fond général du modal */
.modal-content {
	border-radius: 12px;
	border: none;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
  }
  
  /* En-tête du modal */
 .modal-header {
	background-color: #357891 !important;
	border-bottom: none;
	color: #fff;
	position: relative;
 }
  
 .modal-title {
	font-weight: 700;
	font-size: 1.5rem;
	color: #fff; 
 }
  
  /* Bouton de fermeture */
 .btn-close {
	filter: invert(1);
	opacity: 0.8;
	border: none !important;
	position: absolute;
	top: 61%;
	right: 1rem; 
	transform: translateY(-50%); 
 }
 .btn-close:hover {
	opacity: 1;
 }
  
  /* Corps du modal */
 .modal-body {
	color: #E5E5E5; 
	font-size: 1rem;
	line-height: 1.6;
 }
  
  /* Titres dans le corps */
 .modal-body h6 {
	font-weight: 500;
	margin-top: 1rem;
	font-size : 19px;
	color: #214D5C;
 }
  
  /* Pied du modal */
 .modal-footer {
	background-color: #fff;
	border-top: none;
 }
  
  /* Bouton primaire */
 .modal-footer .btn-primary {
	background-color: #357891;
	color: #fff; 
	border: none;
	font-weight: 600;
 }
  
 .modal-footer .btn-primary:hover {
	background-color: #2C6372; 
	color: #fff;
 }
  
  /* Bouton secondaire */
 .modal-footer .btn-secondary {
	background-color: #fff; 
	border: 2px solid #357891;
	color: #357891;
	font-weight: 600;
 }
  
 .modal-footer .btn-secondary:hover {
	background-color: #357891;
	color: #fff;
 }

.modal-content p, .modal-content li {
	color: #555555;
	font-size: 15px;
 }

.modal-content p{
	margin-bottom: 20px !important;
 }
body {
  padding-right: 0 !important;
  overflow-y: auto !important;
}

.wpcf7-acceptance {
  display: flex;
  align-items: center;
  gap: 8px; 
  margin-bottom: 15px;
}

.wpcf7-acceptance input[type="checkbox"] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: #357891; 
}

.wpcf7-acceptance label {
  margin: 0;
  color: #6C757D; 
  font-weight: normal;
  line-height: 1.5;
  font-size : 16px;
}

.wpcf7-acceptance a {
  text-decoration: underline; 
  color: #357891; 
}

.cmplz-message p {
    font-size: 15px !important;
    color: #357891;
    font-weight: normal;
}

button.cmplz-deny , button.cmplz-view-preferences {
    background-color: #E6F4F8 !important;
    color: #214D5C !important;
font-size : 15px !important;
}

.alert-danger {
    padding: 10px 15px;
    border: 1px solid #f5c2c7;
    background-color: #f8d7da;
    color: #842029;
    border-radius: 4px;
    margin-bottom: 15px;
}

.cf7-alert-danger {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    background-color: rgba(248, 215, 218, 0.92); 
    color: #842029;
    border: 1px solid rgba(245, 194, 199, 0.9);
    border-radius: 5px;
    padding: 12px 18px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    z-index: 9999;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 15px;
}

.rotated{
    padding-top : 9px !important;
}

.logo-shape {
	position: relative;
	width: 100px; 
	height: 100px;
	background: transparent;
  }
  
  /* Triangle noir */
  .logo-shape::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-bottom: 100px solid #214D5C; 
	border-right: 100px solid transparent;
  }
  
  /* Quart de cercle  */
  .logo-shape::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 110%;
	width: 32px;
	height: 32px;
	background-color: #8FC7DB; 
	border-radius: 100% 0 0 0;
  }

.team-wrapper {
   grid-template-columns: repeat(3, 1fr) !important;
}

.wpcf7 form {
    background-color: #214d5c; 
    color: #ffffff; 
    padding: 4rem;
    border-radius: 8px;
	width : 120%;
}

.wpcf7 form label {
    color: #ffffff;
}


.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
    background-color: #ffffff; 
    color: #214d5c;            
    border: 1px solid #ffffff;
    border-radius: 4px;
    padding: 10px;
    width: 100%;
    margin-bottom: 1rem;
}

.wpcf7 input[type="checkbox"] {
    accent-color: #ffffff; 
	color: #ffffff;
}

.wc-btn-primary {
    background-color: #ffffff !important; 
    color: #214d5c !important;            
    border: 2px solid #ffffff !important;
}

.wc-btn-primary:hover {
    background-color: #214d5c!important; 
    color: #ffffff !important;            
    border: 2px solid #ffffff !important;

}

.wpcf7 form a {
    color: #ffffff;
    text-decoration: underline;
}

.area-bg:before {
	background-color: rgba(33, 75, 92, 0.85) !important;
}

.counter-area .counter-box .number{
	visibility : hidden !important;
}

.counter-box .text {
	font-size : 3rem !important;
}

.skill-area .skills-wrapper {
	grid-template-columns: 500px auto;
}

#pills-tabContent .main-image {
	margin-top : 7.1% !important;
}

.contact-box{
	visibility: hidden;
}

.col-first {
	height: 60%;
}

.content-last p {
	font-weight: 600;
}

.title-wrapper .section-title {
	font-size: 4rem;
}

.hero-area .section-title .marked{
	font-size : 25px;
	padding-bottom: 8px;
	transform: translateY(-10px);
        margin-top : 17px;
}

.hero-area .section-title .rotated{
	font-size : 19px;
	width: 80px;
    height: 80px;
}

.hero-area .section-title .shape-1 {
    height: 41px;
    margin-left: 1px !important;
  
}

.descript {
    font-size: 16px;
    font-weight: 350;
    margin-top: 3%;
    height : 16%;
}

.liste{
    font-size: 16px;
    font-weight: 350;
    margin-top: 4%;
}

.tag{
   height:4.2%
}

.feature-list{
   height : 40%;
}

.feature-list ul {
  height : 105%
}

.pricing-box .wc-btn-primary {
margin-top: 40%;
}

.pricing-box {
  background-color: #fdfbfb;
  border-radius: 12px;
  transition: 
    background-color 0.4s ease,
    transform 0.4s ease,
    box-shadow 0.4s ease;
  will-change: transform;
}

.pricing-box:hover {
  background-color: #eaf7fb; 
  transform: translateY(-20px); 
  box-shadow: 
    0 15px 30px rgba(143, 199, 219, 0.4), 
    0 25px 50px rgba(143, 199, 219, 0.2);
  z-index: 20; 
}

.text-404 {
font-size: 26px;
    line-height: 1.25;
    font-weight: 500;
    color: var(--primary);
}