/* start reset  */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

/* End Reset */

.continer, .continer_2, .continer_3, .continer_4 {
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
}

.continer h3, .continer_2 h3, .continer_3 h3, .continer_4 h3 {
    font-family: 'DM Sans';
}

.continer p, .continer_2 p, .continer_3 p, .continer_4 p {
    font-family: 'DM Sans';
}

.video-loop {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    opacity: 0.07;
    z-index: -1;
}

.img_icon {
    width: 9rem;
    height: 50px;
}

/* header */

.header {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 15rem;
    padding: 0 20px;
    font-family: 'DM Sans';
    font-weight: 600;
    position: sticky;
    top: 0;
    z-index: 1;
}

.header ul li {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

.nav-link {
    font-size: 21px;
    transition: all 300ms ease;
}

.nav-link:visited,
.nav-link:link {
    color: #002b4a;
}

.nav-link:active,
.nav-link:hover {
    color: #df491b;
}

/* end header  */

/* burger menu  */
.menu-toggle {
    display: none;
}

/* تصميم أيقونة القائمة */
.menu-icon {
    font-size: 30px;
    cursor: pointer;
    display: none;
    /* ستظهر فقط على الشاشات الصغيرة */
    padding: 10px;
}

/* القائمة في الوضع الافتراضي */
.nav-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 20px;
}

/* end burger menu  */

/* header-2 , header-3 , header-4  */
.header-2, .header-3, .header-4 {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    font-family: 'DM Sans';
    font-weight: 600;
    position: sticky;
    top: 0;
    z-index: 1;
}

.header-2 ul li, .header-3 ul li, .header-4 ul li {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

/* end header-2, header-3,  header-4  */

/* frist */

.frist {
    background-image: url(imges/images.jpeg);
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    height: 93vh;
}

.section {
    margin-left: 10rem;
    color: #ffffff;
}

.section h1 {
    font-size: 4.4rem;
    font-family: cursive;
}

.section p {
    display: inline-block;
    font-size: 1rem;
    border-bottom: white solid 1px;
    margin-top: 16%;
    font-family: 'DM Sans';
}

/* end frist */

/* num  */

.num {
    display: flex;
    align-items: center;
    gap: 50px;
    margin-top: 10rem;
    margin-bottom: 10rem;
    line-height: 2;
}

.num h2 {
    font-size: 40px;
    color: #002b4a;
    line-height: 1.9;
    font-weight: 400;
}

.num p {
    font-size: 23px;
}

.num .n1 {
    color: #107cbe;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
}

.num .n2 {
    color: #ff5400;
}

.num .n3 {
    color: #808080b5;
}

.num .n4 {
    color: #002b4a;
}

.num img {
    border-radius: 1rem;
}

/* end num  */

/* num_2 */

.num_2 {
    margin-top: 6rem;
    line-height: 2;
    font-weight: 400;
    text-align: center;
}

.num_2 h2 {
    color: #002b4a;
    font-size: 40px;
    font-weight: 400;
}

.num_2 p {
    color: #107cbe;
    font-size: 18px;
}

.auto {
    margin-top: 2rem;
    display: flex;
    justify-content: space-evenly;
}

.auto .a1 {
    height: 16rem;
    width: 16rem;
}

.auto .a2 {
    height: 17rem;
    width: 17rem;
}

.p1 .a1:hover {
    transform: scale(1.2) rotate(5deg);
    transition: .5s;
}

.p2 .a2:hover {
    transform: scale(1.2) rotate(-5deg);
    transition: .5s;
}

/* end num_2 */


/* num_3  */
.num_3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 6rem;
    line-height: 2;
}

.num_3 picture img {
    width: 500px;
}

.num_3 h2 {
    font-size: 35px;
    font-weight: 400;
    color: #002b4a;
}

.num_3 p {
    font-size: 20px;
}

.num_3 .m1 {
    color: #107cbe;
}

.num_3 .m2 {
    color: #808080b5;
}

.num_3 .m3 {
    color: #002b4a;
}

/* end num_3 */

/* num_4 */
.num_4 {
    display: flex;
    align-items: center;
    margin-top: 10rem;
    margin-bottom: 10rem;
    line-height: 2;
    column-gap: 3rem;
}

.num_4 h2 {
    font-size: 60px;
    color: #002b4a;
}

