@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;0,700;1,300;1,400&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,400;0,500;1,300&display=swap');


a{text-decoration:none;color: #fe784a}
a:hover{color:#666; text-decoration:none;}
.active_link{color:#1da1e1; text-decoration:none;}


html,
body {
    height: 100%;
	color: #9ba8b3;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}



.navbar-nav .nav-link
{
  color: #fff;
  }
.navbar-nav .nav-link:hover
{
  color:#04461f;
}

.orange_color
{
	color: #fe784a;
}

.home_style
{
	
	color: #d18040;
	background:#000 url("../images/home_bg.png") 50% 0 no-repeat;
	/*background-size:4263px 1828px;*/
	
	
}
.me_img
{
	margin-top: 140px;
	border: 5px solid;
  	border-image-source: linear-gradient(45deg, #5a402b,#2b1b0e,#64462e );
  	border-image-slice: 1;
	min-height: 300px;
	border-radius: 3px;
	padding: 15px;
	
}
.logo_img
{
	max-width: 250px;
}


.cld1
{
	background: url("../images/cld1.png") repeat-x;
	background-position: 0 99px;
	-webkit-animation: 33s linear 0s normal none infinite cld1;
    -moz-animation: 33s linear 0s normal none infinite cld1;
    -ms-animation: 33s linear 0s normal none infinite cld1;
    -o-animation: 33s linear 0s normal none infinite cld1;
    animation: 33s linear 0s normal none infinite cld1;
	
}

.cld2
{
	background: url("../images/cld2.png") repeat-x;
	/*background-position: 0 99px;*/
	-webkit-animation: 22s linear 0s normal none infinite cld2;
    -moz-animation: 22s linear 0s normal none infinite cld2;
    -ms-animation: 22s linear 0s normal none infinite cld2;
    -o-animation: 22s linear 0s normal none infinite cld2;
    animation: 15s linear 0s normal none infinite cld2;
	
}
.gui_text
{
	font-size: 28px;
	font-family: 'Bitter', serif;
	text-transform: uppercase;
	background: #80481C;
background: -webkit-repeating-linear-gradient(to bottom right, #80481C 0%, #F99B4E 100%);
background: -moz-repeating-linear-gradient(to bottom right, #80481C 0%, #F99B4E 100%);
background: repeating-linear-gradient(to bottom right, #80481C 0%, #F99B4E 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}



.navbar-toggler
{
	background: #ffffffc7;
	border: solid 1px #fff;
}
.navbar-toggler-icon
{
	/*background: url("../images/menu_icoz.svg") no-repeat;*/
	
	
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(229,131,16, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

}

.rel1
{
	position: relative;
	
}
.ahmad_bg
{
	background: url("../images/ahmad_eid.png");
	min-height: 467px;
	position: absolute;
	top: -155px;
	left: 40px;
	text-align: center;
	 
}
.me_fonts
{
	font-family: 'Bitter', serif;
	font-size: 18px;
	z-index: 3;
	color: #f99b4e;
	text-align: right;
	
}
.web_font
{
	font-family: 'Bitter', serif;
	font-size: 33px;
	z-index: 3;
	color: #484141;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 61px;
}
.my_name
{
	position: absolute;
	z-index: 2;
	text-align: center;
}

.work1
{
	margin-top: 195px;
	
}
.work2
{
	margin-top: 100px;
}


.graph_font
{
	color: #fff;
	margin-top: 85px;
	font-size: 36px;
	font-family: 'Bitter', serif;
	font-weight: bold;
	margin-left: 75px;
}

.port1
{
	
	margin-top: 180px;
	padding-bottom: 150px;
	
}
.port_font
{
	font-size: 35px;
	font-family: 'Bitter', serif;
	text-align: center;
	background: #875621;
background: -webkit-linear-gradient(to top, #875621 0%, #BBA454 100%);
background: -moz-linear-gradient(to top, #875621 0%, #BBA454 100%);
background: linear-gradient(to top, #875621 0%, #BBA454 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
	padding-right: 143px;
}


.header_bg
{
	background:#f3f6fb url("../images/header_bg.png") top center no-repeat;
	min-height: 300px;
}


.header_ico
{
	background: url("../images/head_ico.png") bottom right no-repeat;
	min-height: 322px;
	margin-top: 46px;
	
}

.about_me1
{
	margin-top: 50px;
}

.bubl_ing
{
	background:url("../images/bubl_img.png") 50% 10px no-repeat ;
	min-height: 300px;
}

.info_bg1 h2, .info_bg2 h2, .info_bg3 h2
{
	margin-bottom: 20px;
}
.info_bg1 h5, .info_bg2 h5, .info_bg3 h5
{
	color: #999;
}

.info_bg1
{
	box-shadow: 0 0 6px 2px #f1f1f1;
	min-height: 160px;
	border-radius: 6px;
	padding: 15px;
	padding-left: 28px;
	background-color: #fff;
	background-image: 
    url("../images/border_thump.png"),
    url("../images/info1_bg.png");
  	background-position:
    bottom left, 
    90% 50%; 
  	background-repeat:
    no-repeat; 
	margin-bottom: 52px;
	margin-top: 16px;
}
.info_bg2
{
	box-shadow: 0 0 6px 2px #f1f1f1;
	min-height: 160px;
	border-radius: 6px;
	padding: 15px;
	padding-left: 28px;
	background-color: #fff;
	background-image: 
    url("../images/border_thump.png"),
    url("../images/info2_bg.png");
  	background-position:
    bottom left, 
    90% 50%; 
  	background-repeat:
    no-repeat; 
	margin-bottom: 52px;
}

.info_bg3
{
	box-shadow: 0 0 6px 2px #f1f1f1;
	min-height: 160px;
	border-radius: 6px;
	padding: 15px;
	padding-left: 28px;
	background-color: #fff;
	background-image: 
    url("../images/border_thump.png"),
    url("../images/info3_bg.png");
  	background-position:
    bottom left, 
    90% 50%; 
  	background-repeat:
    no-repeat; 
	margin-bottom: 52px;
}


.hier_me
{
	background: url("../images/me_2.png") top center no-repeat;
	min-height: 368px;
	position: relative;
	margin-top: 120px;
	margin-bottom: 20px;
	
}
.hire_btns_bg
{
	background: #fff;
	box-shadow: 0 0 1px 2px #f1f1f1;;
	border-radius: 42px;
	width: 100%;
	min-height:80px;
	position: absolute;
	bottom: 0;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	
	
}
.get_cv {
	background-color:#44c767;
	border-radius:42px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:16px 33px;
	width: 100%;
	text-align: center;
	text-decoration:none;
	text-shadow:0px 0px 0px #2f6627;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}
.get_cv:hover {
	background-color:#ffa553;
	color: #fff;
}
.get_cv:active {
	position:relative;
	top:1px;
}

        
.hier_btn {
	background-color:#fff;
	border: solid 2px #44c767;
	border-radius:42px;
	display:inline-block;
	cursor:pointer;
	color:#44c767;
	padding:16px 33px;
	width: 100%;
	text-align: center;
	text-decoration:none;
	text-shadow:0px 0px 0px #2f6627;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}
.hier_btn:hover
{
	border-color: #ffa553;
	color: #ffa553;
}
.hier_btn:active {
	position:relative;
	top:1px;
}

.about_me2
{
	background: #fff;
	border-top: solid 2px #d6deeb;
	border-bottom: solid 2px #d6deeb;
	min-height: 300px;
	padding: 40px 0;
}

.qut_bg
{
	background: #f3f6fb;
	border: solid 1px #e6eaf0;
	padding: 25px;
	border-radius: 6px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.acadmic_bg
{
    background-image: url("../images/acd_ico.png"),url("../images/acadmi_bg.png"),
	radial-gradient(circle, rgba(151,106,227,1) 0%, rgba(100,54,206,1) 100%);
	background-position:bottom right, top right ;
	background-repeat: no-repeat;
	
	margin-bottom: 25px;
	padding: 20px;
	min-height: 300px;
	border-radius: 8px;
	color: #fff;
	
	
}


.round_img
{
	border-radius: 10px;
}



.big_images .modal-body
{
	text-align: center;
	padding: 0;
	background-image: url("../images/model_bg.png"), url("../images/model_2.png");
	background-position: top center, left top 860px;
	background-repeat: no-repeat, no-repeat;
	background-attachment:local, local;
	background-color: #ecf0f7;
	
	
}
.big_images img
{
	margin-top: 30px;
}



.pointer_crs
{
	cursor: pointer;
}
.mnsory_port .modal-header 
{
	background: #e9ebeb!important;
}

.mnsory_port .modal-header a
{
	color: #fe784a;
}


.mnsory_port .modal-header a:hover
{
	color: #49c77b;
}

.skill_bg
{
	background: url("../images/port_bg.png") center -250px no-repeat;
	min-height: 800px;
	
}


.round1
{
	border-radius: 24px;
}
.round_br
{
	border-bottom-right-radius: 0px;
}

.round_bl
{
	border-bottom-left-radius: 0px;
	
}
.round_tr
{
	border-top-right-radius: 0px;
	
}

.round_tl
{
	border-top-left-radius: 0px;
	
}
.pad-r
{
	margin-right: -10px !important;
}

.portflio
{
	margin-top: -200px;
	padding-top: 100px;
	padding-bottom: 40px;
	background: #fff;
	border-bottom: solid 2px #d6deeb;
	position: relative;
	z-index: -2;
	
}

.btn-check:focus + .btn, .btn:focus
{
	box-shadow: none;
}

.end_footer
{
	border-top: solid 1px #d2dde6;
	padding-top: 15px;
	margin-top: 60px;
	padding-bottom: 100px;
}


.phone_bg
{
	box-shadow: 0 0 6px 2px #f1f1f1;
	min-height: 85px;
	border-radius: 6px;
	background-color: #fff;
	background-image: url("../images/phone_ico.png");
  	background-position:left 25px center;
	background-repeat:no-repeat; 
	padding-left: 98px;
	
	
}

.mail_bg
{
	box-shadow: 0 0 6px 2px #f1f1f1;
	min-height: 85px;
	border-radius: 6px;
	background-color: #fff;
	background-image: url("../images/mail_ico.png");
  	background-position:left 25px center;
	background-repeat:no-repeat; 
	padding-left: 98px;
	
	
}


.phone_bg h6, .mail_bg h6
{
	padding-top: 33px;
}
.phone_bg a, .mail_bg a
{
	color: coral;
}

.phone_bg a:hover , .mail_bg a:hover
{
	color: #49c77b;
}

.end_footer ul
{
	margin: 0;
	padding: 0;
}
.end_footer ul li
{
	list-style: none;
	margin-top: 5px;
}
.end_footer ul li a

{
	color: #9ba8b3;
	
}

.end_footer ul li a:hover

{
	color: #49c77b;
	
}

/*For Tilt image*/

.tilter {
	position: relative;
	display: block;
	flex: none;
	width: 100%;
	height: 100%;
	perspective: 1000px;
}

.tilter * {
	pointer-events: none;
}

.tilter:hover,
.tilter:focus {
	color: #666;
	outline: none;
}

.tilter__figure,
.tilter__image {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	text-align: center
}

.tilter__figure > * {
	transform: translateZ(0px); /* Force correct stacking order */
}

.tilter__figure {
	position: relative;
}

.tilter__figure::before {
	content: '';
	position: absolute;
	top: 5%;
	left: 5%;
	width: 100%;
	height: 100%;
	/*box-shadow: 0 30px 20px rgba(35,32,39,0.5);*/
	
}

.tilter__deco {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.tilter__deco--overlay {
	/*background-image: linear-gradient(45deg, rgba(226, 60, 99, 0.4), rgba(145, 58, 252, 0.4), rgba(16, 11, 192, 0.4));*/
	
	
}

.tilter__deco--shine div {
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%);
	
}

.tilter__deco--lines {
	fill: none;
	/*stroke: #fff;*/
	/*stroke-width: 1.5px;*/
}

.tilter__caption {
	position: absolute;
	bottom: 80px;
	width: 100%;
	
	color: #000
}

.tilter__title {
	font-size: 2.5em;
	font-weight: normal;
	line-height: 1;
	margin: 0;
}

.tilter__description {
	font-size: 1.5em;
	margin: 0.8em 0 0 0;
	letter-spacing: 0.11em;
	color: #ffce50;
}


.skype_bg
{
	box-shadow: 0 0 6px 2px #f1f1f1;
	min-height: 160px;
	border-radius: 8px;
	padding: 15px;
	background-color: #00acfb;
	background-image:url("../images/skype_bg.png");
  	background-position: top 23px  left 25px; 
  	background-repeat:no-repeat; 
	margin-bottom: 52px;
	margin-top: 30%;
	color: #fff;
	
}

.emails_bg
{
	box-shadow: 0 0 6px 2px #f1f1f1;
	min-height: 160px;
	border-radius: 8px;
	padding: 15px;
	background-color: #fca452;
	background-image:url("../images/email_bg.png");
  	background-position: top 23px  right 25px; 
  	background-repeat:no-repeat; 
	margin-bottom: 52px;
	margin-top: 30%;
	color: #fff;
	text-align: right;
	
}

.skype_bg h4, .emails_bg h4
{
	margin-top:44%
}
.skype_bg  a, .emails_bg  a
{
	color: #fff !important;
}








/* Animations *********************************************************/
@-webkit-keyframes cld1 {
	0% {background-position:958px 5px;}
    100% {background-position:0 5px}
}
 
@-moz-keyframes cld1 {
	0% {background-position:958px 5px;}
    100% {background-position:0 5px}
}
 

@-o-keyframes cld1 {
	0% {background-position:958px 5px;}
    100% {background-position:0 5px}
}
 
@keyframes cld1 {
	0% {background-position:958px 5px;}
    100% {background-position:0 5px}
}


/*Anim 2*/
@-webkit-keyframes cld2 {
	0% {background-position:1133px 5px;}
    100% {background-position:0 5px}
}
 
@-moz-keyframes cld2 {
	0% {background-position:1133px 5px;}
    100% {background-position:0 5px}
}
 

@-o-keyframes cld2 {
	0% {background-position:1133px 5px;}
    100% {background-position:0 5px}
}
 
@keyframes cld2 {
	0% {background-position:1133px 5px;}
    100% {background-position:0 5px}
}