﻿.page-home {
	background:#fff;
}
/* home-about  */
.home-about {
	background:#f0ece1;
	padding:60px 0 20px;
	margin-bottom:60px;
}
.home-about h2 {
	color:#fff;
	margin:50px 0;
	font-size:2.5rem;
}
.homw-about-row {
	margin-bottom:10px;
}
a.home-about-item {
	display:block;
	background:#fff;
	padding:20px 5px 20px;
	margin:0 0 20px;
	text-align:center;
	border-radius:20px;
	font-size:1.6rem;
	font-weight:bold;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	height:265px;
}
a.home-about-item .icon {
	display:block;
	height:80px;
	margin:20px auto 40px;
	text-align:center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a.home-about-item .icon img{
	width:80px;
	height:80px;
	margin:0 auto;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a.home-about-item .text {
	height:85px;
	display:block;
}

.icon-custom-history i{
	background:#f6fbfa url('/_catalogs/masterpage/mofa_pub/assets/ar-SA/images/icons_custom.png') 0px -360px no-repeat;
}
.icon-custom-vision i{
	background:#f2fcff url('/_catalogs/masterpage/mofa_pub/assets/ar-SA/images/icons_custom.png') 0px -240px no-repeat;
}
.icon-custom-invest i{
	background:#f5fcff url('/_catalogs/masterpage/mofa_pub/assets/ar-SA/images/icons_custom.png') 0px -120px no-repeat;
}
.icon-custom-events i{
	background:#fef4f4 url('/_catalogs/masterpage/mofa_pub/assets/ar-SA/images/icons_custom.png') 0px 0px no-repeat;
}

a.home-about-item:hover {
	background:rgba(255,255,255,0.7);
	color:#32a189;
	padding:30px auto 30px;
}
a.home-about-item:hover .icon{
	margin:30px auto 20px;
}

/* home-services */
.home-services {
	background:#f7f8f9;
	padding:30px 0;
}
.home-services-row {
	padding:0;
}
.home-services-row li {
	margin-bottom:10px;
}
.home-services .nav-pills button{
	background:#ececee;
	border:1px solid #ececee;
	text-align:right;
	min-width:140px;
	border-radius:30px;
	margin-left:30px;
	padding:10px 20px;
	color:#a4a4ac;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

}
.home-services .nav-pills button:hover, .home-services .nav-pills button.active{
	background:#fff;
	border:1px solid #403e68;
	color:#403e68;
	box-shadow: 0px 5px 5px rgba(149,149,149,0.5);
}


.home-services h2 {
	margin:20px 0 30px;
}
.home-services h3 {
	color:#9898a6;
	font-size:1.5rem;
	margin:40px 0 30px;
}
.home-services li {
	list-style:none;
}
.home-service-item {
	display:block;
	background:#fff;
	padding:20px 40px;
	text-align:center;
	margin:0 10px;
	height:100%;
	border:1px solid #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

}
.home-service-item:hover {
	border:1px dotted #403e68;
	color:#403e68;
	box-shadow: 0px 5px 5px rgba(149,149,149,0.5);

}
.home-service-item .icon {
	padding:10px 0;
}

.home-service-item .title {
	display:block;
	font-weight:bold;
	font-size:1.2rem;
	padding:10px 0 20px;
}

.home-service-item .description{
	display:block;
}
.home-service-item .btn {
	padding: 5px 20px;
	display:inline-block;
	border:1px solid #403e68;
	border-radius:20px;
	min-width:50%;
	margin:20px 0;
	color:#403e68;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

}
.home-service-item:hover .btn {
	background:#403e68;
	color:#fff;
}

.icon-ser  {
	width:70px;
	height:70px;
	display:inline-block;
	background:url('/_catalogs/masterpage/mofa_pub/assets/ar-SA/images/icons_lrg.png') 0px 0px no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.icon-ser-1 {
	background-position:-70px 0px;
}
.icon-ser-2 {
	background-position:-70px -70px;
}
.icon-ser-3 {
	background-position:-70px -140px;
}
.icon-ser-4 {
	background-position:-70px -210px;
}
.icon-ser-5 {
	background-position:-70px -280px;
}
.icon-ser-6 {
	background-position:-70px -350px;
}
a:hover .icon-ser-1 {
	background-position:0px 0px;
}
a:hover .icon-ser-2 {
	background-position:0px -70px;
}
a:hover .icon-ser-3 {
	background-position:0px -140px;
}
a:hover .icon-ser-4 {
	background-position:0px -210px;
}
a:hover .icon-ser-5 {
	background-position:0px -280px;
}
a:hover .icon-ser-6 {
	background-position:0px -350px;
}
.home-services-more {
	text-align:left;
	font-weight:bold;
	padding:20px 40px;
}

/*home-missions */
.home-missions {
	padding:60px 0;
}
/* emb-news */
.emb-news {
	margin:20px 0;
	background: #fff;
}
.embnews-details {
	padding: 20px 10px;
	margin-top: 30px;
}
.embnews-subtitle {
	display: block;
	color: #403f68;
	line-height: 30px;
	font-weight: bold;
	font-size: 1.1rem;
}
.embnews-title {
	display: block;
	color: #404a53;
	line-height: 30px;
	font-weight: bold;
	font-size: 1.3rem;
}
.embnews-title:after {
	display: block;
	content: "";
	width: 20%;
	height: 4px;
	background: #434d53;
	color: #404a53;
	margin: 10px 0;
}
.embnews-date {
	display: inline-block;
	float: left;
	margin-top: -50px;
	color: #849395;
	font-size: 0.8rem;
}
.embnews-desc {
}
.embnews-link {
	display: block;
	text-align: left;
	font-weight: bold;
}
.embnews-img {
	text-align: center;
	position: relative;
	height: 190px;
	overflow: hidden;
}
.embnews-img img {
	width: 100%;
    /*position:absolute;
    top:0;
    left:0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;*/
}
.embnews-badge {
	position:absolute;
	top:30px;
	right:0;
	background:#fff;
	min-width:100px;
	padding:5px 10px;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	text-align:center;
	font-size:0.8rem;
}
.embnews-badge strong{
	display:block;
}
.emb-news .carousel-control-next, .emb-news .carousel-control-prev {
	top: 200px;
	width: 7%;
	height: 30px;
	display:none;
}
.emb-news .carousel-indicators {
	top: 210px;
	height: 20px;
}
.emb-news .carousel-indicators [data-bs-target], .emb-news .carousel-dark .carousel-indicators [data-bs-target] {
	border-radius: 20px;
	width: 8px;
	height: 8px;
	background: #dbdbe3;
	border: 3px solid #dbdbe3;
}
.emb-news .carousel-indicators .active {
	background: #fff !important;
	border: 3px solid #403f68 !important;
}
.carousel-indicators button, .carousel-control-next, .carousel-control-prev {
	min-width: 0;
}
.carousel-control-next:hover, .carousel-control-prev:hover {
	border-color: transparent;
	background-color: transparent;
}





/* home news */
.home-news {
	position:relative;
}
.home-news-details {
	width:100%;
	height:520px;
	position:relative;
	z-index:3;
}
.news-col {
	/*position:relative;*/
}
#carouselNewsDetails {
   
}
#carouselNewsDetails span{
    display: block;
}
.news-title {
    color:#fff;
    font-weight: normal;
    margin: 10px 0px;
    font-size: 1.8rem;
    line-height: 2rem;
}
.news-title a{
    color:#2f2d2d;
    font-size:1.5rem;
}
.news-date {
    /*background: #f0eff5;
    border-radius: 10px;
    padding: 3px 10px;
    display: inline-block !important;*/
    color:#2f2d2d;
    font-size:1rem;
    width: 100%;
}
.news-desc {
    color:#2f2d2d;
    font-family:"Tajawal Light", Arial, Helvetica, sans-serif;
    font-size:1.4rem;   
    line-height: 1.6rem; 
}
.news-link {
    text-align: left;
    margin:10px 0 30px;
}
.news-link a{
    color:#2f2d2d;
}
#carouselNewsDetails .carousel-item {
	padding:0 7%;
}
#carouselNewsDetails .carousel-item.active{
	display:flex;
}
#carouselNewsDetails .carousel-item .news-img {
		
}
#carouselNewsDetails .carousel-item .news-details {
	background:#e0dacd;
	display:flex;
	flex-wrap: wrap;
    align-content: center;
    color:#2f2d2d;
    padding:20px;
}