.num_4 p {
    color: #107cbe;
    font-size: 23px;
    margin-bottom: 1rem;
}

.num_4 img {
    border-radius: 1rem;
}

.second_div-num {
    margin-top: 5rem;
}

.num_4 .r1 {
    border-radius: 10px;
    height: 26px;
    width: 78px;
    display: inline-block;
    background-color: #d2e42ede;
}

.num_4 .r1:hover {
    transform: scale(1.2);
    transition: .4s;
}

.num_4 .r1 p {
    color: #002b4a;
    text-align: center;
    font-size: 14px;
}

/* end num_4 */

/* cert  */

.cert {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    border-top: solid #ababab 1px;
    border-bottom: solid #aaaaaa 1px;
    background-color: transparent;
    margin-top: 6rem;
    margin-bottom: 10rem;
    height: 30vh;
    opacity: .8;
}

.cert .t1 {
    width: 170px;
    height: 130px;
}

/* end cert */


/* footer  */

.footer {
    background-color: transparent;
    color: #002b4a;
    border-top: solid 2px #d9d9d9;
    font-family: 'DM Sans';
}

.footer h3 {
    font-size: 40px;
    padding-left: 20px;
    margin-top: 2rem;
}

.social-media a {
    text-decoration: none;
    padding: 0 10px;
    margin: 0 3px;
}

.social-media {
    text-align: center;
    padding-top: 4rem;
    padding-bottom: 3rem;
}

.social-media img {
    width: 30px;
    height: auto;
    margin-right: 10px;
}

.contact .t1 {
    width: 35px;
    height: auto;
}

.owner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3rem;
    text-align: center;
}

.owner h4 {
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 18px;
}

.alaa {
    line-height: .8;
}


.ala {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 2px;
    padding-top: 8px;
}

.salma {
    display: flex;
    align-items: center;
    gap: 10px;
}

.owner a {
    line-height: 1.5;
}

.owner a:visited,
.owner a:link {
    color: #c4c7c9;
    color: #107cbe;
}

.owner a:hover,
.owner a:active {
    color: #ff5400;
    transition: all 300ms ease;
}

.social-media img:hover {
    transform: scale(1.3);
    transition: .4s;
}

.copy {
    text-align: center;
    margin-top: 2rem;
    padding: 1rem;
}

/* end footer  */

/*page - our products  */

/* our products  */

.h-1 {
    padding-top: 7rem;
    font-size: 3.5rem;
    text-align: center;
    color: #ffffff;
    font-family: cursive;
}

.second {
    background-image: url(imges/Sleekshot.png);
    background-position: center;
    background-size: cover;
    height: 55vh;
    margin-bottom: 10rem;
}

.section-our {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4.5rem;
    margin-bottom: 10rem;
}

.v1 {
    width: 600px;
    line-height: 1.5;
}

.v1 .f1 {
    color: #107cbe;

}

.v1 h2 {
    color: #002b4a;
    font-size: 40px;
}

.v1, .f2, .f3 {
    color: #535353;
}

/* end our products  */

/* section-our-2 */

.section-our-2 {
    line-height: 1.8;
    text-align: center;
    margin-top: 10rem;
    margin-bottom: 10rem;
}

.section-our-2 p {
    color: #107cbe;
}

.section-our-2 h2 {
    font-size: 2.5rem;
    color: #002b4a;
    font-family: cursive;
    margin-bottom: 1rem;
}

.section-our-2 .p2 {
    color: #6f6f6f;
}

.foto {
    margin-top: 3rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 1.5rem;
    row-gap: 3rem;
}

.foto h3 {
    color: #002b4a;
    font-family: cursive;
}

.foto p {
    color: #5d5d5d;
}

.foto img {
    border-radius: 20px;
    width: 230px;
    height: auto;
}

.foto img:hover {
    transform: scale(1.03);
    transition: .5s;
}

/* end section-our-2 */


/* section-our-3 */

.section-our-3 {
    text-align: center;
    margin-bottom: 10rem;
    line-height: 2;
}

.section-our-3 p {
    color: #107cbe;
}

.section-our-3 h2 {
    font-family: cursive;
    font-size: 2.5rem;
    color: #002b4a;
    margin-bottom: 1rem;
}

.section-our-3 .p2 {
    color: #565656;
}


.foto-2 {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 1.5rem;
    row-gap: 3rem;
}

