@font-face{
    src: url(../fonts/GE_SS_Unique_Light.otf);
    font-family: "GELight";
}

@font-face{
    src: url(../fonts/GE_SS_Two_Bold.otf);
    font-family: "GEMedium";
}

@font-face {
    font-family: "GEBold";
    src: url(../fonts/GE-SS-Two-Medium.otf);
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    direction: rtl;
    text-align: right;
    width: 100%;
    margin: 0;
    /* position: relative; */
    /* padding-top: 86px !important; */
}

#overlay {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width: 100%;
    height: 100%;
    background-color: #eddda9;
    box-shadow: 0px -4px 8px 0px rgb(157 133 95 / 71%);
    color: transparent;
    text-shadow: -4px 5px 2px rgb(219 202 148 / 54%);
    z-index: 10000;
    text-align: center;
    align-content: center;
}

#scrolldown {
    position: fixed;
    top:50%;
    left:0px;
    right:0px;
    margin:auto;
	-webkit-animation: fade 3s infinite;
	animation: fade 3s infinite;
    visibility: hidden;
    color:rgba(195,160,53,1.00);
    opacity: 1;
    animation: fade 2s linear;
}
#scrolldown p{
    -webkit-animation: fade 3s infinite;
	animation: fade 3s infinite;
    color:rgba(195,160,53,1.00);
    visibility: visible;
}

.scrolled{
    background-color:rgba(0, 0, 0, 70%) !important;
}

 html {
    scroll-behavior:smooth;
    margin: 0;
    width: 100%;
} 

.padding-left-zero{
    padding-right: 0px;
}

.font-size{
    font-size: 13px;
}   

.text-align-right{
    text-align: right;
    font-family: "GELight";
}

.zero-padding{
    padding: 0px;
}
.vidWidth{
    height: 300px !important;
    width: 100%;

}
.fullWidth{
    width: 100%;
    height: 600px;

}

.paddingZero{
    padding: 0px;
}

.align-self{
    align-self: center;
}
                                                /*  -------------------------- start home page ------------------------------- */



/* start header & navbar */

.navbar{
    background-color: rgba(0, 0, 0, 70%);
    margin: 0px;
    direction: rtl;
}




    @media screen and (min-width: 1350px) {
        .vidWidth{
         height: 22vw !important;
        }
        .mediaDetails p{
            font-size: 25px !important;
    
        }
        .mediaDetails h5{
            font-size: 46px !important;
        }
    }


@media screen and (max-width: 600px) {
    .navbar-brand {
        margin-left:0px !important;}
        .social-list-nav{
            padding-left: 0% !important; 
            display: block;
            width: 100%;
        }
}
.nav-item{
margin-left: 15px;

}
.navbar-brand{
    background-image: url(../imgs/LogoWhite-nav-footer.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 70px;
    height:70px;
    position: sticky;
    left: 8%;
    margin-right: 0px;
    margin-left: 25px;
}

.nav-link{
    color: white !important;
    font-family: "GELight";
    display: inline-block;
}

.lang-link{
    border: 1px solid;
    padding: 8px 13px;
}

.linked-in-nav{
background-image: url(../imgs/linkednIcon-footer-nav.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 25px;
height: 25px;
padding: 15px;
margin: 10px;
vertical-align: bottom;
display: inline-block;
}
.twitter-nav{
background-image: url(../imgs/twitterIcon-footer-nav.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 25px;
height: 25px;
padding: 15px;
margin: 10px;
display: inline-block;
vertical-align: bottom;
}

.social-list-nav li a{
color: white !important;

}
.social-list-nav{
padding-right: 0px;
padding-left: 6%;
}
.navbar-toggler-icon{
background-image: url(../imgs/toggle-nav-btn.svg) !important;
}
.navbar-toggler{
color: unset !important;
border-color: rgb(0 0 0 / 0%) !important;
}

#navbarText{
    text-align: right;
}

.navbar-nav{
    padding-right: 7px;
}
/* end header & navbar */


/* start slider */

.slideshow-container {
    /* max-width: 1000px; */
    position: relative;
    margin: auto;
    direction: rtl;
    /* margin-bottom: 20px; */
}

/* Hide the images by default */
.mySlides {
    position: relative;
    width: 100%;
    display: inline-block;
    background-image: url('../imgs/Group475.png');
    height: 100% !important;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    direction: rtl;
}

.swiper-pagination-bullet-active{
    background-color: #ffffff;
}

.writes {
    width: 64%;
    margin: 20px;
    margin-top: 250px;
    display: inline-block;
}
.absPosition{
    position: absolute !important;
    bottom: 6vh;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; ;
    margin-top: 0 !important;
}
.immg1 {
    background-image: url("../imgs/Group282.svg");
    width: 120px;
    height: 185px;
    background-repeat: no-repeat;
    /* background-position: left; */
    background-size: contain;
    display: inline-block;
}

.immg2 {
    background-image: url("../imgs/Group283.svg");
    width: 120px;
    height: 185px;
    background-repeat: no-repeat;
    /* background-position: left; */
    background-size: contain;
    display: inline-block;
}

.writes h1 {
    text-align: right;
    font-family: "GEBold";
    font-size: 4vw;
    font-weight: bold;
    color: #fff;
    margin: auto;
    padding: 20px;
    background-color: rgba(0,0,0,.25);
}

.writes h4 {
    text-align: right;
    font-family: "GELight";
    font-weight: bold;
    font-size: 1.5vw;
    color: #fff;
    /* margin: 30px auto; */
    /* margin: 25px auto; */
    padding: 20px;
    background-color: rgba(0,0,0,.25);
}

/* The dots/bullets/indicators */
/* .dots {
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    margin: auto;
    direction: rtl;
}

.dot {
    cursor: pointer;
    height: 12px;
    width: 12px;
    margin: 0 1px;
    background-color: #fff0;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
    border: 2px solid #fff;
    direction: rtl;
} */

.dot {
    bottom: 80px;
    direction: rtl;
}

.dot li {
    height: 10px ;
    width: 10px ;
    border-radius: 50%;
    background-color: #fff0 ;
    transition: background-color 0.6s ease ;
    border: 2px solid #fff ;
    margin: 2px ;
    direction: rtl;
}

/* .dot li {
    height: 15px;
    width: 15px;
}
.dot .active {
    height: 15px;
    width: 15px;
} */

.dot .active {
    background-color: #ffffff ;
    border: 2px solid #fff ;
    opacity: 3;
}

.dot li:hover {
    background-color: #ffffff;
    border: 2px solid #fff;
}

/* Fading animation */
/* .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
} */

@-webkit-keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}

@keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}




@media screen and (max-width: 1470px) {
    .details {
        height: 8vw !important;
    }
    .formore{
        margin-top: 13vw !important;
    }
}
@media screen and (max-width: 1270px) {
    .details {
        height: 7vw !important;
    }
    .formore{
        margin-top: 11vw !important;
    }
}
@media screen and (max-width: 1100px) {
   
    .details{
        margin-top: 5vw !important;
    }
}
@media screen and (max-width: 1024px) {
   
    .details{
        margin-top: 25vw !important;
    }
}
@media screen and (max-width: 930px) {
   
    .details{
        margin-top: 21vw !important;
    }
}
@media screen and (max-width: 767px) {
   
    .details{
        height: 200px !important;
    }
}

@media screen and (max-width: 794px) {
    .details{
        margin-top: 18vw !important;
    }
    .absPosition {
        bottom: 8vh;
    }}
    @media screen and (max-width: 1175px) {
        .absPosition {
            bottom: 5vh;
        }}
@media screen and (max-width: 600px) {
    .vidWidth{
        height: 182px !important;
    }
    .mediaDetails h5{
        font-size: 30px;
    }

    .product h1{
        margin-bottom: 16px !important;
    }
    .mySlides {
        height: 810px;
    }
    .immg1 {
        width: 40px;
        height: 220px;
        margin-right: 0px;
    }
    .writes {
        padding-top: 55%;
        margin-top:0px;
    }
    .writes h1 {
        /* font-size: 45px; */
    }
    .writes h4 {
        font-size: 16px;
    }
    .immg2 {
        width: 40px;
        height: 220px;
        /* margin-left: 5px; */
    }
    .dot {
        margin-left: 25%;
    }
    .dot li {
        height: 15px;
        width: 15px;
    }
    .dot .active {
        height: 15px;
        width: 15px;
    }
}

/* end slider */

/* start social */

.social{
    background-color: rgb(251 251 251);
    padding: 90px 0px;
}

.media .row{
    width: 85%;
    margin: auto;
}

.mediaPost{
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 10%);
    background-color: #e5e5e5;
    margin: 20px auto !important;
}

.social h1, .media h1 {
    color: #c09700;
    font-family: "GEBold";
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    margin: 20px auto;
}

.socialRow {
    margin: auto;
    /* width: 82%; */
}

.rowCol1 {
    background-repeat: no-repeat;
    width: 100%;
    height: 420px;
    /* display: inline-block; */
    background-position: center;
    background-size: cover;
    margin: 8px auto;
    position: relative;
}

.layer1 {
    background-color: #943bbab8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: inline-block;
}

.layer1 h5 {
    font-family: "GEMedium";
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    left: 30px;
    top: 45px;
}

.layer1 img {
    display: inline-block;
    width: 50px;
    margin-right: 20px;
    margin-top: 25px;
}

.layer1 p {
    text-align: right;
    direction: rtl;
    font-family: "GELight";
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    position: absolute;
    right: 35px;
    color: #fff;

    top: 130px;
    width:80%;
}

.layer1 a.lnk {
    direction: rtl;
    text-align: right;
    font-family: "GEMedium";
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    position: absolute;
    right: 35px; 
     color: #F0C112;
    top: 340px;
    text-decoration: none;
}

.layer1 a:hover {
    color: white;
}

.layer2 {
    background-color: #c09700b5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: inline-block;
}

.layer2 h5 {
    font-family: "GEMedium";
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 45px;
}

.layer2 img {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-left: 40px;
    margin-top: 40px;
}

.layer2 p {
    text-align: right;
    direction: rtl;
    font-family: "GEMedium";
    font-weight: bold;
    font-size: 25px;
    display: inline-block;
    position: absolute;
    right: 45px;
    color: #fff;
    top: 130px;
    left: 45px;
}

