@media screen and (max-width: 768px) {
          .raduis-blog > img {
             width:100% !important;
           }
       }
        
        .blog-action > a > button {
            background: white;
            color: black;
            padding: 5px 20px;
            border-radius: 30px;
        }
        
        ul.list-contactez-nous li {
            text-align: start;
            display: flex;
            align-items: start;
        }

        span.icon-footer,
        a.icon-footer{
            background: #CACACA;
            padding: 3px 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            max-width: fit-content;
            border-radius: 5px;
            /* font-size: 30px !important; */
            color: #383838;
            font-size: 20px !important;
       }
       
       .ftco-navbar-light.scrolled .navbar-toggler{
           color:white !important;
       }
    
        .ftco-navbar-light.scrolled.awake {
            height: 100px !important;
        }
        
        /*css pour modifier largeur et hauteur */
        .memeber-image-container .img-cadr {
            height: 400px !important;
            overflow: hidden;
        }
        
         .memeber-image-container .img-cadr img{
            height: 100%;
         }
        
        .team-members.swiper-container.swiper-initialized.swiper-horizontal.swiper-backface-hidden{
                display: flex;
                justify-content: center;
        }
        
        .navbar-brand img{
            height: 90px;
        }
    
		body {
			overflow-x: hidden;
		}
        /**/
        .text-par-color {
            color:'red';
        }
        /*------------- Services ------------ */

        a.services-1 {
            padding: 15px 20px 15px 20px !important;
            border-radius: 30px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        
        .services-1  .icon {
            height: 100px;
            width: 100px;
         }
         
        .service1-icon {
            width: 100% !important;
            height: 100% !important;
        }
        
        /*.services-1 .icon-resp {*/
        /*    height:70px;*/
        /*    width:70px;*/
        /*}*/
        
        .services-1 .desc h3:after{
            display:none;
        }
        
        .services-1 .desc h3 {
           font-size: 16px;
           font-weight: 600;
        }

        
        a {
            transition: none;
            /*color: none;*/
       }
       
        .services-1:hover {
            background: inherit !important; 
        }
        
        .services-1:hover .desc h3 {
            color:white;
        }
        
        /*---------- End Services*/
            
        .hero-reverse {
                display: flex;
                justify-content: space-between;
                align-items: center;
        }
        
        .home-responsive{
            margin-top:  70px;
            padding-top:  120px;
        }
        /*  .home-responsive{
            margin-top:  130px;
            padding-top:  130px;
        }*/
        .responsive-img{ 
            height:400px;
            width:550px;
            overflow:hidden;
        }
        
        .responsive-img img { 
            width:100%;
            height:100%;
            /* background-position:center; */
        }
        @media screen and (max-width: 1024px) {
            
            .btn{
                display: flex;
                gap: 10px;
            }
            
            .hero-content{
                display: grid;
                grid-template-columns: repeat(2, 1fr); 
                gap: 10px; 
            }
            
            .hero-reverse {
                flex-direction: column-reverse;
            }
            
            .home-responsive { 
                margin-top:  30px;
                padding-top:  30px;
            }
            
           .desc-title-section {
                width: 600px;
                margin: 0 auto;
           }
           
           .subheading {
                color: #FFB93B;
                text-align: left;
                font-size: 25px;
                font-weight: 600;
            }
            
            #home-section h1 {
                font-size: 60px;
                font-weight: 600;
                text-align: left;
                line-height: 70px;
                text-transform: capitalize;
            }
            
            p.btns-dalc {
            display: flex;
            flex-direction: column;
            gap: 10px;
            }
          
          /*-------- Responsive Texture -------------*/
          
          /*-------- Responsive Texture -------------*/
          
        }
        
        @media screen and (min-width: 1220px) {
            .desc-title-section {
                width: 900px;
                margin: 0 auto;
            }
        }
        
        /* Media query for even smaller screens */
        @media screen and (max-width: 480px) {
            .promo-img {
                /* Further adjust width for very small screens */
                width: 120px; /* Adjust as needed */
            }
            .btn {
                display: flex;
                flex-direction: column;
                gap: 10px;
            }
            
            .hero-content h1 ,
            .hero-content h2 ,
            .hero-content .text
            .center {
                text-align:center;
            }

        .services-1 .icon-resp {
            height:40px;
            width:40px;
        }
        
        
        button#whatsapp-btn {
                font-size: 14px !important;
                font-weight:400;
                padding:5px 0;
        }
        
            
        }
        
        .service-style{
            border-radius:5px;
        }
        
        .service-resp {
            margin-bottom: 20px; /* Adjust the value as needed */
            margin-right:30px;
        }
        
        /*Section Contactez Nous*/
        form#monFormulaire {
            border-radius: 15px;
        }
        
            /*--------- 
              Responsive 
            -------*/
        @media screen and (max-width: 1258px) {
           button#whatsapp-btn {
              line-height: 20px;
           }
        }
        
        @media screen and (max-width: 768px) {
            
            
            .promo-img {
                    width: 50%;
            }
            
             .responsive-img { 
                 display:flex;
                 justify-content:center;
				height:230px;
				width:270px;
             }
             
             .home-responsive { 
                margin-top:  30px;
                padding-top:  30px;
             }
             
             .hero-reverse {
                flex-direction: column-reverse;
            }
            
            .one-forth,
            .responsive-img {
                width: 100%;
            }
            
            .home-responsive {
                margin-top: 0;
            }
            .btn {
                display: flex;
                flex-direction: column;
                gap: 10px;
            }
            
            .hero-content h1 ,
            .hero-content h2 ,
            .hero-content .text,
            .center {
                text-align:center;
            }
            
            .services-1 .icon-resp {
                height:50px;
                width:50px;
            }
            
            .desc-title-section {
                width: 100%;
                margin: 0 auto;
                padding:0px 10px;
            }
            
            
            
            button#whatsapp-btn {
                font-size: 15px !important;
                padding: 3px 3px;
                line-height: 15px;
            }
            
            .desc-title-section {
                width:100%;
                margin: 0 auto;
            }
            
           .bg {
            background:none;
            padding:0;
            border-radius: 0;
            }
            
            /*Hero Section*/
            #home-section h1{
                font-size: 40px;
                font-weight: 700;
                text-align: left;
                line-height: 40px;
            }
            
            .subheading {
                color: #FFB93B;
                font-size: 30px;
                font-weight: 700;
                text-align: left;
                line-height: 20px;
            }
            
            
            /*--------- Responsive Texture */
            .texture-home-mobile {
                bottom: 0 !important;
                align-items: start !important;
                margin-top: -50px !important;
                height: 700px !important;
            }
            
            .texture-home-mobile .texture-home-img {
                
            }
            
            .texture-apropos-mobile {
               align-items: start !important;
            }
            
            .texture-apropos-mobile  .texture-apropos-img {
                margin-top: -250px;
            }
            /*--------- End Responsive Texture*/
            p.btns-dalc > a {
                font-size: 16px !important;
                font-weight: 600 !important;
            }
            /*-----------  NAVBAR -----------*/
            .navbar-brand {
               display: block;
               width: 170px !important;
            }
            .navbar-brand > img {
               width: 100px !important;
            }
            
        }
        /*End Section Contactez Nous*/
        
        /*Start Edit  */
        /*------- FOOTER --------*/
        
        .footer-title{
            font-weight: 600;
        }
        
        ul.list-contactez-nous li {
            text-align: start;
            display:flex;
            align-items:center;
        }
        
        ul.list-contactez-nous li span{
            font-size:18px;
        }
        
        ul.list-contactez-nous {
            display: flex;
            justify-content: start;
            flex-direction: column;
            gap: 10px;
        }
        
        ul.navigation-items li a {
            font-weight: 600;
            font-size: 18px;
        }
        
        input.form-control::placeholder {
            font-size: 15px !important;
        }
        
        .form-group > input::placeholder {
            font-size: 16px;
            font-weight: 400;
        }
        .form-group > input {
            font-size: 16px !important;
            font-weight: 400 !important;
        }
        /*-------- END FOOTER ----*/
        
        /*BACKGROUND SECTION*/
        .bg {
            
            /*background:#7474AF;*/
            
            background: linear-gradient(
                rgba(116, 116, 175, 0.45), 
                rgba(71, 71, 121, 0.45)     
            );
            
            padding: 8px 0 40px;
            border-radius: 50px;
            /*opacity:0.9;*/
        }
        


        /*END BACKGROUND SECTION*/
        /*End Edit */
        
        /*Texture a propose de nous*/
        .texture-apropos {
            position: absolute;
            left: -70px;
            top: 0;
            bottom: 0;
            display: flex;
            align-items: center;
        }
        
        .texture-apropos-img{
                height: 700px;
                width: 100%;
                overflow: hidden;
        }
        
        .texture-apropos-img img {
            height: 100%;
            width: 100%;
        }
        
        .dalc-about-us-container{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        /*Texture a propose de nous*/
        /*Texture a blog de nous*/
        .texture-blog {
            position: absolute;
            right: -80px;
            top: 0;
            bottom: -150px;
            display: flex;
            align-items: center;
        }
        
        .texture-blog-img{
                height: 600px;
                width: 100%;
                overflow: hidden;
        }
        
        .texture-blog-img img {
            height: 100%;
            width: 100%;
        }
        
        .dalc-about-us-container{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        /*Texture a propose de nous*/
        
        /* -------- Skills Section -------------- */
        section#skills-section {
            margin-top: -40px;
        }
       /* -------- Skills Section -------------- */
       /*------ Nos Abonnements -----------*/
       .texture-abonnements {
            position: absolute;
            left: -80px;
            top: 0;
            bottom: -40px;
            display: flex;
            align-items: center;
       }
       .texture-abonnements-img  {
            height: 600px;
            width: 100%;
            overflow: hidden;
       }
       
       .texture-abonnements-img img{
            height: 100%;
            width: 100%;
       }
       /*------ Nos Abonnements -----------*/
       /*--------- Home Texture ------*/
       .texture-home {
            position: absolute;
            top: 0;
            bottom: -40px;
            display: flex;
            align-items: center;
            right: -70px;
            margin-top: 40px;
       }
       .texture-home-img   {
            height: 600px;
            width: 100%;
            overflow: hidden;
       }
       
       .texture-home img{
            height: 100%;
            width: 100%;
       }
       
       .bg {
         background-image: 
             linear-gradient(to bottom, 
             rgba(116, 116, 175, 0.45),
             rgba(71, 71, 121, 0.45));
             border-radius: 30px;
             padding: 30px 0 30px 0px;
       }
       /*--------- Home Texture ------*/