.foto-2 img {
    border-radius: 20px;
    width: 230px;
    height: auto;
}

.foto-2 img:hover {
    transform: scale(1.03);
    transition: .5s;
}

.foto-2 h3 {
    color: #002b4a;
}

.foto-2 p {
    color: #696969;
}

/* end section-our-3 */

/* end-page - our products  */

/* page About-us  */

.frist-frist {
    background-image: url(imges/pexels-tomfisk-1595104.jpg);
    background-size: cover;
    background-position: center;
    height: 55vh;
    font-size: 3.5rem;
    text-align: center;
    color: #ffffff;
    font-family: cursive;
    padding-top: 6rem;
    margin-bottom: 6rem;
}

.mum_4 {
    display: flex;
    align-items: center;
    margin-top: 10rem;
    margin-bottom: 10rem;
    line-height: 2;
    column-gap: 3rem;
}

.mum_4 h2 {
    font-size: 60px;
    color: #002b4a;
}

.mum_4 p, .mum_4 ul {
    color: #535353;
    font-size: 25px;
}

.mum_4 img {
    border-radius: 1rem;
}

.div__p {
    margin-left: 5rem;
}

.second__div-mum {
    margin-top: 7rem;
}

.div__p p {
    color: #107cbe;
}

/* end page About-us  */

/* page content-us  */

.continer_3-h1 {
    background-image: url(imges/Enhanced_Frozen_Fruit_Image.jpeg);
    background-size: cover;
    background-position: center;
    height: 55vh;
    font-size: 3.5rem;
    text-align: center;
    color: #ffffff;
    font-family: cursive;
    padding-top: 5rem;
    margin-bottom: 10rem;
}

.continer_3 h2 {
    color: #002b4a;
    margin-bottom: 7px;
    font-size: 2rem;
    font-family: cursive;
}

.continer_3 h2 {
    color: #002b4a;
    margin-bottom: 7px;
}

.continer_3 p {
    color: #696969;
}