.layer2 a.lnk {
    text-align: right;
    direction: rtl;
    font-family: "GEMedium";
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    position: absolute;
    right: 45px;
    color: #fff;
    top: 340px;
    text-decoration: none;
}

.layer2 a:hover {
    color: #943BBA;
}

.layer3 {
    background-color: #943bbab8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: inline-block;
}

.layer3 h5 {
    font-family: "GEMedium";
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 45px;
}

.layer3 img {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-left: 40px;
    margin-top: 40px;
}

.layer3 p {
    direction: rtl;
    text-align: right;
    font-family: "GEMedium";
    font-weight: bold;
    font-size: 25px;
    display: inline-block;
    position: absolute;
    right: 35px;
    color: #fff;
    top: 130px;
    left: 35px;
}

.layer3 a.lnk {
    direction: rtl;
    text-align: right;
    font-family: "GEMedium";
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    position: absolute;
    right: 35px;
    color: #fff;
    top: 340px;
    text-decoration: none;
}

.layer3 a:hover {
    color: #F0C112;
}

.layer4 {
    background-color: #c09700b5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: inline-block;
}

.layer4 h5 {
    font-family: "GEMedium";
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 45px;
}

.layer4 img {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-left: 40px;
    margin-top: 40px;
}

.layer4 p {
    direction: rtl;
    text-align: right;
    font-family: "GEMedium";
    font-weight: bold;
    font-size: 25px;
    display: inline-block;
    position: absolute;
    right: 45px;
    color: #fff;
    top: 130px;
    left: 45px;
}

.layer4 a.lnk {
    direction: rtl;
    text-align: right;
    font-family: "GEMedium";
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    position: absolute;
    right: 45px;
    color: #fff;
    top: 340px;
    text-decoration: none;
}

.layer4 a:hover {
    color: #943BBA;
}

.layer5 {
    background-color: #943bbab8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: inline-block;
}

.layer5 h5 {
    font-family: "GEMedium";
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 45px;
}

.layer5 img {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-left: 40px;
    margin-top: 40px;
}

.layer5 p {
    direction: rtl;
    text-align: right;
    font-family: "GEMedium";
    font-weight: bold;
    font-size: 25px;
    display: inline-block;
    position: absolute;
    right: 35px;
    color: #fff;
    top: 130px;
    left: 35px;
}

.layer5 a.lnk {
    direction: rtl;
    text-align: right;
    font-family: "GEMedium";
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    position: absolute;
    right: 35px;
    color: #fff;
    top: 340px;
    text-decoration: none;
}

.layer5 a:hover {
    color: #F0C112;
}

.layer6 {
    background-color: #c09700b5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: inline-block;
}

.layer6 h5 {
    font-family: "GEMedium";
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 45px;
}

.layer6 img {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-left: 40px;
    margin-top: 40px;
}

.layer6 p {
    direction: rtl;
    text-align: right;
    font-family: "GEMedium";
    font-weight: bold;
    font-size: 25px;
    display: inline-block;
    position: absolute;
    right: 45px;
    color: #fff;
    top: 130px;
    left: 45px;
}

.layer6 a.lnk {
    direction: rtl;
    text-align: right;
    font-family: "GEMedium";
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    position: absolute;
    right: 45px;
    color: #fff;
    top: 340px;
    text-decoration: none;
}

.layer6 a:hover {
    color: #943BBA;
}

@media screen and (max-width: 600px) {
    .social h1 {
        font-size: 45px;
    }
    .socialRow {
        width: 100%;
    }
    /* .col1-sm-4, .col2-sm-4, .col3-sm-4, .col4-sm-4, .col5-sm-4, .col6-sm-4 {
        width: 100%;
    } */
    .layer1 img, .layer2 img, .layer3 img, .layer4 img, .layer5 img, .layer6 img {
        width: 50px;
    }
    .layer1 h5, .layer2 h5, .layer3 h5, .layer4 h5, .layer5 h5, .layer6 h5 {
        font-size: 12px;
        top: 50px;
    }
    .layer1 p, .layer2 p, .layer3 p, .layer4 p, .layer5 p, .layer6 p {
        font-size: 20px;
    }
    .layer1 a.lnk, .layer2 a.lnk, .layer3 a.lnk, .layer4 a.lnk, .layer5 a.lnk, .layer6 a.lnk {
        font-size: 20px;
        /* right: 80px; */
    }
}

/* end social */


/* start products */


.product {
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    padding: 60px;
    padding-top: 90px;
    /* direction: rtl; */
}

.product h1 {
    color: #c09700;
    font-family: "GEBold";
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 35px;
}

.box {
    width:100%;
    /* height: 900px; */
    background-color: #797979;
    /* background-image: linear-gradient(#a5a5a5, #5e5e5e); */
    position: relative;
    /* align-items: center;
    justify-content: space-between; */
    box-sizing: border-box;
    margin: 0px;
    /* min-width: 400px */
}

.box1 {
    width:100%;
    /* height: 900px; */
    /* background-color: #a053c1; */
    background-image: linear-gradient(#c480e1, #683d7b);
    position: relative;
    /* align-items: center;
    justify-content: space-between; */
    box-sizing: border-box;
    margin: 0px;
    min-width: 400px;
}

.box2 {
    width:100%;
    /* height: 900px; */
    /* background-color: #c09700; */
    background-image: linear-gradient(#f5d357, #827133);
    position: relative;
    /* align-items: center;
    justify-content: space-between; */
    box-sizing: border-box;
    margin: 0px;
    min-width: 400px;
}

/* .box:hover, .box1:hover, .box2:hover {
    background-color: #17171d;
    transform-style: preserve-3d;
    transform: scale(1.02);
    transition: all ease 0.3s;
} */

.details {
    /* display: flex;
    flex-direction: column;
    align-items: center; */
    /* position: relative; */
    width: 70%;
    margin: auto;
    text-align: center;
    margin-top: 120px;
    height: 120px;
    z-index: 0;
}

.modimg {
    position: absolute;
    top: 175px;
    text-align: center;
    /* width:100%; */
    left: 0;
    right: 0;
}

.modimg img {
  /*  max-width: 430px;*/
}
@media screen and (min-width: 1435px) {
    .modimg img {
        max-width: 430px;
    }
}
@media screen and (max-width: 767px) {
    .modimg img {
        max-width: 430px;
    }
}
.details .modtxt {
    min-height: 141px;
}

.details .modtxt h4 {
    font-family: "GELight";
    font-weight: bold;
    color: #fff;
    text-align: center;
    font-size: 35px;
    padding: 0;
    margin: 0;
}

.details .modtxt p {
    font-family: "GEMedium";
    font-weight: bold;
    color: #fff;
    text-align: center;
    font-size: 20px;
    margin: 0;
}
.details .modtxt .nn {
    font-family: "GEMedium";
    font-weight: bold;
    color: #fff;
    text-align: center;
    font-size: 20px;
    margin-top: 12px;
}

.logo, .logo1 {
    width: 100%;
    background-color: #fff;
    text-align: center;
    height: 370px;
}

.logo img {
    height: 150px;
    /* width: 150px;
    padding-top: 50px;
    padding-bottom: 235px; */
}

.logo1 img {
    height: auto;
    width: 100px;
    padding-top: 30px;
    padding-bottom: 235px;
}

.formore {
    text-align: center;
    /* padding: 50px 0px; */
    z-index: 1;
    position: relative;
    margin-top: 209px; 
}

.formore a {
    color: white;
    padding: 15px 40px;
    font-family: "GEMedium";
    cursor: pointer;
    font-size: large;
    text-decoration:none;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 66%);
}

.formore a:hover {
    background-color: #ffffff;
    color: #333;
    transform-style: preserve-3d;
    transform: scale(1.02);
    transition: all ease 0.3s;
}

.lSSlideOuter .lSPager.lSpg { direction: rtl; }

.lSSlideOuter .lSPager.lSpg > li { direction: rtl; }

/*--responsive for mobile phone--*/
@media(max-width:600px){
    .product { 
        padding: 0;
        padding-top: 100px;
    }
	.box, .box1, .box2{
		width: 100%;
    }
    .modimg { top: 130px; }
    .modimg img{
       /* max-width:387px;*/
    }
    .logo{
        height: 320px;
    }
    .logo img{
        height: 130px;
    }
    .loog img {
        width: 125px;
        padding-top: 30px;
        padding-bottom: 100px;
    }
	/* .model { height:275px; } */
    .details {
        width: 100%;
       /* margin-top: 90px;*/
        min-height: auto;
    }
    .details .modtxt { min-height: 0; }
    .details .modtxt h4 { font-size: 30px; }
    .details .modtxt .nn {
        margin: 12px auto;
        font-size: 18px;
        margin-top: 0;
    }
	.details .modtxt p{
        /* width: 250px; */
        font-size: 20px;
        margin: 0px auto;
    }
    .formore a {
        padding: 15px 35px;
        margin-bottom: 0;
        font-size: larger;
    }
    .details{
        margin-top: 180px !important;
    }
    .modimg img{
   /*     max-width: 96vw;*/
    }
}
@media(max-width:500px){
    .modimg img{
            max-width: 83vw;
         }
         .details{
            height: 24vh !important;
            margin-top:0 !important
        }
}

/* start slider */

/* Hide the images by default */
.mySlider {
    position: relative;
    width: 100%;
    display: inline-block;
    background-image: url('../imgs/Group476.png');
    height: 100%;
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}

.write {
    width: 500px;
    /* height: 400px; */
    float: right;
    margin-top: 290px;
    margin-right: 90px;
}

.write p {
    direction: rtl;
    text-align: right;
    font-family: "GEMedium";
    font-size: 28px;
    font-weight:500;
    color: #fff;
    margin: auto;
}

.write span {
    direction: rtl;
    text-align: right;
    font-family: "GEMedium";
    font-weight: bold;
    font-size: 28px;
}

/* The dots/bullets/indicators */
/* .dotts {
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    margin: auto;
    direction: rtl;
}

.dott {
    cursor: pointer;
    height: 12px;
    width: 12px;
    margin: 0 1px;
    background-color: #fff0;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
    border: 2px solid #fff;
    direction: rtl;
} */

.dott {
    bottom: 80px;
    direction: rtl;
}

.dott li {
    height: 10px ;
    width: 10px ;
    border-radius: 50%;
    background-color: #fff0 ;
    transition: background-color 0.6s ease ;
    border: 2px solid #fff ;
    margin: 2px ;
}

.dott .active {
    background-color: #ffffff ;
    border: 2px solid #fff ;
}

.dott li:hover {
    background-color: #ffffff;
    border: 2px solid #fff;
}

@media screen and (max-width: 600px) {
    .slideshow-container{
        width: 100%;
    }
    .write {
        width: 100%;
        margin-top: 275px;
        margin-right: 30px;
        padding-right: 0;
    }
    .write p {
        font-size: 24px;
        font-weight: 600;
        margin-left: 85px;
        color: #333;
    }
    .write span {
        font-size: 26px;
    }
    .dott {
        margin-left: 25%;
        bottom: 45px;
    }
    .dott li {
        height: 15px;
        width: 15px;;
    }
    .dott .active {
        height: 15px;
        width: 15px;
    }
}

/* end slider */

.row {
    direction: rtl;
    margin: auto;
    /* width: 90%; */
}

/* .med1 {
    float: right !important;
}

.med2 {
    float: left !important;
} */

.media{
    padding: 70px 0px;
    background-color: #ffffff;
    width: 100% !important;
}

.mediaImg {
    /* border: 2px solid yellow; */
    width: 90%; 
    height: 450px;
    /* display: inline-block; */
    background-image: url("../imgs/ScreenShot.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* margin-left: 85px;
    margin-right: 185px; */
    position: relative;
    margin-right: 50px;
    margin-top: 30px;
}

.mediaImg div{
    position:absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 25%);
}

.layr1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 80px;
    height: 80px;
    margin: auto;
    cursor: pointer;
}
.lastDiv{
    display: flex;
    align-items: center;
}
.mediaDetails {
    /* border: 2px solid blue;  */
    direction: rtl;
    text-align: right;
    width: 100%;
    /* height: 450px; */
    padding-right: 30px;
    margin: auto;
    padding-left: 20%;
   /* margin-top: 130px;*/
   margin-top: 0.9em;

}

