@charset "utf-8";
    /* CSS Document */
    
    html,
    body {
        position: relative;
        height: 100%;

    }
    
    html{scroll-behavior:smooth}

    body {
        margin: 0px;
        padding: 0px;
        font-family: montserrat, sans-serif;
        background-color: rgba(241, 241, 241, 1.00);
    }
    
     :root {
        --withe: #fff;
        --grey1: #f6f6f6;
        --grey2: #828282;
        --grey3: #82828242;
        --green2: #69ae14;
        --green-hover3: #a6c76c;
        --border-for-product1: 1px solid rgb(208 199 199);
        --border-for-product2: 1px solid rgb(208 199 199 / 69%);
        --border-for-product3-if-we-made-background-wite: 1px solid rgb(230 225 225 / 12%);
        --box-shadow-if-we-made-background-wite: 2px 2px 12px rgb(47 47 47 / 36%);
        --box-shadow-if-we-dont-use-background-wite: 2px 2px 12px rgba(47, 47, 47, 0.40);
        ;
    }
    
    .swiper-slide {
        width: 250px !important;
    }
    
    .slider-box {
        margin: 20px;
        height: 350px;
        width: 250px;
        position: relative;
        /* background-color: #f6f6f6; */
        background-color: var(--withe);
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        /* border: 1px solid rgb(208 199 199); */
        border: var(--border-for-product3-if-we-made-background-witer-);
        cursor: pointer;
    }
    
    .slider-box a {
        text-decoration: none;
        text-align: center;
    }
    
    .img-box {
        height: 170px;
    }
    
    .img-box img {
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
    
    .time {
        position: absolute;
        top: 0px;
        right: 20px;
        /* color: #da0002; */
        color: #f7af1d;
        transition: 0.8s;
    }
    
    .detail {
        display: flex;
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
        font-size: 13px;
        line-height: 35px;
    }
    
    .price {
        color: var(--green2);
        /* background-color: #797979; */
        line-height: 20px;
    }
    
    .cart {
        position: absolute;
        bottom: 0px;
        height: 45px;
        background-color: #f3851b;
        /* background-color: #f4433685; */
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .cart a {
        color: #FFFFFF;
    }
    
    a {
        text-decoration: none;
    }
    
    a:hover {
        text-decoration: none !important;
        /* color: white !important; */
    }
    
    .slider-box:hover {
        /* box-shadow: 2px 2px 12px rgba(47, 47, 47, 0.40); */
        box-shadow: var(--box-shadow-if-we-made-background-wite);
    }
    
    .slider-box:hover .time {
        transform: rotatey( 365deg);
    }
    
    .slider-box:hover p.detail {
        color: var(--green-hover3);
    }
    
    .slider-box:hover .img-box img {
        transform: scale(1.07);
        transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
        -ms-transition: all ease 0.5s;
        -o-transition: all ease 0.5s;
    }
    
    .cart:hover {
        transform: scale(1.1);
        background-color: #a6c76c;
        box-shadow: 2px 2px 12px rgba(47, 47, 47, 0.40);
        transition: all ease 0.1s;
        -webkit-transition: all ease 0.1s;
        -moz-transition: all ease 0.1s;
        -ms-transition: all ease 0.1s;
        -o-transition: all ease 0.1s;
    }
    
    .product .detail a :hover {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
    
    .heading {
        display: flex;
        justify-content: center;
        padding: 16px 0 28px 0px;
        /* padding: 0; */
    }
    
    .heading.offer {
        padding: 122px 0 6px 0px !important;
        padding: 0;
    }
    
    .heading h1 {
        color: #a8abad;
        /* margin: 55px 20px 41px 20px; */
        margin: 0px 0 2px 0;
        font-size: 45px;
        font-family: 'Work Sans';
    }
    
    .heading.offer h1 {
        margin: -22px 0px 41px 0px
        /* margin: 0px 0 2px 0; */
    }
    
    .product {
        /* padding: 76px 0 77px 0px; */
        padding: 46px 0 109px 0px;
        /* background-color: #f6f6f6; */
        background-color: var(--withe);
        margin: 0 0 0 0;
    }

        /* Start contact  */

    .contact {
        margin-bottom: 10px;
        background-color: var(--grey1);
        padding-bottom: 0px;
        height: calc(95% + 0px);
        }
    
    .contact .container .half {
        padding-top: 60px;
        padding-bottom: 114px;
        text-align: center;
    }
    
    h2.special-heading {
        font-size: 100px;
        color: #ebeced;
        letter-spacing: -3px;
        font-weight: 800;
        margin: 0;
    }
    
    .contact .container h2+.special {
        text-align: center;
        color: #797979;
        margin: -39px 0 0;
        font-size: 20px;
    }
    
    * {
        font-family: 'Work Sans', sans-serif;
    }
    
    .special-contact {
        color: #797979;
        font-size: 13px;
    }
    
    .contact .container .info {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(41%, 1fr));
        gap: 116px;
    }
    
    .col {
        padding: 0;
    }
    
    .both {
        display: flex;
        gap: 9px;
    }
    
    .contact .container .info input {
        width: 100%;
        padding: 5px 0 6px 16px;
        border: 1px solid #b9b4b4;
        font-weight: 300;
        outline: none;
        color: #999;
        font-size: 13px;
        background-color: #fafafa;
        }
    
    .contact .container .info input:focus {
        border-color: #a6c76c;
    }
    
    .both.two {
        margin-top: 17px;
    }

    textarea{
        border: 1px solid #b9b4b4;
        overflow: auto;
        resize: vertical;
        width: calc(100% + 0px);
        height: 33%;
        color: #999;
        background-color: #f5f2f2;
        outline: none;
        margin: 14px 0 0 0 !important;
        padding: 4px 0px 0px 11px;
    }
    textarea:focus{
        border: 1px solid #a6c76c;
    }
    textarea , .both.two ,.both{
        width: calc(100% + 82px);
        background-color: #fafafa;       
    }
    /* End contact  */
    /* Start soial meaida  */
    
    .fa-twitter {
        color: rgb(29 161 242) !important;
    }
    /* End soial meaida  */
 
    /* Start footer */
    .footer{
        display: grid;
        padding : 15px;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        grid-gap: 25px;

    }

    .footer h6 {
        font-weight: bold;
        color: #5cb5e9;
    }

    .footer p {
        color: #a9a9a9;
    }

    .footer .col-1-foot .box-footer{
        background-color: #ffffff;
        /* width: 303px; */
        padding: 10px 60px;
        display: flex;
        justify-content: center;
        position: relative;
        box-shadow: 2px 2px 25px rgb(47 47 47 / 40%);
        border-radius: 10px;
        margin : 0 0 20px 0 ; 
    }
.footer .col-1-foot .box-footer .question{
       position : absolute; 
       left: 4%;
       bottom: 28%;
    }

   i.far.fa-question-circle {
        font-size: 39px;
        color : #d1d1d1 ;
    }

    .footer  .follow-us h5{
        padding : 11px ;
    }

    .footer .follow-us i {
        padding: 3px;
        cursor: pointer;
    }

    i.fab.fa-google-plus {
        color: red;
    }

    i.fab.fa-youtube {
        color: red;
    }

    i.fab.fa-instagram {
        color: #c12d77;
    }
    
    i.fab.fa-pinterest {
        color: red;
    }


    .co2-2-foot {
        line-height: 12px;
    }

    .co3-3-foot {
        line-height: 16px;
    }

/* font-family: isouq,opensans عايز اعمل بحث عن  
انشاء الله عايز اعمل فوتر زاى سوق دوت كوم
*/
    /* End footer */
    /* عايز اعمل بتون فى الكونتكت  */