/* Portolio Hover */

:root {
	--orange1: #e97e2c;
	--orange2: #ff8021;
	--darkBlue: #0a3856;
	--green1: #42ab91;
	--white1: #fafafa;
	--white2: #f1f2f4;
	--gray1: #c5c5c5;
	--gray2: #dfdfdf;
  }
  
  

  @font-face {
	font-family: "roboto_black";
	src: url("../fonts/Roboto-Black.ttf") format("truetype");
  }

  @font-face {
	font-family: "roboto_bold";
	src: url("../fonts/Roboto-Bold.ttf") format("truetype");
  }
  

  @font-face {
	font-family: "roboto_medium";
	src: url("../fonts/Roboto-Medium.ttf") format("truetype");
  }
  
  @font-face {
	font-family: "roboto_regular";
	src: url("../fonts/Roboto-Regular.ttf") format("truetype");
  }
  
  @font-face {
	font-family: "poppins_regular";
	src: url("../fonts/Poppins-Regular.ttf") format("truetype");
  }
  
  @font-face {
	font-family: "poppins_medium";
	src: url("../fonts/Poppins-Medium.ttf") format("truetype");
  }
  
  @font-face {
	font-family: "poppins_extrabold";
	src: url("../fonts/Poppins-ExtraBold.ttf") format("truetype");
  }
  
  @font-face {
	font-family: "janna_regular";
	src: url("../fonts/ArbFONTS-Janna-LT-Regular.ttf") format("truetype");
  }
  
  @font-face {
	font-family: "janna_bold";
	src: url("../fonts/Janna-lt-Bold.ttf") format("truetype");
  }
  
  

.da-thumbs li ,
.da-thumbs li  img {
	display: block;
	position: relative;
	width: 100%;

}
.da-thumbs li  {
	overflow: hidden;

}
.da-thumbs li  article {
	position: absolute;
	background-repeat:repeat;
	width: 100%;
	height: 100%;
}
.da-thumbs li  article.da-animate {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/* Initial state classes: */
.da-slideFromTop {
	left: 0px;
	top: -100%;
}
.da-slideFromBottom {
	left: 0px;
	top: 100%;
}
.da-slideFromLeft {
	top: 0px; 
	left: -100%;
}
.da-slideFromRight {
	top: 0px;
	left: 100%;
}
/* Final state classes: */
.da-slideTop {
	top: 0px;
}
.da-slideLeft {
	left: 0px;
}
.da-thumbs li  article a {
	color:#fff;
	padding:20px;
	display:block;
	height:100%;
}

.da-thumbs {
text-align:center;
}

.da-thumbs li  article h3{
color:#fff;

}

.da-thumbs li  article span{

color:#fff;
display:block;
}


.photo-icon i{
	font-size:36px;
	margin: 25% 0 0 0;
	display:block;
}
.video-icon i{
	font-size:36px;
	margin: 20% 0 0 0;
	display:block;
}
a.i{
	text-decoration:none;
}
span.zoom{
overflow:hidden;
display:block;
width:35px;
height:35px;
background-color:#DF6232;
border-radius:50px;
cursor:pointer;
background-repeat:no-repeat;
background-position:center;
margin-left:10px;
}

.portfolio_2col article h3{
padding-top:70px !important;
}

/* Image Grid */
.image_grid {
	float:left;
	overflow:hidden;
	width:100%;
	position:relative;

}

.image_grid li{
	float: left;
	line-height: 17px;
	color: #686f74;
	list-style:none;
	overflow:hidden;

	text-align:center;
}


/* Responsive image grid*/
/* Mobile landscape width 320 */
@media only screen and (max-width: 480px) {
	.image_grid{
width:100%;
}

.image_grid li img{
width:100%;
}
#portfolio-items-wrap .portfolio-item {
width: 100% !important;
}
}
@media only screen and (max-width: 767px) {

.image_grid{
width:100%;
}

.image_grid li img{
width:100%;
}



}

.upercase_txt {
	text-transform: uppercase;
}


 @media only screen and (min-width: 480px) and (max-width: 767px) {



.image_grid li{
width:100% !important;
}

.portfolio_4col .da-thumbs li article h3{
padding-top:58px;
}

.portfolio_3col .da-thumbs li article h3{
padding-top:34px;
}

.portfolio_2col .da-thumbs li article h3{
padding-top:23px !important;
}

}


.flex_ineerContainer {
	width: 100%; 
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.deco_middle_box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}

.title-row {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
  margin-top: 50px;
}
.section_title {
	font-size: 45px  !important;
	color: var(--darkBlue);
	text-transform: uppercase;
	font-family: "roboto_black";
  }
.section_title_ar {
	font-size: 45px  !important;
	color: var(--darkBlue);
	text-transform: uppercase;
	font-family: "janna_bold";
  }
  
  .s_paragraph {
    font-size: 22px !important;
    color: var(--darkBlue) !important;
    /* width: 80%; */
    margin: auto !important;
    margin-bottom: 18px !important;
    font-family: "poppins_medium";
    text-align: justify !important;
    text-align-last: center;
  }
  
  .s_paragraph_ar {
    font-size: 22px !important;
    color: var(--darkBlue) !important;
    margin: auto !important;
    margin-bottom: 18px !important;
    font-family: "janna_regular";
  }
  
  .s_paragraph span{
	font-family: "poppins_extrabold";
  }

  .s_paragraph a{
	color: var(--darkBlue);
	text-decoration-line: underline;
  }
  
  .imageIcon{
    width: 50px;
    height: 50px;
  }

  .listText {
	font-size: 22px;
    color: var(--darkBlue);
    margin: 0;
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -32px;
    padding-left: 32px;
    font-family: "poppins_medium";
  }


  .row-text {
    margin-left: -15px;
    display: flex;
    align-items: center;
    margin-bottom: -15px;
}