.mediaDetails h4 {
    text-align: right;
    color: #c09700;
    font-family: "GEBold";
    margin: 15px auto;
    font-size: 25px;
}

.mediaDetails h5 {
    text-align: right;
    color: #943BBA;
    font-family: "GEMedium";
    margin: 15px auto;
    font-size: 40px;
}

.mediaDetails p {
    text-align: right;
    font-family: "GEMedium";
    color: #333;
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 45px;
}

.mediaDetails a {
    text-align: right;
    direction: rtl;
    border: 2px solid #943BBA;
    background-color: transparent;
    color: #943BBA;
    padding: 13px 33px;
    font-family: "GEMedium";
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
    margin-top: 70px;
}

.mediaDetails a:hover {
    border: 2px solid #943BBA;
    background-color: #943BBA;
    color: #ffffff;
}

@media screen and (max-width: 970px) {
    .career .closer {
     margin-top: 25% !important;
    }
}

@media screen and (max-width: 600px) {
    .mediaImg {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        height: 300px;
    }

    .mediaDetails {
        text-align: center;
        /* margin-left: 30px; */
        width: 100%;
        padding: 0px;
     /*   margin-top: 30px;*/
    }

    .mediaDetails h5 , .mediaDetails p {
        text-align: center;
    }

    .mediaDetails h4 {
        font-size: 35px;
        margin: 45px auto;
        text-align: center;
    }
    .mediaDetails a { font-size: 20px; }
    .mediaDetails p {
        padding-left: 0px;
        margin-bottom: 45px;
    }
    .mediaDetails button {
        /* margin-top: 60px; */
        font-size: 25px;
        /* margin-right: 90px; */
    }
}

/* end media */


/* start career */
.career {
    /* width:100%; */
    overflow: hidden;
    background-image: url("../imgs/new.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    /* height: 1000px; */
    /* margin-top: -65px;
    padding-bottom: 20px; */
}

.pp-scrollable{
    overflow-x: hidden;
    overflow-y: auto;
}

.career .closer {
    direction: rtl;
    text-align: right;
    /* width:27%; */
    /* margin: 250px auto; */
    margin: 250px auto 100px;
    text-align: center;
    max-width: 400px;
    margin-top: 16%;
}

.career .closer h1 {
    text-align: center;
    font-family: "GEBold";
    font-weight: bold;
    color: #c09700;
    font-size: 40px;
}

.career .closer p {
    text-align: center;
    color: #fff;
    font-family: "GELight";
    font-size: 15px;
    margin-bottom: 35px;
}

.career .closer .dv3 {
    border: 1px solid #c09700;
    height: 1px;
    width: 30%;
    margin: 35px auto;;
}

.career .closer .aa {
    text-align: center;
    color: #fff;
    font-family: "GELight";
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 70px;
}

.career .closer a {
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-family: "GEMedium";
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #c09700;
    padding: 10px 25px;
}

.career .closer a:hover {
    color: #c09700;
}

@media screen and (max-width: 600px) {
    .col-logo-holder{
        padding-left: 0px !important;
        margin: 30px auto;
    }
    .career {
        width: 100%;
        background-position: center;
        background-image: url(../imgs/new2.png);
        /* height: 0; */
    }
    .career .closer {
        width: 85%;
        margin: 70px auto;
    }
    .career .closer h1 {
        font-size: 35px;
    }
    .career .closer .dv3 {
        margin: 25px auto;
    }
    .career .closer .aa {
        margin-bottom: 55px;
    }
    .career .closer a {
        font-size: 13px;
    }
}

/* end career */


.pp-section {
    height:100%;
    width:100%;
    align-items: center;
    background-color: #ffffff;
    
    /* fixes flickering in firefox*/
    backface-visibility: hidden; 
}
.pp-easing {
    -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    /* custom */
}
#pp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    background-color: rgba(254,254,254,.8);
    border-radius: 20px;
}
#pp-nav.right {
    right: 17px;
}
#pp-nav.left {
    left: 17px;
}
.pp-section.pp-table{
    display: table;
}
.pp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.pp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.pp-slidesNav.bottom {
    bottom: 17px;
}
.pp-slidesNav.top {
    top: 17px;
}
#pp-nav ul,
.pp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#pp-nav li,
.pp-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.pp-slidesNav li {
    display: inline-block;
}
#pp-nav li a,
.pp-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}

#pp-nav li .active span,
.pp-slidesNav .active span {
    background: #c09700 !important;
}

#pp-nav span,
.pp-slidesNav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #c09700 !important;
    background: #c09700;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
.pp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
}
.pp-tooltip.right {
    right: 20px;
}
.pp-tooltip.left {
    left: 20px;
}
.pp-scrollable{
    overflow-y: scroll;
    height: 100%;
}

                                                /* ---------------------------- end home page ------------------------------------ */






















                                                /*  -------------------------- start about us page ------------------------------- */


.photo {
    width: 100%;
    background-image: url("../imgs/aboutHead.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.photo h1 {
    padding: 120px 77px 40px 0px;
    margin: auto;
    font-size: 26px;
    color: white;
    text-align: right;
    font-family: "GEBold";
}

@media only screen and (max-width: 600px) {
    .photo {
        background-size: cover;
        height: 200px;
        padding-top: 85px;
        background-position: center;
    }

    .photo h1 {
        text-align: right;
        padding: 35px 20px 0px 0px;
        font-family: "GEBold";
    }
}


.containerHistory {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    /* margin-bottom: -22px !important; */
    display: inline-block;
}

.rightBar {
    display: inline-block;
    vertical-align: top;
    width: 70%;
}

.rightBar h1 {
    color: #C09700;
    margin-top: 60px;
    margin-right: 34px;
    text-align: end;
    padding-bottom: 10px;
    font-family: "GEBold";
    text-align: right;
}

.rightBar p {
    color: #797979;
    margin-right: 34px;
    text-align: end;
    font-family: "GEBold";
    text-align: right;
}

@media only screen and (max-width: 600px) {
    .rightBar h1 {
        padding-bottom: 0px;
        margin-top: 30px;
        margin-left: 42px;
        font-size: 20px;
        font-family: "GEBold";
    }

    .rightBar {
        width: 100%;
    }
  }

.historyTabsLinks {
    list-style: none;
    padding-bottom: 10px;
    text-align: right;
    direction: rtl;
}

.historyTabsLinks li {
    display: inline-block;
    cursor: pointer;
    padding-left: 40px;
}

@media only screen and (max-width: 600px) {
    .historyTabsLinks li {
        padding-left: 13px;
    }

    .historyTabsLinks {
        width: 100%;
    }
  }

.historyTabsLinks li h6 {
    color: #A7A7A7;
    font-weight: bold;
    font-family: "GEBold";
}

.historyTabsLinks .active h6{
    color: #943BBA;
    font-family: "GEBold";
}

@media only screen and (max-width: 600px) {
    .historyTabsLinks .active h6 {
        font-family: "GEBold";
    }

   .historyTabsLinks li h6 {
    font-family: "GEBold";
   } 
  }

.historyTabContent{
    display : none;
    direction: rtl;
    margin: auto 30px;
    text-align: right;
}

.shiakhImg {
    width: 30%;
    min-width:300px;
    display: inline-block;
    margin-left: 25px;
    vertical-align: sub;
    float: right;
}

@media only screen and (max-width: 600px) {
    .shiakhImg {
        width: 80%;
    }
  }

.shiakhImg img {
    width: 89%;
    margin-left: 25px;
}



@media only screen and (max-width: 600px) {
    .shiakhImg img {
    width: 100%;
    }
  }

.shiakhText {
    width: 40%;
    min-width:300px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    font-family: "GEBold";
    vertical-align: top;
    padding: 50px 0px;
}

.only {
    width: 40%;
    min-width:300px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    font-family: "GEBold";
}

.only p {
    display: inline-block;
    font-size: 21px;
    color: #943bba;
    font-family: "GEBold";
}


.shiakhText p {
    display: inline-block;
    font-size: 21px;
    color: #943bba;
    font-family: "GEBold";
}

@media only screen and (max-width: 600px) {
    .shiakhText {
        width: 99%;
        font-family: "GEBold";
    }
    .shiakhText p {
        font-size: 16px;
        font-family: "GEBold";
    }

    .only {
        width: 99%;
        font-family: "GEBold";
    }
    
    .only p {
        font-size: 16px;  
        font-family: "GEBold"; 
        margin-right: auto !important;
    }
  }

.buttomText {
    display: inline-block;
    text-align: right;
    margin-left: 44px;
    font-family: "GEBold";
}

.buttomText p {
    font-size: 16px;
    color: #797979;
    font-family: "GEBold";
    text-align: right;
}

@media only screen and (max-width: 600px) {
    .buttomText {
        margin-left: 0px;
        font-family: "GEBold";

    }
    .buttomText p {
        font-size: 15px;
        font-family: "GEBold";
        margin-right: auto !important;
    }
}



/*end of History intro*/




/*start OUR VISION*/


.photoVision {
    width: 100%;
    height: 185px;
    background-image: url(../imgs/aboutHead.png);
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: -368px;
}

.photoVision h1 {
    padding-top: 120px;
    padding-right: 77px;
    font-size: 26px;
    color: white;
    text-align: right;
}
.section{
    min-height: 100vh;
    scroll-snap-align:start ;
    position: relative;
}
#fullPage{
    scroll-snap-type: y mandatory;
    overflow: scroll;
    height: 100vh;
    overflow-x: hidden;
}
#introSlider, #feedsSlider .swiper-wrapper{
height: 100vh;
position: relative;
}

