/*
++++++++++++++++++++++++++++++
reset browser css
++++++++++++++++++++++++++++++
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/* font: inherit; */
    vertical-align: baseline;
    list-style-type: none;
}
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}



/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid transparent;
  /* -webkit-text-fill-color: transparent; */
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}



/*
++++++++++++++++++++++++++++++
the browser css
++++++++++++++++++++++++++++++
*/

/* @import url(//fonts.googleapis.com/earlyaccess/opensanshebrew.css); */

html,body{
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    font-family: 'Assistant', sans-serif;
    font-family: 'Heebo', sans-serif;
    /* font-family: 'Open Sans Hebrew', sans-serif; */
}





/*
++++++++++++++++++++++++++++++
load-all-page
++++++++++++++++++++++++++++++
*/

.load-all-page{
    width: 100%;
    height: 100%;
    background-color: #1d1d1d;
    position: fixed;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}
.load-all-page .the-image{
    width: 180px;
}
.load-all-page .the-image img{
    width: 100%;
}





/*
++++++++++++++++++++++++++++++
button-fixed-contact
++++++++++++++++++++++++++++++
*/

.button-fixed-contact{
    width: 70px;
    height: 70px;
    background-color: #177fff;
    position: fixed;
    bottom: 60px;
    animation-name: example;
    animation-duration: 4s;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    right: 60px;
    cursor: pointer;
    display: none;
}
@keyframes example {
    0%   {background-color:#177fff; left:0px; bottom: 60px;}
    100% {background-color:#177fff; left:calc(100% - 130px);transform: rotate(3250deg)}
}



@media screen and (max-width: 700px) {
    .button-fixed-contact {
        bottom: 15px;
        right: 15px;
        width: 55px;
        height: 55px;
    }
    @keyframes example {
        0%   {background-color:#177fff; left:0px; bottom: 15px;}
        100% {background-color:#177fff; left:calc(100% - 70px);transform: rotate(3250deg)}
    }
}



/*
++++++++++++++++++++++++++++++
button-fixed-contact
++++++++++++++++++++++++++++++
*/

.fixed-contact-dark{
    width: 100%;
    height: 100%;
    background-color: black;
    position: fixed;
    z-index: 3;
    opacity: 0.8;
    display: none;
}
.fixed-contact-form{
    width: 690px;
    height: 450px;
    position: fixed;
    z-index: 3;
    background-color: rgb(248, 248, 248);
    left: calc(50% - 345px);
    top: calc(50% - 225px);
    background-image: url('../images/contact-fixed.png');
    direction: rtl;
    display: none;
}
.fixed-contact-form .close-fixed-contact-form{
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 3;
    right: -40px;
    top: -40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    cursor: pointer;
    font-size: 20px;
}
.fixed-contact-form .close-fixed-contact-form:hover{
    color: #717171;
}
.fixed-contact-form .all-fixed-contact-form{
    width: 400px;
    margin: 50px 50px 0 0;
}
.fixed-contact-form .all-fixed-contact-form h2{
    margin-block-start: 0;
    margin-block-end: 0;
    font-weight: 400;
    font-size: 50px;
    line-height: 1;
    margin: 0 0 15px 0;
}
.fixed-contact-form .all-fixed-contact-form form{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.fixed-contact-form .all-fixed-contact-form input.input-fixed-contact{
    border: none;
    width: calc(100% - 10px);
    padding: 15px 10px 15px 0;
    border-bottom: solid 1px #c6c6c6;
    font-size: 24px;
    font-family: 'Assistant', sans-serif;
    font-weight: 300;
    background-color: rgb(248, 248, 248);
}
.fixed-contact-form .all-fixed-contact-form input.input-fixed-contact:-internal-autofill-selected{
    color: blue;
}
.fixed-contact-form .all-fixed-contact-form input.input-fixed-contact:focus{
    outline: none;
}
.fixed-contact-form .all-fixed-contact-form input.submit-fixed-contact{
    border: none;
    font-size: 24px;
    font-family: 'Assistant', sans-serif;
    font-weight: 300;
    background-color: #000;
    color: white;
    margin: 50px 0 0 0;
    padding: 3px 50px;
    border-radius: 25px;
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.5);
    cursor: pointer;
}
.fixed-contact-form .all-fixed-contact-form input.submit-fixed-contact:focus{
    outline: none;
}
.fixed-contact-form .all-fixed-contact-form input.submit-fixed-contact:hover{
    background-color: #a3a3a3;
}


@media screen and (max-width: 700px) {
    .fixed-contact-form {
        width: 300px;
        height: 450px;
        left: calc(50% - 150px);
        top: calc(50% - 225px);
        background-size: 140%;
        background-repeat: no-repeat;
        background-position: bottom left;    
    }
    .fixed-contact-form .all-fixed-contact-form {
        width: 90%;
        margin: 0 auto;
    }
    .fixed-contact-form .all-fixed-contact-form input.input-fixed-contact {
        padding: 5px 10px 5px 0;
        border-bottom: solid 1px #c6c6c6;
        margin: 0 0 5px 0;
        background-color: transparent;
    }
    .fixed-contact-form .all-fixed-contact-form h2 {
        font-size: 30px;
        margin: 40px 0 15px 0;
    }
}



/*
++++++++++++++++++++++++++++++
the-balck-screen || all-the-menu
++++++++++++++++++++++++++++++
*/

.the-balck-screen{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9); ;
    position: fixed;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 3;
    display: none;
    direction: rtl;
}
.the-balck-screen .close-botton{
    color: white;
    width: 100px;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    font-size: 23px;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.the-balck-screen .close-botton:hover{
    color: rgb(0, 196, 225);
}
.all-the-menu{
    width: 224px;
    height: 100%;
    /* background-color: rgb(43, 43, 43); */
    position: fixed;
    z-index: 4;
    left: calc(50% - 110px);
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
.all-the-menu ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    direction: rtl;
}
.all-the-menu ul a{
    text-decoration: none;
}
.all-the-menu ul .main-menu{
    color: white;
    font-size: 35px;
    font-weight: 300;
    opacity: 0;
    border-bottom: solid 2px transparent;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    cursor: pointer;
}
.all-the-menu ul .main-menu:hover{
    border-bottom: solid 2px #2ca7ff;
}
.all-the-menu ul .list-menu{
    color: white;
    font-size: 20px;
    font-weight: 300;
    border-bottom: none;
    cursor: pointer;
    overflow: hidden;
    height: 0;
}
.all-the-menu ul .list-menu:hover{
    border-bottom: solid 2px #2ca7ff !important;
}
.all-the-menu ul .list-menu.id1{
    height: 0;
    /* transition:  all 0.5s; */
}
.all-the-menu ul .list-menu.id1.last-of-type{
    margin: 0 0 0 0;
}



@media screen and (max-width: 700px) {
    .all-the-menu ul .main-menu {
        font-size: 25px;
    }
    .the-balck-screen .close-botton {
        width: 70px;
        height: 70px;
    }
}



/*
++++++++++++++++++++++++++++++
the-breadcrumbs
++++++++++++++++++++++++++++++
*/

#breadcrumbs{
    direction: rtl;
}
#breadcrumbs ul{
    display: flex;
    padding: 10px 50px 10px 0;
}
#breadcrumbs ul span {
    color: #3a3a3a;
    margin: 0 5px;
}
#breadcrumbs ul li {
    color: #3a3a3a;
}
#breadcrumbs ul li a{
    text-decoration: none;
    color: #1b8ae9;
}



@media screen and (max-width: 850px) {
    #breadcrumbs ul {
        padding: 10px 20px 10px 0;
    }
}
@media screen and (max-width: 400px){

    #breadcrumbs ul {
        font-size: 12px;
    }

}

/*
++++++++++++++++++++++++++++++
all-the-top-menu-fresh
++++++++++++++++++++++++++++++
*/

.all-the-top-menu-fresh{
    opacity: 1;
    width: 100%;
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1);
            box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 2;
}
.all-the-top-menu{
    height: 80px;
    background-color: rgb(255, 255, 255);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    direction: rtl;
    padding: 0 30px;
}
.all-the-top-menu .right{

}
.all-the-top-menu .right .hamburger{
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    font-size: 24px;
    cursor: pointer;
    color: #5d5d5d;
}
.all-the-top-menu .right .hamburger:hover{
    color: #5ab2ff;
}
.all-the-top-menu .left{

}
.all-the-top-menu .left img{
    width: 180px;
}




/*
++++++++++++++++++++++++++++++
all-the-header-fresh
++++++++++++++++++++++++++++++
*/