.card1 {
    text-align: start;
}


.cycleImg {
	width: 60%;
    border-radius: 50%;
    margin-top: -100px;
    border: solid white 10px;
    border-top: none;
}

.paragraphTitle {
    font-size: 20px;
	font-family: "roboto_medium";
    text-transform: uppercase;
    margin-top: 20px;
}

.whiteText{
	color: white !important;
}
.greenText{
	color: var(--green1) !important;
}

.paragraph1 {
    width: 90%;
    margin: auto;
    text-align: justify;
    font-size: 15px;
    font-family: "poppins_regular";
}

.decoLine {
    width: 30px;
    height: 2px;
    background-color: white;
    margin: auto;
    margin-top: -15px;
    margin-bottom: 15px;
}

.decoPoints {
	color: gray !important;
    font-size: 74px  !important;
    margin: 30px 0 0 0  !important;
    padding: 0  !important;
    line-height: 0  !important;
    font-weight: 100  !important;
}

.counters .section_title {
	margin: 0;
}

.aligningbox {
	height: 100px;
    display: flex;
    align-items: flex-end;
}

.decoLine2 {
	width: 35px;
    height: 3px;
    background: var(--orange2);
    margin-bottom: 4px;
}
.decoLine3 {
    width: 30px;
    height: 3px;
    background: var(--orange1);
    margin: auto;
    margin-bottom: 25px;
}

.clockbg {
	background-image: url('../images/element/servicesImg.png');
	background-size: cover;
	background-position: bottom;
}


.partenairImg {
    width: 100%;
    height: auto;
    max-width: 150px !important;
    margin: auto !important;
}
.partenairRow {
    display: flex !important;
    width: 100% !important;
    justify-content: space-around !important;
    align-items: center !important;
}

.subroticImg {
    width: 100%;
    height: auto;
    max-width: 100%; /* Ensures images do not exceed their natural size */
    margin: auto;
}

.contactForm{
	display: flex;
	flex-direction: column;
}

.form_input {
    border-radius: 30px;
    padding: 8px 15px;
    margin: 5px 0;
    border: solid #cbcbcb 1px;
    color: var(--darkBlue);
    font-size: 23px;
    font-family: "roboto_regular";
    width: 100%;

}

.form_input::placeholder {
	color: #cbcbcb;
}

.button1 {
    width: 40%;
    color: white;
    background: var(--darkBlue);
    border: none;
    padding: 8px 0;
    border-radius: 50px;
    font-size: 25px;
    margin: 15px 0 20px 0;
    font-family: "roboto_medium";
}


.lp_footer {
	width: 100%;
	height: auto;
	background: var(--darkBlue);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-family: "poppins_regular";

}

.footer_content {
    display: flex;
    flex-direction: row;
    width: 85%;
    margin: 20px;
}

.contact_info {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	color: white;
}


.contactText {
	margin: 14px 0;
    font-size: 20px;
}

.social_btn_list {
 display: flex;
 flex-direction: row;

}

.social_icon {
	width: 40px;
    margin: 30px 10px 10px 10px;
}

.map_container {
	width: 100%;
    border-radius: 20px;
    height: 350px;
    margin: 0 0px 0 36px;
}

.copyrightText {
    margin: 0;
    color: white;
    font-size: 15px;
    border-top: solid 0.5px #2a5674;
    width: 100%;
    text-align: center;
    padding: 30px 0;
}


.row-text-center {
	display: flex;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.splash_deco {
	width: 30px;
    margin: 0 10px;
}

.decoline_corner_img{
	position: absolute;
	right: 0;
	top: 0;
	width: 150px;
}
.deco_star_img{
    position: absolute;
    bottom: 150px;
    left: 100px;
    width: 90px;
}
.deco_stick_img{
    position: absolute;
    top: 50px;
    right: 50px;
    width: 89px;
}
.deco_clock_img{
    position: absolute;
    top: 150px;
    right: 50%;
    width: 130px;
}
.deco_book_img{
    position: absolute;
    top: 0;
    right: 5%;
    width: 130px;
}
.deco_rocket_img{
    position: absolute;
    left: 10%;
    width: 90px;
}
.deco_paperfly_img{
    position: absolute;
    right: 10%;
    top: 13px;
    width: 240px;
}
.deco_trophy_img{
  position: absolute;
  left: 7%;
  bottom: 5px;
  width: 100px;
}
.deco_scholsymbols_img{
    position: absolute;
    top: -60px;
    width: 270px;
    right: 70px;
}

.s_paragraph2 {
  width: 100% !important;
  text-align: justify !important;
  text-align-last: center !important;
}

.paddingBottom {
  padding-bottom: 50px;
}

.thanks_container {
  width: 100%;
  margin: auto !important;
  height: 100%;
  display: none;
}
.thanks_msg {
  font-size: 30px;
  font-weight: 500;
  color: var(--darkBlue);
  font-family: 'poppins_medium';
  margin: 80px 0;
  background: #e97e2c21;
  padding: 30px;
  border-radius: 15px;
}