/* ---------------------------------------------------------------
--------------------------- General Css  Entity Start ----------------------------
--------------------------------------------------------------- */
body{
	background:#fff;
	direction: rtl;
	margin: 0 ;
    font-family: "Tajawal";
	padding: 0 !important;
}
a{
	text-decoration:none;
	transition : all 0.3s ease-in-out 0s;
}
a:hover{
	transition : all 0.3s ease-in-out 0s;
	text-decoration:none;
}
a:focus{
	transition : all 0.3s ease-in-out 0s;
	text-decoration:none;
    color:#000;
}
ul{
   list-style-type:none;
   padding-left:0px !important;
}
.go-top.show {
	bottom: 20px;
}
.go-top:hover {
  background-color: #e67e22;
  color: #FFFFFF;
}
.row {
	   margin-left:  0px;
     margin-right: 0px;
}
/* ---------------------------------------------------------------
--------------------------- General Css  Entity End ----------------------------
--------------------------------------------------------------- */

/* --------------------------- 1-Home-Page customization Start ---------------------- */
/* Contact Info Block Start*/
.contact-info {
	/*border-bottom: 0.5px solid #CCCCCC;*/
	display: flex;
	flex-direction: row;
	align-items: center;
}

.contact-info .container{
    background: #198CB6;
    padding-top: 10px;
    border-radius: 0px 0px 10px 10px;
}


.contact-info .country-block {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: middle;
}

.contact-info .country-block img{
	width:24px ;
	height: 24px;

}
.contact-info .country-name {
	color: #fff;
	font-family:   Tajawal;
	font-size: 16px;
	font-weight: 400;
	line-height: 2;
    margin-top: 2px;
	margin-right: 8px;
}

.contact-info .contact-data {
	display: flex;
    float: left;

}
.contact-info .contact-data .block {

}
.contact-info .contact-data span {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	line-height: 2;
}
/* Contact Info Block End*/

.contact-data .block{
    margin-right: 40px;
    color: #fff;
}

.contact-data .block span{
    font-weight: 700;
}