.all-the-header-fresh{
    height: 700px;
    padding: 0 50px 0 0;
    direction: rtl;
    max-width: 2000px;
    margin: 0 auto;
    background-color: #f0f2ef;
}
.all-the-header-fresh .all-the-header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
}
.all-the-header-fresh .all-the-header .right{
    line-height: 1;
}
.all-the-header-fresh .all-the-header .right .slogel{
    font-weight: bold;
    font-size: 60px;
    color: rgb(49, 49, 49);
}
.all-the-header-fresh .all-the-header .right .slogel-loop{
    display: -webkit-box;display:
     -ms-flexbox;display: flex;
}
.all-the-header-fresh .all-the-header .right .slogel-loop .the-name{
    font-weight: bold;
    font-size: 60px;
    color: rgb(49, 49, 49);
}
.all-the-header-fresh .all-the-header .right .slogel-loop .the-line{
    font-size: 60px;
    color: rgb(49, 49, 49);
    opacity: 1;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.all-the-header-fresh .all-the-header .right h1{
    margin: 30px 0 0 0;
    max-width: 513px;
    line-height: 1.5;
    font-size: 19px;
    color: #757575;
    font-weight: 400;
}
.all-the-header-fresh .all-the-header .right a{
    text-decoration: none;
    color: rgb(131, 131, 131);
    background-color: rgba(0, 0, 0, 0);
    border-color: rgb(173, 173, 173);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 0 0;
}
.all-the-header-fresh .all-the-header .right a .the-botton{
    border: solid 1px rgb(173, 173, 173);
    border-radius: 30px;
    padding: 19px 26px;
    color: rgb(73, 73, 73);
    font-weight: 600;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #fff;
}
.all-the-header-fresh .all-the-header .right a .the-botton:hover {
    color: white;
    background-color: #298adf;
    border: solid 1px #298adf;
}







.all-the-header-fresh .all-the-header .left{
    /* background-color: rgb(139, 0, 76); */
    width: 0;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.all-the-header-fresh .all-the-header .left .the-image{
    width: 100%;
}
.all-the-header-fresh .all-the-header .left .the-image img{
    width: 100%;
}



@media screen and (max-width: 1400px) {
    .all-the-header-fresh {
        height: 500px;
    }
}
@media screen and (max-width: 900px) {
    .all-the-header-fresh .all-the-header .left {
        width: 100% !important;
        /* direction: ltr; */
    }
    .all-the-header-fresh {
        height: auto;
        padding: 0 0 50px 0;
    }
    .all-the-header-fresh .all-the-header .right h1 {
        max-width: 100%;
    }
    .all-the-header-fresh .all-the-header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
    }
    .all-the-header-fresh .all-the-header .right {
        width: 90%;
        margin: 0 auto 30px;
        padding: 30px 0 0 0;
    }
}

@media screen and (max-width: 900px) {
    .all-the-header-fresh .all-the-header .right .slogel {
        font-size: 30px;
    }
    .all-the-header-fresh .all-the-header .right .slogel-loop .the-name{
        font-size: 30px;
    }
    .all-the-header-fresh .all-the-header .right .slogel-loop .the-line{
        font-size: 30px;
    }
    .all-the-header-fresh .all-the-header .right h1 {
        margin: 22px 0 0 0;
        font-size: 16px;
    }
}
@media screen and (max-width: 500px) {
    .all-the-top-menu .left img {
        width: 140px;
    }
    .all-the-top-menu {
        height: 50px;
        padding: 0 10px;
    }
    .all-the-header-fresh{
        padding-top: 0;
    }
}



/*
++++++++++++++++++++++++++++++
all-the-second-home
++++++++++++++++++++++++++++++
*/

.all-the-second-home{
    padding: 120px 0 0 0;
}
.all-the-second-home .top-second-home{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    direction: rtl;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.all-the-second-home .top-second-home .right{
    width: 50%;
}
.all-the-second-home .top-second-home .right .top-title{
    text-align: left;
    padding: 0 0 0 109px;
    font-size: 14px;
    font-weight: 700;
    color: #0088ff;
    margin: 0 0 8px 0;
}
.all-the-second-home .top-second-home .right h2{
    text-align: left;
    padding: 0 0 0 90px;
    font-size: 34px;
    font-weight: 800;
}
.all-the-second-home .top-second-home .left{
    width: 50%;
}
.all-the-second-home .top-second-home .left .all-slider-word{
    /* max-width: 310px;
    width: 310px; */
    direction: ltr;
}
.all-the-second-home .top-second-home .left .all-slider-word div:focus{
    outline: none;
}
.all-the-second-home .top-second-home .left .all-slider-word p{
    font-size: 24px;
    color: #828282;
    direction: rtl;
}
.all-the-second-home .top-second-home .left .all-slider-word .slick-dots{
    bottom: -40px;
}
.all-the-second-home .top-second-home .left .all-slider-word .slick-dots button::before{
    font-size: 12px;
    color: #0088ff;
}
.all-the-second-home .top-second-home .center{
    width: 100px;
    height: 4px;
    background-color: #0088ff;
    margin: 60px auto 60px;
    border-radius: 12px;
}
.all-the-second-home .images-all-feature{
    width: 90%;
    max-width: 1400px;
    /* background-color: #0088ff; */
    margin: 0 auto;
    direction: rtl;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.all-the-second-home .images-all-feature .the-all-box-feature a{
    text-decoration: none;
}
.all-the-second-home .images-all-feature .the-all-box-feature{
    width: 410px;
    height: 410px;
    margin: 0 0 50px 0;
    background-size: cover;
    background-position: center center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    position: relative;
}
.all-the-second-home .images-all-feature .the-all-box-feature:hover > .white-box{
    opacity: 0.9;
}
.all-the-second-home .images-all-feature .the-all-box-feature .white-box{
    width: 90%;
    height: 90%;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.all-the-second-home .images-all-feature .the-all-box-feature .white-box-not-opacity{
    width: 90%;
    height: 90%;
    position: absolute;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .all-the-second-home .images-all-feature .the-all-box-feature .white-box{
        top: 5%;
        right: 5%;
    }
    .all-the-second-home .images-all-feature .the-all-box-feature .white-box-not-opacity{
        top: 5%;
        right: 5%;
    }
}
 
.all-the-second-home .images-all-feature .the-all-box-feature .white-box-not-opacity:hover > .title-box-feature{
    top: 0;
}
.all-the-second-home .images-all-feature .the-all-box-feature .white-box-not-opacity:hover > .sub-title-box-feature{
    top: 39px;
}
.all-the-second-home .images-all-feature .the-all-box-feature .white-box-not-opacity:hover > .botton-box-feature{
    left: 15px;
}
.all-the-second-home .images-all-feature .the-all-box-feature .white-box-not-opacity .title-box-feature{
    color: #0088ff;
    padding: 10px 10px 0 0;
    font-size: 16px;
    font-weight: 300;
    position: absolute;
    top: -40px;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.all-the-second-home .images-all-feature .the-all-box-feature .white-box-not-opacity .sub-title-box-feature{
    color: #1a1a1a;
    padding: 0 10px 0 0;
    font-size: 18px;
    font-weight: 600;
    position: absolute;
    top: -28px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.all-the-second-home .images-all-feature .the-all-box-feature .white-box-not-opacity .botton-box-feature{
    width: 45px;
    height: 45px;
    border: solid 1px #0088ff;
    border-radius: 50%;
    left: -60px;
    bottom: 15px;
    position: absolute;
    color: #0088ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    font-size: 18px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}



@media screen and (max-width: 1410px) {
    .all-the-second-home .images-all-feature .the-all-box-feature {
        width: 350px;
        height: 350px;
    }
}

@media screen and (max-width: 1210px) {
    .all-the-second-home .images-all-feature .the-all-box-feature {
        width: 290px;
        height: 290px;
    }
}


@media screen and (max-width: 1050px) {
    .all-the-second-home .images-all-feature .the-all-box-feature .white-box-not-opacity {
        opacity: 1;
    }
    .all-the-second-home .images-all-feature .the-all-box-feature .white-box {
        opacity: 1;
    }
    .all-the-second-home .images-all-feature .the-all-box-feature .white-box-not-opacity .title-box-feature {
        top: 0;
    }
    .all-the-second-home .images-all-feature .the-all-box-feature .white-box-not-opacity .sub-title-box-feature {
        display: none;
    }
    .all-the-second-home .images-all-feature .the-all-box-feature .white-box-not-opacity .botton-box-feature {
        display: none;
    }
    .all-the-second-home .images-all-feature .the-all-box-feature .white-box-not-opacity .title-box-feature {
        font-size: 19px;
    }
}



@media screen and (max-width: 1010px) {
    .all-the-second-home .images-all-feature .the-all-box-feature {
        width: 240px;
        height: 240px;
    }
    .all-the-second-home .top-second-home .right {
        width: 100%;
        margin: 0 0 31px 0;
    }
    .all-the-second-home .top-second-home .left {
        width: 100%;
    }
    .all-the-second-home .top-second-home .right h2 {
        text-align: center;
        padding: 0 0 0 0;
    }
    .all-the-second-home .top-second-home .right .top-title {
        text-align: center;
        padding: 0 0 0 0;
    }
    .all-the-second-home .top-second-home .left .all-slider-word p{
        text-align: center;
    }
}
@media screen and (max-width: 810px) {
    .all-the-second-home .images-all-feature .the-all-box-feature {
        width: 190px;
        height: 190px;
    }
}
@media screen and (max-width: 660px) {
    .all-the-second-home .images-all-feature .the-all-box-feature {
        width: 140px;
        height: 140px;
        margin: 0 10px 30px 10px;
        /* opacity: 0; */
        overflow: hidden;
        -webkit-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .all-the-second-home .images-all-feature {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .all-the-second-home .images-all-feature .the-all-box-feature .white-box-not-opacity:hover > .botton-box-feature {
        left: -60px;
    }
    .all-the-second-home .images-all-feature .the-all-box-feature .white-box-not-opacity {
        line-height: 0;
    }
    .all-the-second-home .images-all-feature .the-all-box-feature .white-box {
        opacity: 0.9;
        /* top: -130px; */
        top: 7px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    .all-the-second-home .images-all-feature .the-all-box-feature .white-box-not-opacity .title-box-feature {
        top: 0;
        /* right: -140px; */
        right: 0;
        line-height: 1.5;
        font-size: 19px;
        font-weight: 300;
    }
    .all-the-second-home .images-all-feature .the-all-box-feature .white-box-not-opacity .sub-title-box-feature {
        top: 45px;
        line-height: 1;
        display: none;
    }
    .all-the-header-fresh .all-the-header .right a .the-botton {
        padding: 10px 10px;
        border: solid 1px rgb(173, 173, 173);
    }
    .all-the-second-home {
        padding: 60px 0 0 0;
    }
    .all-the-second-home .top-second-home .left .all-slider-word p{
        font-size: 18px;
    }
    .all-the-second-home .top-second-home .right h2{
        font-size: 30px;
    }
    .all-the-second-home .top-second-home .right {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .all-the-second-home .top-second-home .center {
        margin: 50px auto 50px;
    }
    .all-the-header-fresh .all-the-header .right h1 {
        margin: 22px 0 0 0;
        font-size: 18px;
    }
    .all-the-second-home .top-second-home .right .top-title {
        font-size: 16px;
        margin: 0 0 0 0;
    }
}




/*
++++++++++++++++++++++++++++++
all-our-skills
++++++++++++++++++++++++++++++
*/


.all-our-skills{
    direction: rtl;
    padding: 120px 0 120px 0;
}
.all-our-skills .the-title{
    text-align: center;
    font-size: 60px;
    margin: 0 0 60px 0;
    font-weight: 100;
}
.all-our-skills .the-title span{
    font-weight: 600;
}
.all-our-skills .all-the-skills-box{
    width: 90%;
    max-width: 1400px;
    /* background-color: turquoise; */
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.all-our-skills .all-the-skills-box .left{
    width: 50%;
    /* background-color: rgb(80, 64, 224); */
}
.all-our-skills .all-the-skills-box .left p{
    max-width: 90%;
    line-height: 1.5;
    font-size: 19px;
    color: #757575;
    font-weight: 400;
    text-align: justify;
}
.all-our-skills .all-the-skills-box .right{
    width: 50%;
    /* background-color: rgb(101, 224, 64); */
}
.all-our-skills .all-the-skills-box .right .the-skill-title{
    margin: 0 0 15px 0;
}
.all-our-skills .all-the-skills-box .right .the-skill-num{
    width: 100%;
    height: 7px;
    background-color: #dddddd;
    position: relative;
    border-radius: 3px;
    margin: 0 0 30px 0;
}
.all-our-skills .all-the-skills-box .right .the-skill-num .the-skill-num-absolute{
    position: absolute;
    width: 0%;
    height: 7px;
    background-color: #397ee3;
    border-radius: 3px;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
}
.all-our-skills .all-the-skills-box .right .the-skill-num .the-skill-num-absolute .the-num{
    top: -24px;
    left: -8px;
    position: absolute;
    font-size: 19px;
}






@media screen and (max-width: 1000px) {
    .all-our-skills .all-the-skills-box {
        -ms-flex-wrap: wrap;  
        flex-wrap: wrap;
    }
    .all-our-skills .all-the-skills-box .left {
        width: 100%;
    }
    .all-our-skills .all-the-skills-box .right {
        width: 100%;
    }
    .all-our-skills .all-the-skills-box .left p {
        max-width: 100%;
        margin: 0 0 50px 0;
    }
    .all-our-skills{
        padding: 60px 0 60px 0;
    }
    .all-our-skills .the-title{
        font-size: 34px;
        margin: 0 0 20px 0;
    }
}



/*
++++++++++++++++++++++++++++++
all-the-say-about-us
++++++++++++++++++++++++++++++
*/

.all-the-say-about-us{
    direction: rtl;
    /* margin: 0 0 150px 0; */
    background-color: #fcfcff;
    padding: 80px 0 25px 0;
}
.all-the-say-about-us .the-title{
    text-align: center;
    font-size: 60px;
    margin: 0 0 90px 0;
    font-weight: 100;
}
.all-the-say-about-us .all-the-say-about{
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    direction: ltr;
}
.all-the-say-about-us .the-say-about{
    direction: rtl;
}
.all-the-say-about-us .the-say-about:focus{
    outline: none;
}
.all-the-say-about-us .the-say-about .image-apostrophes{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 50px 0;
}
.all-the-say-about-us .the-say-about .image-apostrophes img{
    width: 32px;
}
.all-the-say-about-us .the-say-about h3{
    width: 90%;
    text-align: center;
    font-size: 26px;
    font-weight: 300;
    line-height: 1.6;
    max-width: 970px;
    margin: 0 auto 50px;
}
.all-the-say-about-us .the-name{
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 50px 0;
}
.all-the-say-about-us .slick-dots li button:before{
    font-size: 14px;
    color: #397ee3 !important;
}





@media screen and (max-width: 1000px) {
    .all-the-say-about-us .the-title {
        font-size: 34px;
        margin: 0 0 40px 0;
    }
    .all-the-say-about-us .the-say-about .image-apostrophes {
        margin: 0 0 18px 0;
    }
    .all-the-say-about-us .the-say-about h3 {
        margin: 0 auto 22px;
        font-size: 18px;
    }
    .all-the-say-about-us .the-name {
        margin: 0 0 28px 0;
    }
}


/*
++++++++++++++++++++++++++++++
all-the-say-about-us
++++++++++++++++++++++++++++++
*/

.all-the-customers{
    background-color: #fcfcff;
    padding: 90px 0;
    margin: 0 0 110px 0;
}
.all-the-customers-slider{
    width: 90%;
    max-width: 1800px;
    margin: 0 auto;
}
.all-the-customers-slider .the-image{
    /* margin: 0 20px; */
}
.all-the-customers-slider .the-image:focus{
    outline: none;
}
.all-the-customers-slider .the-image .single-image{
    width: 210px !important;
    margin: 0 20px;
}
.all-the-customers-slider .the-image .single-image img{
    width: 100%;
}



@media screen and (max-width: 1000px) {
    .all-the-customers-slider .the-image .single-image {
        width: 125px !important;
    }
    .all-the-customers {
        padding: 60px 0;
        margin: 0 0 40px 0;
    }
}



/*
++++++++++++++++++++++++++++++
all-the-blog-index-new
++++++++++++++++++++++++++++++
*/


.all-the-blog-index-new{
    direction: rtl;
    margin: 80px 0 0 0;
}
.all-the-blog-index-new h2 {
    text-align: center;
    font-size: 60px;
    margin: 0 0 22px 0;
    font-weight: 100;
}
.all-the-blog-index-new h2 {
    text-align: center;
    font-size: 60px;
    margin: 0 0 36px 0;
    font-weight: 100;
}
.all-the-blog-index-new .all-the-blog-flex {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.all-the-blog-index-new .all-the-blog-flex a {
    text-decoration: none;
}
.all-the-blog-index-new .all-the-blog-flex .all-single-blog-index {
    width: 410px;
    padding: 0 0 30px 0;
    cursor: pointer;
    box-shadow: 0 0 7px rgba(0,0,0,0.11);
    transition: all 0.5s;
    margin: 0 0 40px 0;
}
.all-the-blog-index-new .all-the-blog-flex .all-single-blog-index:hover{
    box-shadow: 0 0 7px rgba(0,0,0,0.51);
}
.all-the-blog-index-new .all-the-blog-flex .all-single-blog-index:hover >  .the-link-blog{
    color: #177fff;
}
.all-the-blog-index-new .all-the-blog-flex .all-single-blog-index:hover >  .the-image img{
    transform: scale(1.2);
}
.all-the-blog-index-new .all-the-blog-flex .all-single-blog-index .the-image{
    width: 100%;
    overflow: hidden;
    margin: 0 0 15px 0;
}
.all-the-blog-index-new .all-the-blog-flex .all-single-blog-index .the-image img{
    width: 100%;
    display: block;
    transition: all 0.5s;
}
.all-the-blog-index-new .all-the-blog-flex .all-single-blog-index .the-time-blog{
    color: #686868;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    margin: 5px 0 2px 0;
}
.all-the-blog-index-new .all-the-blog-flex .all-single-blog-index .the-title-blog{
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 5px 0;
    color: rgb(31, 31, 31);
    transition: all 0.5s;
}
.all-the-blog-index-new .all-the-blog-flex .all-single-blog-index .the-link-blog{
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #333;
    transition: all 0.5s;
}



@media screen and (max-width: 1400px) {
    .all-the-blog-index-new .all-the-blog-flex {
        flex-wrap: wrap;
    }
    .all-the-blog-index-new .all-the-blog-flex .all-single-blog-index {
        width: 320px;
        margin: 0 auto 40px;
    }
}
@media screen and (max-width: 1100px) {
    .all-the-blog-index-new .all-the-blog-flex a {
        text-decoration: none;
        width: 100%;
    }
    .all-the-blog-index-new h2 {
        font-size: 34px;
    }
}




/*
++++++++++++++++++++++++++++++
all-the-blog-index
++++++++++++++++++++++++++++++
*/


.all-the-blog-index{
    /* height: 500px;
    background-color: tomato; */
    direction: rtl;
}
.all-the-blog-index .the-title{
    text-align: center;
    font-size: 60px;
    margin: 0 0 90px 0;
    font-weight: 100;
}
.all-the-blog-index .the-box-blog{
    width: 100%;
    max-width: 2000px;
    height: 550px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
.all-the-blog-index .the-box-blog .the-box-blog-absolute{
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    right: -100%;
    opacity: 0;
    transition: all 1s;
}
.all-the-blog-index .the-box-blog .the-box-blog-absolute .blog-box-single{
    width: calc(100% / 3);
    height: 100%;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.all-the-blog-index .the-box-blog .the-box-blog-absolute .blog-box-single .all-the-text-blog{
    max-width: 350px;
}
.all-the-blog-index .the-box-blog .the-box-blog-absolute .blog-box-single .all-the-text-blog h3{
    color: white;
    font-size: 30px;
    margin: 0 0 15px 0;
}
.all-the-blog-index .the-box-blog .the-box-blog-absolute .blog-box-single .all-the-text-blog .the-line{
    width: 150px;
    height: 2px;
    background-color: #2ca7ff;
    margin: 0 0 20px 0;
}
.all-the-blog-index .the-box-blog .the-box-blog-absolute .blog-box-single .all-the-text-blog .the-description{
    color: white;
    line-height: 1.5;
    margin: 0 0 25px 0;
    text-align: justify;
    font-size: 18px;
}
.all-the-blog-index .the-box-blog .the-box-blog-absolute .blog-box-single .all-the-text-blog a {
    text-decoration: none;
}
.all-the-blog-index .the-box-blog .the-box-blog-absolute .blog-box-single .all-the-text-blog a .to-blog{
    color: #2ca7ff;
    font-weight: 600;
    font-size: 18px;
    font-weight: 800;
}




@media screen and (max-width: 1550px) {
    .all-the-blog-index .the-box-blog {
        height: 350px;
    }
}
@media screen and (max-width: 1000px) {
    .all-the-blog-index .the-box-blog {
        height: 1135px;;
    }
    .all-the-blog-index .the-box-blog .the-box-blog-absolute {
        height: auto;
    }
    .all-the-blog-index .the-box-blog .the-box-blog-absolute .blog-box-single {
        width: 100%;
        padding: 40px 0;
    }
    .all-the-blog-index .the-title {
        margin: 0 0 60px 0;
        font-size: 34px;
    }
}
@media screen and (max-width: 550px) {
    .all-the-blog-index .the-box-blog .the-box-blog-absolute .blog-box-single .all-the-text-blog {
        max-width: 90%;
    }
    .all-the-blog-index .the-box-blog {
        height: 1275px;
    }
}
@media screen and (max-width: 360px){
    .all-the-blog-index .the-box-blog {
        height: 1350px;
    }
}

/*
++++++++++++++++++++++++++++++
all-our-contact-Index
++++++++++++++++++++++++++++++
*/

.all-our-contact-Index{
    direction: rtl;
    padding: 70px 0 80px 0;
    background-image: url('../images/contact-index.png');
    background-repeat: no-repeat;
    background-position: bottom left;
  }
  .all-our-contact-Index h2{
    text-align: center;
    font-size: 60px;
    margin: 0 0 22px 0;
    font-weight: 100;
  }
  .all-our-contact-Index .the-line{
    margin: 0 auto 60px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .all-our-contact-Index .the-line .the-side-line{
    width: 50px;
    height: 1px;
    background-color: rgb(0, 0, 0);
  }
  .all-our-contact-Index .the-line .the-center-line{
    width: 5px;
    height: 5px;
    background-color: rgb(0, 0, 0);
    border-radius: 50%;
    margin: 0 5px;
  }
  .all-our-contact-Index .all-the-form-contact-index{
    width: 850px;
    margin: 0 auto;
  }
  .all-our-contact-Index .all-the-form-contact-index form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .all-our-contact-Index .all-the-form-contact-index form .fname{
    width: calc( 50% - 25px );
    border: none;
    margin: 0 0 30px 5px;
    padding: 15px 10px 15px 0;
    outline: solid 1px #a5a5a5;
    font-size: 14px;
    font-family: 'Assistant', sans-serif;
  }
  .all-our-contact-Index .all-the-form-contact-index form .phone{
    width: calc( 50% - 25px );
    border: none;
    margin: 0 5px 30px 0;
    padding: 15px 10px 15px 0;
    outline: solid 1px #a5a5a5;
    font-size: 14px;
    font-family: 'Assistant', sans-serif;
  }
  .all-our-contact-Index .all-the-form-contact-index form .massage{
    border: none;
    width: 100%;
    margin: 0 0 30px 0;
    font-size: 14px;
    outline: solid 1px #a5a5a5;
    padding: 10px 10px 0 0;
    font-family: 'Assistant', sans-serif;
  }
  .all-our-contact-Index .all-the-form-contact-index form .submit{
    border: none;
    background-color: black;
    color: white;
    padding: 16px 44px;
    font-size: 14px;
  }
  
  
  
  
  @media screen and (max-width: 1000px) {
    .all-our-contact-Index .all-the-form-contact-index {
      width: 600px;
    }
    .all-our-contact-Index h2 {
        font-size: 34px;
        margin: 0 0 29px 0;
    }
  }
  @media screen and (max-width: 600px) {
    .all-our-contact-Index .all-the-form-contact-index {
      width: 90%;
    }
    .all-our-contact-Index .all-the-form-contact-index form .fname {
      width: calc( 100% - 10px );
      margin: 0 0 30px 0;
    }
    .all-our-contact-Index .all-the-form-contact-index form .phone {
      width: calc( 100% - 10px );
      margin: 0 0 30px 0;
    }
  }


/*
++++++++++++++++++++++++++++++
all-the-footer
++++++++++++++++++++++++++++++
*/

.all-the-footer{
    direction: rtl;
}
.all-the-footer .top-footer{
    background-color: #1d1d1d;
}
.all-the-footer .top-footer .all-the-top-footer{
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    padding: 135px 0;
    flex-wrap: wrap;
}
.all-the-footer .top-footer .all-the-top-footer .evry-tub-footer{
    width: 25%;
}
.all-the-footer .top-footer .all-the-top-footer .evry-tub-footer h2{
    font-size: 16px;
    font-weight: 700;
    color: white;
    margin: 0 0 35px 0;
}
.all-the-footer .top-footer .all-the-top-footer .evry-tub-footer ul a{
    font-size: 16px;
    color: white;
    text-decoration: none;
}
.all-the-footer .top-footer .all-the-top-footer .evry-tub-footer ul li{
    transition: all 0.5s;
    margin: 0 0 10px 0;
}
.all-the-footer .top-footer .all-the-top-footer .evry-tub-footer ul li a{
    transition: all 0.5s;
    margin: 0 0 10px 0;
}
.all-the-footer .top-footer .all-the-top-footer .evry-tub-footer ul li a:hover{
    color: rgb(133, 133, 133);
}
.all-the-footer .top-footer .all-the-top-footer img{
    width: 220px;
    margin: 0 0 15px 0;
}
.all-the-footer .top-footer .all-the-top-footer .the-footer-mail {
    color: #fff;
    margin: 0 0 15px 0;
}
.all-the-footer .top-footer .all-the-top-footer .the-footer-mail a{
    color: #0070bb;
    text-decoration: none;
}
.all-the-footer .top-footer .all-the-top-footer .the-footer-mail span{
    margin: 0 0 0 5px;
}
.all-the-footer .top-footer .all-the-top-footer .the-footer-tel {
    color: #fff;
    margin: 0 0 15px 0;
}
.all-the-footer .top-footer .all-the-top-footer .the-footer-tel a{
    color: #0070bb !important;
    text-decoration: none;
}
.all-the-footer .top-footer .all-the-top-footer .the-footer-tel span{
    margin: 0 0 0 5px;
}
.all-the-footer .bottom-footer{
    background-color: #000;
}
.all-the-footer .bottom-footer .all-bottom-footer{
    padding: 26px 0;
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.all-the-footer .bottom-footer .all-bottom-footer .right{
    font-size: 14px;
}
.all-the-footer .bottom-footer .all-bottom-footer .right a{
    color: #fff;
    text-decoration: none;
    transition: all 0.5s;
}
.all-the-footer .bottom-footer .all-bottom-footer .right a:hover{
    color: rgb(133, 133, 133);
}
.all-the-footer .bottom-footer .all-bottom-footer .right span{
    color: #fff;
    margin: 0 3px;
}
.all-the-footer .bottom-footer .all-bottom-footer .left{
    color: #fff;
    font-size: 14px;
}




@media screen and (max-width: 1000px) {
    .all-the-footer .top-footer .all-the-top-footer .evry-tub-footer {
        width: 50%;
    }
    .all-the-footer .top-footer .all-the-top-footer .evry-tub-footer:first-child {
        margin: 0 0 60px 0;
    }
}
@media screen and (max-width: 600px) {
    .all-the-footer .top-footer .all-the-top-footer .evry-tub-footer:first-child {
        margin: 0 0 0 0;
    }
    .all-the-footer .top-footer .all-the-top-footer .evry-tub-footer {
        display: none;
    }
    .all-the-footer .top-footer .all-the-top-footer .evry-tub-footer.the-last-footer {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .all-the-footer .top-footer .all-the-top-footer {
        padding: 70px 0 60px 0;
    }
    .all-the-footer .bottom-footer .all-bottom-footer {
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    .all-the-footer .bottom-footer .all-bottom-footer .right {
        font-size: 14px;
        margin: 0 0 10px 0;
    }
}



/*
++++++++++++++++++++++++++++++
all-the-header-pages
++++++++++++++++++++++++++++++
*/

.all-the-header-pages{
    direction: rtl;
}
.all-the-header-pages .the-image{
    height: 650px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.all-the-header-pages .the-image .title-line{
    position: absolute;
    top: 15%;
    opacity: 0.5;
    transition: all 1s;
    width: 600px;
}
.all-the-header-pages .the-image .title-line h1{
    font-size: 50px;
    max-width: 550px;
    color: white;
    text-align: center;
    margin: 0 auto 25px;
    line-height: 1.3;
}
.all-the-header-pages .the-image .title-line .the-line{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.all-the-header-pages .the-image .title-line .the-line .left{
    width: 47%;
    height: 2px;
    background-color: white;
    position: absolute;
    left: -47%;
    transition: all 1.5s;
}
.all-the-header-pages .the-image .title-line .the-line .center{
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 50%;
}
.all-the-header-pages .the-image .title-line .the-line .right{
    width: 47%;
    height: 2px;
    background-color: white;
    position: absolute;
    right: -47%;
    transition: all 1.5s;
}



/* start content image to single page */
.all-the-header-pages.about-us .the-image{
    background-image: url('../images/about-us.jpg');
}
.all-the-header-pages.contact-us .the-image{
    background-image: url('../images/contact-us.jpg');
}
.all-the-header-pages.feature-web .the-image{
    background-image: url('../images/header-fec.jpg');
}
/* end content image to single page */


@media screen and (max-width: 1400px) {
    .all-the-header-pages .the-image{
        height: 480px;
    }
    .all-the-header-pages .the-image .title-line h1 {
        font-size: 40px;
        max-width: 450px;
    }
    .all-the-header-pages .the-image .title-line{
        width: 450px;
    }
}
@media screen and (max-width: 850px) {
    .all-the-header-pages .the-image {
        background-size: auto;
    }
}
@media screen and (max-width: 600px) {
    .all-the-header-pages .the-image .title-line h1 {
        font-size: 24px;
        max-width: 255px;
    }
    .all-the-header-pages .the-image {
        height: 340px;
    }
    .all-the-header-pages .the-image .title-line .the-line .left{
        width: 45%;
    }
    .all-the-header-pages .the-image .title-line .the-line .right{
        width: 45%;
    }
    .all-the-header-pages .the-image .title-line{
        width: 255px;
    }
}



/*
++++++++++++++++++++++++++++++
all-one-block-contact
++++++++++++++++++++++++++++++
*/

.all-one-block-contact{
    direction: rtl;
    max-width: 2000px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    height: 680px;
}
.all-one-block-contact .left{
    width: 70%;
    background-image: url('../images/form-desktop.jpg');
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.all-one-block-contact .left .all-left-text{
    width: 70%;
}
.all-one-block-contact .left .all-left-text h2{
    display: flex;
    flex-direction: column;
}
.all-one-block-contact .left .all-left-text h2 .one{
    color: #787878;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
}
.all-one-block-contact .left .all-left-text h2 .two{
    color: #000;
    font-size: 40px;
    font-weight: 900;
    margin: 0 0 20px 0;
}
.all-one-block-contact .left .all-left-text form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.all-one-block-contact .left .all-left-text form .massage{
    width: 100%;
    padding: 10px 10px 0 0;
    font-size: 16px;
    font-family: 'Heebo', sans-serif;
    border: none;
    border: solid 1px #a9a9a9;
    margin: 0 0 20px 0;
}
.all-one-block-contact .left .all-left-text form .fname{
    border: none;
    border: solid 1px #a9a9a9;
    width: calc(50% - 20px);
    font-size: 16px;
    font-family: 'Heebo', sans-serif;
    padding: 10px 10px 10px 0;
}
.all-one-block-contact .left .all-left-text form .phone{
    border: none;
    border: solid 1px #a9a9a9;
    width: calc(50% - 20px);
    font-size: 16px;
    font-family: 'Heebo', sans-serif;
    padding: 10px 10px 10px 0;
}
.all-one-block-contact .left .all-left-text form .submit{
    border: none;
    font-size: 16px;
    font-family: 'Heebo', sans-serif;
    color: white;
    background-color: black;
    padding: 10px 50px;
    margin: 20px 0 0 0;
    cursor: pointer;
}
.all-one-block-contact .left .all-left-text form .contact-error{
    position: absolute;
    color: red;
    width: 100%;
    text-align: center;
    padding: 7px 0;
    border-radius: 10px;
    top: -32px;
}

.all-one-block-contact .left .all-left-text form input,.all-one-block-contact .left .all-left-text form textarea:focus {
    outline: none !important;
}
.all-one-block-contact .right{
    width: 30%;
    background-image: url('../images/london-contact.jpg');
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.all-one-block-contact .right .all-right-text{
    display: flex;
    flex-direction: column;
}
.all-one-block-contact .right .all-right-text .visit{
    color: white;
    font-size: 18px;
    font-weight: 800;
    margin: 0 0 5px 0;
}
.all-one-block-contact .right .all-right-text .line{
    width: 85px;
    height: 2px;
    background-color: #2596f8;
    margin: 0 0 6px 0;
}
.all-one-block-contact .right .all-right-text h2{
    color: white;
    font-size: 36px;
    margin: 0 0 15px 0;
}
.all-one-block-contact .right .all-right-text h3{
    color: white;
    font-size: 16px;
    margin: 20px 0 10px 0;
}
.all-one-block-contact .right .all-right-text h4{
    color: white;
    font-size: 16px;
    font-weight: 100;
}
.all-one-block-contact .right .all-right-text h4 a{
    color: white;
    font-size: 16px;
    text-decoration: none;
}









.all-two-block-contact{
    direction: rtl;
    max-width: 2000px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    height: 680px;
}
.all-two-block-contact .left{
    width: 70%;
    background-image: url('../images/map-contact.png');
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.all-two-block-contact .right{
    width: 30%;
    background-image: url('../images/london-contact.jpg');
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.all-two-block-contact .right .all-right-text{
    display: flex;
    flex-direction: column;
    max-width: 290px;
}
.all-two-block-contact .right .all-right-text .visit{
    color: white;
    font-size: 18px;
    font-weight: 800;
    margin: 0 0 5px 0;
}
.all-two-block-contact .right .all-right-text .line{
    width: 85px;
    height: 2px;
    background-color: #2596f8;
    margin: 0 0 6px 0;
}
.all-two-block-contact .right .all-right-text h2{
    color: white;
    font-size: 36px;
    margin: 0 0 15px 0;
}
.all-two-block-contact .right .all-right-text h3{
    color: white;
    font-size: 16px;
    margin: 20px 0 10px 0;
}
.all-two-block-contact .right .all-right-text h4{
    color: white;
    font-size: 16px;
    font-weight: 100;
}
.all-two-block-contact .right .all-right-text h4 a{
    color: white;
    font-size: 16px;
    text-decoration: none;
}



@media screen and (max-width: 1100px) {
    .all-one-block-contact {
        flex-wrap: wrap-reverse;
        height: auto;
    }
    .all-two-block-contact {
        height: auto;
    }
    .all-one-block-contact .right {
        width: 100%;
        padding: 70px 0 70px 0;
    }
    .all-one-block-contact .left {
        width: 100%;
        padding: 70px 0 70px 0;
    }
    .all-two-block-contact .right {
        width: 100%;
        padding: 70px 0 70px 0;
    }
    .all-two-block-contact .left {
        width: 100%;
        height: 350px;
    }
    .all-one-block-contact .right .all-right-text {
        width: 290px;
    }
    .all-one-block-contact .left .all-left-text form .fname {
        width: calc(100% - 10px);
        margin: 0 0 20px 0;
    }
    .all-one-block-contact .left .all-left-text form .phone {
        width: calc(100% - 10px);
    }
    .all-one-block-contact .left .all-left-text form .submit {
        width: 100%;
    }
    .all-one-block-contact .left .all-left-text {
        width: 90%;
    }
}


@media screen and (max-width: 600px) {
    .all-one-block-contact .left .all-left-text h2 .two {
        font-size: 24px;
    }
    .all-one-block-contact .left {
        padding: 40px 0 70px 0;
    }
    .all-one-block-contact .right .all-right-text h2 {
        font-size: 24px;
    }
    .all-two-block-contact .right .all-right-text h2 {
        font-size: 24px;
    }
    .all-one-block-contact .right .all-right-text .visit {
        margin: 0 0 0 0;
    }
    .all-two-block-contact .right .all-right-text .visit {
        margin: 0 0 0 0;
    }
}



/*
++++++++++++++++++++++++++++++
all-the-feature-info
++++++++++++++++++++++++++++++
*/

.all-the-feature-info{
    direction: rtl;
    margin: 120px 0 120px 0;
}
.all-the-feature-info .all-the-top-feature-info{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
}
.all-the-feature-info .all-the-top-feature-info .image-feature{
    width: 50%;
    max-width: 540px;
}
.all-the-feature-info .all-the-top-feature-info .image-feature img{
    width: 100%;
}
.all-the-feature-info .all-the-top-feature-info .text-introduction-feature{
    width: 55%;
}
.all-the-feature-info .all-the-top-feature-info .text-introduction-feature h2{
    color: #2874d2;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    padding: 0 0 0 110px;
}
.all-the-feature-info .all-the-top-feature-info .text-introduction-feature p{
    color: #7f7f7f;
    margin: 30px 0 0 0;
    padding: 0 0 0 70px;
    font-size: 17.5px;
}
.all-the-feature-info .all-the-two-feature-info {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto 110px;
}
.all-the-feature-info .all-the-two-feature-info h3 {
    color: #4b4b4b;
    margin: 20px 0 0 0;
    font-size: 22px;
}
.all-the-feature-info .all-the-two-feature-info a {
    color: #177fff;
}
.all-the-feature-info .all-the-two-feature-info h4 {
    color: #4b4b4b;
    margin: 20px 0 -10px 0;
    font-size: 16px;
}
.all-the-feature-info .all-the-two-feature-info p {
    color: #7f7f7f;
    margin: 20px 0 0 0;
    font-size: 16px;
}
.all-the-feature-info .all-the-two-feature-info ul {
    margin: 20px 0;
}
.all-the-feature-info .all-the-two-feature-info ul li {
    color: #7f7f7f;
    font-size: 16px;
    padding: 5px 20px 5px 0;
    position: relative;
    color: #1f2732;
}
.all-the-feature-info .all-the-two-feature-info ul li::before {
    font-family: 'FontAwesome';
    font-size: 15px;
    content: "●";
    position: absolute;
    right: 0;
    top: 25%;
}
.all-the-feature-info.feature-web .all-the-two-feature-info ul li::before {
    color: #6fb08e;
}
.all-the-feature-info.feature-web .all-the-third-feature-info {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.all-the-feature-info.feature-web .all-the-third-feature-info a{
    width: 20%;
    cursor: pointer;
    text-decoration: none;
    color: #333333;
    margin: 0 0 60px 0;
}
.all-the-feature-info.feature-web .all-the-third-feature-info a:hover{
    color: #979696;
}
.all-the-feature-info.feature-web .all-the-third-feature-info a .all-the-single-feature .insert-single-feature{
    width: 80%;
    margin: 0 auto;
}
.all-the-feature-info.feature-web .all-the-third-feature-info a .all-the-single-feature .insert-single-feature .the-image{
    width: 100%;
    padding: 0 0 100% 0;
    background-size: 100%;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}
.all-the-feature-info.feature-web .all-the-third-feature-info a .all-the-single-feature .insert-single-feature .the-image .the-back{
    position: absolute;
    background-color: rgb(0,0,0,0.6);
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: all 0.5s;
}
.all-the-feature-info.feature-web .all-the-third-feature-info a .all-the-single-feature .insert-single-feature .the-image .the-num{
    position: absolute;
    left: calc(50% - 8.5px);
    top: -44px;
    font-size: 30px;
    font-weight: 600;
    color: white;
    transition: all 0.5s;
}
.all-the-feature-info.feature-web .all-the-third-feature-info a .all-the-single-feature .insert-single-feature .the-image .the-line{
    position: absolute;
    width: 0;
    height: 3px;
    background-color: white;
    top: calc(50% - 1px);
    transition: all 0.5s;
}
.all-the-feature-info.feature-web .all-the-third-feature-info a:hover > .all-the-single-feature .insert-single-feature .the-image .the-back{
    opacity: 1;
}
.all-the-feature-info.feature-web .all-the-third-feature-info a:hover > .all-the-single-feature .insert-single-feature .the-image .the-num{
    top: calc(50% - 22px);
}
.all-the-feature-info.feature-web .all-the-third-feature-info a:hover > .all-the-single-feature .insert-single-feature .the-image .the-line{
    width: calc(50% - 20px);
}
.all-the-feature-info.feature-web .all-the-third-feature-info a .all-the-single-feature .insert-single-feature h2{
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    margin: 14px 0 10px 0;
    /* color: #333333; */
}
.all-the-feature-info.feature-web .all-the-third-feature-info a .all-the-single-feature .insert-single-feature h3{
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    /* color: #333333; */
}



@media screen and (max-width: 1100px) {
    .all-the-feature-info .all-the-top-feature-info {
        flex-wrap: wrap;
    }
    .all-the-feature-info .all-the-top-feature-info .image-feature {
        width: 100%;
        max-width: 2000px;
    }
    .all-the-feature-info .all-the-top-feature-info .text-introduction-feature {
        width: 100%;
        margin: 0 0 40px 0;
    }
    .all-the-feature-info .all-the-top-feature-info .text-introduction-feature h2 {
        padding: 0 0 0 0;
    }
    .all-the-feature-info .all-the-top-feature-info .text-introduction-feature p {
        padding: 0 0 0 0;
    }
}


@media screen and (max-width: 850px) {
    .all-the-feature-info.feature-web .all-the-third-feature-info a {
        width: 33%;
    }
    .all-the-feature-info {
        margin: 40px 0 60px 0;
    }
}

@media screen and (max-width: 600px) {
    .all-the-feature-info.feature-web .all-the-third-feature-info a {
        width: 50%;
    }
    .all-the-feature-info.feature-web .all-the-third-feature-info {
        width: 100%;
    }
}




/*
++++++++++++++++++++++++++++++
all-the-archive-blog
++++++++++++++++++++++++++++++
*/

.all-the-archive-blog{
    direction: rtl;
    padding: 50px 0 20px 0;
}
.all-the-archive-blog .inside-all-the-archive-blog{
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.all-the-archive-blog .inside-all-the-archive-blog .all-the-single-archive-blog{
    margin: 0 0 70px 0;
    width: 100%;
}
.all-the-archive-blog .inside-all-the-archive-blog .all-the-single-archive-blog .insert-all-the-single-archive-blog{
    width: 90%;
    margin: 0 auto;
    box-shadow: 0 0 17px 5px rgba(0,0,0,0.2);
}
.all-the-archive-blog .inside-all-the-archive-blog  a{
    text-decoration: none;
    width: calc(100% / 3);
}
.all-the-archive-blog .inside-all-the-archive-blog .insert-all-the-single-archive-blog .image-hidden{
    overflow: hidden;
}
.all-the-archive-blog .inside-all-the-archive-blog .insert-all-the-single-archive-blog .image-hidden img{
    width: 100%;
    transition: all 0.5s;
}
.all-the-archive-blog .inside-all-the-archive-blog a .insert-all-the-single-archive-blog:hover > .image-hidden img{
    transform: scale(1.2);
}
.all-the-archive-blog .inside-all-the-archive-blog .insert-all-the-single-archive-blog h2{
    font-size: 32px;
    line-height: 1.2;
    width: 90%;
    margin: 15px auto;
    color: #5b5b5b;
}
.all-the-archive-blog .inside-all-the-archive-blog a .insert-all-the-single-archive-blog:hover > h2{
    color: #298adf
}
.all-the-archive-blog .inside-all-the-archive-blog .insert-all-the-single-archive-blog h3{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    color: #757575;
    width: 90%;
    margin: 0 auto;
}
.all-the-archive-blog .inside-all-the-archive-blog .insert-all-the-single-archive-blog .line{
    width: 90%;
    height: 3px;
    background-color: #d8d8d8;
    margin: 50px auto 15px ;
    position: relative;
}
.all-the-archive-blog .inside-all-the-archive-blog .insert-all-the-single-archive-blog .line .line-move{
    width: 0;
    height: 3px;
    background-color: #298adf;
    transition: all 0.5s;
}
.all-the-archive-blog .inside-all-the-archive-blog a .insert-all-the-single-archive-blog:hover > .line .line-move{
    width: 100%;
}
.all-the-archive-blog .inside-all-the-archive-blog .insert-all-the-single-archive-blog .date{
    color: #bababa;
    font-weight: 500;
    margin: 0 0 0 0;
    width: 90%;
    margin: 0 auto;
    padding: 0 0 15px 0;
}


@media screen and (max-width: 1150px) {
    .all-the-archive-blog .inside-all-the-archive-blog  a{
        width: 50%;
    }
}
@media screen and (max-width: 550px) {
    .all-the-archive-blog .inside-all-the-archive-blog  a{
        width: 100%;
    }
    .all-the-archive-blog .inside-all-the-archive-blog .insert-all-the-single-archive-blog h2 {
        font-size: 18px;
    }
}





/*
++++++++++++++++++++++++++++++
all-the-about-us
++++++++++++++++++++++++++++++
*/

.all-the-about-us{
    direction: rtl;
    padding: 90px 0 0 0;
}
.all-the-about-us .inside-the-about-us{
    width: 90%;
    max-width: 1400px;
    margin: 0 auto 90px;
    display: flex;
    flex-wrap: wrap;
}
.all-the-about-us .inside-the-about-us .left{
    width: 50%;
}
.all-the-about-us .inside-the-about-us .left h2{
    font-size: 45px;
    line-height: 1;
    margin: 0 0 20px 0;
}
.all-the-about-us .inside-the-about-us .left h3{
    font-size: 16px;
    font-weight: 400;
    padding: 0 0 0 100px;
    margin: 0 0 10px 0;
    line-height: 1.8;
}
.all-the-about-us .inside-the-about-us .right{
    width: 50%;
}
.all-the-about-us .inside-the-about-us .right .the-image{
    
}
.all-the-about-us .inside-the-about-us .right .the-image img{
    width: 100%;
}
.all-the-about-us .inside-the-about-us-right{
    width: 90%;
    max-width: 1400px;
    margin: 0 auto 90px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}
.all-the-about-us .inside-the-about-us-right .left{
    width: 50%;
}
.all-the-about-us .inside-the-about-us-right .left h2{
    font-size: 45px;
    line-height: 1;
    margin: 0 0 20px 0;
    padding: 0 100px 0 0;
}
.all-the-about-us .inside-the-about-us-right .left h3{
    font-size: 16px;
    font-weight: 400;
    padding: 0 100px 0 0;
    margin: 0 0 10px 0;
    line-height: 1.8;
}
.all-the-about-us .inside-the-about-us-right .right{
    width: 50%;
}
.all-the-about-us .inside-the-about-us-right .right .the-image{
    
}
.all-the-about-us .inside-the-about-us-right .right .the-image img{
    width: 100%;
}


@media screen and (max-width: 1200px) {
    .all-the-about-us .inside-the-about-us .left {
        width: 100%;
    }
    .all-the-about-us .inside-the-about-us .right {
        width: 100%;
    }
    .all-the-about-us .inside-the-about-us .left h3{
        padding: 0 0 0 0;
    }
    .all-the-about-us .inside-the-about-us-right .left {
        width: 100%;
    }
    .all-the-about-us .inside-the-about-us-right .right {
        width: 100%;
    }
    .all-the-about-us .inside-the-about-us-right .left h3{
        padding: 0 0 0 0;
    }
    .all-the-about-us .inside-the-about-us-right .left h2{
        padding: 0 0 0 0;
    }
}

@media screen and (max-width: 600px) {
    .all-the-about-us .inside-the-about-us .left h2 {
        font-size: 24px;
    }
    .all-the-about-us .inside-the-about-us-right .left h2 {
        font-size: 24px;
    }
    .all-the-about-us {
        direction: rtl;
        padding: 40px 0 0 0;
    }
}


/*
++++++++++++++++++++++++++++++
all-the-single-blog-page
++++++++++++++++++++++++++++++
*/

.all-the-header-pages-single-blog{
    background-image: url('../images/blog-single-1.jpg');
    height: 300px;
    background-size: cover;
}
.all-the-single-blog-page{
    direction: rtl;
}
.all-the-single-blog-page h1{
    width: 90%;
    margin: 0 auto;
    color: #626262;
    font-weight: 700;
    font-size: 50px;
    max-width: 1200px;
    text-align: center;
    line-height: 1.1;
}
.all-the-single-blog-page h2{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    color: #626262;
    font-weight: 500;
    padding: 20px 0 30px 0;
    font-size: 14px;
}
.all-the-single-blog-page h3{
    width: 90%;
    max-width: 800px;
    margin: 40px auto 40px;
    color: #4e4c4c;
    text-align: center;
    font-size: 22px;
}
.all-the-single-blog-page ul{
    width: 90%;
    max-width: 800px;
    margin: 40px auto 40px;
}
.all-the-single-blog-page ul li{
    width: 90%;
    max-width: 800px;
    color: #4e4c4c;
    font-size: 18px;
    padding: 5px 20px 5px 0;
    position: relative;
    text-align: justify;
}
.all-the-single-blog-page ul li::before{
    font-family: 'FontAwesome';
    font-size: 15px;
    content: "●";
    position: absolute;
    right: 0;
    top: 10px;
    color: #1fa5a5;
}
.all-the-single-blog-page p{
    width: 90%;
    max-width: 900px;
    margin: 40px auto 40px;
    color: #626262;
    text-align: justify;
    font-size: 18px;
}
.all-the-single-blog-page .the-image{
    width: 90%;
    max-width: 900px;
    margin: 40px auto 40px;
}
.all-the-single-blog-page .the-image img{
    width: 100%;
}
.all-the-single-blog-page .the-line{
    max-width: 1200px;
    margin: 0 auto 60px;
    width: 100px;
    height: 3px;
    background-color: #0070bb;
}
.all-the-single-blog-page .all-the-connection{
    max-width: 900px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.all-the-single-blog-page .all-the-connection a{
    text-decoration: none;
    cursor: pointer;
}
.all-the-single-blog-page .all-the-connection a:hover > .the-blog-connection .the-image-blog img{
    transform: scale(1.2);
}
.all-the-single-blog-page .all-the-connection a .the-blog-connection{
    width: 100%;
    max-width: 250px;
    background-color: #ffffff;
    margin: 0 0 50px 0;
    box-shadow: 0 0 17px 5px rgba(0,0,0,0.2);
    min-height: 275px;
}
.all-the-single-blog-page .all-the-connection a .the-blog-connection .the-image-blog{
    margin: 0 0 15px 0;
    width: 100%;
    height: 153px;
    overflow: hidden;
}
.all-the-single-blog-page .all-the-connection a .the-blog-connection .the-image-blog img{
    width: 100%;
    transition: all 0.5s;
}
.all-the-single-blog-page .all-the-connection a .the-blog-connection .the-text-blog{
    width: 100%;
}
.all-the-single-blog-page .all-the-connection a .the-blog-connection .the-text-blog h2{
    width: 80%;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    font-size: 16px;
    color: #5b5b5b;
    font-weight: 600;
    text-decoration: none;
    line-height: 1.4;
}
.all-the-single-blog-page .all-the-connection a .the-blog-connection .the-text-blog h3{
    width: 80%;
    margin: 0 auto;
    color: #5b5b5b;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    padding: 0 0 20px 0;
}





@media screen and (max-width: 550px) {
    .all-the-single-blog-page .all-the-connection {
        justify-content: center;
    }
    .all-the-single-blog-page h1 {
        margin: 24px auto 0;
        font-size: 24px;
    }
}


/*
++++++++++++++++++++++++++++++
all-the-404-page
++++++++++++++++++++++++++++++
*/

.all-the-404-page{
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    direction: rtl;
}
.all-the-404-page .the-404{
    display: flex;
}
.all-the-404-page .the-404 .the-num{
    font-weight: 900;
    font-size: 200px;
    color: #045fd0;
}
.all-the-404-page .the-404 .the-image{
    width: 200px;
    margin: 0 -11px 35px 30px;
}
.all-the-404-page .the-404 .the-image img{
    width: 100%;
}
.all-the-404-page h1{
    font-size: 30px;
    color: #045fd0;
    margin: -27px 0 0 0;
}
.all-the-404-page h2{
    font-weight: 400;
    color: #5a5a5a;
    font-size: 19px;
}
.all-the-404-page a{
    text-decoration: none;
    color: white;
    background-color: #045fd0;
    padding: 9px 33px;
    border-radius: 22px;
    margin: 20px 0 0 0;
}



@media screen and (max-width: 600px) {
    .all-the-404-page {
        height: 500px;
    }
    .all-the-404-page .the-404 .the-num {
        font-size: 100px;
    }
    .all-the-404-page .the-404 .the-image {
        width: 100px;
        margin: 0 -11px 35px 11px;
    }
    .all-the-404-page h1 {
        font-size: 18px;
        text-align: center;
    }
}



/*
++++++++++++++++++++++++++++++
all-the-privacy-policy
++++++++++++++++++++++++++++++
*/


.all-the-privacy-policy{
    width: calc(90% - 17px);
    max-width: 1400px;
    margin: 0 auto;
    direction: rtl;
    padding: 20px 0 70px 0;
}
.all-the-privacy-policy h2{
    margin: 6px 0 6px 0;
    font-size: 18px;
    color: #064693;
    text-align: justify;
}
.all-the-privacy-policy ul{
    list-style-type: decimal;
}
.all-the-privacy-policy ul li{
    list-style-type: decimal;
    text-align: justify;
}
.all-the-privacy-policy ul li ul{
    padding: 0 15px 0 0;
    
}






@media screen and (max-width: 600px) {

}




.title-the-logo-brand{
    text-align: center;
    font-size: 60px;
    margin: 60px 0 60px 0;
    font-weight: 100;
}
.all-the-logo-brand{
    width: 90%;
    margin: 0 auto 0;
    max-width: 1400px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.all-the-logo-brand .single-box{
    width: 24%;
    padding: 0 0 24% 0;
    background-color: rgb(255, 255, 255);
    margin: 0 0 22px 0;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 15%);
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 57%;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
    transition: all 0.5s;
}
.all-the-logo-brand .single-box:hover{
    background-image: none !important;
}
.all-the-logo-brand .single-box:hover > .the-logo-text{
    opacity: 1;
}
.all-the-logo-brand .single-box .the-logo-text{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #333333;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all 0.5s;
}
.all-the-logo-brand .single-box .the-logo-the-text{
    color: white;
    font-size: 20px;
    text-align: center;
}
.all-the-logo-brand .single-box-line{
    width: 22%;
    height: 1px;
}



@media only screen and (max-width: 900px){


    .all-the-logo-brand .single-box {
        width: 48%;
        padding: 0 0 48% 0;
        background-size: 74%;
    }
    .all-the-logo-brand .single-box .the-logo-the-text {
        color: white;
        font-size: 14px;
        text-align: center;
    }
    .title-the-logo-brand{
        font-size: 34px;
        margin: 30px 0 20px 0;
    }
  


}







.all-why-us{
    width: 100%;
    position: relative;
    height: 46vw;
    direction: rtl;
}
.all-why-us .the-big-image{
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.all-why-us .the-big-title{
    width: 31%;
    position: absolute;
    right: 0;
    top: 11%;
    direction: ltr;
}
.all-why-us .the-big-title .the-button-title{
    direction: rtl;
    text-align: left;
    color: white;
    font-size: 2vw;
    font-weight: 900;
}
.all-why-us .the-big-title .the-button-line1{
    width: 100%;
    height: 1px;
    background: rgb(255, 255, 255);
}
.all-why-us .the-big-title .the-button-line2{
    width: 38%;
    height: 13px;
    background-image: linear-gradient(to right, #15f5dd , #2871fa);
    margin: -7px 0 0 0;
}
.all-why-us .the-big-icons{
    width: 52%;
    position: absolute;
    right: 12%;
    top: 32%;
    display: flex;
    flex-wrap: wrap;
}
.all-why-us .the-big-icons .all-the-box-icon{
    width: 50%;
    display: flex;
    align-items: center;
    margin: 0 0 1.5vw 0;
}
.all-why-us .the-big-icons .all-the-box-icon .box-icon{
    width: 24%;
    margin: 0 0 0 7%;
}
.all-why-us .the-big-icons .all-the-box-icon .box-icon img{
    display: block;
    width: 100%;
}
.all-why-us .the-big-icons .all-the-box-icon .box-left{
    width: 60%;
}
.all-why-us .the-big-icons .all-the-box-icon .box-left .box-title{
    color: white;
    font-size: 1.3vw;
    margin: 0 0 0 0;
}
.all-why-us .the-big-icons .all-the-box-icon .box-left .box-sub-title{
    color: white;
    font-size: 1.09vw;
    margin: 0;
}


.all-why-us .the-big-icons .all-the-box-icon.the-icon-1{
    
}
.all-why-us .the-big-icons .all-the-box-icon.the-icon-1 .box-left .box-title{
    color: #85d1fc;
}
.all-why-us .the-big-icons .all-the-box-icon.the-icon-2 .box-left .box-title{
    color: #b6a3f8;
}
.all-why-us .the-big-icons .all-the-box-icon.the-icon-3 .box-left .box-title{
    color: #15f5dd;
}
.all-why-us .the-big-icons .all-the-box-icon.the-icon-4 .box-left .box-title{
    color: #85d1fc;
}
.all-why-us .the-big-icons .all-the-box-icon.the-icon-5 .box-left .box-title{
    color: #b6a3f8;
}
.all-why-us .the-big-icons .all-the-box-icon.the-icon-6 .box-left .box-title{
    color: #19dae3;
}



.all-why-us .the-big-phone{
    width: 17%;
    position: absolute;
    left: 13%;
    top: 13%;
}
.all-why-us .the-big-phone img{
    width: 100%;
}










@media only screen and (max-width: 900px){


    .all-why-us{
        width: 100%;
        position: relative;
        height: auto;
    }
    .all-why-us .the-big-image{
        width: 100%;
        height: 100%;
        position: absolute;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    .all-why-us .the-big-title{
        width: 100%;
        position: relative;
        right: auto;
        top: auto;
        direction: ltr;
        padding: 40px 0 0 0;
    }
    .all-why-us .the-big-title .the-button-title{
        direction: rtl;
        text-align: left;
        color: white;
        font-size: 22px;
        font-weight: 900;
        text-align: center;
        margin: 0 auto 20px;
    }
    .all-why-us .the-big-title .the-button-line1{
        width: 100%;
        height: 1px;
        background: rgb(255, 255, 255);
    }
    .all-why-us .the-big-title .the-button-line2{
        width: 38%;
        height: 13px;
        background-image: linear-gradient(to right, #15f5dd , #2871fa);
        margin: -7px 0 0 0;
    }
    .all-why-us .the-big-icons{
        width: 91%;
        position: relative;
        right: auto;
        top: auto;
        display: flex;
        flex-wrap: wrap;
        margin: 30px auto 0;
    }
    .all-why-us .the-big-icons .all-the-box-icon{
        width: 100%;
        display: flex;
        align-items: center;
        margin: 0 0 25px 0;
    }
    .all-why-us .the-big-icons .all-the-box-icon .box-icon{
        width: 24%;
        margin: 0 0 0 7%;
    }
    .all-why-us .the-big-icons .all-the-box-icon .box-icon img{
        display: block;
        width: 100%;
    }
    .all-why-us .the-big-icons .all-the-box-icon .box-left{
        width: 60%;
    }
    .all-why-us .the-big-icons .all-the-box-icon .box-left .box-title{
        color: white;
        font-size: 24px;
        margin: 0 0 7px 0;
    }
    .all-why-us .the-big-icons .all-the-box-icon .box-left .box-sub-title{
        color: white;
        font-size: 15px;
        margin: 0;
    }
    
    
    .all-why-us .the-big-icons .all-the-box-icon.the-icon-1{
        
    }
    .all-why-us .the-big-icons .all-the-box-icon.the-icon-1 .box-left .box-title{
        color: #85d1fc;
    }
    .all-why-us .the-big-icons .all-the-box-icon.the-icon-2 .box-left .box-title{
        color: #b6a3f8;
    }
    .all-why-us .the-big-icons .all-the-box-icon.the-icon-3 .box-left .box-title{
        color: #15f5dd;
    }
    .all-why-us .the-big-icons .all-the-box-icon.the-icon-4 .box-left .box-title{
        color: #85d1fc;
    }
    .all-why-us .the-big-icons .all-the-box-icon.the-icon-5 .box-left .box-title{
        color: #b6a3f8;
    }
    .all-why-us .the-big-icons .all-the-box-icon.the-icon-6 .box-left .box-title{
        color: #19dae3;
    }
    
    
    
    .all-why-us .the-big-phone{
        width: 60%;
        position: relative;
        left: auto;
        top: auto;
        margin: 30px auto 0;
        padding: 0 0 50px 0;
    }
    .all-why-us .the-big-phone img{
        width: 100%;
    }
    

}







.all-the-about-block{
    width: 100%;
    height: 40vw;
    /* background-color: #15f5dd; */
    position: relative;
    overflow: hidden;
    direction: rtl;
}
.all-the-about-block .the-left-image{
    position: absolute;
    width: 55%;
    top: 11%;
    right: -5%;
}
.all-the-about-block .the-left-image img{
    width: 100%;
    display: block;
}
.all-the-about-block .the-right-all{
    width: 45%;
    position: absolute;
    left: 0;
    top: 27%;
}
.all-the-about-block .the-right-all .the-title{
    font-size: 2vw;
    margin: 0 0 25px 0;
    font-weight: 800;
}
.all-the-about-block .the-right-all .the-first-line{
    width: 100%;
    height: 1px;
    background: black;
}
.all-the-about-block .the-right-all .the-second-line{
    width: 38%;
    height: 13px;
    background-image: linear-gradient(to right, #15f5dd , #2871fa);
    margin: -7px 0 0 0;
}
.all-the-about-block .the-right-all .the-big-text{
    width: 82%;
    font-size: 1vw;
    line-height: 1.5;
}









@media only screen and (max-width: 900px){

    .all-the-about-block{
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
        padding: 35px 0 35px 0;
    }
    .all-the-about-block .the-left-image{
        position: relative;
        width: 96%;
        margin: 0 auto 0;
        top: auto;
        right: auto;
    }
    .all-the-about-block .the-left-image img{
        width: 100%;
        display: block;
    }
    .all-the-about-block .the-right-all{
        width: 100%;
        position: relative;
        left: auto;
        top: auto;
        margin: 50px 0 0 0;
    }
    .all-the-about-block .the-right-all .the-title{
        font-size: 22px;
        font-weight: 800;
        width: 90%;
        margin: 0 auto 20px;
        text-align: center;
    }
    .all-the-about-block .the-right-all .the-first-line{
        width: 100%;
        height: 1px;
        background: black;
    }
    .all-the-about-block .the-right-all .the-second-line{
        width: 38%;
        height: 13px;
        background-image: linear-gradient(to right, #15f5dd , #2871fa);
        margin: -7px 0 0 0;
    }
    .all-the-about-block .the-right-all .the-big-text{
        width: 90%;
        font-size: 16px;
        line-height: 1.5;
        margin: 20px auto 0;
    }

}













.all-the-form-side-fixed{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    display: none;
    direction: rtl;
    /* transition: all 0.5s; */
}
.all-the-form-side-fixed .global-open-form-side-fixed{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.5s;
}
.all-the-form-side-fixed .global-open-form-side-fixed img{
    display: block;
    width: 100%;
    border-radius: 50%;
}
.all-the-form-side-fixed .global-open-form-side-fixed{
    opacity: 0.8;
}
.all-the-form-side-fixed .all-the-form-side-fixed-black-screen{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000a3;
}
.all-the-form-side-fixed .all-the-form-side-fixed-white-screen{
    position: absolute;
    width: 30%;
    /* max-width: 600px; */
    height: 100%;
    background-color: #0070bb;
    left: 0;
    display: flex;
    justify-content: center;
    box-shadow: 0 8px 16px -6px rgb(0 5 20);
    overflow: auto;
}
.all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-close{
    position: absolute;
    top: 2%;
    width: 1vw;
    right: 3%;
    cursor: pointer;
}
.all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-close img{
    display: block;
    width: 100%;
}
.all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-whatsapp{
    position: absolute;
    top: 2%;
    width: 2vw;
    left: 3%;
    cursor: pointer;
}
.all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-whatsapp img{
    display: block;
    width: 100%;
}
.all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-phone{
    position: absolute;
    top: 2%;
    width: 2vw;
    left: 13%;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
}
.all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-phone img{
    display: block;
    width: 100%;
}
.all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-logo{
    position: absolute;
    top: 4%;
    width: 13vw;
    border-radius: 3vw;
    background: white;
    overflow: hidden;
    padding: 0.5vw 2vw;
}
.all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-logo img{
    display: block;
    width: 100%;
}
.all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-description{
    position: absolute;
    top: 14%;
    width: 19vw;
    font-size: 1vw;
    text-align: center;
    font-weight: bold;
    color: white;
}
.all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-form{
    position: absolute;
    top: 23%;
    width: 22vw;
}
.all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-form .the-input-text{
    
}
.all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-form .the-input-text input{
    border: none;
    border-bottom: solid 1px #fff;
    background: transparent;
    width: 100%;
    padding: 10px 10px 10px 0;
    font-size: 0.8vw;
    font-weight: bold;
    color: white;
    margin: 0 0 30px 0;
    transition: all 0.8s;
}
.all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-form .the-input-text input::placeholder{
    color: white;
}
.all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-form .the-input-text input:focus-visible{
    outline: none;
    background: #a4daff;
    border-radius: 10px;
}
.all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-form .the-input-submit{
    
}
.all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-form .the-input-submit input{
    border: none;
    background: white;
    width: 100%;
    padding: 0.8vw 0;
    font-size: 0.8vw;
    font-weight: bold;
    color: #005994;
    margin: 2vw 0 0 0;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.5s;
}
.all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-form .the-input-submit input:hover{
    background: #a1cdea;
}

.all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-image-backgroung-1{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.04;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
}





@media screen and (max-width: 600px) {

    .all-the-form-side-fixed .all-the-form-side-fixed-white-screen {
        width: 100%;
    }
    .all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-logo {
        width: 50%;
        border-radius: 10vw;
        padding: 3vw 5vw;
    }
    .all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-description {
        width: 90%;
        font-size: 6vw;
    }
    .all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-form {
        top: 29%;
        width: 80%;
    }
    .all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-form .the-input-text input {
        font-size: 4.8vw;
    }
    .all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-form .the-input-submit input {
        padding: 3.8vw 0;
        font-size: 4.8vw;
    }
    .all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-close {
        width: 7vw;
    }
    .all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-whatsapp {
        width: 11vw;
        top: 9%;
    }
    .all-the-form-side-fixed .all-the-form-side-fixed-white-screen .the-phone {
        width: 11vw;
        left: 3%;
    }
}