.continer_content {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.continer_content li {
    display: flex;
    align-content: center;
    margin-bottom: 2rem;
}

.continer_content li .icon {
    margin-top: .5rem;
}

.continer_content li .contact {
    margin-left: 18px;
}

.continer_content li .contact p {
    color: #535353;
    padding-bottom: 3px;
}

.continer_content a {
    color: #107cbe;
    font-size: 18px;
    font-family: 'DM Sans';
    line-height: 1.4;
}

iframe {
    margin-bottom: 5rem;
}

/* end page content-us  */

/* responsev  */
/* mobill  */
@media (min-width: 320px) and (max-width: 767px) {
    .num, .num_3, .auto, .num_4, .owner, .footer, .section-our, .mum_4, .continer_3 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .header {
        justify-content: space-between;
        gap: 0;
    }

    .header img, .header-2 img, .header-3 img, .header-4 img {
        width: 38px;
        height: auto;
    }

    nav .nav-list .moo {
        display: none;
    }

    /* burger menu  */

    /* القائمة على الشاشات الصغيرة */
    .menu-icon {
        display: block;
        /* إظهار الأيقونة */
    }

    .nav-list {
        display: none;
        /* إخفاء القائمة */
        justify-content: center;
        flex-direction: row;
        position: absolute;
        top: 60px;
        left: 0;
        background-color: #ffffff;
        width: 100%;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        padding: 5px;
    }

    /* إظهار القائمة عند اختيار مربع الاختيار */
    .menu-toggle:checked~.nav-list {
        display: flex;
    }

    .nav-list li {
        margin: 10px 0;
    }

    .nav-link {
        font-size: 16px;
    }

    /* end burger menu  */

    .img_icon {
        width: 5rem;
        height: 40px;
    }

    .frist {
        background-attachment: local;
        width: 100%;
        height: 30vh;
    }

    .section {
        margin-left: 0%;
        text-align: center;
    }

    .section p {
        font-size: 12%;
    }

    .section h1 {
        font-size: 30px;
    }

    /* num  */
    .num h2, .num_2 h2, .num_3 h2, .num_4 h2, .continer_2 h2, .continer_3 h2 {
        font-size: 20px;
    }

    .num p, .num .n1, .num_2 p, .num_3 p, .num_4 p, .continer_2 p, .continer_4 p, .continer_3 p {
        font-size: 13px;
    }

    .num, .num_4 {
        margin-top: 5rem;
    }

    .num picture img {
        height: 300px;
        width: auto;
    }

    .num_2 .auto .a1 {
        width: 10rem;
        height: 10rem;
    }

    .num_2 .auto .a2 {
        width: 12rem;
        height: 11rem;
    }

    .num_3 picture img {
        width: 200px;
    }

    .second_div-num {
        margin-top: 2rem;
    }

    .num_4 .second_div-num img {
        width: 200px;
        height: auto;
    }

    .cert {
        height: 15vh;
    }

    .cert img {
        width: 5rem;
        height: 5rem;
    }

    .cert .t1 {
        width: 5.5rem;
        height: 4.5rem;
    }

    /* end num  */

    /* Our Products  */
    .second {
        height: 30vh;
    }

    .h-1 {
        font-size: 40px;
        padding-top: 5rem;
    }

    .Our_Products_img img {
        width: 250px;
        height: auto;
    }

    .v1 {
        padding: 5px;
        width: 294px;
        line-height: 1.7;
    }

    .foto img, .foto-2 img {
        width: 120px;
        height: auto;
    }

    .foto h3, .foto-2 h3 {
        font-size: 14px;
    }

    /* end Our Products  */

    /* About-Us */

    .frist-frist {
        height: 30vh;
        font-size: 45px;
        padding-top: 5rem;
        margin-bottom: -4rem;
    }

    .continer_4 h2 {
        font-size: 26px;
    }

    .frist__div-mum {
        padding: 5px;
    }

    .second__div-mum {
        margin-top: 1rem;
    }

    .second__div-mum img {
        width: 190px;
        height: auto;
    }

    .div__img {
        width: 180px;
        height: auto;
    }

    .div__p {
        margin-left: 0;
        padding: 4px;
        order: -1;
        margin-bottom: 1rem;
    }

    .mum_4 ul {
        font-size: 12px;
        padding: 0.5rem;
    }

    /* end About-Us  */

    /* content us  */

    .continer_3-h1 {
        height: 30vh;
        font-size: 40px;
        padding-top: 5rem;
        margin-bottom: 3rem;
    }

    .continer_content {
        margin-left: 1rem;
        text-align: start;
        line-height: 1;
        margin-top: 1rem;
        margin-bottom: 9rem;
    }

    .continer_content li .icon {
        margin-top: 5.5rem;
    }

    .contact {
        margin-top: 5rem;
    }

    .continer_content li {
        margin-bottom: -3rem;
    }

    iframe {
        width: auto;
        height: 350px;
        margin-bottom: 7rem;
    }

    /* end content us  */

    /* footer  */
    .social-media {
        margin-bottom: 40px;
        padding-top: 0rem;
        padding-bottom: 1rem;
    }

    .owner {
        font-size: 15px;
        gap: 35px;
    }

    .footer h3 {
        font-size: 25px;
        padding: 0;
    }

    .copy {
        font-size: 12px;
    }

    /* end footer  */
}

/* small  */
@media (min-width: 768px) and (max-width: 991px) {

    .num, .num_3, .auto, .num_4, .owner, .footer, .section-our, .mum_4, .continer_3 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    nav .nav-list .moo {
        display: none;
    }

    .header {
        justify-content: space-between;
        gap: 0;
    }

    .header img {
        height: auto;
        width: 38px;
    }

    /* burger menu  */

    /* القائمة على الشاشات الصغيرة */
    .home-page .menu-icon {
        display: block;
        /* إظهار الأيقونة */
    }

    .home-page .nav-list {
        display: none;
        /* إخفاء القائمة */
        flex-direction: column;
        position: absolute;
        top: 60px;
        left: 0;
        background-color: #ffffff;
        width: 100%;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        padding: 10px;
    }

    /* إظهار القائمة عند اختيار مربع الاختيار */
    .home-page .menu-toggle:checked~.nav-list {
        display: flex;
    }

    .home-page .nav-list li {
        margin: 10px 0;
    }

    /* end burger menu  */

    .img_icon {
        width: 8rem;
        height: 40px;
    }

    .v1 {
        margin-top: 5rem;
    }

    .contact {
        margin-bottom: 0;
    }

    .div__p {
        width: 600px;
        margin-left: 0;
        margin-top: 2rem;
    }

    .frist__div-mum {
        margin-bottom: 2rem;
    }

    .second__div-mum {
        margin-top: 0rem;
    }

    .second__div-mum img {
        height: 290px;
    }

    .continer_content {
        margin-left: 1rem;
        text-align: start;
        line-height: 1;
    }

    .continer_content li {
        margin-bottom: 2rem;
    }

    iframe {
        width: auto;
    }

    .cert {
        height: 20vh;
    }

    .owner {
        gap: 30px;
        line-height: 1.5;
        font-size: 20px;
    }

    .owner h4 {
        font-size: 25px;
    }

    .footer h3 {
        font-size: 40px;
        padding: 0;
    }

    /* frist page  */
    .frist {
        height: 40vh;
        background-attachment: local;
    }

    .section {
        margin-left: 4rem;
    }

    .section h1 {
        font-size: 63px;
    }

    .section p {
        font-size: 15px;
    }

    /*end frist page  */

    /* num  */
    .num h2, .num_2 h2, .num_3 h2, .num_4 h2, .continer_2 h2, .continer_3 h2 {
        font-size: 31px;
    }

    .num p, .num_2 p, .num_3 p, .num_4 p, .continer_2 p, .continer_4 p, .continer_3 p {
        font-size: 18px;
    }

    .num picture img {
        height: 400px;
        width: 340px;
    }

    .num_3 img {
        width: 350px;
    }

    .num_4 .second_div-num img {
        width: 350px;
        height: auto;
    }

    /* end num  */

    /* Our Products  */

    .second {
        height: 30vh;
    }

    .h-1 {
        padding-top: 6rem;
        font-size: 3rem;
    }

    .Our_Products_img img {
        width: 350px;
        height: auto;
    }

    .foto img, .foto-2 img {
        height: auto;
        width: 180px;
    }

    /* end Our Products  */

    /* cnotact us  */

    .continer_3-h1 {
        height: 35vh;
    }

    .continer_3 div p {
        width: 720px;
        margin: 0 auto;
    }

    /* end cnotact us  */

    /* About-Us */
    .frist-frist {
        height: 30vh;
        font-size: 3rem;
        text-align: center;
        color: #ffffff;
        font-family: cursive;
        padding-top: 6rem;
    }

    .continer_4 p {
        width: 586px;
    }

    .continer_4 ul {
        width: 586px;
    }

    .continer_4 h2 {
        font-size: 45px;
    }

    .second__div-mum img {
        width: 350px;
        height: auto;
    }

    .div__img {
        height: 550px;
        width: 350px;
    }

    /* end About-Us  */
}

/* medium */
@media (min-width: 992px) and (max-width: 1199px) {

    .num, .num_3, .num_4, .footer, .section-our, .mum_4 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        line-height: 1.8;
    }

    .v1 {
        margin-top: 5rem;
    }

    .continer_4 .mum_4 p {
        width: 750px;
    }

    .div__p {
        margin-left: 0;
        margin-top: 2rem;
    }

    .continer_content {
        margin-left: 1rem;
        line-height: 1;
    }

    .continer_content li {
        margin-bottom: 2rem;
    }

    iframe {
        width: -webkit-fill-available;
    }

    .footer h4 {
        font-size: 35px;
        font-family: 'DM Sans';
        text-align: start;
    }

    .contact {
        margin-bottom: 0rem;
    }

    .owner {
        font-size: 17px;
        flex-wrap: wrap;
    }

    .owner h5 {
        font-size: 1.1rem;
    }

    .copy {
        padding: 1rem;
    }

    .frist {
        height: 40vh;
        background-attachment: local;
    }

    .section {
        margin-left: 4rem;
    }

    .section h1 {
        font-size: 4rem;
    }

    .second {
        height: 35vh;
    }

    .continer_3-h1 {
        height: 35vh;
        font-size: 4rem;
        padding-top: 8rem;
    }

    .frist-frist {
        height: 35vh;
        font-size: 4rem;
        padding-top: 8rem;
    }
}

/* large  */
@media (min-width: 1200px) {
    .continer, .continer_2, .continer_3, .continer_4 {
        width: 1200px;
    }
}

@media (min-width: 1600px) {
    .continer, .continer_2, .continer_3, .continer_4 {
        width: 1500px;
    }
}

/* end responsev */