.social{
    overflow: hidden;
}
@media only screen and (min-width: 600px) {
    .swiper-button-prev, .swiper-rtl .swiper-button-next{
        display: none !important;
            }
            .swiper-button-next, .swiper-rtl .swiper-button-prev {
               display: none;}
}
@media only screen and (max-width: 600px) {
    .swiper-pagination-bullet{
        height: 13px !important;
        width: 13px !important;
    
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev{
        right: 35vw !important;
        left: auto !important;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next{
        left: 35vw !important;
 right: auto !important;
    }
    .swiper-button-next, .swiper-button-prev{
        top: unset !important;
        bottom: 15%!important;
        width: 30px;
        height: 30px;
        color: white;
        background-color: rgba(0,0,0,.25);
        border-radius: 50%;
    }
    .productNav-prev, .productNav-next{
        top:45% !important;
        transform: scaleX(-1);
    }
    .productNav-prev{
        right:4vw !important;
        left: auto !important;
    }
   .productNav-next{
        left:4vw !important;
        right:  auto !important;
    }
 
    .swiper-button-next:after, .swiper-button-prev:after{
        font-size: 18px !important;
        position: relative;
    }
    .productNav-next:after{
       left: 2px !important;
       right: auto !important;
    }
    .productNav-prev:after{
      right: 2px !important;
      left: auto !important;
    }
    .swiper-button-next:after{
        right: 2px;
     }
    .swiper-button-prev:after{
       left: 2px;
     }
    .photoVision {
        background-size: cover;
        height: 274px;
        background-position: center;
    }

    .photoVision h1 {
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        font-family: "GEBold";
        padding-top: 165px;
    }
}



.containerVision {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    /* margin-bottom: -22px !important; */
    display: inline-block;
    margin-bottom: -6px !important;
}


.imgVision {
    float: right;
    display: inline-block;
    width: 22%;
    vertical-align: top;
    margin: 80px 40px;
    text-align: center;
}

.imgVision img {
    width: 100%;
}

@media only screen and (max-width: 600px) {
    .imgVision {
        display: inline-block;
        width: 100%;
        margin: 30px auto;
    }
}


.textVision {
    vertical-align: top;
    display: inline-block;
    width: 31%;
    margin-top: 80px;
  /*  float: right;*/
    text-align: right;
    font-family: "GEBold";
}
@media only screen and (max-width: 600px) {
    .textVision {
        text-align: center;
        width: 90%;
        margin-top: 0px;
        font-family: "GEBold";
        margin:auto;
        display:block;
        float:none;
    }
}


.textVision h1 {
    color: #C09700;
    padding-bottom: 13px;
    font-family: "GEBold";
}

.textVision p {
    color: #797979;
    font-size: 18px;
    font-family: "GELight";
    padding-bottom: 45px;
}


/*end of OUR VISION*/



/*start of Mission*/


.photoMission {
    width: 100%;
    height: 185px;
    background-image: url("../imgs/aboutHead.png");
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: -368px;
}

.photoMission h1 {
    padding-top: 120px;
    padding-right: 77px;
    font-size: 26px;
    color: white;
    text-align: right;
}

@media only screen and (max-width: 600px) {
    
    .photoMission {
        background-size: cover;
        height: 274px;
        background-position: center;

    }
    
    .photoMission h1{
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        font-family: "GEBold";
    }
}

.containerMission {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    display: inline-block;
}


.imgMission {
    display: inline-block;
    width: 30%;
    min-width:300px;
    max-width:400px;
    vertical-align: top;
    margin-top: 80px;
    margin-right: 40px;
    margin-left: 40px;
    float: right;
    margin-bottom: 100px;
}

.imgMission img {
    width: 100%;
}

@media only screen and (max-width: 600px) {
    .imgMission {
        display: inline-block;
        width: 100%;
        min-width:auto;
        max-width:100%;
        margin: 30px auto ;
        text-align: center;
    }


    .imgMission img{
        width: 100%;
    }
}

.textMission {
        vertical-align: top;
        display: inline-block;
        width: 31%;
        margin-top: 80px;
        text-align: right;
       /* float: right;*/
}

.textMission h1 {
    color: #C09700;
    padding-bottom: 13px;
    font-family: "GEBold";
}

.textMission p {
    color: #797979;
    font-size: 18px;
    font-family: "GELight";
}

@media only screen and (max-width: 600px) {
    .textMission {
        text-align: center;
        width: 90%;
        margin-top: 0px;
        display:block;
        margin:auto;
        float:none;
    }
    .textMission p{
        margin: 0px 30px 40px;
        margin-bottom: 100px;
    }
}


/*end of Mission*/ 




/*start of Values*/

.photoValues {
    width: 100%;
    height: 185px;
    background-image: url("../imgs/aboutHead.png");
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: -368px;
}

.photoValues h1 {
    padding-top: 120px;
    padding-right: 77px;
    font-size: 26px;
    color: white;
    text-align: right;
}

@media only screen and (max-width: 600px) {
    
    .photoValues {
        background-size: cover;
        height: 274px;
        background-position: center;

    }
    
    .photoValues h1{
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        font-family: "GEBold";
    }
}

.container-fluidValues {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}


.valueH1 {
    text-align: right !important;
    color: #C09700;
    margin-bottom: 25px;
    padding-top: 55px;
    font-family: "GEBold";
    margin-top: 0 !important;
    font-size: 42px !important;
}

.valueRow { padding-right: 0 !important; padding: 28px; }

@media only screen and (max-width: 600px) {
    .valueH1 {
        margin-left: 0px;
        text-align: center;
    }
}

.conRow {
    width: 69% !important;
    display: inline-block;
    vertical-align: top;
}

.row {
    direction: rtl;
    /* padding-right: 100px; */
}


.phottoo img {
    height: 75px;
} 


.Textt h4 {
    font-size: 24px;
    color: #943BBA;
    font-family: "GEBold";
}

.Textt p {
    color: #797979;
    font-size: 14px;
    font-family: "GELight";
}

.phottoo {
    padding-left: 10px;
    display:inline-block;
    width:30%;
    vertical-align:top;
}

.Textt {
    display:inline-block;
    padding-left: 0px;
    font-size: 12px;
    text-align: right;
    width:60%;
}

@media only screen and (max-width: 600px) {
    .Textt p {
        font-size: 16px;   
        text-align: right;
    }

    .Textt h4 {
        font-size: 35px;
        text-align: right;
    }

.phottoo {
    margin: auto;
    padding-bottom: 10px;
}

.Textt {
    text-align: center;
}

.conRow {
    width: 100% !important;
    display: block;
    vertical-align: top;
    margin:auto;
}

.valueH1 {
    text-align: center !important;
}

}


/*end of values*/





/*start of Quality*/



.photoQuailty {
    width: 100%;
    height: 185px;
    background-image: url("../imgs/aboutHead.png");
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: -368px;
}

.photoQuailty h1 {
    padding-top: 120px;
    padding-right: 77px;
    font-size: 26px;
    color: white;
    text-align: right;
}

@media only screen and (max-width: 600px) {
    
    .photoQuailty {
        background-size: cover;
        height: 274px;
        background-position: center;

    }
    
    .photoQuailty h1{
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        font-family: "GEBold";
    }
}

.containerQuailty {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block;
    width: 100%;
}

/*right bar*/

.imgQuailty {
    display: inline-block;
    width: 30%;
    min-width:300px;
    vertical-align: top;
    margin-top: 148px;
    margin-right: 35px;
    margin-left: 40px;
    float: right;
    
}

.imgQuailty img {
    width: 100%;
}

@media only screen and (max-width: 600px) {
    .imgQuailty {
        display: inline-block;
        width: 100%;
        margin-right: 0px;
    }
}


.textQuailty {
    vertical-align: top;
    display: inline-block;
    width: 31%;
    margin-top: 110px;
    float: right;
    text-align: right;
}

.textQuailty h1 {
    color: #C09700;
    padding-bottom: 13px;
    font-family: "GEBold";
}

.textQuailty p {
    color: #797979;
    font-size: 14px;
    font-family: "GELight";
}

@media only screen and (max-width: 600px) {
    .textQuailty {
        text-align: center;
        width: 90%;
        margin-top: 0px;
        display:block;
        margin:auto;
        float:none;
    }
}


/*end of Quality*/




/*start of Message*/



.photoMessage {
    width: 100%;
    height: 185px;
    background-image: url("../imgs/aboutHead.png");
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: -368px;
}

.photoMessage h1 {
    padding-top: 120px;
    padding-right: 77px;
    font-size: 26px;
    color: white;
    text-align: right;
}

@media only screen and (max-width: 600px) {
    
    .photoMessage {
        background-size: cover;
        height: 274px;
        background-position: center;

    }
    
    .photoMessage h1{
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        font-family: "GEBold";
    }
}

.containerMessage {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    display: inline-block;
    margin-bottom: -6px !important;
}

.imgMessage {
    display: inline-block;
    width: 14%;
    vertical-align: top;
    margin-top: 50px;
    margin-right: 30px;
    margin-left: 25px;
   float: right;
}

@media only screen and (max-width: 600px) {
    .imgMessage {
        display: block;
        width: 90%;
        margin:auto; 
        float:none;
        text-align:center;       
    }
}
.imgMessage img {
    width: 100%;
}

.imgMessage h3 {
    font-size: 27px;
    color: #943BBA; 
    font-family: "GEBold";
    text-align: right;
}

.imgMessage p {
    color: #797979;
    font-family: "GEBold";
    text-align: right;
}


.textMessage {
    vertical-align: top;
    display: inline-block;
    width: 44%;
    margin-top: 51px;
    font-family: "GEBold";
    text-align: right;
}

.textMessage h1 {
    color: #C09700;
    padding-bottom: 13px;
    font-family: "GEBold";
}

.textMessage p {
    color: #797979;
    font-size: 14.7px;
    font-family: "GELight";
}


@media only screen and (max-width: 600px) {
    .textMessage {
        font-family: "GEBold";
        text-align: center;
        width: 90%;
        margin-top: 0px;
        display:block;
        margin:auto;
        float:none;
    }
}


/*end of Message*/




/*start of Reach*/


.photoReach {
    width: 100%;
    height: 185px;
    background-image: url("../imgs/aboutHead.png");
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: -368px;
}

.photoReach h1 {
    padding-top: 120px;
    padding-right: 77px;
    font-size: 26px;
    color: white;
    text-align: right;
}

@media only screen and (max-width: 600px) {
    
    .photoReach {
        background-size: cover;
        height: 274px;
        background-position: center;

    }
    
    .photoReach h1{
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        font-family: "GEBold";
    }
}

.containerReach {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    display: inline-block;
}

.imgReach {
    display: inline-block;
    width: 30%;
    min-width:300px;
    vertical-align: top;
    margin-top: 148px;
    margin-right: 40px;
    margin-left: 40px;
    float: right;
}

@media only screen and (max-width: 600px) {
    .imgReach {
        display: inline-block;
        width: 100%;
        margin-right: 0px;
    }
}


.imgReach img {
    width: 100%;
}


.textReach {
    vertical-align: top;
    display: inline-block;
    width: 31%;
    margin-top: 110px;
    font-family: "GEBold";
    text-align: right;
    float: right;
}

.textReach h1 {
    color: #C09700;
    padding-bottom: 13px;
    font-family: "GEBold";
}

.textReach p {
    color: #797979;
    font-size: 18px;
    font-family: "GELight";
}

@media only screen and (max-width: 600px) {
    .textReach {
        text-align: center;
        width: 90%;
        margin-top: 0px;
        display:block;
        margin:auto;
        float:none;
    }
}


/*end of Reach*/




/*start of Branch*/



.photoBranch {
    width: 100%;
    height: 185px;
    background-image: url("../imgs/aboutHead.png");
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: -368px;
}

.photoBranch h1 {
    padding-top: 120px;
    padding-right: 77px;
    font-size: 26px;
    color: white;
    text-align: right;
}

@media only screen and (max-width: 600px) {
    
    .photoBranch {
        background-size: cover;
        height: 274px;
        background-position: center;

    }
    
    .photoBranch h1{
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        font-family: "GEBold";
    }
}

.containerBranch {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    display: inline-block;
    margin-bottom: -6px !important;
}

.imgWarehouse , .imgBranch {
    display: inline-block;
    /*  width: 30%;
    min-width:300px;*/
    vertical-align: top;
    margin-top: 48px;
    margin-right: 40px;
    margin-left: 40px;
    float: right;
}
.imgWarehouse img {
    max-height: 370px;
}
@media only screen and (max-width: 1039px) {
    .imgWarehouse , .imgBranch {
        display: inline-block;
    /*    width: 100%;*/
     
    }
    .brnddetail{
        height: auto !important;
        margin-bottom: 80px;
    }

    .textWarehouse{
        margin-top: 60px !important;
    }
    .imgWarehouse, .imgBranch{
        margin-top: 27px !important;  
    }
}

.textBranch{
    vertical-align: top;
    display: inline-block;
    width: 31%;
    margin-top: 110px;
    font-family: "GEBold";
    text-align: right;
}

.textBranch h1{
    color: #943BBA;
    padding-bottom: 13px;
    font-family: "GEBold";
    font-size: 18px;
}

.textBranch h2{
    color: #C09700;
    padding-bottom: 13px;
    font-family: "GEBold";
    font-size: 16px;
}

.textBranch p {
    color: #797979;
    font-size: 13px;
    font-family: "GELight";
    direction: ltr;
}
.imgBranch img {
 /*   width: 100%;*/
}

@media only screen and (max-width: 1274px) {
    .textBranch{
        width: 20%;
    }

}

@media only screen and (max-width: 843px) {
    .imgBranch{
        margin: auto;
        text-align: center;
        width: 100% !important;
    }
    .imgBranch div{
    padding-top: 0 !important;
    width: 100% !important;
    }
    .textBranch{
        width: 100% !important;
        padding: 30px;
        margin: auto !important;
    }

}
@media only screen and (max-width: 1039px) {
    .textBranch{
        width: 30%;
    }
    
}
@media only screen and (max-width: 600px) {
    .imgWarehouse , .imgBranch img  {
        display: inline-block;
       /* width: 100%;*/
      
        margin-right: 0px;

    }
    .imgWarehouse img{
      /*  padding-bottom: 0 !important;*/
        max-height: 400px;
        width: auto !important;
    }
    .textBranch{
        width: 100%;
        padding:30px;
        margin: auto !important;
    }
    .imgWarehouse , .imgBranch {
        margin: auto;
        text-align: center;
        width: 100% !important;
    }
}

.imgWarehouse img , .imgBranch img {
  /*  width: 100%;*/
}

.textWarehouse {
    vertical-align: top;
    display: inline-block;
    width: 31%;
    margin-top: 85px;
    font-family: "GEBold";
    text-align: right;
}

.textWarehouse h1 {
    color: #C09700;
    padding-bottom: 13px;
    font-family: "GEBold";
}

.textWarehouse p {
    color: #797979;
    font-size: 18px;
    font-family: "GELight";
    margin-bottom: 100px;
}

@media only screen and (max-width: 600px) {
    .textWarehouse {
        text-align: center;
        width: 90%;
        margin-top: 0px;
        display:block;
        margin:auto;
    }
}


/* end of Branch */



/* start of PartnerShip */


.photoPartnerShip {
    width: 100%;
    height: 185px;
    background-image: url("../imgs/aboutHead.png");
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: -368px;
}

.photoPartnerShip h1 {
    padding-top: 120px;
    padding-right: 77px;
    font-size: 26px;
    color: white;
    text-align: right;
}

@media only screen and (max-width: 600px) {
    
    .photoPartnerShip {
        background-size: cover;
        height: 274px;
        background-position: center;

    }
    
    .photoPartnerShip h1{
        text-align: center;
        padding-left: 0px;
        font-family: "GEBold";
        padding-right: 0px;
    }
}

.containerPartnerShip {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    margin-bottom: -6px !important;
    display: inline-block;
}

.imgPartnerShip {
    display: inline-block;
    width: 30%;
    min-width:300px;
    float: right;
    vertical-align: top;
    margin-top: 47px;
    margin-left: 35px;
    margin-right: 40px;
}

@media only screen and (max-width: 600px) {
    .imgPartnerShip {
        display: inline-block;
        width: 100%;
        margin-right: 0px;
    }
}

.imgPartnerShip img {
    width: 100%;
}


.textPartnerShip {
    vertical-align: top;
    display: inline-block;
    width: 31%;
    margin-top: 110px;
    text-align: right;
    float: right;
    font-family: "GEBold";
}

.textPartnerShip h1 {
    color: #C09700;
    padding-bottom: 13px;
    font-family: "GEBold";
}

.textPartnerShip p {
    color: #797979;
    font-size: 18px;
    font-family: "GELight";
}

@media only screen and (max-width: 600px) {
    .textPartnerShip {
        font-family: "GEBold";
        text-align: center;
        width: 90%;
        margin-top: 0px;
        display:block;
        margin:auto;
        float:none;
    }
}


/* end of PartnerShip */



/* start of Futcure */


.photoFutcure {
    width: 100%;
    height: 185px;
    background-image: url("../imgs/aboutHead.png");
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: -368px;
}

.photoFutcure h1 {
    padding-top: 120px;
    padding-right: 77px;
    font-size: 26px;
    color: white;
    text-align: right;
}

@media only screen and (max-width: 600px) {
    
    .photoFutcure {
        background-size: cover;
        height: 274px;
        background-position: center;

    }
    
    .photoFutcure h1{
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
        font-family: "GEBold";
    }
}

.containerFutcure {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    display: inline-block;
    margin-bottom: -6px !important;
}

.imgFutcure {
    display: inline-block;
    width: 30%;
    min-width:300px;
    vertical-align: top;
    margin-top: 50px;
    margin-left: 40px;
    margin-right: 35px;
    float: right;
}

@media only screen and (max-width: 600px) {
    .imgFutcure {
        display: inline-block;
        width: 100%;
        margin-right: 0px;
    }
}

.imgFutcure img {
    width: 100%;
}


.textFutcure {
    vertical-align: top;
    display: inline-block;
    width: 31%;
    margin-top: 81px;
    float: right;
    text-align: right;
    font-family: "GEBold";
}

.textFutcure h1 {
    color: #C09700;
    padding-bottom: 13px;
    font-family: "GEBold";
}

.textFutcure p {
    color: #797979;
    font-size: 18px;
    font-family: "GELight";
}

@media only screen and (max-width: 600px) {
    .textFutcure {
        text-align: center;
        width: 90%;
        margin-top: 0px;
        display:block;
        margin:auto;
        float:none;
        font-family: "GEBold";
    }
}



/* end of Futcure */



                                                /*  -------------------------- end about us page ------------------------------- */











                                                /*  -------------------------- start media page ------------------------------- */




.photoo {
width: 100%;
height: 658px;
background-position: center;
background-repeat: no-repeat;
text-align: center;
padding-top: 100px;
min-height:100%;
background: linear-gradient(0deg, rgb(86 0 255 / 60%), rgb(228 0 255 / 42%)), url(../imgs/mediaHead.png);
background-size:cover;
font-family: "GEBold";
}



@media only screen and (max-width: 600px) {
.photoo {
background-size: cover;
height: 722px;
background-position: center;
text-align: center;
padding-top: 170px;
background: linear-gradient(0deg, rgb(86 0 255 / 60%), rgb(228 0 255 / 42%)), url(../imgs/3.png);
background-repeat: no-repeat;
font-family: "GEBold";
}

}

.headerText {
text-align: center;
display: inline-block;
padding-top: 38px;
font-family: "GEBold";

}

.headerText h1 {
color: white;
font-size: 60px;
font-family: "GEBold";

}

@media only screen and (max-width: 600px) {
.headerText h1 {
font-size: 26px;
font-family: "GEBold";
}
}



.headerText p {
color: white;
font-weight: bold;
font-size: 12px;
font-family: "GEBold";
}

@media only screen and (max-width: 600px) {
.headerText p {
font-size: 12px;
font-family: "GEBold";
}
}

.headerText h6 {
color: white;
padding-top: 20px;
padding-bottom: 60px;
font-family: "GEBold";
}

.headerText button {
background-color: #66339900;
border: 2px white solid;
padding: 15px 32px;
font-weight: bold;
font-size: 20px; 
font-family: "GEBold";
}


@media only screen and (max-width: 600px) {
.headerText button {
font-size: 18px;
padding: 14px 14px;
font-family: "GEBold";
}
}

.headerText a {
color: white !important;
font-family: "GEBold";
text-decoration: none;
}

.headerText a:hover {
    color: #ffcc0e  !important;
}

.leftImg {
display: inline-block;
vertical-align: top
}

@media only screen and (max-width: 600px) {
.leftImg {
width: 17%;
}

.leftImg img {
width: 100%;
}
}

.leftImg img {
width: 67%;
margin-top: 53px;
}

@media only screen and (max-width: 600px) {
.leftImg img {
width: 100%;
}
}

.rightImg {
display: inline-block;
vertical-align: top
}

@media only screen and (max-width: 600px) {
.rightImg {
width: 17%;
}
}

.rightImg img {
width: 67%;
margin-top: 53px;
}

@media only screen and (max-width: 600px) {
.rightImg img {
width: 100%;
}
}


.Blogs h1 {
    color: #C09700;
    font-family: "GEBold";
    direction: rtl;
    text-align: right;
    padding-top: 30px;
}

.H1border{
width: 100%;
height: 1px;
background-color: #c5c2c2;
margin-bottom: 45px;
margin-top: 30px;
}

.blog {
width: 100%;
background-color: white;
display: inline-block;
margin: 7px;
box-shadow: 4px 3px #8888880d;
padding-bottom: 15px;
direction: ltr;
}

.blog h4 {
    color: #C09700;
    padding-right: 26px;
    padding-top: 20px;
    font-family: "GEBold";
    text-align: right;
    direction: rtl;
}

.blog img {
width: 100%;
}

.blog p {
    width: 92%;
    color: #797979;
    padding-left: 35px;
    text-align: right;
    font-family: "GEBold";
    direction: rtl;
}

.blog a {
    display: inline;
    color: #943BBA;
    padding-right: 27px;
    font-weight: bold;
    padding-left: 73px;
    font-family: "GEBold";
    text-decoration: none;
    float: right;
    direction: rtl;
}

.border {
width: 89%;
height: 10px;
background-color: #dcdcdc45;
margin-bottom: 20px;
margin-top: 20px;
margin-left: 17px;
}

.blogPhoto {
height: 260px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;

}

.tab {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    direction: rtl;
}


.historyTabsLinkks {
    list-style: none;
    padding-bottom: 10px;
    text-align: center;
    direction: rtl;
}

.historyTabsLinkks li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer;
}

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

    .historyTabsLinkks {
        width: 100%;
    }
  }

