/* 
Theme Name: Le pro du Web
Theme URI: https://leproduweb.fr
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Le Pro Du Web
Author: Le pro du Web
Author URI: https://leproduweb.fr
Template: hello-elementor
Version: 3.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* Textes */


@media screen and  (max-width : 1440px) {
    h1, h1 span { font-size: calc(24px + (42 - 24) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(22px + (44 - 22) * ((100vw - 320px) / (1440 - 320)))!important;}
    h2, h2 span { font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(20px + (28 - 20) * ((100vw - 320px) / (1440 - 320)))!important;}
    h3, h3 span { font-size: calc(15px + (24 - 15) * ((100vw - 320px) / (1440 - 320)))!important; line-height: calc(18px + (26 - 18) * ((100vw - 320px) / (1440 - 320)))!important;}
    }

    
p { margin-block-end: 0; margin-block-start: 0; }


/* ---------------- répéteur qualité ------------------------- */
.csgp-prestation-qualites { display: flex; flex-wrap: wrap; gap: 60px 40px; }

.csgp-item { flex: 0 0 calc(33.333% - 40px); }

.csgp-header { display: flex; align-items: center; gap: 7px; margin-bottom: 10px; }

.csgp-icon { display: flex; align-items: center; justify-content: center; }
.csgp-icon svg { width: 18px; height: 18px; object-fit: contain; fill: #f2c300; }

.csgp-title { font-family: "Bebas Neue", Sans-serif!important; font-size: 20px!important; font-weight: 400!important; text-transform: uppercase; margin: 0; }

.csgp-text { font-family: Roboto, sans-serif; font-weight: 400; color: rgb(122, 122, 122);; font-size: 16px; line-height: 1.6; }

/* Responsive */

@media (max-width: 1024px) { .csgp-item { flex: 0 0 calc(50% - 40px); } }

@media (max-width: 640px) { .csgp-item { flex: 0 0 100%; } }


/* ---------------- répéteur organisation ------------------------- */
.csgp-organisation { display: flex; flex-direction: column; gap: 25px; }

.csgp-organisation-item { display: flex; align-items: flex-start; gap: 30px; }

.csgp-organisation-icon { width: 44px; height: 44px; background: #000; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

.csgp-organisation-icon svg { width: 22px; height: 22px; fill: #f2c300; /* jaune CSGP */ }

.csgp-organisation-title { margin: 0 0 5px 0; font-size: 20px!important; font-weight: 400!important; text-transform: uppercase; font-family: "Bebas Neue", Sans-serif!important;}

.csgp-organisation-text { font-family: Roboto, sans-serif; font-weight: 400; color: rgb(122, 122, 122);; font-size: 16px; line-height: 1.6; }

/* Responsive */

@media (max-width: 768px) { .csgp-organisation-item { flex-direction: column; align-items: flex-start; }

    .csgp-organisation-icon { width: 70px; height: 70px; }

    .csgp-organisation-icon svg { width: 30px; height: 30px; }

    .csgp-organisation-title { font-size: 22px; }

    .csgp-organisation-text { font-size: 18px; }
}

/* ---------------- répéteur activité bloc1 ------------------------- */

.csgp-puces{ display:flex; flex-wrap:wrap; gap:18px 60px; }

.csgp-puce-item{ display:flex; align-items:center; gap:12px; width:calc(50% - 30px); }

.csgp-puce-icon{ display:flex; align-items:center; justify-content:center; font-size: 16px;}

.csgp-puce-icon svg{ width:16px; height:18px; fill:#4a5f9e; }

.csgp-puce-title{ font-size:16px; color:#f2c300; font-weight:500; }

/* responsive */

@media (max-width:768px){

    .csgp-puce-item{ width:100%; }

}