/* Site Logo Block Start*/
.site-logo-content {
	margin: 12.5px 0
}
.box-data {
	display: flex;
	flex-direction: row;
	justify-content: space-between
}
.box-content {
	width: 170px;
	height: 85px;
	border: 1px solid #EEEEEE;
	border-radius: 5px;
	padding: 5px;
}
.box-mission {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.box-mission-result{
	font: normal normal normal 14px Tajawal;
	color: #CCCCCC;
	padding: 3px;
}
.box-mission span{
	font-family: 'Tajawal', sans-serif;
}
.box-mission-status{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.box-mission-result{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.pray-time {
	color: #2B8583;
	opacity: 1;
	font-size: larger;
}
.btns-block {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	text-align: center;
}
.btn-one , .btn-two {
margin-right: 10px ;
border: none;
}

.btns-block .btn-one a,
.btns-block .btn-two a{
	border-radius: 10px;
	padding: 15px 41px;
	text-decoration: none;
	color: #fff;
	font: normal normal normal 15px Tajawal;
	color: #FFFFFF;
}
.btn-one a {
	background-color: #3F8583;
}
.btn-two a{
	background-color: #E8CA67;
}
.btns-block .btn-one a:hover {
	background-color: #E8CA67;
}
.btns-block .btn-two a:hover {
	background-color: #3F8583;
}
/* Site Logo Block Start*/


/* Site NavBar Block Start*/
.main-navbar {
	background-color: #fff;
	position: relative;
    border-top: 0.5px solid #CCCCCC;
}
.navbar-elemnts {
	display: flex;
	flex-direction: row;
    margin-top: -10px;
	justify-content: space-between;

}

.nav-link {
    display: block;
    padding: 0.3rem 1rem;
}

.navbar-elemnts  .nav-link {
	text-decoration: none ;
	font-family:  Tajawal;
	font-size: 15px;
	font-weight: 500px;
    padding-top: 18px;
	color: #808080 !important;
}
.navbar-elemnts  .nav-link:hover{
	color: #82B7D9 !important;
}
.navbar-elemnts  .active a{
	color: #82B7D9 !important;
    border-top: 2px solid #82B7D9;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
	margin-top: 7px !important;
  text-align: start;
}
.navbar-expand-lg .navbar-nav .dropdown-menu a {
	font-family: Tajawal ;
	font-size: 15px;
	font-weight: 500;
	color: #808080;
}
.navbar-expand-lg .navbar-nav .dropdown-menu a:hover {
	color: #E8CA67;
	background-color: #fff;
}
/* Site NavBar Block End */

/* Main Slider Block Start */
.carousel-caption {
	bottom: 225px;
	padding: 0px;
	min-height: 185px;
}
body .carousel-control-prev-icon, body .carousel-indicators li, body .carousel-control-next-icon {
	background-color: #ffffff !important;
}
.carousel-caption .slider-title {
	font-family: Tajawal;
	font-size: 32px ;
	font-weight: 700;
	color: #FFFFFF;
}
.carousel-caption  .slider-content {
	display: block;
	font-family: Tajawal;
	font-size: 18px ;
	font-weight: 400;
	line-height: 35px;
	color: #F9F9F9;
	margin-bottom: 35px;
    padding:0px 350px;
}
 .read-more {
	width: 140px !important;
	height: 44px !important;
	color: #fff;
	background:#198CB6;
	padding: 17px 15px;
	border-radius: 5px;
	vertical-align: middle;
}
.read-more:hover{
	background-color: #82B7D9;
}
.read-more span {
	font-family:Tajawal ;
	font-size: 15px;
	font-weight: 500;
color: #FFFFFF;
margin-left: 25px;
}
.carousel-indicators li {
	width: 14px;
	height: 14px;
	border-radius: 100%;
	background-color:#FFFFFF !important;
}
.carousel-indicators .active {
	background-color:#198CB6 !important;
}
/* Main Slider Block End */

/* About Us Block start*/
.who-we {
	background-color: #fff;
    margin: 80px 0px;
	background-color: #fff;
}

.PointsList{
    list-style-type: arabic-indic;
}

.PointsList li{
    font-family: "Tajawal";
    font-size: 18px;
    font-weight: 400;
    color: #636261;
    margin-bottom: 5px;
    margin-right: 15px;
}
.who-we-img img{
    border-radius: 10px;
    opacity: 1;
    width: 100%;
    height: 440px;
    box-shadow: 0px 3px 6px #00000029;
}
.who-we-content {
    /*margin-top: 38px;
    padding: ;
    margin-right: -80px;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 45px 35px 65px 10px;*/
}

.Con-Padd20{
    padding-top: 20%;
}

.minMargin .who-we-content{
    margin-top: -120px;
    margin-right: 50px;
    background: #fff;
    border-radius: 10px;
    padding: 30px;
}

.dropdown-item{
    border-top: 0px !important;
}

.who-we-content .title{
	font-family:Tajawal ;
	font-size: 32px;
	font-weight: 700;
	color: #3D3D3D;
	margin-bottom: 25px;
}
.who-we-content p{
	font-family:Tajawal ;
	font-size: 17px;
	font-weight: 400;
	color: #636261;
	line-height: 30px;
	margin-bottom: 50px;
}
.who-we-content  .read-more {
	margin-top: 50px;
}
.read-more a {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	text-decoration: none ;
	color: #FFFFFF;
}

.nav-tabs{
    background: #eee;
    height: 55px;
    padding-top: 8px;
    border-radius: 10px;
    margin-bottom: 40px;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
    color: #198CB6;
    background-color: #eee;
    border-color: #198CB6;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 0px solid #198CB6;
    position: relative;
}

/*.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link:after{
    content: "";
    height: 2px;
    width:40px;
    position: absolute;
    background: #198CB6;
    position: absolute;
    bottom: 0;
}*/

.nav-tabs .nav-link{
    font-size: 22px;
    color: #808080;
    font-weight: 500;
    border:0px !important;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
    width: 33.3%;
    text-align: center;
}

/* About Us Block start*/

/* Activity Block Start */
.activity {
    padding-bottom: 25px;
    background-color: #FFFDFF;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}
.activity-title {
	text-align: center;
	font: normal normal bold 32px/44px Tajawal;
letter-spacing: 0px;
color: #3D3D3D;
margin: 60px 0
}

body .carousel-control-prev-icon,
body .carousel-indicators li,
body .carousel-control-next-icon{
  background-color:#000;
}

span.carousel-control-prev-icon {
 position: relative;
 bottom: 40px;
 right: 40px;
}

span.carousel-control-next-icon {
 position: relative;
 bottom: 40px;
}
.carousel-time {
    background-color: #F0FCFC;
    padding: 7px 15px;
    border-radius: 5px 0px 0px 5px;
    margin-right: -7px;
}
.carousel-time span {
	font: normal normal normal 16px Tajawal;
	color: #808080 	;
}
.card-img-overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: -5px;
	padding: 1.25rem;
}
.carousel-control-next , .carousel-control-prev {
	margin-top: -100px;
}
.carousel-control-next {
	margin-left: 77px;
}
.carousel-control-prev {
	margin-right: 62px;
}

.custMar1 {
	margin-right: 115px;
}
.custMar2 {
	margin-left: 115px;
}


.card-img-top {
    width: 100%;
    border-radius: 10px !important;
    height: 300px;
}

.link-info .info-title {
	margin-top: 20px;
	font-family:Tajawal ;
	font-size: 22px;
	font-weight: 500;
	color: #3D3D3D;
}
.link-info .info-content {
    font-family: "Tajawal";
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #808080;
    height: 56px;
    overflow: hidden;
}

.adsBox{
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    transition : all 0.3s ease-in-out 0s;
}

.adsBox:hover{
    border: 2px solid #198CB6;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    transition : all 0.3s ease-in-out 0s;
}

.adsBox .adsDate{
    font-size: 14px;
    color: #808080;
}

.adsTop{
    padding-top: 60px;
}

.adsCondetails{
    margin-top: 50px;
    margin-right: -100px;
    background: #fff;
    border-radius: 0px 15px 0px 0px;
    padding: 30px 30px;
}

/* Activity Block end */


.float-right{
    float: right;
}


.float-left{
    float: left;
}

/* partners Block Start */
.partners {
	background-color: #fff;
	padding-bottom: 55px;
	text-align: center;
}
.partners-title  {
	margin: 60px 0;
	font: normal normal bold 32px Tajawal;
	letter-spacing: 0px;
	color: #3D3D3D;
	text-align: center;

}
.partner-box-content {
	width: 100%;
	height: 210px;
	border: 1px solid #EEEEEE;
	border-radius: 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	text-align: center;
	align-items: center !important;
    padding: 8px;

}
.partner-box-content img{
	margin: auto;
}

.newsLetter{
    margin-bottom: 80px;
}


.newsLetter .container{
    background: #E9EFF3;
    border-radius: 10px;
    margin-bottom: 80px;
    padding-bottom: 50px;
    padding-top: 40px;
}


/* partners Block End */





/* Footer Block Start */
footer {
    background-color: #3D3D3D;
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 40px;
}

.socialFooter{
    list-style-type: none;
    margin-top: 10px;
    margin-left: 14px;
}

.aboInfoFoot{
    float: right;
    padding-top: 15px;
}


.socialFooter li{
   float: left;
}




.opinion-box {
position: absolute;
z-index: 1;
padding: 29px 18px 0 0 ;
width: 372px;
height: 363px;
background: #fff 0% 0% no-repeat padding-box;
border: 5px solid #2B8583;
outline: 10px solid #fff;
border-radius: 5px;
box-shadow: 0px 3px 6px #0000000F;
}
.opinion-box p {
font: normal normal bold 22px Tajawal;
letter-spacing: 0px;
color: #3D3D3D;
}
.opinion-box span {
	font: normal normal normal 18px/36px Tajawal;
	color: #636261;
}
.opinion-box label {
	font: normal normal normal 18px Tajawal;
color: #3D3D3D;
margin-right: 16px;
position: relative;
line-height: 35px;
}
form {
	margin: 19px 0 19px 0;
}
.label-check {
	position: absolute !important;
	top: 8px;
    left: 320px;
}
.opinion-btn{
	width: 315px;
height: 44px;
background: #2B8583 0% 0% no-repeat padding-box;
border-radius: 5px;
color: #FFFFFF;
font: normal normal normal 15px Tajawal;
}
.opinion-btn:hover{
color: #fff;
}
.email-input {
	padding-right: 10px;
}
.register-mail {
	padding: 25px 50px 0 0;
}
.register-mail p {
text-align: right;
font: normal normal bold 22px Tajawal;
color: #3D3D3D;
}
.register-mail span {
	font: normal normal normal 18px Tajawal;
color: #636261;
	}
	.register-mail form {
		display: flex;
		flex-direction: row;
	}
.register-mail form input {
width: 278px !important;
height: 44px;
background: #fff 0% 0% no-repeat padding-box;
border: 1px solid #CCCCCC80;
border-radius: 0px 10px 10px 0px;
margin-left: -2px;
}
.register-mail form .register-btn {
	width: 110px !important;
height: 44px;
    padding-top:10px;
background: #198CB6 0% 0% no-repeat padding-box;
border: 1px solid #CCCCCC80;
border-radius: 10px 0px 0px 10px;
font: normal normal normal 14px Tajawal;
color: #FFFFFF;
}

.register-mail form .register-btn:hover{
    background: #82B7D9;
}


.opinion-btn:hover{
   background: #82B7D9;
}


.footer-part-two {

	min-height: 279px;
background: #3D3D3D 0% 0% no-repeat padding-box;
padding: 25px 50px 0 0;
}
.important-links {
	width: 34%;
    margin-right: 33%;
}

.firstLinks{
    float: right;
    padding: 0px;
}

.secondLinks{
    float: right;
    padding: 0px;
}


.important-links a , .important-links-two a {
	text-decoration: none;
}
.important-links a span, .important-links-two a span {
	font: normal normal normal 16px Tajawal;
letter-spacing: 0px;
color: #EEEEEE;
padding : 5px
}
.important-links p {
	font: normal normal bold 22px/30px Tajawal;
letter-spacing: 0px;
color: #FFFFFF;
}
.important-links-two {
	margin: 28px -50px 0 0;
}
.call-contact{
    float: right;
}
.call-contact p {
	margin-right: 0px;
	font: normal normal bold 22px/30px Tajawal;
letter-spacing: 0px;
color: #FFFFFF;
        margin-top: -44px;
}
.call-contact span {
	font: normal normal normal 16px/30px Tajawal;
letter-spacing: 0px;
color: #EEEEEE;
}


.disBlock{
    display: inline-block;
    float: right;
    margin-bottom: 60px;
}

.disBlock1{
    display: inline-block;
    float: right;
    margin-bottom: 30px;
}

.call-contact ul{
    padding: 0px
}

.footer ul {
	line-height: 35px;
    padding: 0;
}
.copy-right-box {
    background: #525252 0% 0% no-repeat padding-box;
    border-radius: 5px 5px 0px 0px;
    height: 44px;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
    width: 100%;
    padding-bottom: 11px;
    float: right;
    margin-top: 5px;
}

.copy-right-box a{
    color: #fff;
}

.copy-right-box span{
	font-size: 14px;
color: #fff;
}
.copy-right-box a span{
	text-decoration: underline;
font: normal normal medium 12px/17px Tajawal;
letter-spacing: 0px;
color: #fff;
}
/* Footer  Block End */

/* Social Media  Block End */
.social-media {
	position: absolute;
	top: 239px;
	right: 20px;
	z-index: 1;
    position: fixed;
}

.social-media li img{
    border-radius: 2px;
}

.social-media li img:hover{
    width:32px;
    height:32px;
}


.overlay-color{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(61,61,61,0.5);
    background: linear-gradient(17deg, rgba(61,61,61,0.5) 0%, rgba(90,107,71,0.5) 100%);
    content: "";
    top: 0;
}


.mar0{
    margin-top: 0px !important;
}


.logoHead{
    width: 50%;
    float: right;
}


.btnGr{
    width: 50%;
    padding-top: 10px;
    float: right;
    text-align: left;
}

.btnGr .btn-group{
    float: left;
}

.btnGr .CallBox{
    float: left;
    margin-right: 30px;
    margin-left: 30px;
}

.topContain{
    padding: 20px 0px;
}


.priBtnas{
    background: #198CB6;
    color: #fff;
    width: 120px;
    height: 44px;
    text-align: center;
    padding-top: 10px;
    margin-right: 1px;
}

.priBtnas:hover{
    background: #82B7D9;
    color: #fff;
}

.CallBox{
    margin-top: -4px;
}

.CallBox .iconCallBox{
    margin-bottom: 8px;
}

.CallBox .numOftext{
    color: #636261;
    font-size: 14px;
}

.priBtnas img{
    margin-left: 5px;
    margin-right: 5px;
}


.rightborder{
   border-radius: 0px 10px 10px 0px;
}

.leftborder{
   border-radius: 10px 0px 0px 10px;
}


/* Social Media  Block End */
/* --------------------------- 1-Home-Page customization End  ---------------------- */


/* --------------------------- 2-About Us customization Start ---------------------- */
.about-us-title {
	width: 100%;
	height: 146px;
	background: transparent url('/images/image-slider.png') 10% 10% no-repeat padding-box;
	background-size: cover;
	text-align: center;
	padding-top: 30px;
}
.main-header {
	    position: relative;
    text-align: center;
    background-image: url(../images/image1.jpg);
    width: 100%;
    background-size: cover;
    height: 250px;
    background-position: bottom;
}


.main-header2 {
	    position: relative;
    text-align: center;
    background-image: url(../images/header3.jpg);
    width: 100%;
    background-size: cover;
    height: 250px;
    background-position: bottom;
}


.header-details {
	padding-top:90px;
}
.header-details  .header-title {
	color: #FFFFFF;
	font-family: Tajawal;
	font-size:32px ;
	font-weight: 700 ;
}
.header-details  .header-content {
	color: #FFFFFF;
	font-family: Tajawal;
	font-size:15px ;
	font-weight: 400 ;
}
.header-details  .header-content .yellow-word {
	color: #eee;
}

.about-us-content .box-contents .row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.about-us-content {
	padding: 60px 0 0 0;
	background-color: #fff;
}
.about-us-content .vision ,
.about-us-content .messege,
.about-us-content .goals
{
min-height: 321px;
border: 1px solid #eeeeee;
border-radius: 5px;
margin-bottom: 30px;
padding: 20px;
}
.vision:hover ,
.messege:hover ,
.goals:hover{
	background-color: #F2FCFC;
}
.about-us-content img {
	width: 68px;
	height: 68px;
	margin-bottom: 30px;
}
.about-us-content .title {
	font-family:"Tajawal" ;
	font-size:32px ;
	font-weight: 700;
	color: #3D3D3D;
    margin-bottom: 22px;
}
.about-us-content p {
	font-family:Tajawal ;
	font-size:18px ;
	font-weight: 400;
	color: #636261;
}
.about-us-content .goals ul {
	padding: 0;
}
/* --------------------------- 2-About Us customization End ---------------------- */

/* --------------------------- 3-Anuall Reports and 05-Financial-Statements customization Start ---------------------- */
.reports {
	background-color: #fff;
}
.report-of-year {
	width: 100%;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	margin-top: 30px;
	padding: 15px
}
.report-of-year > img {
	width: 48px;
	height: 48px;
	margin-bottom: 20px;
    margin-left: 10px;
}
.report-of-year .report-year {
	font-family: "Tajawal";
    font-size: 18px;
    font-weight: 500;
    color: #3D3D3D;
    margin-bottom: 10px;
    height: 25px;
    overflow: hidden;

}
.report-of-year p span {
	font-family: "Tajawal";
	font-size: 14px ;
	font-weight: 500;
	color: #808080;
}
.report-of-year .download-btn {
	width: 140px;
	height: 44px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	background: #198CB6;
	color: #fff;
	border-radius: 5px;
}
.report-of-year .download-btn:hover{
	background-color: #82B7D9;
}
.report-of-year .download-btn:focus {
	background-color: #82B7D9;
}
.report-of-year a img {
	width: 14px;
	height: 14px;
}
.report-of-year a span {
	font-family : "Tajawal";
	font-size: 15px;
	font-weight: 500;
    padding-top: 4px;
}

.reports-box{
    padding-top: 60px;
}

/* --------------------------- 3-Anuall Reports and 05-Financial-Statements customization End ---------------------- */

/* --------------------------- 4-Regulations policies customization End ---------------------- */
.polices {
	padding:61px 0 80px 0;
	background-color: #fff;

}
.polices  .title-content	{
	margin-bottom: 33px;
}
.polices .nav {
	justify-content: space-around;
    border-bottom: 2px solid #EEEEEE;
    border-radius: 0px;

}
.pills-tabContent .nav-link a {
		color: #808080;
}
.title-content .nav-link {
    width: 140px;
    text-align: center;
    height: 44px;
    border: 0px solid #CCCCCC;
    border-radius: 5px;
    font-family: "Tajawal";
    font-size: 18px;
    color: #808080;
    padding-top: 8px;
}
.title-content .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    width: 140px;
    height: 44px;
    font-size: 18px;
    background: transparent;
    border-radius: 0px;
    font-family: "Tajawal" !important;
    color: #198CB6;
    font-weight: 500;
    border-bottom: 2px solid #198CB6;
}
.tab-pane  .nav-pills{
	border-left:  1px solid #CCCCCC;
	border-top:  1px solid #ccc;
	border-right:  1px solid #ccc;
	border-bottom:  1px solid #ccc;
	border-radius: 5px;
}
.tab-pane .nav .nav-link {
    border-bottom: 0px solid #ccc;
    border-radius: 0px;
    font-family: "Tajawal";
    font-size: 18px;
    color: #808080;
    padding: 12px;
}
.tab-pane .nav-pills {
	padding: 0;
}
.tab-content .nav .active {
    background-color: transparent;
    color: #198CB6;
    font-family: "Tajawal" !important;
    font-size: 18px;
    font-weight: 500;
}
.tab-pane .title {
	margin-top: 14px;
	margin-bottom: 18px;
	font-family:Tajawal ;
	font-size: 32px;
	font-weight: 700;
    color: #3D3D3D;
    margin-right: 20px;
}
.tab-pane p {
	font-family:Tajawal ;
	font-size: 18px;
	font-weight: 400;
	margin-right: 20px !important;
	color: #636261;
	line-height: 30px;
}
/* --------------------------- 4-Regulations policies customization End ---------------------- */


/* --------------------------- 06-News policies customization Start ---------------------- */


/* --------------------------- 06-News policies customization Start ---------------------- */
.news-content {
	padding: 50px 0;
	background-color: #fff;
}
.news-box {
	margin-top: 30px;
	margin-bottom: 30px;
}
.news-box img {
	width: 100%;
	position: relative;
}

.news-box h3{
    font-weight: 500;
    font-size: 22px;
    color: #3D3D3D;
    margin-top: 22px;
}


.news-box p{
    font-weight: 400;
    font-size: 18px;
    color: #636261;
    height: 50px;
    overflow: hidden;
}


.news-box span {
	font-family:Tajawal ;
	font-size:  18px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0px;
	color: #808080;
}
.news-date {
	position: absolute;
	width: 116px;
height: 40px;
background: #F0FCFC 0% 0% no-repeat padding-box;
border-radius: 5px 0px 0px 5px;
	top: 20px;
	text-align: center;
	padding: 10px 0;
}
.news-date span {
	font: normal normal normal 16px/22px Tajawal;
letter-spacing: 0px;
color: #808080;

}

.fileNu{
    margin-right: 10px;
}

.dateofEve{
    position: absolute;
    top: 250px;
    color: #fff !important;
    padding-right: 20px;
    border-radius: 10px !important;
    width: 86%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
    padding: 10px;
}

/* --------------------------- 07-News Details customization Start ---------------------- */
.news-details {
	background-color: #fff;
}
.news-details-img {

}
.news-details-img img{
	width: 100% !important;
		margin: 30px -34px 30px 0;
    border-radius: 10px;
    opacity: 1;
}
.news-details-content {
	margin-top: 72px;
	margin-right: -117px;
	padding: ;
	height: 452px;
	background: #FFFFFF;
	border-radius: 10px;
	padding: 45px 35px 65px 116px;
}


.news-details .title{
	font-family:Tajawal ;
	font-size:32px ;
	font-weight: 700;

color: #3D3D3D;
}
.news-details-content p{
	font-family:Tajawal ;
	font-size:17px ;
	font-weight: 700;
	color: #636261;
	line-height: 30px;
}
.news-social-media {
	width: 316px;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #CCCCCC;
border-radius: 10px;
padding: 20px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 55px;
}
.news-social-media span {
	font: normal normal bold 20px/29px Tajawal;
color: #3D3D3D;
}
/* --------------------------- 07-News Details customization Start ---------------------- */


/* --------------------------- 08-Service customization Start ---------------------- */
.service-content {
	padding-top: 60px;
	background-color: #fff;
}
.service-content-boxes {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}

.sercive-content-box h3{
    font-size: 22px;
    font-weight: 500;
    font-family: "Tajawal";
    color: #3D3D3D;
    overflow: hidden;
    line-height: 30px;
    margin-top: 20px;
}

.sercive-content-box p{
    font-size: 18px;
    font-weight: 400;
    font-family: "Tajawal";
    color: #808080;
    height: 68px;
    overflow: hidden;
    line-height: 30px;
}



.sercive-content-box {
	width: 100%;
    height: 430px;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 30px;
}

.sercive-content-box:hover{
    box-shadow: 0px 7px 20px rgba(0,0,0,0.1);
}



.sercive-content-box img {
	width: 100%;
	height: 284px;
	border-radius: 10px;
}

.sercive-content-box span {
	font-family:Tajawal ;
	font-size:18px ;
	font-weight: 500;
line-height: 25px;
margin-bottom: 6px;
margin-top: 6px;
color: #808080;
}
.pagination-section {
	background-color: #fff;

}
.page-number {
	margin-top: 60px;
	margin-bottom: 60px;
	width: 100%;
    padding: 0px 22px;
}

.pagination li a {
    text-align: center;
    margin: 0 5px;
    width: 44px;
    padding-top: 14px;
    border-radius: 5px;
    height: 44px;
    color: #636261;
}


.pagination li a:hover{
background: #198CB6 0% 0% no-repeat padding-box;
color: #fff;
}

.pagination {
    padding-right: 0;
    list-style: none;
    text-align: center;
    margin-left: auto;
    padding: 0;
    width: 63%;
    border-radius: 0.25rem;
    margin-right: auto;
}


.page-numbers {
	background-color: #fff;
}

.page-item.active .page-link{
    background-color: #198CB6;
    border-color: #198CB6;
}



/* --------------------------- 08-Service customization End ---------------------- */

/* --------------------------- 09-About Service customization Start ---------------------- */
.about-services {
	background-color: #fff;
	padding-top: 60px;
}
.row .about-services-img {
	/* width: 100%; */
	position: relative;

}
.about-services-img .imgNewsDetails {
    width: 100%;
    background-size: cover;
    height: 400px;
    border-radius: 10px;
    box-shadow: 0px 3px 6px #00000029;
}





.services-social-media {
	position: absolute;
	display: flex;
	flex-direction: column;
	width: 92px;
	height: 316px;
	background: #FFFFFF ;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	justify-content: space-between;
	padding: 15px;
	top: 50px;
	left: -28px;
	align-items: center;
}
.services-social-media p {
	font-family: "Tajawal" ;
	font-size:20px ;
	font-weight: 700;
    padding-top: 24px;

color: #3D3D3D;
}
.services-social-media img{
	width: 60px;
	height: 60px;
}
.about-service-content {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 25px 25px 0 25px;
    margin-top:-50px;
    margin-bottom:50px
}







.about-service-content p {
	font-family: "Tajawal" ;
	font-size:18px ;
	font-weight: 500;
    letter-spacing: 0px;
    color: #636261;
    line-height: 30px;
}


.about-service-content h3 {
	font-family: "Tajawal" ;
	font-size:32px ;
	font-weight: 700;
    letter-spacing: 0px;
    color: #3D3D3D;
}

/* --------------------------- 09-About Service customization End ---------------------- */

/* --------------------------- 11-Details-Events-Activities customization Start ---------------------- */
.event-details {
	background-color: #fff;
}
.event-details-img img{
		margin: 30px -34px 30px 0;
    border-radius: 10px;
    width: 100%;
}
.event-details-content {
	padding: 20px 20px 0  0;
	margin-top: 72px;
	margin-right: -105px;
	background: #FFFFFF ;
	border-radius: 10px;
}
.event-details-content .title{
	width: 100%;
	font-family:Tajawal ;
	font-size:32px ;
	font-weight: 700;
color: #3D3D3D;

}
.event-details-content .content{
	width: 100%;
	font-family:Tajawal ;
	font-size:18px ;
	font-weight: 400;
	line-height: 30px;
	color: #636261;
	padding-left: 132px;
}
.vedio-section {
	background-color: #fff;
	align-items: center;
	padding-bottom: 50px;
}
.vedio-title {
	max-width: 100%;
	padding: 50px 0;
}
.vedio-title p {
	font-family:Tajawal ;
	font-size:32px ;
	font-weight: 700;
	color: #3D3D3D;
}
.vedio-title span {
	font-family:Tajawal ;
	font-size:18px ;
	font-weight: 400;
	letter-spacing: 0px;
	color: #636261;
}
iframe {
	width: 100%;
		background: transparent url('img/Image2.png') 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 10px;
	border : none;
	border-radius: 10px;
}
/* --------------------------- 11-Details-Events-Activities customization End ---------------------- */

/* --------------------------- 12-Album customization Start ---------------------- */
.album-section {
    background-color: #fff;
    padding-top: 60px;
    padding-bottom: 20px;
}
.album-boxes {
	margin: 0 !important;
}
.album {
	width: 100%;
	margin-bottom: 30px;
}
.album-boxes .album img {
	width: 100%;
height: 304px;
background: transparent url('img/image.png') 0% 0% no-repeat padding-box;
border-radius: 10px;
position: relative;
}
.album-img-icon {
	position: absolute;
	width: 82px;
height: 45px;
background: #2B8583 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 5px;
top: 20px;
right: 35px;
        padding: 0px 12px;
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
.album-img-icon img {
height: 24px !important;
}
.album-title {
    position: absolute;
    bottom: 0px;
    right: 16px;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
    padding-top: 25px;
    width: 349px;
    padding-bottom: 5px;
    text-align: center;
    border-radius: 0px 0px 10px 10px;
}
.album-title p{
	font: normal normal normal 22px/30px Tajawal;
color: #FFFFFF;
}
.album-img-icon span {
	font: normal normal bold 20px/29px Tajawal;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding-top: 5px;
    padding-left: 5px;
}
/* --------------------------- 12-Album customization End ---------------------- */
/* --------------------------- 13-Album Details customization Start ---------------------- */
.album {
	position: relative;
}

.image-overlay{
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    width: 100%;
    background: rgba(145,71,162,0.85);
    top: 50%;
    border-radius: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    height: 100%;
    text-align: center;
    padding-top: 25px;
}


.img-cars{
    height:500px;
    border-radius: 10px;
}

.album:hover .image-overlay {
  opacity: 1;
}


.image-overlay:hover{
	display: block;
}
.image-overlay img {
	width: 62px !important;
	height: 62px !important;
	margin-top: 103px;
}
/* --------------------------- 13-Album Details customization Start ---------------------- */
/* --------------------------- 17-contact us customization Start ---------------------- */
.contact-us-section {
	background-color: #fff;
}
.map-location {
    width: 100%;
    border-radius: 10px;
    margin-top: 0px;
    margin-bottom: 80px;
}
.contact-information {

}
.send-a-messege {
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #EEEEEE;
    border-radius: 10px;
    margin-bottom: 50px;
    -webkit-box-shadow: 0px 16px 5px -7px rgba(214,214,214,1);
-moz-box-shadow: 0px 16px 5px -7px rgba(214,214,214,1);
box-shadow: 0px 16px 5px -7px rgba(214,214,214,1);
}
.send-a-messege  p {
	margin-right: 15px;
}
.send-a-messege  p,
.contact-information p {
	font-family: Tajawal;
	font-size: 32px;
	font-weight: 700;
	margin-top: 35px;
	margin-bottom: 35px;
}


.send-a-messege .submit-btn {
    /* margin-left: auto !important; */
    margin-right: 13px !important;
    margin-top: 0px;
    /* margin-right: auto !important; */
    margin-bottom: 20px;
}



.submit-btn {
	margin-right: 12px;
}

.submit-btn:hover{
    background: #82B7D9;
    color: #fff;
}


.call-us div{
	margin: 15px 0;
}
.call-us img {
	    width: 28px;
    margin-left: 5px;
    vertical-align: middle;
}
.call-us span {
	font-family:Tajawal ;
	font-size: 18px;
	font-weight: 500;
	color: #808080;
    padding-top: 4px;
}

.social-icons {
	margin-top: 20px;
}
.social-icons img {
	width: 32px;
height: 32px;
margin-left: 10px;
}
/* --------------------------- 17-contact us customization Start ---------------------- */

/* --------------------------- 19-Donation customization Start ---------------------- */
.donation {
	background-color: #fff;
	width: 100%;
min-height: 500px;
padding: 80px 0 0 0;
}

.form-group select{
    padding: 0px 6px !important;
}



.donation-sheet {
	width: 100%;
background-color: #fff;
border: 1px solid #EEEEEE;
border-radius: 10px;
padding-top: 16px;
text-align: center;
    margin-bottom: 60px;
    margin-top: 0px;
        padding-bottom: 20px;
    padding-top: 30px;
}
.donation-sheet p	{
	font-family: Tajawal;
	font-size: 32px;
	font-weight: 700;
color: #3D3D3D;
margin-bottom: 20px;
}

.form-control {
width: 95%;
height: 44px;
border: 1px solid #CCCCCC80;
border-radius: 10px;
margin: 26px auto;
}
.submit-btn {
    width: 95%;
    height: 44px;
    background: #198CB6 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    opacity: 1;
    margin-right: auto;
    color: #fff;
    margin-left: auto;
    margin-top: 20px;
}


.donation button:hover {
	background: #82B7D9 0% 0% no-repeat padding-box;
	color: #fff;
}


.gendersection label{
    float: right;
    padding-right: 20px;
}

.selectionRadio{
    float: left;
    padding-left: 6px;
    display: block;
    padding-bottom: 20px;
}

.selectionRadio .form-check-inline label{
    padding-right: 0px;
}


.donation-sheet .custom-select{
    margin: 0px !important;
}

.cusLabe{
    float: right;
    padding-right: 20px;
    width: 97%;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: right;
}


.inputDeleteCase{
    position: relative;
}

.inputDeleteCase .deleteinput{
    position: absolute;
    top: 10px;
    left: 30px;
}

.chosesSelect{
    float: right;
    padding-right: 20px;
    text-align: right;
}


.chosesSelect .form-check-inline{
    margin-bottom: 10px;
}


.cusLabe a{
    float: left;
}


::placeholder {
font: normal normal normal 16px Tajawal !important;
color: #CCCCCC !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font: normal normal normal 16px Tajawal !important;
	color: #CCCCCC !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
	font: normal normal normal 16px Tajawal !important;
	color: #CCCCCC !important;
}
select {
	font: normal normal normal 16px Tajawal;
letter-spacing: 0px;
color: #3D3D3D;
padding: 0 0 0 20px !important;
}
/* --------------------------- 19-Donation customization End ---------------------- */

/* --------------------------- 20-Donation customization Start ---------------------- */
/* --------------------------- 20-Donation customization End ---------------------- */
/* Media Query for responsive design  */

@media (max-width: 1199.98px) {
.carousel-caption {
    bottom: 225px;
    padding: 0px;
    min-height: 185px;
}
	.navbar-nav .nav-link {
		 font: normal normal normal 10px Tajawal;
		 display: contents !important;
			 display: contents;

	 }
	 .navbar-elemnts {
		 display: flex;
		 flex-direction: row;
		 justify-content: space-around;
		 margin: 5px 0;
	 }
	 .important-links {
		 margin-right: 50px;
		 width: auto;
 }
 .important-links-two {
	 margin: 203px -244px 0 0px;
 }
 .register-mail {
	 margin-right: 367px;
 }
}
/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	.logo-block {
		text-align: center;
	}
	.btns-block {
		margin-bottom: 10px;
	}
	.navbar-elemnts {
		display: flex;
    flex-direction: column;
	}
	.nav-link {
		border-bottom: 1px solid #fff;
	}
	.carousel-caption {
		padding: 0;
		bottom: 140px;
	}
	.who-we-img {
		text-align: center;
	}
	.who-we-img img {
		margin: 30px 0px 30px 0;

	}
	.who-we-content {
		margin-top: 0;
		padding: 0 35px 0 10px;
		height: auto;
	}
	.activity {
		min-height: auto;
	}
	.partner-box {
		display: flex;
		flex-direction: row;
		align-items: center;

		margin-right: 0;
	}
	.partner-box-content {
		margin-right: 0;
    padding: 0 5px;
	}
	.partner-box-content img {
		margin-right: 0;
		margin-left: 0;
        width:90%;
	}
	.partner-box .block-three{
		margin-right: 170px;
		padding: 0 54px;
    margin-top: 20px;
	}
	.partners-title {
		padding: 25px 0 25px 0;
	}
	.opinion-box {
		position: relative;
	}
	.register-mail {
    margin-right: -33px;
}
	.footer-part-two {
        display: flex;
    flex-direction: row;
    padding-top: 30px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;

	}

    .footer-part-three{
        height: auto !important;
    }

    .call-contact{
        margin-top: 40px;
    }


    .who-we-img img{
        height:280px !important;
    }


    .partners-title{
        margin: 60px 0 !important;
    }


    .copy-right-box{
        height: auto !important
    }


    .social-media{
        right:0px !important;
        top:200px !important;
    }


	.important-links-two {
		margin: 203px -359px 0 0px;
	}
	.important-links-two  a span , .important-links  a span {
		font: normal normal normal 14px Tajawal
	}
	.important-links {
		margin-right:0;
	}
	.call-contact span	{
		font: normal normal normal 14px Tajawal
	}

    .btnGr{
        width:100%;
    }

    .btnGr .CallBox{margin-top:20px;}

    .logoHead{width:100%;}

    .logoHead img{width:100%;}

    .carousel-caption .slider-title{font-size: 26px;}

    .nav-tabs .nav-link {font-size: 20px;}

    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {font-size: 20px;}

    .who-we-content{padding: 0px !important;}

    .tab-pane p{margin-right: 0px !important; line-height: 22px !important;}

    .navbar-elemnts .nav-link{font-size: 16px; margin-top: 10px; margin-bottom: 10px;}

    .nav-item{margin-top: 10px;}

    .nav-tabs{padding-top: 0px !important;}

    .socialFooter{margin-left: 0px;}

    .minMargin .who-we-content{ margin-top: 0px; margin-right: 0px; }

    .who-we-content .title{font-size: 25px !important;}

    .who-we-content p{font-size: 16px !important;}

    .link-info .info-content{height:26px;}

    .pagination{width:100%;}

    .nav-pills .nav-item{width:33.3%; }

    .title-content .nav-link{width:auto !important;}

    .tab-pane p{line-height: 30px !important; font-size: 18px !important;}


 }
 /* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {  }

 /* Media Query For Mobile Screen  */
@media (max-width: 575.98px) {
	/* Contact Info Block */
	.country-block {
	text-align: center;
	}
	.contact-info .contact-data {
		margin-bottom: 5px;
        margin-top: -8px;
	}
	.contact-info .contact-data span {
		font: normal normal normal 12px Roboto;
	}

	/* Contact Info Block */

	/* Site Logo Block Start */

	.site-logo-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.logo-block {
		margin : 10px 0;
        text-align: center;
	}
	.btns-block {
		margin : 15px 0;
		justify-content: space-around;
	}

	/* Site Logo Block End */

	/* navbar Block Start */
	.navbar-elemnts {
		flex-direction: column;

	}

	.nav-item .nav-link .last-link {
		border: 0 ;
	}
		/* navbar Block End */

		/* Slider Block Start */
	.carousel-content {
		height: 400px;
	}
	.carousel-info p {
		font: normal normal bold 24px Tajawal;
		color: #FFFFFF;}
		.carousel-info  span {
			font: normal normal normal 14px Tajawal;
		}
		.carousel-info .read-more {
            width: 140px !important;
            height: 44px !important;
            color: #fff;
            background: #2B8583;
            padding: 17px 15px;
            border-radius: 5px;
            vertical-align: middle;
		}
		.carousel-caption {
            display: block !important;
                position: absolute;
                top: 90px;
                text-align: center;
		}
		.carousel-caption .slider-title {

		}
		.carousel-caption  .slider-content {
            font-size: 16px;
            color: #F9F9F9;
            height: 50px;
            overflow: hidden;
            line-height: 24px;
            font-weight: 400;
		}


    .carousel-control-prev{margin-right:0px;}
    .carousel-control-next{margin-left:0px;}
    .carousel-control-next, .carousel-control-prev{margin-top:0px;}

		/* Slider Block End */

		/* Who We  Block Start */
	.who-we {
    margin-top: 60px;
    background-color: #fff;
    margin-bottom: 60px;
	}
	.who-we-content {
		width: 95%;
    margin: 0 auto 10px ;
    min-height: 260px;
    padding: 15px;

	}
	.who-we-content p {
		font : normal normal normal 14px Tajawal;
		line-height: 30px;
	}
	/* Who We  Block Start */

	 /* Activity Carousel Start */
	.carousel-arrow {
		display: none;
	}
	/* Activity Carousel Start */

		/* Partner Block start*/
	.partners {
		text-align: center;
	}
	.partners-title {
		padding: 0;
		margin: 15px 0;
	}
	.partner-box-content {
		width: 95%;
		margin : 15px 0;
	}

	.partner-box .block-three {
		margin: 0;
	}
	.partner-box-content .block-three  img {
		width: 225px;
		margin-right: 0px;
	}
	/* Partner Block End*/

	/* footer  Block Start */
	.opinion-box {
		position: relative;
		margin-right: -28px;
	}
	.register-mail {

			padding: 25px 17px 0 0;
			margin-right: 0px;
	}

.register-btn {
	font: normal normal normal 12px Tajawal !important;
}
.important-links {
	margin-right: 0;
}
.important-links-two {
	 margin: -35px 0px 0 0;
	}
	.copy-right-box span {
    font-size: 14px !important;
    color: #fff;
}
	.social-media {
		top: 500px;
	}
/* --------------------------- 2-About Us customization Start ---------------------- */
.header-details {
	top: 65px;
	left: 0;
}
/* --------------------------- 2-About Us customization End ---------------------- */
/* --------------------------- 3-Anuall Reports and 05-Financial-Statements customization Start ---------------------- */
.page-number {
	margin-top: 50px;
	margin-bottom: 50px;
	width: 100%;
    padding: 0px 10px;
}
/* --------------------------- 3-Anuall Reports and 05-Financial-Statements customization End ---------------------- */
/* --------------------------- 4-Regulations policies customization Start ---------------------- */
.polices {
	padding: 61px 0 50px 0;
	background-color: #fff;
}
.title-content .nav-link {
    width: 140px;
    text-align: center;
    height: 44px;
    border: 0px solid #CCCCCC !important;
    border-radius: 5px;
    font-family: "Tajawal";
    font-size: 18px;
    color: #CCCCCC;
}
.tab-pane .title {
	margin-right: 0px;
	font: normal normal bold 25px Tajawal;
color: #3D3D3D;
}
.tab-pane p {
	margin-right: 0;
	font: normal normal normal 14px Tajawal;

	color: #636261;
}
.tab-content > .tab-pane {
    margin-top: 40px;
}
/* --------------------------- 4-Regulations policies customization End ---------------------- */
	/* --------------------------- 07-News Details customization Start ---------------------- */
	.news-details-img img {
    margin: 0;
    border-radius: 10px;
		padding-top: 40px;

	}
	.news-details-content {
		padding: 0 138px 65px 20px;

	}

	.news-social-media {
		position: relative;
    margin-right: 9px;
    margin-top: 10px;
	}
	/* --------------------------- 07-News Details customization end ---------------------- */
	.services-social-media {
		position: relative;
	}
	/* --------------------------- 08-Service customization End ---------------------- */
.service-content {
	max-width: 100%;
}

	/* --------------------------- 08-Service customization End ---------------------- */

	/* --------------------------- 09-About Service customization Start ---------------------- */
	.about-services-img img {
		width: 100%;
		background-size: cover;
    height: 200px;
	}
	.services-social-media {
		position: relative;
		display: flex;
		flex-direction: row;
		height: 92px;
		width:  316px;
	    margin: 50px 0;
		justify-content: space-between;
		padding: 15px;
		top: 0;
		left: -28px;
		align-items: center;
	}
	.services-social-media img{
		width: 60px;
		height: 60px;
	}
	.about-service-content {
		width: 970px;
    height: 335px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding: 25px 25px 0 25px;
    margin-top: -50px;

}
	/* --------------------------- 09-About Service customization End ---------------------- */

	/* --------------------------- 11-Details-Events-Activities customization Start ---------------------- */
	.event-details-img img {
    margin: 30px 0 0 0;
    border-radius: 10px;
		width: 100%;
	}
		.event-details-content {
			margin-top: 20px;
			margin-right: 0px;
			background: #FFFFFF 0% 0% no-repeat padding-box;
			border-radius: 10px;
			padding: 0 20px;
		}
		.event-details-content .content{

			padding-left: 0;
		}
			.vedio-title {
				max-width: 100%;
				padding: 30px 0;
		}
	/* --------------------------- 11-Details-Events-Activities customization End ---------------------- */
	.contact-information {
		margin-bottom: 30px;
    margin-top: -60px;
	}
		/* --------------------------- Modal PopUP Start ---------------------- */
		.modal-content {
			position: relative;
			width: 356px !important;
			height: 373px !important;
			margin-top: 220px;
	}
    .adsCondetails{
        margin-top: 0px;
        margin-right: 0px;
        background: #fff;
        border-radius: 0px 15px 0px 0px;
        padding: 0px;
    }
}
/* // Large devices (desktops, less than 1200px) */

/* Media Query for responsive design  */

	/* --------------------------- Modal PopUP Start ---------------------- */
	.modal-content {
		position: relative;
		width: 850px;
		height: 500px ;
	}
	.modal-content > img {
		width: 100%;
		height: 100%;
	}
	.modal-content .close {
		opacity: unset !important;

	}
	.close .close-btn {
		border-radius: 100%;
		position: absolute;
		background: #198CB6 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
		width: 62px;
		height: 62px;
		opacity: 1;
		top: -32px;
	right: -30px;
	border: 0;
	cursor: pointer;
        z-index: 9;
}

.video-overlay{
    position: absolute;
    top: 0;
    width: 100%;
}

.video-overlay img{
    width: 100px !important;
    margin-right: 35%;
}





.navbar-elemnts .active .dropdown-item:hover {
    color: #E8CA67 !important;
}

.navbar-elemnts .dropdown-menu .dropdown-item {
    color: #808080 !important;
}

.navbar-elemnts .dropdown-menu .dropdown-item:hover {
    color: #198CB6 !important;
}

.custPre{
    margin-right:0px !important;
    margin-top: 0px !important;
}

.custNext{
    margin-left:0px !important;
    margin-top: 0px !important;
}


.close-btn img {
	width: 25px;
	height: 25px;
}
/* .close 	img {
		width: 100%;
		height: 100%;
	} */
		/* --------------------------- Modal PopUP end ---------------------- */