.historyTabsLinkks li h6 {
    color: #a82add !important;
    font-weight: bold;
    padding-right: 15px;
    /* color: #943BBA; */
}

.historyTabsLinkks .active h6{
    color: #943BBA !important;
}

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

   .historyTabsLinkks li h6 {
    font-size: 15px;
   } 

.historyTabContent{
    display : none
}
}
                                                
                                                        /*  -------------------------- end media page ------------------------------- */


















                                                /*  -------------------------- start brands page ------------------------------- */



/* start opening */
.opening {
    width: 100%;
    background: linear-gradient(50deg, rgba(255, 255, 255, 0), rgba(1, 34, 84, 0.90)), url(../imgs/brnd1.png);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: inline-block;
    padding-top: 70px;
}

.opening .logoo {
    float: right;
    background: rgba(254,254,254,.7);
    box-shadow: 0px 9px 11px rgb(0 0 0 / 27%);
    margin-left: 30px;
    padding: 20px;
    display: inline-block;
    vertical-align: top;
    margin-right: 50px;
    width: 200px;
    height: 200px;
    text-align: center;
    margin-top: 70px;
}

.opening .logoo img {
    height: 100%;
    width: 100%;
}
.brandTop{

    
    margin-bottom: 1em;
    display: flex;
    align-items: center;
    width: fit-content;
}
#twitter path{
    fill: #1DA1F2;

}
#twitter{
    right: 1px;
}
#youtube path{
    fill: #FF0000
}
.socialIcons a{
    margin:0 0.3em ;

cursor: pointer;
}
.socialIcons{
    margin-right:1em;
}
.socialIcons svg{
    background-color: white;
border-radius: 50%;
padding: 0.5em;
    position: relative;
   margin-top: 0.5em;
height: 40px;
width: 40px;

}
.socialIcons img{
    height: 40px;
    width: 40px;
    margin-top: 0.5em;
    background-color: white;
border-radius: 50%;
padding: 0.5em;
}
.socialIcons{
    display: inline;
}
.opening .brndtxt {
    text-align: right;
    direction: rtl;
    display: inline-block;
    width: 35%;
    margin: 70px auto;
    vertical-align: top;
 /*   max-width: 500px;*/
 min-width: 456px;
}

