@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri&family=Noto+Sans&display=swap');
        .header{
            width: 100%;
            height: 500px;
            background-image: linear-gradient(rgba(85, 83, 83, 0.783), #d21e2ac5),
                    url("image/apropos.jpg");
            background-size: cover;
            background-repeat: no-repeat;
            font-family: 'Noto Sans', sans-serif;
            background-attachment: fixed;
        }
        .header .container .col-md-12 h1{
            font-family: 'Noto Sans', sans-serif !important;
            font-size: 40px;
            font-weight: 300 !important;
            color: white;
            margin-top: 100px;
        }
        .header .container .col-md-12  p{
            font-family: 'Noto Sans', sans-serif !important;
            font-weight: 300 !important;
            font-size: 20px;
            color: white;
        }
        #hr{
            background-color: #fefefe !important;
            border: 0;
            opacity: 15;
            height: 1px;
            color: #fefefe !important;
        }
        /*section1*/
        .section1{
            background-color: #F1F0EB !important;
            color: #3E3E3E;
            font-family: 'Noto Sans', sans-serif;
        }
        .section1 .container .col-md-6 h1{
            margin-top: 50px;
            margin-bottom: 20px;
            font-size: 30px;
            font-weight: 300 !important;
            text-transform: capitalize;
        }
        .section1 .container .col-md-6 p{
            margin-top: 10px;
            margin-bottom: 60px;
            font-size: 17px;
            font-weight: 300 !important;
            color: #000 !important;
            text-align: justify;
        }
        /*section 2*/
        .section2{
            background-image: linear-gradient(rgba(1, 1, 1, 0.815), rgba(1, 1, 1, 0.822)),
          url("image/fon_apropos.jpg");
          background-position: center;
          background-size: cover;
          height: 100vh;
          background-attachment: fixed;
          color: white;
          font-family: 'Noto Sans', sans-serif;
        }
        .section2 .container h1{
            font-size: 35px;
            text-transform: uppercase;
            margin-top: 80px;
            font-weight: 300 !important;
            text-align: center;
        }
        .section2 .container .col-md-3{
            background-color: rgba(0, 0, 0, 0.739);
            margin-top: 75px;
        }
        .section2 .container .col-md-3 h4{
            font-family: 'Noto Sans', sans-serif;
            font-weight: 300 !important;
            font-size: 20px;
            text-align: center;
            color: white;
            margin-top: 15px !important;
        }
        .section2 .container .col-md-3 p{
            font-family: 'Noto Sans', sans-serif;
            font-weight: 200 !important;
            font-size: 16px;
            text-align: center;
            color: white;
            margin-bottom: 28px !important;
            margin-top: 15px !important;
        }
        .section2 .container .col-md-3 .fa{
            font-size: 50px;
            color: #D21E2B;
            text-align: center;
            position: relative;
            bottom: 6px;
        }
        .section2 .container .col-md-3 .btn-danger{
            background-color: #D21E2B !important;
          border-radius: 22px;
          font-size: 15px;
          font-family: 'Noto Sans', sans-serif;
            font-weight: 300 !important;
          color: white !important;
          border-color:none !important;
          margin-bottom: 17px !important;
          border: none !important;
          border: 1px solid #D21E2B;
          height: 44px !important;
          width: 126px !important;
        }
        .section2 .container .col-md-3 .btn-danger:hover{
            background-color: #FDC800 !important;
        }
        /*section3*/
        .section3 .container .col-md-5 h1{
            font-size: 38px;
            text-align: center;
            font-family: 'Noto Sans', sans-serif;
            font-weight: 300 !important;
            color: #3E3E3E;
        }
        .section3 .container .col-md-5 p{
            font-size: 17px;
            text-align: justify;
            font-family: 'Noto Sans', sans-serif;
            font-weight: 300 !important;
            color: #000 !important;
        }
        #fabien{
            font-size: 16px;
            text-align: justify;
            font-family: 'Noto Sans', sans-serif;
            font-weight: 400 !important;
        }
        #hr_span{
            background-color: #D21E2B !important;
          border: 0;
          opacity: 0.70;
          height: 1px;
          color: #D21E2B !important;
          position: relative;
          bottom: 5px !important;
          align-items: center;
        }
        /*section4*/
        .section4{
            background-image: linear-gradient(rgba(1, 1, 1, 0.815), rgba(1, 1, 1, 0.822)),
          url("image/fon_apropos.jpg");
          background-position: center;
          background-size: cover;
          height: 100vh;
          background-attachment: fixed;
          color: white;
          

        }
        .section4 h1{
            font-family: 'Noto Sans', sans-serif;
            font-weight: 300 !important;
            font-size: 50px;
            text-align: center;
            color: white;
            margin-top: 185px !important;
        }
        .section4 .col-md-8{
            background-color: rgba(0, 0, 0, 0.739);
            margin-top: 25px;
            text-align: center;

        }
        .section4 .container .col-md-8 p{
            font-size: 18px;
            margin-top: 33px;
            font-family: 'Noto Sans', sans-serif;
            font-weight: 200 !important;
            margin-bottom: 28px;
        }
        .section4 .container .col-md-8 .btn-danger{
            background-color: #D21E2B !important;
            border-radius: 22px;
            font-size: 15px;
            font-family: 'Noto Sans', sans-serif;
            font-weight: 200 !important;
            color: white !important;
            border-color:none !important;
            margin-bottom: 17px !important;
            border: none !important;
            border: 1px solid #D21E2B;
            height: 44px !important;
            width: 126px !important;

        }
        .section4 .container .col-md-8 .btn-danger:hover{
            background-color: #FDC800 !important;
        }
        @media screen and (max-width: 995px) and (min-width: 765px){
            .header{
                width: 100%;
                height: 400px;
                background-image: linear-gradient(rgba(1, 1, 1, 0.657), rgba(1, 1, 1, 0.657)),
                        url("image/contact.jpg");
                opacity: 0.75;
                background-size: cover;
                background-repeat: no-repeat;
                font-family: 'Fira Sans', sans-serif;
                background-attachment: fixed;
            }
            .header .container .col-md-12 h1{
                font-family: 'Poppins', sans-serif;
                font-size: 40px;
                color: white;
                margin-top: 85px;
            }
            .header .container .col-md-12  p{
                font-family: 'Poppins', sans-serif;
                font-size: 20px;
                color: white;
            }
            .section1 .container .col-md-6 h1{
                margin-top: 50px;
                font-size: 34px;
            }
            .section2 .container h1{
                font-size: 40px;
                margin-top: 70px;
                text-align: center;
            }
            .section3 .container .col-md-5 h1{
                font-size: 35px;
                text-align: center;
                font-family: 'Poppins', sans-serif !important;
                color: #3E3E3E;
            }
            .section4 h1{
                font-family: 'Poppins', sans-serif !important;
                font-size: 35px;
                text-align: center;
                color: white;
                margin-top: 160px !important;
            }

        }
        @media screen and (max-width: 764px) and (min-width: 470px){
            .header .container .col-md-12 h1{
                font-family: 'Poppins', sans-serif;
                font-size: 35px;
                color: white;
                margin-top: 85px;
            }
            .header .container .col-md-12  p{
                font-family: 'Poppins', sans-serif;
                font-size: 18px;
                color: white;
            }
            .section1 .container .col-md-6 h1{
                margin-top: 50px;
                font-size: 28px;
            }
            .section1 .container .col-md-6 p{
                font-size: 17px;
            }
            .section2{
                background-image: linear-gradient(rgba(1, 1, 1, 0.815), rgba(1, 1, 1, 0.822)),
              url("image/fon_apropos.jpg");
              background-position: center;
              background-size: cover;
              height: 140vh;
              background-attachment: fixed;
              color: white;
              font-family: 'Poppins', sans-serif !important;
            }
            .section2 .container h1{
                font-size: 35px;
                margin-top: 20px;
                text-align: center;
            }
            .section2 .container .col-md-3{
                background-color: rgba(0, 0, 0, 0.739);
                margin-top: 10px;
                margin-bottom: 15px;
            }
            .section2 .container .col-md-3 h4{
                font-family: 'Poppins', sans-serif !important;
                font-size: 20px;
                text-align: center;
                color: white;
                margin-top: 15px !important;
            }
            .section2 .container .col-md-3 p{
                font-family: 'Poppins', sans-serif !important;
                font-size: 16px;
                text-align: center;
                color: white;
                margin-bottom: 28px !important;
                margin-top: 15px !important;
            }
            .section3 .container .col-md-5 h1{
                font-size: 32px;
                text-align: center;
                font-family: 'Poppins', sans-serif !important;
                color: #3E3E3E;
            }
            .section3 .container .col-md-5 p{
                font-size: 17px;
                text-align: justify;
                font-family: 'Poppins', sans-serif !important;
                color: #3E3E3E;
            }
            .section4 h1{
                font-family: 'Poppins', sans-serif !important;
                font-size: 32px;
                text-align: center;
                color: white;
                margin-top: 185px !important;
            }
            .section4 .col-md-8{
                background-color: rgba(0, 0, 0, 0.739);
                margin-top: 25px;
                text-align: center;
    
            }
            .section4 .container .col-md-8 p{
                font-size: 17px;
                margin-top: 33px;
                font-family: 'Poppins', sans-serif !important;
                margin-bottom: 28px;
            }
        }
        @media screen and (max-width: 469px){
            .header{
                width: 100%;
                height: 350px !important;
                background-image: linear-gradient(rgba(85, 83, 83, 0.783), #d21e2ac5),
                        url("image/apropos.jpg");
                background-size: cover;
                background-repeat: no-repeat;
                background-attachment: fixed;
            }
            .header .container .col-md-12 h1{
                font-family: 'Poppins', sans-serif;
                font-size: 30px;
                color: white;
                margin-top: 100px;
            }
            .header .container .col-md-12  p{
                font-family: 'Poppins', sans-serif;
                font-size: 18px;
                color: white;
            }
            .section1 .container .col-md-6 h1{
                margin-top: 50px;
                font-size: 26px;
                text-align: center;
            }
            .section1 .container .col-md-6 p{
                font-size: 17px;
                text-align: center;
            }
            .section2{
                background-image: linear-gradient(rgba(1, 1, 1, 0.815), rgba(1, 1, 1, 0.822)),
              url("image/fon_apropos.jpg");
              background-position: center;
              background-size: cover;
              height: 160vh;
              background-attachment: fixed;
              color: white;
              font-family: 'Poppins', sans-serif !important;
            }
            .section2 .container h1{
                font-size: 34px;
                margin-top: 50px;
                text-align: center;
            }
            .section2 .container .col-md-3{
                background-color: rgba(0, 0, 0, 0.739);
                margin-top: 10px;
                margin-bottom: 15px;
            }
            .section2 .container .col-md-3 h4{
                font-family: 'Poppins', sans-serif !important;
                font-size: 20px;
                text-align: center;
                color: white;
                margin-top: 15px !important;
                
            }
            .section2 .container .col-md-3 p{
                font-family: 'Poppins', sans-serif !important;
                font-size: 15px;
                text-align: left;
                color: white;
                margin-bottom: 20px !important;
                margin-top: 15px !important;
            }
            .section3 .container .col-md-5 h1{
                font-size: 28px;
                text-align: center;
                font-family: 'Poppins', sans-serif !important;
                color: #3E3E3E;
            }
            .section3 .container .col-md-5 p{
                font-size: 17px;
                text-align: center;
                font-family: 'Poppins', sans-serif !important;
                color: #3E3E3E;
            }
            #fabien{
                font-size: 16px;
                text-align: center;
                font-family: 'Poppins', sans-serif !important;
                color: #3E3E3E;
                font-weight: bold !important;
            }
            .section4 h1{
                font-family: 'Poppins', sans-serif !important;
                font-size: 28px;
                text-align: center;
                color: white;
                margin-top: 150px !important;
            }
            .section4 .col-md-8{
                background-color: rgba(0, 0, 0, 0.739);
                margin-top: 25px;
                text-align: center;
    
            }
            .section4 .container .col-md-8 p{
                font-size: 17px;
                margin-top: 33px;
                font-family: 'Poppins', sans-serif !important;
                margin-bottom: 28px;
            }
           
        }
        @media screen and (max-width: 328px){
            .header{
                width: 100%;
                height: 350px !important;
                background-image: linear-gradient(rgba(85, 83, 83, 0.783), #d21e2ac5),
                        url("image/apropos.jpg");
                background-size: cover;
                background-repeat: no-repeat;
                background-attachment: fixed;
            }
            .section2{
                background-image: linear-gradient(rgba(1, 1, 1, 0.815), rgba(1, 1, 1, 0.822)),
              url("image/fon_apropos.jpg");
              background-position: center;
              background-size: cover;
              height: 170vh;
              background-attachment: fixed;
              color: white;
              font-family: 'Poppins', sans-serif !important;
            }

        }