@media only screen and (min-width: 1250px) {
     * {
         box-sizing: border-box;
     }

     h1,
     h2,
     h3 {
         margin: 0;
     }


     img {
         width: 100%;
         height: 100%;
         user-select: none;
     }

     body {
         background-color: #F8F6F6;
         margin: 0;
         padding: 0;
         font-family: 'Poppins', sans-serif;
         max-width: 100%;
     }


     .container {
         width: 100%;
         padding: 0 3%;
     }

     header {
         height: 80px;
         display: flex;
         align-items: center;
         justify-content: space-between;
         position: fixed;
         top: 0;
         left: 0;
         /* e ke tashmë */
         background-color: #F8F6F6;
         /* e njëjtë me body */
         z-index: 1000;
     }


     #S1 {
         scroll-margin-top: 200px;
     }

     #S2,
     #S3,
     #S4,
     #S5 {
         scroll-margin-top: 90px;
     }

     #nav_ul a.active,
     #footer_ul a.active {
         color: rgb(33, 125, 30);
         /* ose ngjyra që do ti */
     }



     #img_logo {
         width: 140px;
         height: 40%;
     }


     #nav_ul {
         padding: 0;
         margin: 0;
         font-family: 'Poppins', sans-serif;
     }


     .nav_li {
         display: inline-block;
         text-decoration: none;
         margin-left: 35px;
     }

     .nav_li a {
         text-decoration: none;
         color: rgba(54, 18, 9, 1);
         font-size: 18px;
         font-weight: 400;
         transition: .2s ease-in-out;
     }

     .nav_li a:hover {
         color: rgb(99, 97, 97);
     }


     #hamburger-menu {
         display: none;
     }

     #close-menu {
         display: none;
     }


     /* introducting section */

     .intro_section {
         /* nuk ka diqka per momentin */
     }

     #box_container {
         display: flex;
         justify-content: space-between;
         align-items: center;
         margin-top: 100px;
         height: 70vh;
         padding: 20px 0;
     }

     .left_section_container {
         width: 48%;
         padding-left: 3%;
     }

     .right_section_container {
         height: 100%;
         width: 50%;
     }



     /* part of heading and texts*/

     .flex-container {
         display: flex;
         align-items: center;
         gap: 15px;
     }

     #title {
         margin: 0;
         padding: 0;
     }

     .write_box {
         letter-spacing: 0;
         color: rgba(30, 34, 26, 1);
     }

     #title_intro,
     #description_intro,
     #two_buttons_intro {
         line-height: 100%;
     }

     /* span element */

     #Design {
         font-size: 96px;
         font-weight: 600;
         letter-spacing: 0;
     }

     #Develop {
         font-size: 32px;
         font-weight: 600;
         letter-spacing: 0;

     }

     #Grow {
         font-size: 60px;
         letter-spacing: 0;
         font-weight: 600;
         display: block;
         /* E bën elementin të dalë në rresht të ri plotësisht */
         margin-top: 30px;
         /* Rregulloje këtë vlerë derisa të të pëlqejë distanca */
         line-height: 1.2;
     }



     /* paragraph text */

     #description_intro {
         font-family: 'Montserrat', sans-serif;
         font-weight: 500;
         font-style: medium;
         font-size: 28px;
         line-height: 120%;
         letter-spacing: 0;
     }

     .button {
         padding: 15px 0;
         width: 170px;
         border-radius: 10px;
         border: none;
         cursor: pointer;
         font-weight: 500;
         font-size: 25px;
         letter-spacing: 0;
     }

     .left_button {
         background-color: rgba(79, 91, 69, 1);
         color: rgba(255, 255, 255, 1);
     }

     .right_button {
         margin-left: 20px;
         border: 1px solid rgba(79, 91, 69, 1);
         background-color: rgba(255, 255, 255, 1);
         color: rgba(79, 91, 69, 1);
     }




     /* our services  boxes */


     .our_services_section {
         margin-top: 150px;
     }

     /*title - property */
     .sub_title_part {
         display: flex;
         align-items: center;
     }

     .img_sub_title {
         width: 55px;
         height: 60px;
     }

     .title {
         padding: 10px 0;
         margin-left: 20px;
     }

     .title_h2 {
         font-weight: 600;
         font-size: 55px;
         font-family: 'Montserrat', sans-serif;
         color: rgba(30, 34, 26, 1);
     }


     /* boxes part */
     #box_services {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         grid-gap: 20px;
         margin-top: 50px;
     }


     .box_s {
         background-color: rgba(255, 255, 255, 1);
         border-radius: 15px;
         padding: 20px;
         width: auto;
     }

     .title_icon_text {
         display: flex;
         align-items: center;
     }

     .svg_icon {
         background-color: rgba(79, 91, 69, 0.4);
         border-radius: 5px;
         padding: 9px;
         width: 40px;
         height: 40px;
     }

     .title_box_services {
         font-weight: 600;
         font-size: 20px;
         margin-left: 10px;
         font-family: 'Montserrat', sans-serif;
         line-height: 100%;
         letter-spacing: 0;
         color: rgba(30, 34, 26, 1);
     }

     .description_box_services {
         margin: 20px 0 0;
         font-size: 18px;
         font-weight: 400;
         color: rgba(0, 0, 0, 1);
     }



     /* our work section */

     .our_work_section {
         margin-top: 150px;
     }


     .our_work-photo_container {
         margin-top: 50px;
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         row-gap: 50px;
         column-gap: 20px;
         height: 1100px;
     }


     .box_our_work {
         width: 100%;
         border-radius: 20px;
         background-repeat: no-repeat;
         background-size: cover;
         background-position: center;
     }


     .box_1_our_work {
         background-image: url('../imgs/thumbnail_web.png');
     }

     .box_2_our_work {
         background-image: url('../imgs/project_2.png');
     }

     .box_3_our_work {
         background-image: url('../imgs/project_3.jpg');
     }

     .box_4_our_work {
         background-image: url('../imgs/Artboard.png');
     }


     /* About Us section */

     /* About Us section */
     .about_us_section {
         margin-top: 150px;
     }

     #content_about_us {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         margin-top: 50px;
         height: 600px;
         /* Lartësia që ke caktuar */
         gap: 20px;
         overflow: hidden;
         column-gap: 70px;
         /* Sigurohet që asgjë mos të dalë jashtë kësaj kutie */
     }

     .img_container_about_us {
         width: 100%;
         height: 100%;
         border-radius: 20px;
         /* Rrumbullakimi */
         overflow: hidden;
         /* KRITIKE: Kjo e detyron imazhin të pritet te qoshet */
         background-color: #eee;
         /* Opsionale: Një ngjyrë gri e lehtë sa për ta parë kutinë */
     }

     .img_container_about_us img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         /* Rekomandohet 'cover' që imazhi të mbushë gjithë div-in me border-radius */
         object-position: center;
     }

     .text_about_us {
         font-family: 'Montserrat', sans-serif;
         font-weight: 500;
         font-size: 25px;
         letter-spacing: 0;

     }



     /* question part */

     #question_part {
         width: 100%;
         height: 450px;
         display: block;
         margin-top: 150px;
     }

     .container_question {
         width: 50%;
         margin: 0 auto;
         background-image: url('../imgs/Cyrcle.svg');
         background-repeat: no-repeat;
         background-position: center;
         display: block;
         text-align: center;
         height: 100%;
         display: flex;
         align-items: center;
         justify-content: center;
     }

     .qustion_text {
         font-weight: 600;
         font-size: 50px;
         color: rgba(30, 34, 26, 1);
         font-family: 'Montserrat', sans-serif;
     }


     /* Contact Us part */
     .contact_us_section {
         margin-top: 150px;
     }



     #contact-form {
         padding: 50px;
         background-color: rgba(255, 255, 255, 1);
         border: 1px solid #F3F3F3;
         box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
         display: flex;
         flex-direction: row;
         gap: 30px;
         align-items: stretch;
         /* Kjo e bën që fëmijët të shtrihen vertikalisht */
         border-radius: 8px;
         min-height: 400px;
         margin-top: 50px;
         /* Lartësi minimale për të kontrolluar pamjen */
     }

     form {
         display: flex;
         flex-direction: column;
         flex: 1.2;
         justify-content: space-between;
         margin-top: 0;
         /* Për të shpërndarë përmbajtjen vertikalisht */
     }

     .line_input {
         display: flex;
         width: 100%;
         gap: 32px;
     }

     .input_1,
     .input_2 {
         flex: 1;
     }

     label {
         font-weight: 500;
         font-size: 20px;
         color: rgba(0, 0, 0, 1);
         line-height: 20px;
         margin-top: 12px;
         font-family: 'Montserrat' sans-serif;
     }

     .input_3,
     .input_4 {
         margin-top: 30px;
     }

     .input {
         margin-top: 5px;
         width: 100%;
         padding: 18px 16px;
         height: 46px;
         border-radius: 6px;
         border: 1px solid #F1F3F7;
         background: rgba(248, 246, 246, 1);
         box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
         font-size: 15px;
     }

     .input:focus {
         outline: 1px solid rgba(109, 117, 143, 1);
     }

     .input_textarea {
         height: 90px;
         resize: none;
     }

     /* number flag */
     .iti {
         width: 100%;
     }

     .iti__flag {
         margin-right: 10px;
     }

     /* submit button */
     #submit {
         background-color: rgba(79, 91, 69, 1);
         color: rgba(255, 255, 255, 1);
         box-shadow: 0px 1px 4px 0px rgba(25, 33, 61, 0.08);
         font-size: 18px;
         font-weight: 500;
         font-family: 'Montserrat', sans-serif;
         padding: 20px 18px;
         width: 200px;
         margin-top: 35px;
         height: 50px;
         display: flex;
         align-items: center;
         justify-content: center;
         cursor: pointer;
         border-radius: 10px;
         border: none;
     }


     /* contact text box */
     .contact_text {
         flex: 1;
         min-height: 100%;
         /* Kjo siguron që .map të jetë i barabartë me lartësinë e prindit */
     }

     .header_contat {
         font-weight: 600;
         font-size: 35px;
         font-family: 'Montserrat', sans-serif;
         letter-spacing: 0;
         color: rgba(30, 34, 26, 1);
     }

     .text_description_contact {
         font-size: 20px;
         font-family: 'Montserrat', sans-serif;
         font-weight: 400;
         line-height: 31px;
         margin: 30px 0;

     }

     /* text contact form */
     .text_contact {
         font-family: 'Montserrat', sans-serif;
         font-family: 25px;
         font-weight: 400;
         color: rgba(30, 34, 26, 1);
         margin-left: 15px;
     }


     /* footer part */

     footer {
         width: 100%;
         background-color: rgba(255, 255, 255, 1);
         margin-top: 300px;
         padding-top: 50px
     }

     .img_logo_footer {
         width: 50%;
         padding-top: 50px;
         margin-left: auto;
         margin-right: auto;
         height: 200px;
         display: block;
         user-select: none;
         overflow: hidden;
     }

     /* lists */

     #footer_ul {
         list-style-type: none;
         text-align: center;
         margin-top: 150px;
         margin-bottom: 0;
         padding-bottom: 30px;
     }

     #footer_ul li {
         display: inline-block;
         margin-left: 30px;
         font-family: 'Poppins', sans-serif;
         font-weight: 400;
         font-size: 18px;
         color: rgba(30, 34, 26, 1);
         padding: 0;
     }


     #footer_ul .first_list {
         margin-left: 0;
     }

     .li_footer {
         text-decoration: none;
         color: rgba(54, 18, 9, 1);
         font-size: 18px;
         font-weight: 400;
         transition: .2s ease-in-out;
         transition: .2s ease-in-out;
     }

     .li_footer:hover {
         color: rgb(99, 97, 97);
         cursor: pointer;
     }


     /* li button in beggining of the web */
     .li_button {
         text-decoration: none;
     }

 }