.opening .brndtxt h3 {
    font-family: "GELight";
    font-weight: bold;
    font-size: 40px;
    color: #fff;
    margin-top: 0;
    padding: 0 0.5em;
    background-color: rgba(255, 255, 255, 0.32);
margin-bottom: 0;
    display: inline-block;
}

.opening .brndtxt p {
    font-family: "GELight";
    font-size: 15px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.32);
    padding: 10px;
 
}

.opening .brndimg {
    display: inline-block;
    width: 30%;
    margin-left: 20px;
    float: left;
    margin-left: 60px;
    text-align:center;
    position: relative;
}

.opening .brndimg img {
    width: 350px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 40px;
}
@media screen and (max-width: 456px) {
    .opening  {
      
        width: unset;
   
      
    }
    .dropbtn{
        width: 100vw;
    }

}
@media screen and (max-width: 1550px) {
    .opening .brndimg {
      
        width: 21%;
   
      
    }

}
@media screen and (max-width: 1039px) {
    .opening .brndtxt{
        width: 62%;
        max-width: unset;
        min-width: unset;
    }
    .opening .brndimg {
      
       display: none;
   
      
    }

}
@media screen and (max-width: 736px) {
    .socialIcons{
        display: block;
        margin:0.5em 0;
        margin-bottom: 0.7em;
    }
    .opening .logoo{ display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .opening .brndtxt h3{
      padding: 0.2em 0.5em;
  }
  .brandTop{
      margin: auto;
      margin-bottom: 1em;
      display: inline;
  }
  .opening .brndtxt {
    text-align: center;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 30px;
    max-width: unset;
}
}
@media screen and (max-width: 600px) {
    .opening {
        background: linear-gradient(170deg, rgba(1, 34, 84, 0.90), rgba(255, 255, 255, 0)), url(../imgs/brnd1.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
    }

    .opening .logoo{
        display: block;
        margin-left: auto;
        margin-right: auto;
        float: none;
        width: 150px;
        height: 150px;
    }

    .opening .brndimg img{
        margin: auto;
        margin-bottom: 0px;
        width: 150px;
    }

    .opening .brndtxt {
        text-align: center;
        width: 100%;
        margin-top: 25px;
        margin-bottom: 30px;
    }
    .opening .brndtxt h3 { font-size: 25px; }
    .opening .brndtxt p {
        font-size: 15px;
        padding: 0px 35px;
        margin-top: 20px;
    }
    .opening .brndimg {
        text-align: center;
        width: 100%;
        margin-left: 0px;
        display:none;
    }
}

/* end opening */


/* start details */

/* start scroll box */

.dropbtn {
    background-color: #943BBA;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    font-family: "GEBold"
}

/* .dropbtn:hover, .dropbtn:focus {
    background-color: #2980B9;
} */

.dropdown {
    position: relative;
    display: none;
}

@media only screen and (max-width: 1039px) {
    .dropdown {
        display: inline-block; 
        width: 100%;
        direction: rtl;
        text-align: right;
    }
    .dropbtn {
        width: 100%;
        background-color: #651c84;
        color: white;
        padding: 16px;
        font-size: 16px;
        border: none;
        cursor: pointer;
        text-align: start;
        border: 0px !important;
        outline: 0px !important;
    }
    .arrow {
        border: solid white;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        float : left;
        }

    .up {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }
        
    .down {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #943BBA;
    width: 100%;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    font-family: "GEMedium";
    display: block;
}

@media only screen and (max-width: 600px) {
    .dropdown-content {
        position: absolute;
        background-color: #66148ac9;
        width: 83%;
        margin: auto;
        right: 0;
        left: 0;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }

    .dropdown-content a {
        color: white;
        padding: 12px 16px;
        text-decoration: none;
        font-weight: bold;
    }

    .dropdown-content a:hover {
        color: #f5c827;
    }
}

/* .dropdown a:hover {background-color: #ddd;} */

.show {
    display: block;
    z-index: 10000;
}

.modal-backdrop{
    width: 0px;
}

.modal-dialog{
    margin-top: 100px;
}

.modal-header{
    direction: ltr;
}

.modal-title{
    font-family: "GEMedium";
}

.modal-header .close{
    margin: -1rem;
}
/* end scroll box */

.brnddetail {

    text-align: right;
    direction: rtl;
    /* margin-top: -16px; */
    width: 100%;
    /* height: 660px; */
    display: inline-block;
    /* border: 3px solid red; */
    vertical-align: top;
   margin-bottom: 80px;
display: table-row;
}

.brnddetail .leftBar {
    direction: rtl;
    text-align: right;
    /* width: 30%; */
    /* height: 400px; */
    /* border: 2px solid blue; */
    vertical-align: top;
    /* box-shadow: 8px 14px 15px 8px #e2e2e2ba; */
   /* box-shadow: -11px 18px 10px #eaeaea;*/
    height:100%;
    display: table-cell;
    float: unset !important;
    background-image: linear-gradient(#8f2ab9, #541d6d);
}

.leftBar {
    display: inline-block;
    width: 22.68%;
    /* margin-left: 80px; */
   float: right;
 background-image: linear-gradient(#8f2ab9, #541d6d);
 height: 64vw;
 max-height: 700px;
}
@media only screen and (max-width: 1181px) {
   
    .leftBar{
        height: 68vw;
    }
}
@media only screen and (max-width: 1122px) {
   
    .leftBar{
        height: 72vw;
      
    }
}
@media only screen and (max-width: 1093px) {
   
    .leftBar{
        height: 69vw;
        max-height: unset;
    }
}
@media only screen and (max-width: 600px) {
    .brnddetail .leftBar{
        display: none; 
    }
    .leftBar{
        display: none; 
    }
}

@media only screen and (max-width: 1039px) {
    .brnddetail .leftBar{
        display: none; 
    }
    .leftBar{
        display: none; 
    }
}

.leftBar ul {
    direction: rtl;
    text-align: right;
    list-style: none;
    /* background-color: #943BBA; */
 /*   background-image: linear-gradient(#8f2ab9, #541d6d);*/
    width: 100%;
    height: 100%;
    padding-right: 80px;   
    padding-top: 31px;
    padding-bottom: 147px;
    display: inline-block;
    margin-bottom: 0;
    /* text-align: end; */
}

.leftBar li {
    padding-top: 12px;
    padding-bottom: 12px;
}

.leftBar ul li a {
    text-align: right;
    direction: rtl;
    color: #f7f4f4;
    text-decoration: none;
    padding-top: 10px ;
    padding-bottom: 10px;
    font-family: "GEMedium";
    font-weight: bold;
    font-size: 16px;
}

.leftBar ul li a:hover { color: #c09700;}

.borderHistory {
    width: 170px;
    height: 1px;
    background: white;
}

.brnddetail .div2 {
    width: 60%;
    height: 550px;
    display: inline-block;
    /* border: 2px solid yellow; */
    margin-right: 110px;
    margin-top: 40px;
}

.div2 .links {
    width: 45%;
    margin-top: 30px;
    /* margin-left: 115px;*/
}

.div2 .links img {
    width: 40px;
    margin-left: 15px;
}

.div2 .Wsizes h4 {
    text-align: right;
    direction: rtl;
    font-family: "GEMedium";
    color: red;
    margin-top: 35px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: bold;
    margin-bottom:20px;
}

.div2 .Wsizes .imgone { 
    display: inline-block;
    text-align: center;
    min-width: 150px;
    max-width: 200px;
}

.div2 .Wsizes .imgone p {
    font-family: "GEMedium";
    font-size: 13px;
    color: #5a5a5a;
    margin-top: 5px;
}

.div2 .Wsizes .imgtwo { display: inline-block; }
.div2 .Wsizes .imgtwo p {
    font-family: "GEMedium";
    font-size: 13px;
    color: #5a5a5a;
    margin-right: 40px;
    margin-top: 0;
}

.div2 .Wsizes .imgthree { display: inline-block; }
.div2 .Wsizes .imgthree p {
    font-family: "GEMedium";
    font-size: 13px;
    color: #5a5a5a;
    margin-right: 50px;
    margin-top: 0;
}

.div2 .Wsizes .imgfour { display: inline-block; }
.div2 .Wsizes .imgfour p {
    font-family: "GEMedium";
    font-size: 13px;
    color: #5a5a5a;
    margin-right: 60px;
    margin-top: 0;
}

.div2 .Wsizes .imgfive { display: inline-block; }
.div2 .Wsizes .imgfive p {
    font-family: "GEMedium";
    font-size: 13px;
    color: #5a5a5a; 
    margin-right: 75px;
    margin-top: 0;
}

/* .div2 .Bsizes {
    display: inline-block;
} */

.div2 .Bsizes h4 {
    text-align: right;
    direction: rtl;
    font-family: "GEMedium";
    color:red;
    margin-top: 35px;
    font-size: 18px;
    font-weight: bold;
}

.div2 .Bsizes .imgonee { display: inline-block; }
.div2 .Bsizes .imgonee p {
    font-family: "GEMedium";
    font-size: 13px;
    color: #5a5a5a;
    margin-top: 8px;
    margin-right: 10px;
}




@media screen and (max-width: 600px) {
    .brnddetail {
        height: auto;
        margin-top: 0;
        /* direction: ltr; */
    }
    /* .leftBar ul {
        text-align: center;
        width: 100%;
        padding-right: 0;
    }
    .borderHistory { margin: auto; }
    .leftBar ul li a {font-size: large;} */
    .brnddetail .div2 {
        text-align: center;
        width: 100%;
        height: auto;
        margin-right: 0;
    }
    .div2 .links { width: 100%; }
    .div2 .links img {
        width: 65px;
        /* margin-right: 10px;*/
    }
    .div2 .Wsizes h4 {
        margin-top: 45px;
        margin-bottom: 30px;
        text-align: center;
    }
    .div2 .Wsizes .imgone, .div2 .Wsizes .imgtwo, .div2 .Wsizes .imgthree, .div2 .Wsizes .imgfour, .div2 .Wsizes .imgfive {
        width: 100%;
        max-width: 100%;
    }
    .div2 .Wsizes .imgone img { width: 110px; }
    .div2 .Wsizes .imgone p {
        font-size: 15px;
        /* margin-left: 20px; */
    }
    .div2 .Wsizes .imgtwo img { width: 150px; }
    .div2 .Wsizes .imgtwo p {
        font-size: 15px;
        margin-left: 35px;
    }
    .div2 .Wsizes .imgthree img { width: 170px; }
    .div2 .Wsizes .imgthree p {
        font-size: 15px;
        margin-left: 50px;
    }
    .div2 .Wsizes .imgfour img { width: 200px; }
    .div2 .Wsizes .imgfour p {
        font-size: 15px;
        margin-left: 55px;
    }
    .div2 .Wsizes .imgfive img { width: 230px; }
    .div2 .Wsizes .imgfive p {
        font-size: 15px;
        margin-left: 80px;
    }
    .div2 .Bsizes .imgonee { width: 100%; }
    .div2 .Bsizes h4 {
        margin-bottom: 30px;
        text-align: center;
    }
    .div2 .Bsizes .imgonee img { width: 110px; }
    .div2 .Bsizes .imgonee p {
        font-size: 15px;
        margin-left: 15px;
        margin-top: 18px;
    }
}

/* end details */



                                                /* ---------------------------- end brand page ------------------------------- */














                                                /*  -------------------------- start single media page ------------------------------- */



/* start intro */
.opener {
    width: 100%;
    background-image: url("../imgs/media.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
}

/* start details */

/* .single1 {
    float: left !important;
}

.single {
    float: right !important;
} */

/* .mediaTitle {
    float: right !important;
}

.mediaDate {
    float: left !important;
} */

.singleMedia {
    direction: rtl;
    text-align: right;
    /* border: 3px solid red; */
    width: 85% !important;
    /* display: inline-block; */
    /* height: 600px; */
    /* vertical-align: top; */
    /* margin-left: 100px; */
    margin: 35px auto;
}

.title, .date { width: 100%; }

.title h1 {
    direction: rtl;
    text-align: right;
    /* display: inline-block; */
    color: #daae0b;
    /* text-align: left; */
    /* margin-right: 668px; */
    font-family: "GELight";
    font-weight: bolder;
    font-size: 35px;
    /* padding-bottom: 15px; */
}

.date h5 {
    direction: rtl;
    text-align: left;
    /* display: inline-block; */
    /* text-align: right; */
    font-family: "GEMedium";
    color: #943BBA;
    font-weight: bold;
    margin-top: 70px;
    /* margin-left: 68px; */
    font-size: 13px;
    /* float: left; */
}

.line {
    width: 100%;
    border: 1px solid #b7b7b7;
    height: 1px;
}

/* start details 2 */
.lastDiv{
    display: flex;
    align-items: center;
}
.mediaDetail {
    /* border: 2px solid blue; */
    width: 100%;
    /* display: inline-block; */
    /* vertical-align: top; */
    /* height: 400px; */
    /* margin-right: 20px;*/
    /* margin-left: 20px;
    margin-top: 70px; */
}

.mediaDetail p {
    direction: rtl;
    text-align: right;
    font-family: "GEMedium";
    padding-left: 145px;
    font-size: 14px;
    color: #8a8a8a;
}

.mediaView {
    padding-right: 0 !important;
}

.photos1, .photos2 { width: 100%; }

.photo1 {
    /* display: inline-block; */
    /* width: 300px; */
    /* background-image: url("../imgs/media1.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover; */
    height: 230px;
    margin: 5px 0px;
}
.photo2 {
    /* display: inline-block;
    width: 300px; */
    /* background-image: url("../imgs/media5.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover; */
    height: 230px;
    margin: 10px 0px;
}

.photo3 {
    /* display: inline-block;
    width: 300px; */
    /* background-image: url("../imgs/media3.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
    height: 230px;
    margin: 5px 0px;
}
.photo4 {
    /* display: inline-block;
    width: 300px; */
    /* background-image: url("../imgs/media4.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
    height: 230px;
    margin: 10px 0px;
}

.mediaList {
    direction: rtl;
    text-align: right;
    /* border: 2px solid yellow; */
    width: 90%;
    margin-top: 70px;
    /* display: inline-block; */
    /* height: 400px; */
    box-shadow: 4px 6px 15px 15px #f1f1f19e; 
}

.mediaList ul {
    list-style: none;
    background-color: #ffffff;
    width: 100%;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 15px;
    /* display: inline-block; */
}

.mediaList li {
    padding-top: 12px;
    padding-bottom: 12px;
}

.mediaList ul li a {
    direction: rtl;
    text-align: right;
    color: #daac01;
    text-decoration: none;
    padding-top: 10px;
    padding-left: 15px;
    padding-bottom: 10px;
    font-family: "GEMedium";
    font-weight: bolder;
    font-size: 20px;
}

.mediaList ul li h5 {
    direction: rtl;
    text-align: right;
    margin-bottom: 0;
    margin-top: 5px;
    color: #ababab;
    font-family: "GEMedium";
    font-weight: bold;
    font-size: 11px;
}

.mediaList ul li a:hover { color: #943BBA;}

.line2 {
    width: 90%;
    /* width: 170px; */
    height: 7px;
    background: #e2e2e2;
}


@media screen and (max-width: 600px) {
    .title, .date { text-align: center; }
    .title h1 { 
        margin-bottom: 0;
        font-size: 40px;
        text-align: center;
    }
    .date h5 { 
        float: none;
        font-size: 18px;
        text-align: center;
        margin-top: 40px;
        margin-bottom: 45px;
    }
    .line { width: 100%; margin-left: 30px; }
    .singleMedia {
        width: 100% !important;
        /* margin-left: 0px; */
    }
    .mediaDetail { width: 100%; }
    .mediaDetail p {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 20px;
    }
    .photo1, .photo2, .photo3, .photo4 { width: 100%; }
    .mediaList { width: 100%; }    
    .mediaList ul li a { font-size: 25px; }
    .mediaList ul li h5 { font-size: 15px; }
}


                                            /*  -------------------------- end single media page ------------------------------- */







                                            /* -------------------------- start customer-care page ------------------------------ */



.header-container-img{
background-image: url(../imgs/customer-care-header.svg); 
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: white;
}
.header-text-holder{
padding: 74px;
text-align-last: right;
margin:80px auto;
font-family:"GEBold";
margin-top: 100px;
}
.card-body{
background-image: url(../imgs/customer-care-header.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
align-items:center;
}
#customer-form{
width: 70%;
margin: 0 auto;
padding: 30px;

}
@media screen and (max-width: 600px) {
    #customer-form {
        width: 100% !important;
    }
    .form-control {
        width: 100% !important;
    }
    .arb-style{
        left:0px !important;
        text-align: right !important;
    }
    .header-text-holder{
        margin: 50px auto 0px;
        padding: 65px 20px 40px;
    }
}




.hidden{
    display: none;
}

.col-form-label{
color: #797979;
text-align: right;
font-family:"GEBold";
}
.button-contanier{
text-align-last: center;
padding: 40px;
text-align: center;


}
.btn-group{
border: #c19804 2px solid;
border-radius: unset;
font-family:"GEBold";
}
.btn-primary{
background-color: #c09700 !important;
border-color: #c19804 !important;
color: #ffffff !important;
}


.btn-primary:hover{
background-color: #8f8975;

}

.btn-primary:focus {
color: #fff; 
background-color: unset;
border-color: unset;
box-shadow:unset;
}

.btn:focus{
box-shadow: unset;
}

.form-select{
color: #797979;

}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle){
border-radius: unset;
width: 150px;
color: #c09700;
}

.btn-group>.btn:not(:first-child){
border-radius: unset;
width: 150px;
color: #c09700;
}

.form-select option{
color: #797979;

}

.customer-form-submit{
background-color:#9548ba;
border-radius: unset;
font-family:"GEBold";
}

.customer-form-submit:hover{
background-color: #381748;
}

.customer-form-submit{
position: relative;
width: 116px;
height: 40px;
padding-top: 4px;
right: 5%;

}
.customer-form-style{
margin-right: 0px;
}

.notice-p{
color: #797979;
text-align: right;
margin: 38px;
font-family:"GEBold";
}

.form-control{
height: 50px;
color: #797979;

}

.form-group {
    margin-bottom: 1rem !important;
}

.verification-code{
background-color: #ebebeb;
color: #943bba;
border: 1px solid #ced4da;
border-radius: .25rem;
align-items: center;

}
@media screen and (min-width: 599px) {
#productsMobile{
    display: none;
}
}
@media screen and (max-width: 600px) {
    .verification-code {
        margin-right: 15px;
    }
    #productsWeb{/*
        display: none;*/
    }
    .verification-code >h5 {
        font-size: 15px !important;
    }
    #swiperWidth{
max-width: 90%;
overflow: hidden;
margin: auto;
    }
   
}


.verification-code >h5{
margin: 0px auto;
padding: 12px;
font-weight: bold;
font-size: 1.25rem;
}
#custom-button {
padding: 10px;
color: white;
background-color: #a7a7a7;
cursor: pointer;
}



#custom-text {
margin-right: 10px;
font-family: sans-serif;
color: #aaa;
}

.arb-style{
    direction: rtl;
}



                                            /* ----------------------------- end customer-care page ------------------------------ */










                                            


                                            /* ----------------------------- start contact-Us page ------------------------------ */

.header-img{
    background-image: url(../imgs/contact-us-header.png);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
  }
  .contact-row-header{
    color: #c19907;
    padding-top: 40px;
  font-family: 'GEBold';
  }

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

    .contact-row-header h1{
        margin-right: 32px;

    }

    .sec-btn-contact{
        margin-left: 137px;

    }
}