#carouselNewsDetails .carousel-item {
	min-height:100px;
}
#carouselNewsDetails .carousel-indicators [data-bs-target] , #carouselNewsDetails .carousel-dark .carousel-indicators [data-bs-target]{
    border-radius: 20px;
    width:8px;
    height: 8px;
    background:#dbdbe3;
    border: 1px solid #2f2d2d;
}
#carouselNewsDetails .carousel-indicators .active {
    background:#2f2d2d !important;
    border: 1px solid #2f2d2d !important;
}
#carouselNewsDetails  .carousel-control-next,#carouselNewsDetails .carousel-control-prev {
	width: 6%;
}
#carouselNewsImgs {
    position: absolute;;
    width: 100%;
    height: 520px;
    overflow: hidden;
    background: #dfd9cc;
    top:0;
    right:0;
    z-index:2;
}
#carouselNewsImgs .carousel-item , #carouselNewsImgs .carousel-inner{
    position: relative;
    width:100%;
    height: 100%;
    overflow: hidden;
}
#carouselNewsImgs .carousel-item .news-img {
    position: absolute;
    width:100%;
    height: 100%;
    z-index: 2;
}
#carouselNewsImgs .carousel-item .news-overlay {
    position: absolute;
    width:100%;
    height: 100%;
    z-index: 1;
}
    
