body{font-family: 'Cairo', sans-serif;}
/* ***************Header Style********************** */
nav{background-color: transparent!important;}
 header{height: 710px; width:100%;background: url('../img/First\ page\ edited.png') center;background-repeat: no-repeat;
    background-size: cover;position: relative;width: 100%;} 
.overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.2);
    background-size: cover;
}

.navbar-brand .logo{width: 20%;margin-left: 50px;margin-top: -30px;}
.navbar-nav{padding-top: 20px;padding-right: 20px;}
.navbar-nav .nav-link{color: #c23616!important;font-weight: bold}
.navbar-nav .nav-item.active .nav-link{color: #009aff!important;}
.navbar-nav .nav-link:hover{color: #009aff !important;}

/* *****************Start about*************************** */
.about{padding: 80px 0;background: linear-gradient(51deg,#b2412d 3%,#fff 30%);}
section h1{margin-bottom: 80px;font-weight: bold;
    background: -webkit-linear-gradient(rgb(0 67 255 / 33%), rgb(255 0 0 / 91%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
section h1::before{
    content: '|';
    margin-right: 5px;
}
.about h3{font-weight: bold;color: #353b48}
.about .intro p ,.prod p.intro, .Promises p.intro
{font-size: 23px;font-weight: bold;margin-top: 20px;color: #353b48;}
.about .info{margin-top: 60px;}
.about .info p{font-size: 22px;color: rgb(74 77 78);}
.about .info img{width: 80%;border-radius: 5%;}

/* *****************Start market*************************** */
.market{padding-top: 50px;padding-bottom: 30px; background: url('../img/market.png');background-size: cover;
position: relative;}
.overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
}
.market p.intro{color: #fff;font-weight: bold;z-index: 2;position: relative;}
.market h1{background: -webkit-linear-gradient(#d0c8c3,#f1e7e5,#009aff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.market h1 ,.market p.size , .market .card{color: #fff;z-index: 2;position: relative;}
.market .card{margin-top: 50px;margin-bottom: 80px;border: none !important;
    box-shadow:1px 1px 2px #636e72 ,-1px -1px 2px #636e72;cursor: pointer;}
.market .card-title{font-weight: bold;color:#353b48;transition: all 1s;}
.market .card-body p, p.size{color: #636e72;transition: all 1s;}
.market .card1{background-image: linear-gradient(to right, rgb(0 67 255 / 33%), rgb(255 0 24 / 93%));}
.market .card1 p , .card1 .card-title{color: #fff;}
.market .card:hover{background-image: linear-gradient(to right, rgb(0 67 255 / 33%), rgb(255 0 24 / 93%));}
.market .card:hover p,.market .card:hover .card-title{color: #fff;}

/* ********************start Product*************************/
.prod{padding: 50px 0 50px 60px;}
.prod .prod-img img{width: 80%;height: 45%;border-radius: 15%;cursor: pointer;}
.prod .prod-img .row{margin-bottom: -20%;}
.prod .samsung{margin-bottom: 30px;}
.prod .samsung img{width: 65%;cursor: pointer;}
.prod .samsung h4{color: #2d3436a6;font-weight: bold;}
.prod .samsung p{color: #636e72;font-size: 22px;margin-top: 30px;}
/* ********************start Promiess**********************/
.Promises{padding-top: 80px; padding-bottom: 80px;}
.Promises p.intro2{color: #636e72;}
.Promises .card{color: #fff;margin-top: 50px;border: none !important;transition: all 2s;
background-image: linear-gradient(to right, rgb(79 83 93 / 33%), rgb(17 8 0 / 61%));cursor: pointer;
}
.Promises .card:hover{
    background-image: linear-gradient(rgb(79 83 93 / 33%), rgb(148 23 29 / 62%));
}
.Promises .card .card-title{font-size: 25px;font-weight: bold;margin: 30px 0;}
.Promises .card-body i{
     font-size: 30px;
     background-image: linear-gradient(rgb(79 83 93 / 33%), rgb(148 23 29 / 62%));
    border: 3px dotted;
    border-radius: 50%;
    padding: 20px 20px;
}
.Promises .card-body .price i{padding-left: 25px;padding-right: 25px;}

/* ************************Last section****************************/
.last-sec{
    height: 300px; padding: 80px; position: relative;
    background: url('../img/lab.jpg') center fixed;
    background-size: cover;
}
.last-sec p{color: #fff; font-size: 37px;z-index: 2;position: relative;}
.overlay2{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-image: linear-gradient(to left, rgb(0 67 255 / 33%), rgb(181 14 14 / 81%));
}
/* ******************Footer*******************************/
footer{padding: 80px 0; height: 350px;background: url('../img/contact.jpeg') ;background-size: cover;position: relative}

footer img{width: 40%;margin-top: -20px;}
footer h1{color: #fff;position: relative;}
footer .line{border-bottom: solid 2px #fff; margin-bottom: 30px;}
footer .line::after{
    content: '';
    height: 20px;
    width: 20px;
    color: #fff;
    position: absolute;
    top: 46px;
    left: -1%;
    border: 1px #fff solid;
    border-radius: 50%;
    background-image: linear-gradient(#f5f5f5 , #c23616);
}
footer .line::before{
    content: '';
    height: 20px;
    width: 20px;
    color: #fff;
    position: absolute;
    top: 46px;
    right: -1%;
    border: 1px #fff solid;
    border-radius: 50%;
    background-image: linear-gradient(#f5f5f5 , #c23616);
}
footer .contact{color: #fff; font-size: 14px;}
footer .cont p{margin-bottom: 2px;}
footer .cont span{margin-right: 5px;}
footer img,footer h1,footer h5,footer p, footer span{z-index: 2;position: relative;}
.overlay3{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-image: linear-gradient(to bottom, rgb(0 67 255 / 5%), rgb(181 14 14 / 45%));
}
.copy-right{margin-top: 60px;}
.copy-right span{color: #fff;}
/*Start Scroll To Top*/
#scroll-top{
	width: 50px;
	height: 50px;
	color: aliceblue;
	text-align: center;
	position: fixed;
	right: 15px;
	bottom: 10px;
	z-index: 99999;
	display: none;
	cursor: pointer;
}
#scroll-top i{font-size: 29px;color: #ccc;margin-top: 8px;}