.contactLoc {
    padding-right: 8px;
}
  
  .padding-style{
    color: #797979;
    overflow: hidden;
    padding: 15px;
    font-family: 'GELight';
  }
  .contact-container-style{
    color: #797979;
    overflow: hidden;
    padding: 15px;
    margin-bottom: 90px;
  }
  
  .contact-submit-general{
    float: left;
    background-color:#9548ba;
    border-radius: unset;
    width: 116px;
    height: 40px;
    padding-top: 4px;
    font-family: "GEBold"
  }
  .form-submit-btn-contact{
    position: relative;  
  }
  
  .contact-form-submit:hover{
    background-color: #381748;
  }
  .font-color{
    color: #9548ba ;
    padding: 9px 0px 9px 0px;
    text-align-last: right;
    font-family:"GEBold";
  }
  span{
    font-weight: bold;
  }
  
  .qr-img{
    width: 100%;
    height: 100%;
  }


.none-padding{
    padding-right: 0px !important ;
}



                                            /* ----------------------------- end contact-us page ------------------------------ */











                                            /* ----------------------------- Start Of Global Footer Style ------------------------------ */

@media screen and (max-width: 900px) {
    .col-social-holder , .col-qr-holder {
        padding-right: 5%;
        margin-top: 20px;
    }
}