#carouselNewsImgs .carousel-item .news-img {
	text-align:center;
}
#carouselNewsDetails .carousel-item .news-img img {
    width:800px;
    height: 520px;
    margin-left:30%; 
    /*position: absolute;
    top:0;
    right:10%;*/
    z-index: 1;
    opacity:0.8;
    -webkit-transition: all 5s ease-out;
    -moz-transition: all 5s ease-out;
    -o-transition: all 5s ease-out;
    transition: all 5s ease-out; 
}
#carouselNewsImgs .carousel-item.active .news-img img {
    /*top:0;
    right:10%;*/
    opacity:1;
}
#carouselNewsImgs .carousel-item .news-overlay .overlay {
    background: rgba(225,219,207,0.8);
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    z-index: 2;
}
#carouselNewsImgs .carousel-item .news-overlay img {
    position: absolute;
    top:-20%;
    right:0;
    width:120%;
    height: auto;
    z-index: 1;
    -webkit-transition: all 10s linear;
    -moz-transition: all 10s linear;
    -o-transition: all 10s linear;
    transition: all 10s linear;
}
#carouselNewsImgs .carousel-item.active .news-overlay img {
    top:-20%;
    right:-20%;
}

/* home twitter */
.home-twitter-head {
	padding:10px;
	background:#fff;
	margin:30px 0 10px;
}

.home-twitter-body {
	padding:10px;
	background:#fff;
	min-height:350px;
}
.home-twitter-foot {
	background:#e1e0f0;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;	
}
.home-twitter-foot ul {
	margin:0;
	padding:0;
	list-style:none;	
	text-align:center;
	width:100%;
}
.home-twitter-foot li {
	margin:0;
	padding:0;
	list-style:none;	
	display:inline-block;
	margin:10px 0;
}
.home-twitter-foot ul li a {
	padding:1px 10px;
	display:block;
	border-right:1px solid #cdcde2;
	text-align:center;
	font-size:1.5rem;
}
.home-twitter-foot ul li:first-child a {
	border:0 none;
}



/* home-minister */
.home-minister {
	background:#0d614f;
}
.home-minister-msg {
	background:#37796f;
	padding:20px;
	margin:40px 0;
	height:80%;
	color:#fff;
	line-height:2.2rem;
	font-size:1.3rem;
}

.home-minister-msg h3{
	color:#fff;
	margin:30px 0;
}
.home-minister-msg a{
	color:#fff;
	display: block;
    text-align: left;
    margin-bottom: 30px;
}