.col-contact-holder{
padding-right: 5%;
text-align: right;
direction: rtl;
font-family: "GELight";
}

.col-contact-holder h5{
    font-family: "GEBold";
}

.col-social-holder h6{
    font-family: "GEBold";
    margin-bottom: 15px;
}
.footer-background{
padding-top: 30px;
padding-right: 0!important;
}
.col-logo-holder{
    padding-left:40px;
    align-self: center;
    text-align: center;
}

.col-logo-holder img{
    width: 40%;
    max-width:200px;
}

.col-list-holder{
width: 50%;
text-align-last: right;

}

.refresh{
    position: relative;
    margin-bottom: 1em;
     }
     .refresh button{
         position: absolute;
         border:none ;
         background-color: transparent;
         top: 0;
         top: 9px;
         cursor: pointer;
         left: 3px;
     }
     .refresh img{
         height: 30px;
     }

a[href^=tel] {
    text-decoration:inherit;
    color: inherit;
 }
.footer-numb{
margin: 5px 5px 0px 0px;
font-family: sans-serif !important;
}
.footer-icon{
margin-right: 15px;
}
.footer{
background-color: #381748;
padding: 0px;
margin: 0px;
color: #fff;
}

.top-butn{
background-image: url(../imgs/arrow-up-footer.svg);
background-position: center;
background-size: contain;
border: none;
display: block;
position: relative;
width: 30px;
height: 25px;
left: 4%;
bottom: 11px;
}



.hov-icon-holder{
    width: 20px;
    height: 20px;
    display: inline-block;
}

.homeLink:hover .hov-icon-holder {
    transform: scaleX(-1);
    background-image: url(../imgs/HoveIcon-footer.svg);
    background-position: center;
    background-size: contain;   
    background-repeat: no-repeat;
    display: inline-block;
    }

.aboutLink:hover .hov-icon-holder {
    transform: scaleX(-1);
    background-image: url(../imgs/HoveIcon-footer.svg);
    background-position: center;
    background-size: contain;   
    background-repeat: no-repeat;
    display: inline-block;
    }

.mediaLink:hover .hov-icon-holder {
    transform: scaleX(-1);
    background-image: url(../imgs/HoveIcon-footer.svg);
    background-position: center;
    background-size: contain;   
    background-repeat: no-repeat;
    display: inline-block;
    }
.brandsLink:hover .hov-icon-holder {
    transform: scaleX(-1);
    background-image: url(../imgs/HoveIcon-footer.svg);
    background-position: center;
    background-size: contain;   
    background-repeat: no-repeat;
    display: inline-block;
    }
.branchesLink:hover .hov-icon-holder {
    transform: scaleX(-1);
    background-image: url(../imgs/HoveIcon-footer.svg);
    background-position: center;
    background-size: contain;   
    background-repeat: no-repeat;
    display: inline-block;
    }

.contactLink:hover .hov-icon-holder {
    transform: scaleX(-1);
    background-image: url(../imgs/HoveIcon-footer.svg);
    background-position: center;
    background-size: contain;   
    background-repeat: no-repeat;
    display: inline-block;
    }



.col-list-holder ul li{
list-style: none;
padding: 8px;

}
.col-list-holder ul li a{
    text-decoration: none;
    color: white;
    font-family: "GEBold";
}



.locationHolder{
    width: fit-content; 
    display: flex; 
    height: fit-content; 
    text-align: right;

}

.footerTwitter .footerLinkdin{
display: block;
}

.footerTwitter{
    background-image: url(../imgs/twitter.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 46px;
    height: 34px;
    padding-left: 6px;
}
.footerLinkdin{
    background-image: url(../imgs/linkednIcon-footer-nav.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 46px;
    height: 34px;
    padding-left: 6px;
}


.lang-row-footer a{
    text-decoration: none !important;
    color: white !important;
    padding: 5px;
    margin-left:15px ;
    place-content: center;

}

.footerList {
    padding-right: 10px !important;
}

.lang-row-footer{
    padding-right: 0px !important;

}
.copyright{
background-color: #e5e5e5;
text-align: center;
padding: 10px;
margin-top: 35px;
}
.copyright-p{
margin: auto;
color:#381748;
font-weight: bold;
font-family: "GELight";
}

.copyright-holder {
    width: 100%;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: auto;
    margin-left: auto;
}
.footer-row{
    padding-right: 0px !important;
}

@media screen and (max-width: 600px) {
    .footerList {
        padding-right: 0px !important;
    }
    .footer-row{
        min-width: 100px;
    }
}

                                        /* ------------------------------ End Of Global Footer Style ------------------------------------ */