@charset "utf-8";
/* CSS Document */

html,body{overflow-x:hidden; padding:0 !important  ;}
.row > *{padding: 0;}
#topbar, #header{padding-left: 0 !important; padding-right: 0 !important;}
body{background: #F0F5FC;}
.filter-type ul{list-style: none; padding: 0; margin: 0;}

@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap);

body,html,*,#hero h2,a{font-family: "Tajawal",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}


.navbar li, .navbar>ul>li {
	position: relative
}
.navbar .dropdown ul, .navbar-mobile .dropdown ul {
	z-index: 99;
	box-shadow: 0 0 30px rgba(127,137,161,.25)
}

#hero h2, #hero p {
	text-shadow: 0 1px 0 #000;
	font-size: 20px
}
.social-links a:hover, a, a:hover {
	text-decoration: none
}
.social-links a{
	width: auto;
	height: auto;
	display: inline-block
}
.sendEmail {
    margin-top: 3rem;
}
.sendEmail p {
    width: 50%;
    font-size: 16px;
}
.details {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1.22px;
    color: #333333;
    width: 33%;
    margin: auto;
    margin-top: 1rem;
}
.greenBorder {
    position: absolute;
    top: 0;
    border-left: 6px solid #8AAF29;
    display: inline;
    margin-left: -15px;
    margin-right: 8px;
}
.institutionText .p2 {
    position: relative;
    font: normal normal normal 18px / 21px Helvetica;
    letter-spacing: 0.66px;
    color: #333333;
}
.bottom-article ul.social-network li a{
	width: 35px;
	height: 35px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.w-70{width: 70%;}
.w-60{width: 60%;}
.card-right-itm .w-60{width: 100%;}
.w-40{width: 40%;}
.w-30{width: 30%;}
.div-menu .menu .menu-collapse{display: block;}
.InnovationHub-list .sidebar-card,.EVDirectories-list .sidebar-card,.Directories-list .sidebar-card,.DataTools-list .sidebar-card,.ArticlesPublications-list .sidebar-card,.courses-list .sidebar-card,.event-list .sidebar-card,.discussionform-list .sidebar-card,.news-list .sidebar-card{direction: ltr;}
.InnovationHub-list .sidebar-card .arrow,.EVDirectories-list .sidebar-card .arrow,.Directories-list .sidebar-card .arrow,.ArticlesPublications-list .sidebar-card .arrow,.DataTools-list .sidebar-card .arrow,.ArticlesPublications-list .sidebar-card .arrow,.event-list  .sidebar-card .arrow,.courses-list  .sidebar-card .arrow,.event-list  .sidebar-card .arrow,.discussionform-list  .sidebar-card .arrow,.news-list .sidebar-card .arrow{transform: none;}
.InnovationHub-list .sidebar-card .view-more a:hover .arrow,.EVDirectories-list .sidebar-card .view-more a:hover .arrow,.Directories-list .sidebar-card .view-more a:hover .arrow,.DataTools-list .sidebar-card .view-more a:hover .arrow,.ArticlesPublications-list .sidebar-card .view-more a:hover .arrow,.courses-list .sidebar-card .view-more a:hover .arrow,.event-list .sidebar-card .view-more a:hover .arrow,.discussionform-list .sidebar-card .view-more a:hover .arrow,.news-list .sidebar-card .view-more a:hover .arrow{left: 5px;}
.InnovationHub-list .post-image,.EVDirectories-list .post-image,.Directories-list .post-image,.DataTools-list .post-image,.ArticlesPublications-list .post-image,.courses-list .post-image,.event-list .post-image,.discussionform-list .post-image,.news-list .post-image{direction: ltr;}
.h1, h1{font-size: 1.75rem;}
*,a,.btn{border-radius: 0;}
.col_red{color: #F54343;}
.alert-danger {
	background-color: #c62323;
	border-color: #c62323;
	color: #fff;
}
.alert-success {
	background-color: #40b340;
	border-color: #40b340;
	color: #fff;
  }
/*.breadcrumbs{display: none !important;}*/
.card:hover,.card-title:hover{color: initial;}
/*.pt-bot-sm{padding-top: 20px;}*/

.card-4-itm .card {
    box-shadow: 0px 7px 17px #79797929;
    background: #F6FAFF 0% 0% no-repeat padding-box;
    border: 0.6000000238418579px solid #A3CAF6;
    border-radius: 14px !important;
    opacity: 1;
    transition: .4s;
}
.card-4-itm .card:hover {
    transform: scale(1.03);
    z-index: 2;
}
.main-sponser-sec .main-sponser-list .item.card:hover{opacity: 0.7;}
.form-upload-btn .btn{border-radius: 25px; font-size: 18px; line-height: 1;}
.right-fot button{
	background: #054a8a;
    border-color: #054a8a;
	color: #fff;
	border-radius: 25px;
}
.data-list .arrow{transform: none;}
.view-list-more,.data-list{direction: ltr;}
.right-fot button:hover{
	background: #009bc7 !important;
    border-color: #009bc7 !important;
	color: #fff !important;
}
.data-list .view-more a:hover .arrow,.data-list .read-more a:hover .arrow{left: 5px !important;}
.sub-link-txt{font-size: 1.5rem;}

.main-sponser-sec .main-sponser-list .item.card,.main-sponser-sec .main-sponser-list .item.card *{color: #000;}
.col_white{color: #fff;}
.post-main-photo{width: 100%;}
.container{width: 100%; max-width: 1900px;}
.slider-content{width: 580px; max-width: 100%; }
.reserved-btn{color: #fff !important;}
#event-picker .datetimepicker, #event-picker .datetimepicker table{width: 100%;}
#dob{position: relative;}
.row{position: relative; margin-left: 0; margin-right: 0;}
.modal-footer > *{margin: 0;}
.contact-sec{border: 1px solid #d5dbe0; border-radius: 5px; padding: 10px;}
.contact-itms:nth-child(-n+2){padding: 10px 0; border-bottom: 1px solid #d5dbe0; margin-bottom: 10px;}
.img-bck{background-position: center center !important; background-size: cover !important; padding-bottom: 52%; border-radius: 6px;}
.news-name h3{font-size: 1.4rem;}
.empty-data{padding: 20px 0; font-size: 21px;}
.col-banner a{display: block; width: 100%; height: 100%;}
.col-banner{width: 100%; /*height: 150px;*/ display: flex; align-items: center; justify-content: center; background-size: cover !important; background-position: center center !important; background-color: #eee; border-radius: 0px;}
.col-banner img{width: 100%;}
.field-lable{padding-right: 10px; font-size: 21px; font-weight: bold;}
.content-fields{display: flex; align-items: center; }
.form-search .input-group .btn-lg{--bs-btn-padding-y: 0.25rem;}
.add-section .add-data-top {display: flex; align-items: center; min-height: 35px;}
.add-section{padding: 10px 0; background-color: #f3fdff; box-shadow: 1px 1px 1x rgba(0,0,0,0.1);} 
.upload-form-cnt{padding:10px 0;}
.mrb15{margin-bottom: 15px;}
.font-style-italic{font-style: italic;}
.container .read-more-link:hover, .container .card-title:hover{color: #000 !important;}
.card-4-itm .card-title:hover{color: #fff !important;}
.card-4-itm .arrow{background-color: #23B6D0;}
.view-list-more{display: flex; align-items: center; justify-content: center; position: relative;}
.view-list-more.hide {display: none !important;}
.upload-form  .select2-container--default .select2-selection--single{
/*	height: 42px !important;
	line-height: 40px !important;
	border-radius: 0 !important;
	*/
}
.uc-text h1{font-size: 2.5rem;}
.event-calendar .fc-toolbar-chunk h2{font-size: 1.25rem;}
.event-calendar .fc-toolbar-chunk .fc-button{background-color:#0077b5; box-shadow: none;}
.fc-daygrid-day-events a{cursor: pointer;}
.row .pd0{padding: 0;}
.event-calendar .fc .fc-button-primary:not(:disabled).fc-button-active,.event-calendar .fc .fc-button-primary:not(:disabled):active{background-color:#009bc7; box-shadow: none;}
.event-calendar .fc .fc-button .fc-icon{font-size: 1.25rem; width: 0.75rem; display: flex; align-items: center; justify-content: center;}
.field-label{font-weight: 600; width: 90px;}
.field-label.wa{width: auto;}
.cnt-bck{
	background-size: cover !important; 
	background-position: center center !important;
	border-radius: 8px;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
	padding-bottom: 32%;
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
    margin-top: var(--bs-gutter-y);

}
.modal-content{padding: 10px;}
.row .form-group.col-md-6:first-child{padding-right: 10px;}
.row .form-group.col-md-6:last-child{padding-left: 10px;}
.view-list-more a{position: relative;}
.inv-loader,.loader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	overflow: hidden;
	background: #fff;
	display: none;
	width: 100%;
	height: 50px;
}
.inv-loader::after,.loader::after{background-color: #fff; z-index: 9; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0;}
.inv-loader::before,.loader::before {
	content: "";
	position: absolute;
	top: calc(50% - 12px);
	left: calc(50% - 12px);
	border: 4px solid #009bc6;
	border-top-color: #dfeae8;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	z-index: 1;
	animation: 1s linear infinite animate-preloader
}
.card-subtitle {
    font: normal normal bold 11px / 13px Helvetica;
    letter-spacing: 0.66px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-top: 0.3rem;
    margin-bottom: 15px;
}
.inv-loader{display: block; height: 100%;}
a.loader{position: relative; border-color: #fff !important;}
.upload-form{height: 0; overflow: hidden;}
.upload-form.auto{height: auto !important;}
.btn.disabled, .btn:disabled, .social-links a, fieldset:disabled .btn{border-color: transparent;}
.form-control:disabled{background-color: #fff; margin: 0;}
.post-by{font-style:italic;}
.europon-sec{color: #fff; font-size: 12px;}
#footer .footer-top .europon-sec h1{color: #212529; margin-bottom: 0px; margin-left: 10px;}
.col-footer-flex{align-items: flex-end;} 
.bold{font-weight: bold;}
.discussion-replies{padding: 0px;}
.bck-blue{background-color: #009bc7; border-radius: 14px; padding: 10px; margin-bottom: 10px; color: #fff;}
.add-section.card{padding: 10px 0; border-radius: 0; background: none; position: relative; min-height: 60px; padding-inline-start: 70px; padding-inline-end: 10px;}
.add-section.card::after{position: absolute; width: 70px; content:''; height: 60px; background: url('../../images/man.svg'); border-top: 4px solid #FEC725; background-position: center center; top: 0; left: 0; background-repeat: no-repeat; background-size: 30px auto; }
.row .col-md-6{padding: 0;}
/*.view-more a{position: relative;}
.view-more a::after{
	content: "\f105";
	font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  margin-left: 5px;
  display: flex;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0077b5;
  color: #fff;
}*/

.row .col-xs-12.right-cart{padding-right: calc(var(--bs-gutter-x) * .5);}
.row .col-xs-12.left-card{padding-left: calc(var(--bs-gutter-x) * .5);}
/*.row .col-xs-12 .card-4-itm{padding-right: 1rem;}
.list-view .data-wp-1{width: calc(100% + 1rem);}*/
.discussion-replies textarea.form-control{height: 100px; padding: 10px; margin: 0; resize: none;}
.btn .ll{ display: none;}
.btn .ll span.loader-icon{width: 15px; height: 15px; margin-right: 5px; color:#fff !important; }
.btn .ll span.btn-cnt{display: flex; align-items: center;}
.form-upload-btn{display: flex; align-items: center; justify-content: flex-end;}
.add-section .add-data-top .right-btn{width: 100px;  }
.add-section .add-data-top .right-btn.w150{width: 150px;}
.card-title{margin: 0;}
.post-category, .post-by,.post-list-date{font-size: 0.85rem; color: var(--bs-gray-600);}
.reply-description, .post-by{color: #444;}
.post-category{color: #0077b5;}
.input-group{padding: 0;}
.map-btn{justify-content: center; align-items: center;}
.map-btn .fa{display: flex; align-items: center;}
.item a{display: block; width: 100%;}
.item a img{width: 100%;}
.input-group .form-control{margin-bottom: 0;}
.reply-itm{padding: 10px 0; border-bottom: 1px solid #d5dbe0;}
/*.reply-itm:last-child{border: none; padding-bottom: 0;}*/
.rep-row{margin-top: 2.5rem;}
.card.cardAnswer{border-radius: 0;}
.reply-description p{margin: 0;}
.card.reply-itm{
	padding: 1rem;
}
.cardAnswer:before {
    content: '';
    position: absolute;
    left: 0;
	top: 0;
    width: 3px;
    height: 100%;
    background: #009BC7;
}
.replies-list{padding-bottom: 20px;}
.reply-by{font-size: 0.85rem;}
.reply-at{font-size: 0.85rem; color: var(--bs-gray-600);}
.card-right-itm .right-date,.post-date{color: var(--bs-gray-600);}
.post-date{font-size: 13px;}
.tags-list{margin-top: 20px;}
.tag-itm{
	width: auto;
	border-radius: 3px;
    padding: 0.5px 10px;
    margin: 0 5px 5px 0;
    cursor: default;
    user-select: none;
    transition: background-color 0.3s;
    border: rgba(83, 83, 83, 0.4);
    border-style: solid;
    border-width: 1px;
	font-size: 14px;
	line-height: 1;
}
a.btn,.add-section .add-data-top .right-btn a{background-color: #009bc7; border-color: #009bc7 !important; padding: 10px; color: #fff; font-size: 14px; display: flex; align-items: center; justify-content: center; border-radius: 25px;}
a.btn:hover,.add-section .add-data-top .right-btn a:hover{background-color: #054a8a; color: #fff; border-color:#054a8a !important;}
.add-section .add-data-top .right-btn a{text-transform: uppercase; transition: all .3s;}
.form-group label{/*text-transform: capitalize;*/}
.add-section .add-data-top .left-txt{width: calc(100% - 100px); font-size: 14px;}
.date-range{position: relative;}
.calendar.right{float: right;}
.calendar.left{float: left;}
.daterangepicker.dropdown-menu{width: auto; min-width: 500px;}
.va{display: none;}
.attendies-btn .btn{width: 100%;}
.main-sponser-list .owl-stage-outer .item{margin: 0;}
.event-top .post-heading{width: calc(100% - 100px);}
.dt-icon{position: absolute; right: 0; top: 0; height: 100%; background-color: #0077b5; padding: 0 10px; color: #fff; display: flex; align-items: center; border-radius: 0; border: 1px solid #0077b5;}
.add-contact{margin-top: 0px;}
.view-more{padding-top: 10px; }

.table.datatable{border: 1px solid #eceeef;}
td{
	padding-left: 16px;
  padding-right: 16px;
  border-color: #eceeef;
  border-bottom: 1px solid #eceeef !important;
  vertical-align: middle;
}
.daterangepicker td{padding-left: 10px; padding-right: 10px; min-width: 20px;}
.dataTables_paginate{padding: 10px;}
.table > thead > tr > th {
	padding: 10px 16px;
	  padding-right: 16px;
	  padding-left: 16px;
	border-color: rgba(120, 130, 140, 0.045);
	background-color: rgba(120, 130, 140, 0.045);
  }
.form-group small{font-size: 12px; color: #b07109; font-style: italic;}
.main-sponser-list{margin: 0; padding: 0;}

.contact-itms-ttl h4{padding-bottom: 10px; font-size: 18x;}
.contact-itms-ttl{position: relative;}
span.contact-itms-in{position: absolute; right: 10px; top: 0px; font-size: 21px;}
.counts .count-box p, body, h1, h2, h3, h4, h5, h6 {
	font-family: Roboto,"Tajawal", sans-serif
}
.form-group, .form-control{position: relative;}

.form-group::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #009BC7;
    transition: width .3s;
	position: absolute;
	bottom: 0;
}
.form-group:focus-within::after {
    width: 100%;
}
#header .logo, .faq .faq-list a {
	font-family: Arial,"Tajawal", Helvetica, sans-serif
}
#footer .footer-bottom a:hover, #header .logo a, a {
	color: #333333
}
#footer .footer-bottom a, #footer a:active, #footer a:hover, #topbar .contact-info a:hover, #topbar .social-links a:hover, .faq .faq-list a.collapsed:hover, .navbar .active, .navbar .active:focus, .navbar .dropdown ul .active:hover, .navbar .dropdown ul a:hover, .navbar .dropdown ul li:hover>a, .navbar a:hover, .navbar li:hover>a, .navbar-mobile .active, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul li:hover>a, .navbar-mobile a:hover, .navbar-mobile li:hover>a, .services .icon-box:hover .icon i, .sidebar-list .list-group .active, .sidebar-list .list-group a:hover, a:hover {
	color: #0cbaa4
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: .8rem
}
.uppercase{text-transform: uppercase;}
article ul.social-network-dm li{list-style: none; width: auto; display: inline-block; padding:0px 5px; }
article ul.social-network-dm li a{font-size: 0.9rem; color: #fff;}
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	overflow: hidden;
	background: #fff
}

ul.social-network-dm{margin: 0; padding: 0;}
#preloader:before {
	content: "";
	position: fixed;
	top: calc(50% - 40px);
	left: calc(50% - 40px);
	border: 4px solid #0cbaa4;
	border-top-color: #dfeae8;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	animation: 1s linear infinite animate-preloader
}
.login-form .form-group .form-control{margin-bottom: 0;}
.error{color: #f00;}
.success{color: #00a859;}
.amount-h{text-align: center; margin: 0; padding: 15px 0; font-weight: bold; }
.login-form .btn,.form-control{height: 59px; box-shadow: none !important; border-radius: 0;}
.form-group .select2-container .select2-selection--multiple{min-height: 59px; }
.row .form-group .select2-container--default .select2-selection--multiple{line-height: 35px !important;}
.form-group .select2-container .select2-search--inline .select2-search__field{height: 25px;}
textarea.form-control{
	height: 400px;
	resize: none;
}
.login-form .btn{background-color: #054a8a;}
.log-links a{font-size: 12px;}
.form-control[type=file]:not(:disabled):not([readonly]){margin: 0;}
.select2-container .select2-search--inline .select2-search__field{margin: 0 !important; color: #000;}
@keyframes animate-preloader {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
.back-to-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	left: 15px;
	bottom: 15px;
	z-index: 996;
	background: #0cbaa4;
	width: 30px;
	height: 30px;
	border-radius: 4px;
	transition: .4s
}
.back-to-top i {
	font-size: 28px;
	color: #fff;
	line-height: 0
}
.photo-panel img{height: auto !important;}
.add-data-title h3{margin-left: 0.75rem; margin-right: 0.75rem; font-size: 1.5rem;}
.right-fot a,.form-upload-btn .btn-default{background-color: #f5d472; border-color: #f5d472 !important;  margin-right: 5px;}
.back-to-top:hover, .btn-theme:hover {
	background: #333333;
	color: #fff
}
.back-to-top.active {
	visibility: visible;
	opacity: 1
}
.datepicker-dropdown {
	padding: 20px!important
}
#topbar {
	height: 40px;
	transition: .5s;
	z-index: 998;
	box-shadow: 0 0 1px rgba(0,0,0,.4);
	text-wrap: nowrap
}
#hero, #hero .carousel-item {
	height: calc(100vh - 180px);
	width: 100%;
	overflow: hidden
}
#topbar.topbar-scrolled {
	top: -40px;
	background: #fff
}
#topbar .contact-info a {
	line-height: 1;
	transition: .3s
}
.header-scrolled .header-dropdown .btn, .header-scrolled .navbar a, body {
	color: #444
}
#topbar .contact-info i {
	color: #0cbaa4;
	padding-right: 4px;
	margin-left: 15px;
	line-height: 0
}
#topbar .contact-info i:first-child {
	margin-left: 0
}
#topbar .social-links a {
	color: #333333;
	display: inline-block;
	line-height: 1px;
	transition: .3s
}
#topbar .social-links a:first-child {
	border-left: 0
}
#header {
	transition: .5s;
	z-index: 997;
	padding: 15px 0 0;
	top: 40px;
	box-shadow: 0 2px 15px rgba(0,0,0,.1)
}
.header-bg, .services .icon-box:hover .icon, .staff {
	background: #fff
}
#header.header-scrolled {
	top: 0;
	background: #fff
}
#footer, #hero .carousel-item {
	background-size: cover;
	background-repeat: no-repeat
}
#header .logo {
	font-size: 30px;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-weight: 700
}
.div-logo{width: 200px;}
.div-menu{width: calc(100% - 200px); text-align: center; display: flex; align-items: center; justify-content: flex-end;}
#header .logo img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 50px;
	margin-top: 0px;
	margin-bottom: 10px
}
.more-btn {
	text-align: center;
	margin-top: 10px
}
.header-no-bg {
	box-shadow: none!important
}
.header-scrolled {
	box-shadow: 0 2px 15px rgba(0,0,0,.1)!important
}
.navbar {
	padding: 0
}
.navbar ul {
	margin: 0;
	padding: 0;
	display: flex;
	list-style: none;
	align-items: center
}
.navbar ul.collapse{display: flex;}
.navbar>ul>li {
	white-space: nowrap;
	padding: 8px 0 23px 25px
}
.div-menu .navbar>ul>li {
	padding: 0px 0 0px 25px
}
.div-menu .navbar>ul>li a{
	padding: 8px 0 25px 0px;
	letter-spacing: 1px;
	position: relative;
}
.div-menu .navbar .dropdown ul>li a{
padding: 10px 20px;
}
.div-menu .navbar>ul>li a::after {
	content: '';
    position: absolute;
    bottom: -2px;
    width: 0;
    height: 3px;
    background: transparent;
    transition: width .3s;
}
.no-subscribe a{display: inline-block; line-height: 1; border-radius: 25px; padding: 6px 20px 10px; line-height: 1; border: 1px solid #009BC7; background: #009BC7; color: #fff; }
.no-subscribe a:hover{background: #054a8a; border-color: #054a8a; color: #fff;}
.div-menu .navbar>ul>li a.active::after {
    width: 100%;
    background: #009BC7;
}
.div-menu .navbar>ul>li a.active{

}
.navbar a, .navbar a:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 15px;
	text-transform: uppercase;
	color: #333333;
	white-space: nowrap;
	transition: .3s;
	padding: 5px 0;
	position: relative;
}
.navbar a:hover::after, .navbar a.active::after{
	content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height: 3px;
    background: transparent;
    transition: width .3s;
}
	
.navbar a .drop-arrow {
	font-size: 12px;
	line-height: 0;
	margin-left: 5px
}
.navbar .dropdown ul a .drop-arrow {
	position: absolute;
	right: 15px;
	top: 15px
}
.navbar .dropdown ul {
	display: block;
	position: absolute;
	left: 20px;
	top: 100%;
	margin: 0;
	padding: 10px 0;
	opacity: 0;
	visibility: hidden;
	background: #fff;
	transition: .3s
}
.navbar .dropdown:hover>ul, .navbar-mobile .dropdown ul {
	opacity: 1;
	visibility: visible
}
.gallery .gallery-item img, .why-us .content .more-btn {
	transition: .4s ease-in-out
}
.navbar .dropdown ul li, .navbar-mobile .dropdown ul li {
	min-width: 200px
}
.navbar .dropdown ul a {
	padding: 10px 40px 10px 20px;
	font-size: 16px;
	text-transform: none;
	color: #082744;
	border: none;
	display: block
}
.header-dropdown i, .navbar .dropdown ul a .fa {
	margin-right: 5px
}
.navbar .dropdown .dropdown ul {
	top: 0;
	left: 100%;
	visibility: hidden
}
.navbar .dropdown .dropdown:hover>ul {
	opacity: 1;
	top: 0;
	left: 100%;
	visibility: visible
}


.mobile-nav-toggle {
	color: #333333;
	font-size: 28px;
	cursor: pointer;
	display: none;
	line-height: 0;
	transition: .5s;
	margin-top: -15px
}
#footer .copyright{text-transform: uppercase; font-size: 16px; font-family: system-ui,-apple-system,"Tajawal","Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
#footer.footer .copyright{color: #407BA2; font-size: 12px; text-transform: capitalize; font-weight: 400; line-height: 15px;}
#footer .copyright a{color:#009BC7 !important;  font-weight: bold;}
#footer .copyright, .mobile-nav-toggle.bi-x {
	color: #707070
}


.navbar-mobile {
	position: fixed;
	overflow: hidden;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	transition: .3s;
	z-index: 999;
	width: 100%;
	height: 100%
}
.navbar-mobile .mobile-nav-toggle {
	position: absolute;
	top: 65px;
	right: 35px;
	font-size: 25px;
	border: 1px solid #f0f0f0;
	padding: 2px;
	background: #fff;
	border-radius: 4px
}
.navbar-mobile ul {
	display: block;
	position: absolute;
	top: 100px;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 15px 0 0;
	background-color: #fff;
	overflow-y: auto;
	transition: .3s
}
.navbar-mobile>ul>li {
	padding: 0;
	border-bottom: 1px solid #f0f0f0
}
.navbar-mobile a, .navbar-mobile a:focus {
	padding: 10px 2.5rem;
	font-size: 15px;
	color: #333333;
	border: none
}
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {
	margin: 15px
}
.navbar-mobile .dropdown ul {
	position: static;
	display: none;
	margin: 10px 30px;
	padding: 10px 0;
	background: #fff
}
#footer .footer-top .footer-contact, #hero h2, .slider-details, .why-us .content h3, .why-us .content p {
	margin-bottom: 30px
}
.footer-top hr{margin: 30px 0; color: #215A80; opacity: 1;}
.navbar-mobile .dropdown ul a {
	padding: 10px 20px
}
.navbar-mobile .dropdown ul a i {
	font-size: 12px
}
.navbar-mobile .dropdown>.dropdown-active {
	display: block
}
.header-scrolled .navbar-mobile ul {
	top: 64px
}
.header-scrolled .navbar-mobile .mobile-nav-toggle {
	top: 25px
}
#hero {
	padding: 0;
	background: #000
}
#hero .carousel-item {
	background-position: top right
}
#hero .carousel-item::before {
	content: "";
	background-color: rgba(0,0,0,.7);
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: hidden
}
#hero .carousel-container {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden
}
.titleItemDetail{font-size: 21px; font-weight: bolder;}
.grey-font {
    color: darkgrey;
    font-size: 10px;
    margin-bottom: 1rem;
}
.date-text {
    text-align: center;
    font: normal normal normal 13px / 16px Helvetica;
    letter-spacing: 0px;
    color: #707070;
}
#hero .carousel-content {
	text-align: left
}
#hero p {
	width: 80%;
	animation-delay: .4s;
	color: #fff
}
.faq .faq-list a.collapsed .icon-show, .share, .slider-link {
	display: inline-block
}
.fixed-top-margin {
	margin-top: 115px
}

#hero h2 {
	color: #fff;
	font-size: 48px;
}
.carousel-content{padding: 0 5rem;}
.yellowBorder {
    height: 38px;
    border-left: 6px solid #FEC725;
    position: absolute;
    left: -1.5rem;
    top: 10px;
}
.col-12{padding: 0;}
#hero .slider-link{box-shadow: none !important; color: #fff !important; transition: all .5s ease-out; position: relative; /*border: 1px solid #fff;*/ border: none; overflow: hidden; text-transform: capitalize; background: none; border-color: #fff; width: 170px; height: 45px; border-radius: 28px; display: flex; justify-content: center; align-items: center;}
#hero .slider-link::after{width: 100%; position: absolute; border-radius: 28px; height: 100%; content: ''; left: 0; top: 0; z-index: -1; background: #FEC725; transition: all .5s ease-out; }
#hero .slider-link:hover{border-color: #FEC725;}
#hero .slider-link:hover::after{width: 100%;}
#hero .slider-link {
	-webkit-box-shadow: 0 1px 3px 0 #fff;
	-moz-box-shadow: 0 1px 3px 0 #fff;
	box-shadow: 0 1px 3px 0 #fff
}
.title{
	font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.28px;
    color: #333333;
    text-transform: uppercase;
}
#hero .carousel-inner .carousel-item {
	transition-property: opacity;
	background-position: center top
}
#hero .carousel-inner .active.carousel-item-end, #hero .carousel-inner .active.carousel-item-start, #hero .carousel-inner .carousel-item {
	opacity: 0
}
#hero .carousel-inner .active, #hero .carousel-inner .carousel-item-next.carousel-item-start, #hero .carousel-inner .carousel-item-prev.carousel-item-end {
	opacity: 1;
	transition: .5s
}
#hero .carousel-inner .active.carousel-item-end, #hero .carousel-inner .active.carousel-item-start, #hero .carousel-inner .carousel-item-next, #hero .carousel-inner .carousel-item-prev {
	left: 0;
	transform: translate3d(0, 0, 0)
}
#hero .carousel-control-next, #hero .carousel-control-prev {
	width: 10%;
	visibility: hidden
}
#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {
	background: 0 0;
	font-size: 48px;
	line-height: 1;
	width: auto;
	height: auto
}
#hero .carousel-indicators li {
	list-style-type: none;
	cursor: pointer
}
.section-bg {
	background-color: #edf3f2
}
.content-data{   
	 background: #FFFFFF;
    box-shadow: 0px 7px 17px #79797929;
	padding: 2rem;
    padding-top: 1.75rem !important;
	padding-bottom: 5rem !important;
	width: 90%;
	margin: 0 auto;
}
.searchBlue {
    background: #F0F5FC;
    width: 395px;
    height: 48px;
    padding: 0 10px;
}
.searchBlue input {
    width: 90%;
    height: 100%;
    background: transparent;
    padding: 0 10px;
	border: none !important;
	box-shadow: none !important; 
	outline: none !important;
}
.filter-btn, .search-btn{background: none; border: none;}
.filter-btn{display: flex; align-items: center; color: #989898;}
.filter-btn span.img_Nav{
		background: url('../../images/filter-gray.png') no-repeat;
		width: 26px;
		height: 26px;
		display: inline-block;
		margin-left: 5px;
}
.filter-btn::after{display: none;}
.checkmark {
    height: 20px;
    width: 20px;
	display: inline-block;
    border-radius: 3px;
    border: 1px solid #BDBDBD;
	position: absolute;
	background: #fff;
}
.checkmark::after {
    content: "";
    position: absolute;
    display: none;
}
ul li .checkmark{position: relative;}
ul li label{display: flex; align-items: center; }
.chk-itm .checkmark::after {
    left: 5px;
    top: 1px;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.main-image img{margin: 0;}
.right-event-top{bottom: 3rem; right: 1rem;}
.plus img {
    width: 19px;
    height: 19px;
}
.right-search {position: relative;}
.right-search .topTools{
	margin: 0 !important;
	padding-bottom: 1.5rem;
}
.dropdown-menu-filter {
    z-index: 10;
    padding: 1.5rem 0.75rem;
    top: 100% !important;
    /*transform: translate3d(-75%, 12%, 0px) !important;*/
    box-shadow: 1px 2px 5px #bdbdbd;
    min-width: 280px;
    margin-top: 10px;
    width: 100%;
    border-radius: 7px;
	max-height: 50vh;
	overflow-y: auto;
}
.srh-4col .filter-sec .dropdown{position: initial;}
.srh-4col .filter-sec .dropdown-menu-filter{transform: none !important; width: calc(100% - 0px); left: 0px !important; border-radius: 0; z-index: 9999;}
.ul-li-itm.active a{
	font-weight: bold;
    color: #009BC7;
} 
.programCardImage {
    width: 128px;
    height: 128px;
    background-color: #FFFFFF !important;
    border-radius: 5px;
    background-repeat: no-repeat !important;
    background-size: auto !important;
    background-position: center !important;
    margin: 0 auto;
}
.programCardImage.ev-banner{height: auto; width: 180px;}
.programImageContainer {
    display: flex;
    align-items: flex-start;
    background: #F0F5FC;
	padding-top: 1.5rem;
}
.programImageContainer.pb20{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.l155.grid {
    display: grid;
    grid-template-columns: 155px 1fr;
    grid-gap: 1rem;
}
.l200.grid {
    display: grid;
    grid-template-columns: 220px 1fr;
    grid-gap: 1rem;
}
.card.courses-card {
    height: 100%;
    min-height: 200px;
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: 0px 7px 17px #79797929;
    transition: .4s;
    text-decoration: none;
	padding: 0;
	background: none;
}
.card.ev-banner-card {
    height: 100%;
    border-radius: 0 !important;
    box-shadow: 0px 7px 17px #79797929;
    transition: .4s;
    text-decoration: none;
	padding: 0;
	background: none;
}
.card.discussion-card{
	border-radius: 0 !important;
    transform: none !important;
	box-shadow: none !important;
	border-color: rgba(0,0,0,0.125);
	padding: 0;
	background: none;
}
.right-post-bottom p{margin: 0;}
.cardDetails p{margin: 0;}
.bottom-post p{position: relative; width: auto; display: inline-block;}
.bottom-post p::after{width: 6px;  height: 6px; border-radius: 100%; content: ''; left: -10px; background-color: #FF0000; bottom: 5px; position: absolute;}
.bottom-post .view-more{padding: 0;}
.et-itm.w50{width: 50%;float: inline-start;}
.et-itm.w33{width: 33%;float: inline-start;}
.chk-itm-lab.chk .checkmark{background-color: #23B6D0;}
.chk-itm-lab.chk .checkmark::after {
    display: block;
}

.filter-btn:hover,.filter-btn:focus{
	color: #208fff;
}
.filter-btn:hover span.img_Nav,.filter-btn:focus span.img_Nav{
	background: url('../../images/filter-blue.png') no-repeat;
}
.breadcrumbs h2.MainTitle {
    font-size: 37px;
    letter-spacing: 1.11px;
    color: #FFFFFF;
    font-weight: normal;
}
.reset {
    width: 120px;
    height: 40px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 25px;
    /*font-size: 18px;*/
    letter-spacing: 0.54px;
    text-transform: uppercase;
    background: #FFF;
    border: 1px solid #009BC7;
    color: #009BC7;
    transition: background 1s;
}
.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, .15);
}
.dropdown-divider.evt-brd{margin: 1.5rem 20px; width: calc(100% - 40px);}
.bdr-mrg{margin: 1.5rem 20px;}
.filter-time h5,.filter-type h5{padding-bottom: 20px; margin-bottom: 20px; position: relative;}
.filter-time h5::after,.filter-type h5::after{width: 100%; content: ''; position: absolute; height: 1px; left: 0; bottom: 0; content: ''; background: rgba(0,0,0,0.125);}
.filter-sub-btn.blueBtn{height: 40px;}
.bread-cnt{padding-top: 2rem;}
.bread-cnt li a{color: #FEFEFE !important; text-decoration: underline; padding: 0 5px; font-size: 15px;}
.switch-calendar{margin-bottom: 1rem;}
.switch-calendar .cardview a{border-top-right-radius: 0; border-bottom-right-radius: 0;}
.switch-calendar .calendarview a{border-top-left-radius: 0; border-bottom-left-radius: 0;}
.switch-calendar a{
	display: block; 
	border: 1px solid #70707047;
	background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 6px;
    opacity: 1;
    padding: 10px;
    box-shadow: 0px 3px 6px #afafaf29;
	color: #000 !important;
    display: block;
    width: 100%;
    font-weight: bold;
}
.switch-calendar .active a{
	color: #009BC7 !important;
    border-color: #009BC7 !important;
}
.bread-cnt li a:hover{color: #23B6D0 !important;}
.content-data,.bread-cnt{width: 90%; margin: 0 auto;}
.bread-cnt{position: relative; z-index: 9;}
.card.info{border-radius: 0; padding: 0;}
.reg-btn{display: none; padding: 0;}
.fields-cnt{min-height: 50vh;}
.mbr-cat{padding-bottom: 2rem;}
.mbr-name h4{margin: 0; padding-bottom: 20px;}
.userTypesContainer .card {
    /* width: 240px; */
    /*height: 300px;*/
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 7px 17px #79797929;
    opacity: 0.95;
    border: 0;
    border-radius: 0 !important;
    padding: 10px;
    margin: 0 0 2rem 0;
	padding-bottom: 3rem;
    cursor: pointer;
}
.cardImage {
    margin: 2rem auto;
    width: 70px;
    height: 70px;
}
.cardTitle {
    font-size: 23px;
    font-weight: bold;
    letter-spacing: 0.23px;
	
}
.evbanner .cardTitle{text-align: center; font-size: 18px;}
.cardDetails {
	padding-inline-end: 10px;
}
.blueBtn {
    width: 164px;
    height: 49px;
    background: #009BC7 0% 0% no-repeat padding-box;
    box-shadow: 0px 7px 17px #69696929;
    border-radius: 24px;
    border: 0;
    letter-spacing: 1.02px;
    color: #FFFFFF;
    text-transform: uppercase;
    transition: background 1s;
}
.evb-btn.blueBtn{width: auto; margin: 0 auto; padding: 10x 20px; line-height: 1; height: auto;}
.flt-itm{padding-left: 2rem; padding-top: 1rem; display: block; width: 100%;}
.srh-4col .dropdown-menu-filter{
	width: 600px;
}
.add {
    padding: 10px 10px 12px 10px;
    background: #23B6D0;
    border-radius: 20px;
    color: #fff !important;
    border: 0;
    transition: .3s;
    box-shadow: 2px 7px 17px #79797929;
    width: unset;
    height: unset;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.add-btn.blueBtn{
	height: 40px;
	margin-left: 1rem;
}
.add-btn.blueBtn:hover{
	background-color: #054a8a;
  	color: #fff;
  	border-color: #054a8a !important;
}
.share-btn.add {padding: 4px 20px 4px 15px;}
.user-prof img{width: 40px; height: 40px; border-radius: 100%;}
.add:hover {
    background: rgb(0, 155, 199, 0.6) !important;
}
.disabled.add:hover{
	background: #23B6D0 !important;
}
.submit:disabled, .procced:disabled, .blueBtn:hover {
    background: rgb(0, 155, 199, 0.6);
}

.second-register .fixBtns,.register-first .fixBtns {width: 170px;}
.second-register .bottom-msg,.register-first .bottom-msg{width: calc(100% - 170px);}
.selectUser {
    display: block;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    background: transparent;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 3px;
    transition: background 1s;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ucs.selected .selectUser {
    background: #2EB9D2 !important;
}
.second-register{display: none;}
.cursor-pointer{cursor: pointer;}
.userTypesContainer .card:hover .selectUser {
    background: #D6D6D6;
}
.userTypeImage {
    width: 70px;
    border-top: 4px solid;
    display: flex;
    justify-content: center;
}
.yellowTopBorder {
    border-top-color: #FEC725 !important;
}
.topBorder:before, .content-data:before{    content: '';
    display: block;
    width: 0;
    height: 5px;
    background: #009BC7;
    transition: width 1s;
    position: absolute;
	width: 100%;
    top: 0;
    left: 0;}
.content-data{position: relative; min-height: 75vh;}
.breadcrumbs{
	background-image: url('../../images/darkBg.jpg');
	height: 40vh;
	min-height: 400px;
	width: 100%;
	background-size: cover;
	margin-bottom: -25vh !important;
}

.carousel-item-clear::before {
	display: none!important
}
#hero .carousel:hover .carousel-control-next, #hero .carousel:hover .carousel-control-prev {
	visibility: visible
}
section {
	padding: 60px 0
}
.section-title {
	text-align: center;
	padding-bottom: 30px
}
.section-title h2 {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
	color: #333333
}
.section-title h2::before {
	content: "";
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background: #0cbaa4;
	bottom: 2px;
	left: calc(50% - 60px)
}
.section-title h2::after {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 5px;
	background: #0cbaa4;
	bottom: 0;
	left: calc(50% - 20px)
}
.section-title p {
	margin-bottom: 0
}
.breadcrumbs {
	padding: 20px 0;
	min-height: 300px
}
.breadcrumbs h2 {
	font-size: 24px;
	font-weight: 300;
	margin: 0
}
.sponsor-itm{padding-bottom: 10px;}
.sponsor-itm a, .sponsor-itm a img{max-width: 250px; display:inline-block ;}
.sponsor-itm {text-align: center;}

.breadcrumbs ol, .counts .count-box p {
	padding: 0;
	margin: 0
}
.breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	list-style: none
}
.breadcrumbs ol li+li {
	padding-left: 10px
}
.event-view.op0{opacity: 0; position: absolute; width: 100%;}
.breadcrumbs ol li+li::before {
	display: inline-block;
	padding-right: 0px;
	color: #FEFEFE;
	width: 15px;
	margin: 0 5px;
	height: 10px;
	background-image: url('../../images/doubleArrow.svg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	content: " "
}
.why-us .content {
	padding: 30px;
	background: #0cbaa4;
	border-radius: 4px;
	color: #fff
}
.why-us .content h3 {
	font-weight: 700;
	font-size: 34px
}
.why-us .content .more-btn {
	display: inline-block;
	background: rgba(255,255,255,.2);
	padding: 6px 30px 8px;
	color: #fff;
	border-radius: 50px
}
.why-us .content .more-btn:hover {
	color: #0cbaa4;
	background: #fff
}
.why-us .icon-boxes .icon-box {
	text-align: center;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 2px 15px rgba(0,0,0,.1);
	padding: 40px 30px;
	width: 100%
}
.why-us .icon-boxes .icon-box i {
	font-size: 40px;
	color: #0cbaa4;
	margin-bottom: 30px
}
.why-us .icon-boxes .icon-box h1 {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 30px
}
.why-us .icon-boxes .icon-box p {
	font-size: 15px;
	color: #848484
}
.counts {
	background: #edf3f2;
	padding: 70px 0 60px
}
.counts .count-box {
	padding: 30px 30px 25px;
	width: 100%;
	position: relative;
	text-align: center;
	background: #fff
}
#footer .footer-newsletter form button:hover, .btn-theme, .counts .count-box i, .services .icon-box, .staff .member .social a:hover {
	background: #0cbaa4
}
.counts .count-box i {
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 20px;
	color: #fff;
	border-radius: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px
}
.counts .count-box span {
	font-size: 36px;
	display: block;
	font-weight: 600;
	color: #082744
}
.services .icon-box {
	text-align: center;
	border: 1px solid #0cbaa4;
	padding: 50px 20px;
	transition: .3s ease-in-out;
	border-radius: 15px
}
.services .icon-box .icon {
	margin: 0 auto 20px;
	width: 64px;
	height: 64px;
	background: #fff;
	border-radius: 5px;
	transition: .3s ease-out;
	display: flex;
	align-items: center;
	justify-content: center;
	transform-style: preserve-3d;
	position: relative;
	z-index: 2
}
.services .icon-box .icon i {
	color: #0cbaa4;
	font-size: 28px;
	transition: .3s ease-in-out
}
.services .icon-box .icon::before {
	position: absolute;
	content: "";
	left: -8px;
	top: -8px;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.1);
	border-radius: 5px;
	transition: .3s ease-out;
	transform: translateZ(-1px);
	z-index: -1
}
.services .icon-box h1 {
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 24px;
	color: #fff
}
.services .icon-box p {
	color: #fff;
	line-height: 24px;
	margin-bottom: 0
}
.services .icon-box:hover {
	background: #333333;
	border-color: #333333
}
.services .icon-box:hover .icon::before {
	background: rgba(0,0,0,.2)
}
#footer a, .services .icon-box:hover h4, .services .icon-box:hover p, .whatsapp_float:active, .whatsapp_float:hover, .whatsapp_float:visited {
	color: #fff
}
.active>.page-link, .extra-images-count .text-primary, .page-link.active, .social-links a {
	color: #fff!important
}
.services .icon-box img, article .photo-panel {
	margin-bottom: 20px
}
.staff .member {
	position: relative;
	box-shadow: 0 2px 15px rgba(44,73,100,.08);
	padding: 30px;
	border-radius: 10px
}
.staff .member .pic {
	overflow: hidden;
	width: 120px;
	min-width: 120px;
	border-radius: 50%
}
.staff .member .pic img {
	transition: .3s ease-in-out;
	width: 120px;
	height: 120px
}
.gallery .gallery-item:hover img, .staff .member:hover img {
	transform: scale(1.1)
}
.staff .member .member-info {
	padding-left: 30px
}
.staff .member h4 {
	font-weight: 700;
	margin-bottom: 5px;
	font-size: 20px;
	color: #333333
}
.faq .faq-list a, .staff .member span {
	display: block;
	font-weight: 500;
	position: relative
}
.staff .member span {
	font-size: 15px;
	padding-bottom: 10px
}
.staff .member span::after {
	content: "";
	position: absolute;
	display: block;
	width: 50px;
	height: 1px;
	background: #b2c8dd;
	bottom: 0;
	left: 0
}
.staff .member p {
	margin: 10px 0 0
}
.staff .member .social {
	margin-top: 12px;
	display: flex;
	align-items: center;
	justify-content: flex-start
}
.staff .member .social a {
	transition: .3s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	width: 32px;
	height: 32px;
	background: #a0bcd5
}
.staff .member .social a i {
	color: #fff;
	font-size: 16px;
	margin: 0 2px
}
.staff .member .social a+a {
	margin-left: 8px
}
.faq .faq-list .icon-show, .faq .faq-list a.collapsed .icon-close, .staff .member .member-info .custom-field-title {
	display: none
}
.staff .member .member-info .custom-field-value {
	padding: 0!important;
	border: 0!important;
	opacity: .7;
	margin-bottom: 0!important
}
.faq .faq-list {
	padding: 0 100px
}
.faq .faq-list ul {
	padding: 0;
	list-style: none
}
.faq .faq-list li+li {
	margin-top: 15px
}
.faq .faq-list li {
	padding: 20px;
	background: #fff;
	border-radius: 4px;
	position: relative
}
#footer .footer-bottom, .bottom-article, .contact .info i {
	background: #edf3f2
}
#footer .footer-bottom-cols.footer-bottom{
	background: none;
	border: none;
}
.footer .container{padding: 0;} 

.faq .faq-list a {
	font-size: 16px;
	line-height: 24px;
	padding: 0 30px;
	outline: 0;
	cursor: pointer
}
.faq .faq-list .icon-help {
	font-size: 24px;
	position: absolute;
	right: 0;
	left: 20px;
	color: #76b5ee
}
.faq .faq-list .icon-close, .faq .faq-list .icon-show {
	font-size: 24px;
	position: absolute;
	right: 0;
	top: 0
}
.faq .faq-list p {
	margin-bottom: 0;
	padding: 10px 0 0
}
.faq .faq-list a.collapsed {
	color: #343a40
}

.testimonials .testimonial-wrap {
	padding-left: 50px
}
.testimonials .testimonials-carousel, .testimonials .testimonials-slider {
	overflow: hidden
}
.testimonials .testimonial-item {
	box-sizing: content-box;
	padding: 30px 30px 30px 60px;
	margin: 30px 15px;
	min-height: 200px;
	box-shadow: 0 2px 12px rgba(44,73,100,.08);
	position: relative;
	background: #fff
}
.testimonials .testimonial-item .testimonial-img {
	width: 90px;
	height: auto;
	border-radius: 10px;
	border: 6px solid #fff;
	position: absolute;
	left: -45px
}
.testimonials .testimonial-item h3 {
	font-size: 18px;
	font-weight: 700;
	margin: 10px 0 5px;
	color: #111
}
.testimonials .testimonial-item h4 {
	color: #999;
	margin: 0
}
.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
	color: #dfeae8;
	font-size: 26px
}
.testimonials .testimonial-item .quote-icon-left {
	display: inline-block;
	left: -5px;
	position: relative
}
.testimonials .testimonial-item .quote-icon-right {
	display: inline-block;
	right: -5px;
	position: relative;
	top: 10px
}
.testimonials .testimonial-item p {
	font-style: italic;
	margin: 15px auto
}
.testimonials .swiper-pagination {
	margin-top: 20px;
	position: relative
}
.testimonials .swiper-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: #fff;
	opacity: 1;
	border: 1px solid #0cbaa4
}
.testimonials .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #0cbaa4
}


.gallery .gallery-item {
	overflow: hidden;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff
}
.contact .info, .contact .php-email-form {
	width: 100%;
	background: #fff
}
.contact .info i {
	font-size: 20px;
	color: #0cbaa4;
	float: left;
	width: 44px;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	transition: .3s ease-in-out
}
.btn.disabled, .btn:disabled, .social-links a, fieldset:disabled .btn {
	background: #333333
}
.contact .info h4 {
	padding: 0 0 0 60px;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 5px;
	color: #333333
}
.contact .info p {
	padding: 0 0 0 60px;
	margin-bottom: 0;
	color: #333333
}
.contact .info .email, .contact .info .phone {
	margin-top: 40px
}
.contact .info .address:hover i, .contact .info .email:hover i, .contact .info .phone:hover i {
	background: #0cbaa4;
	color: #fff
}
.contact .php-email-form .form-group {
	padding-bottom: 8px
}
.contact .php-email-form .error-message {
	display: none;
	color: #fff;
	background: #ed3c0d;
	text-align: left;
	padding: 15px;
	font-weight: 600
}
.contact .php-email-form .error-message br+br {
	margin-top: 25px
}
.contact .php-email-form .sent-message {
	display: none;
	color: #fff;
	background: #18d26e;
	text-align: center;
	padding: 15px;
	font-weight: 600
}
.contact .php-email-form .loading {
	display: none;
	background: #fff;
	text-align: center;
	padding: 15px
}
.contact .php-email-form .loading:before {
	content: "";
	display: inline-block;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	margin: 0 10px -6px 0;
	border: 3px solid #18d26e;
	border-top-color: #eee;
	animation: 1s linear infinite animate-loading
}
.main-sponser-sec{
	/*background-color:#bbd8ed ;*/
	position: relative;
}
.main-sponser-sec:before {
    background: url('../../images/formBg.png');
    background-size: cover;
	background-position: center;
    width: 100%;
    height: 100%;
    top: 0;
    content: '';
    position: absolute;
	z-index: -1;
}
.main-sponser-sec
.btn-theme {
	border: 0;
	padding: 10px 35px;
	color: #fff;
	transition: .4s;
	border-radius: 50px
}
#footer .footer-bottom, .section-border-top {
	border-top: 1px solid #edf3f2
}
@keyframes animate-loading {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
#footer {
	color: #444;
	background-position: center center;
	background-color: #002D4A
}
/*about*/
.about .bg, .about .imgBorder{
	animation: animName 120s linear infinite;
	}
	
	@keyframes animName {
	0%{
		transform: rotatey(0deg);
		}
	100%{
		transform: rotatey(360deg);
		}
	}
	.about .MainImage{
	animation: flipImage 40s linear infinite;
	}
	
	@keyframes flipImage {
	0%{
		transform: rotateX(0deg);
		}
	50%{
		transform: rotateX(-45deg);
		}
	}
.home-about-display{width: 75%; margin: auto; }
.home-about-display .right-home-about{width: calc(100% - 200px); background: #fff;}
.ha-links ul{list-style: none; margin: 0; align-items: center; justify-content: flex-end;}
.ha-links ul li .nav-link{letter-spacing: 0.5px; color: #333 !important;}
.home-about-itm{display: none;}
.about-itm{position: relative; /*width: 100%; max-width: 1240px; margin: 0 auto;*/ padding: 0;}
.ab-4 .row,.ab-2 .row,.ab-1 .row{display: flex; align-items: center;}
 .ab-2::after{position: absolute; width: 100%; height: 100%; content: ''; left: 0; top: 0; background-color: #009BC7; z-index: 0;}
 .content-data.about-cnt{padding: 0 !important;}
 .content-data.about-cnt .container{padding: 0;}  
.ab-1::after{position: absolute; height: 100%; width: 90%; content: ''; top: 0; right: 0; background-color: #F0F5FB; z-index: 0;}
.about-itm .row{position: relative; z-index: 2; padding: 0 5rem; margin-bottom: 5rem;}
.ab-3::after{position: absolute; width: 100%; height: 50%; top: 0; content: ''; background-color: #0A3A5E;}
.ab-3 .left-about{padding-bottom: 5rem;}
.ab-3 table{width: 100% !important; border: none;}
.ab-3 table td{width: 50%; vertical-align: top; padding: 0; border: none !important;}
.ab-3 table td:first-child{padding-inline-end: 5rem;}
.ab-3 table td:last-child{padding-inline-start: 5rem;}
.ab-2 .row,.ab-2 .row h4{padding-inline-end: 0; color: #fff;}
.ab-3 .row{padding-top: 5rem;}
.ab-3 .row,.ab-3 .row h4{color: #fff; margin: 0;}
.ab-3 .right-about{padding-bottom: 5rem;}
.about-itm .title{font-size: 22px; line-height: 26px; margin: 0; text-transform: uppercase; color: #205A80;}
.ab-3 .row h3{padding-bottom: 3rem;}
.ab-3 .row .title, .ab-3 .row h3, .ab-2 .row .title{color: rgba(255,255,255,0.5); margin: 0;}
.about-description h4{font-size: 28px; margin-bottom: 30px; line-height: 33px; font-weight: 700; color: #000;}
.ha-links{width: calc(100% - 150px);}
.home-about-ttl h3{margin: 0; width: 380px; font-weight: bold;}
.home-about-ttl h3 span{color: #009BC7;}
.imgBorder {
    position: absolute;
    left: 22%;
    top: 4%;
    z-index: 1;
}
.MainImage {
    position: absolute;
    left: 20%;
    top: 14%;
    z-index: 2;
}
.home-about-display .right-about{padding: 2rem 3rem 2rem 10rem;}
.blueBorder {
    width: 100%;
    height: 40px;
    border-right: 6px solid #2FADD1;
}
.ha-links ul li  a.nav-link{text-decoration: underline;}
.hnews-sec,.community-sec, .program-sec{position: relative;padding: 5rem 3rem;}

.earth {
    position: absolute;
    right: -10%;
    mix-blend-mode: lighten;
}

img.dots {
    position: absolute;
    right: 0;
    top: 25%;
}
.social-links{display: block;}
.net {
    position: absolute;
    right: -8%;
    top: 15%;
    mix-blend-mode: color-dodge;
}

.net, .dots {
	animation: rotation 450s infinite linear;
    -webkit-animation: rotation 450s infinite linear;
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
	}
}

@-webkit-keyframes opct {
	0% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

.animatedDots {
    display: block;
    width: 75px;
    height: 75px;
    position: absolute;
	animation: opct 10s infinite linear;
    -webkit-animation: opct 5s infinite linear;
}

.animatedDots.green {
    fill: #2B7630;
    bottom: 0;
    right: 40%;
    width: 85px;
    height: 85px;
}
.animatedDots.blue{
    fill: #23B6D0;  
    bottom: 30%; 
    right: 0; 
}
.animatedDots.orange {
    fill: #FEC725;
    bottom: 5%;
    right: 20%;
    width: 65px;
    height: 65px;
}

.hnews-sec::before,.community-sec::before, .program-sec::before{
	background: url('../../images/programBg.jpg');
    background-size: cover;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
	z-index: -1;
}
.community-sec::before{
	background: none;
}
.hnews-sec{padding: 5rem 3rem 0;}
.main-sponser-sec {padding: 3rem 0 2rem;}
.hnews-sec::before{
	height: 85%;
	background: url('../../images/solar-power-panel-sky-background-3d-rendering.jpg');
	background-size: cover;

}
.nh-date{
	width: auto;
	min-width: 75px;
    height: 58px;
    background: #009BC7 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    display: grid;
    border-radius: 7px;
    color: #fff !important;
    text-align: center;
    padding: 5px 12px;
    position: absolute;
    top: -30px;
    right: 10%;
}
.nh-title a{color: #333 !important; font-weight: bold;}
.nh-title a:hover{text-decoration: underline;}
.new-list .df-itm{padding: 0 1rem;}
.new-list .df-itm .card{padding: 0;}
.nh-date .dd{position: relative; padding-bottom: 0px;}
.nh-date .dd::after{content: ''; position: absolute; width: calc(100% - 0px); left: 0px; bottom: -3px; background: #fff; height: 1px;}
.new-list .df-itm .card{height: 100%; position: relative;}
.new-list .df-itm .card .read-more{position: absolute; bottom: 2rem; right: 1.5rem;}
.hnews-sec::after{
	width: 100%;
    height: 85%;
	content: '';
    background-image: url('../../images/blueLayer.svg');
    background-size: cover;
    position: absolute;
    z-index: 0;
    opacity: 0.7;
	top: 0;
	left: 0;
}
.event-itm .bck-white{padding: 3rem; height: 100%; background: #fff;}
.event-itm .nh-date{right: 0;}
.bottom-events{left: 0; bottom: 0; padding: 1rem 3rem;}
.hnews-sec .container{position: relative; z-index: 2;}
.community-sec{background: #bbd8ed;}
.program-sec .hp-itm{
	width: 20%;
    height: 100%;
}
.program-sec .card {
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 7px 17px #79797929;
    opacity: 0.95;
    margin: 1rem;
    text-decoration: none;
	border-radius: 0 !important;
    padding: 6rem 1.5rem;
    border: 0;
	display: block;
	/*
    display: flex;
    align-items: center;
    justify-content: center;
	*/
	position: relative;
	overflow: hidden;
}
.join-more a{border: 1px solid #009BC7; border-radius: 25px; padding: 10px 20px; display: flex; align-items: center;}
.join-more a span{padding: 0 0px; line-height: 1;}
.join-more a span.join-txt{padding-right: 10px; padding-bottom: 2px; border-right: 1px solid #009BC7;}
.event-itm .evt-category span{position: relative;}
.event-itm .evt-category span::after{position: absolute; width: 6px; height: 6px; border-radius: 50%; top: calc(50% - 3px); left: -10px; content: ''; background: #FF0000;}
.join-more a span.arrow{margin: 0; margin-left: 10px;}
.program-sec .card .program-cart-cnt h2, .program-sec .card h2{
	font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.2px;
    color: #009BC7;
	margin-bottom: 0.5rem;
    text-transform: uppercase;
    text-decoration: none;
}
.program-sec .card img{
	width: 46px;
    height: 46px;
    margin: auto;
	margin-bottom: 20px;
}

.program-sec .card div, .program-sec .card div *{
	font-size: 14px;
	color: #333;
	letter-spacing: 0.14px;
	font-weight: 400;
}
.df-itm-user img{width: 40px; height: 40px; border-radius: 100%;}
.fu-name h3{margin: 0; font-size: 15px; font-weight: 500;}

.community-sec .card {
    width: 30%;
    display: inline-block;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 7px 17px #79797929;
    opacity: 0.95;
    margin: 1rem;
    text-decoration: none;
    padding: 1.5rem;
    border: 0;
    margin: auto;
	height: 100%;
}
.arrow {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 17px;
    height: 17px;
    background: #2FADD1 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 50%;
	margin-inline-start:0.5rem;
	position: relative;
	left: 0;
	transition: all .5s;

}
.home-about-ttl h3{text-transform: uppercase;}
.home-about-link a:hover .arrow,.join-more a:hover .arrow,.view-more a:hover .arrow,.read-more a:hover .arrow{left: 5px;}
.program-sec .card .arrow img{width: auto; height: auto;}
.df-content h5.card-title{padding: 0.5rem 0; font-size: 1.25rem;}
.df-content .card-text{margin-bottom: 1rem; font-size: 15px;}
.df-container{width: 80%; margin: auto;}
.df-date{font-size: 12px; color: var(--bs-gray-600);}
.df-category{
	display: inline-block;
    border-radius: 3px;
    padding: 5px 10px;
	line-height: 1;
    margin: 0;
    cursor: default;
    user-select: none;
    transition: background-color 0.3s;
    border: rgba(83, 83, 83, 0.4);
    border-style: solid;
    border-width: 1px;
}
.program-sec .card .overlay{position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: rgb(0, 155, 199, 0.9);
    overflow: hidden;
    width: 100%;
    height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
    transition: .5s ease;}
	.program-sec .card div.overlay a{
		color: #fff;
		font-size: 20px;
		white-space: nowrap;
	}
	.program-sec .card:hover .overlay{top:0}
.ha-links ul li  a:hover,.ha-links ul li  a.nav-link.active{color: #009bc7 !important;}
.program-sec .card div.overlay-cnt-desc *{color: #fff; padding: 0rem 1.5rem; font-size: 18px;}
.left-img{position: relative;}
.footer-desc{width: calc(100% - 143px); padding-inline-start:10px; padding-inline-end: 15px;}
.footer-desc p{width: 100%; max-width: 355px; margin-bottom: 0;}
.footer-images{width: 143px;}
.footer-images img{max-height: none; height: auto;}
.footer-images img.lf-img-1,.footer-images img.lf-img-2{width: auto; height: 68px;}
.footer-images img.lf-img-1{margin-inline-end: 10px;}
#footer .footer-top {
	padding: 5rem 5rem 1rem;
	/*background-image: url('../../images/contactBg.png');
	background-size: cover;
	background-position: center center;*/
	
}
#footer .footer-top .footer-contact h4 {
	font-size: 22px;
	margin: 0 0 30px;
	padding: 2px 0;
	line-height: 1;
	font-weight: 700
}
#footer .footer-top .footer-contact p {
	line-height: 24px;
	margin-bottom: 0;
	font-family: Roboto,"Tajawal", sans-serif;
	color: #444
}
#footer .footer-top h1 {
	font-size: 18px;
	font-weight: 700;
	color: #444;
	position: relative;
	padding-bottom: 12px
}
#footer.footer .footer-top h1{
	color: #fff;
	font-size: 15px;
	line-height: 18px;
	/*text-transform: capitalize;*/
	margin: 0;
	padding: 0;
	font-weight: 400;
	padding-inline-end: 15px;
}
#footer .footer-top .footer-links-col h1{
	color: #009BC7;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 16px;
	font-weight: 400;
	margin-bottom: 10px;
	padding: 0;
}
#footer .footer-top .footer-links .footer-col-links ul li{padding: 0; padding-bottom: 10px;}
#footer .footer-top .footer-col-links ul li a{color: #fff !important; font-size: 16px; font-weight: 400; line-height: 19px; text-transform: capitalize;}
.footer-col-links ul li a:hover,.footer-col-links ul li.active a{color: #009BC7 !important;}
#footer .footer-top .footer-links ul {
	list-style: none;
	padding: 0;
	margin: 0
}
#footer .footer-top .footer-links ul i {
	padding-right: 2px;
	color: #444;
	font-size: 12px;
	line-height: 1;
	opacity: .5
}
#footer .footer-top .footer-links ul li {
	padding: 0.5rem;
	display: flex;
	align-items: center
}
#footer .footer-top .footer-links ul li:first-child {
	/*padding-top: 0*/
}
#footer .footer-top .footer-links ul a {
	color: #444;
	transition: .3s;
	margin: 0;
	display: inline-block;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 1
}
.program-list .df-content{height: 190px;}
.component-text h3{margin-bottom: 0; font-weight: bold; text-transform: uppercase; font-size: 28px; letter-spacing: 0.28px; color: #333;}
.component-text p{width: 33%; margin: 0 auto; margin-top: 1rem; font-size: 18px; font-weight: 400; letter-spacing:1.22px ;color: #333; }
.main-sponsor-ul{display: flex; justify-content: center;}
.main-sponser-list{list-style: none;width: auto; display: flex; justify-content: center;}
#footer .footer-top .footer-links ul a:hover {
	text-decoration: none;
	color: #0cbaa4
}
#footer .footer-newsletter {
	font-size: 15px
}
#footer .footer-newsletter form {
	margin-top: 30px;
	background: #fff;
	padding: 6px 10px;
	position: relative;
	border-radius: 50px;
	text-align: left;
	border: 1px solid #fff
}
#footer .footer-newsletter form input[type=email] {
	border: 0;
	padding: 4px 8px;
	width: calc(100% - 100px);
	margin: 0
}
#footer .footer-newsletter form button {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border: 0;
	background: #333333;
	font-size: 16px;
	padding: 0 20px;
	color: #fff;
	transition: .3s;
	border-radius: 50px
}
#footer .credits {
	padding-top: 5px;
	font-size: 13px;
	color: #000
}
.social-links {
	display: flex;
	width: 100%;
}
.footer .social-links{width: auto;}
.footer-top .social-links{display: block;}
.social-links a{text-align: left; width: 100%;}
.social-links a {
	font-size: 18px;
	line-height: 1;
	padding: 0px 0;
	/*margin-right: 4px;*/
	/*border-radius: 50%;*/
	text-align: center;

	transition: .3s
}
.bread-cnt h2.MainTitle{text-transform: uppercase;}
address,.footer-links a,.footer-top .social-links a {color: #444 !important; margin: 0.5rem 0; display: flex; align-items: center; text-transform: uppercase; background: none; box-shadow: none !important;}
address .social-icon,.footer-links a .social-icon,.footer-top .social-links a .social-icon{width: 40px; height: 40px; margin-right: 0.5rem; background-color: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.bottom-footer .footer-links a .social-icon,.bottom-footer address .social-icon{background:none;}
.footer .footer-top .social-links a .social-icon{background: none; width: 25px; height: 25px; margin-inline-end: 20px;}
.footer .footer-top .social-links a{margin: 0;}
address .social-icon img,.footer-links a .social-icon img,.footer-top .social-links a .social-icon img{width: auto; height: auto;}
.footer .footer-top .social-links a .social-icon img{filter: brightness(0) invert(1);}
.social-txt{width: calc(100% - 50px); font-size: 12px; line-height: 19px; max-width: 230px; color: #fff; text-transform: capitalize; padding-left: 5px; text-align: left;}
.social-links a:hover {
	box-shadow: inset rgba(0,0,0,.4) 0 0 30px
}
.bottom-footer-col ul{margin: 0; list-style: none;}
.bottom-footer-col ul li{padding: 0; padding-inline-end: 3rem;}
.bottom-footer-col ul li:last-child{padding-inline-end: 0;}
/*
.social-links .social-facebook {
	background: #1877f2
}
.social-links .social-x {
	background: #000
}
.social-links .social-linkedin, ul.social-network li .linkedin {
	background: #0077b5
}
.social-links .social-youtube {
	background: red
}
.social-links .social-instagram {
	background: #8134af
}
.social-links .social-pinterest {
	background: #bd081c
}
.social-links .social-threads {
	background: #dd2a7b
}
.social-links .social-snapchat {
	background: #cecc06
}
*/
#topbar .social-links a {
	width: 28px;
	height: 28px;
	padding: 7px;
	font-size: 14px
}
.footer-title, .form-group, .select2-container, article .row {
	margin-bottom: 15px
}
.footer .footer-title{margin-bottom: 0;}
.footer-title h1 {
	font-size: 22px
}
.footer-title h1::before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	/*background: rgba(112,112,112,.2);*/
	bottom: 1px;
	left: 0
}
.header-dropdown img {
	width: 20px;
	height: 20px;
	margin-right: 5px;
	border-radius: 5px
}
.thumbnail img, footer, iframe {
	width: 100%
}
.header-dropdown .btn {
	border: none;
	padding: 0;
	margin-left: 15px
}
img {
	max-width: 100%
}
#google-map {
	position: relative;
	height: 350px;
	border-radius: 15px
}
#contact-google-map {
	position: relative;
	height: 350px
}
.sub-title {
	font-size: 24px;
	margin-bottom: 20px
}
.owl-stage-outer .item {
	margin: 0 0px
}

.text-justify, .topic-page article .article-body {
	text-align: justify
}
.thumbnail img {
	text-align: center;
	padding: 10px;
	border-radius: 15px
}
.post-main-photo {
	border-radius: 0px;
	margin-bottom: 10px
}
.bottom-article {
	overflow: hidden;
	padding: 20px 30px;
	margin-top: 20px;
	border-radius: 0px;
	border: 1px solid #dfeae8
}
.alert{border-radius: 0; margin: 10px;}
.bottom-article .title {
	font-size: 20px
}
ul.social-network {
	list-style: none;
	margin: 0;
	padding: 0
}
ul.social-network li {
	display: inline;
	margin: 0 2px
}
.share-title {
	font-size: 24px
}
.share-title i {
	line-height: 32px;
	margin: 0 4px
}
ul.social-network li a {
	color: #fff;
	text-align: center;
	border-radius: 50%;
	padding: 10px 0 0;
	line-height: 10px;
	font-size: 18px
}
ul.social-network li .facebook {
	background: #3b5998
}
ul.social-network li .twitter {
	background: #1da1f2
}
ul.social-network li .google {
	background: #dc4e41
}
ul.social-network li .pintrest {
	background: #cb2027
}
ul.social-network li .linkedin {
	background: #0077b5
}
ul.social-network li .youtube {
	background: #db4437
}
ul.social-network li .instagram {
	background: #b07109
}
ul.social-network li .tumblr {
	background: #36465d
}
ul.social-network li .flickr {
	background: #ff0084
}
ul.social-network li .whatsapp {
	background: #00a859
}
.datetimepicker {
	/*margin-top: 130px!important*/
}
.line-frame {
	text-align: center;
	border: 1px solid #edf3f2;
	padding: 20px;
	transition: .3s ease-in-out;
	border-radius: 15px
}
label.form-control-label,.form-group label{
	font-size: 16px;
	font-weight: 500;
    letter-spacing: 0px;
    color: #707070;
    margin-bottom: 5px;
}
.mb15{margin-bottom: 15px;}
.uploadButton {
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.22px;
    padding: 0.4rem;
    vertical-align: middle;
    background: #FFF;
    border: 1px solid hsl(193, 100%, 39%);
    color: #009BC7;
}
.uploadButton img {
    width: 20px;
}
.uploadButton img:hover {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    background: #333 url('../../images/filter-blue.svg') no-repeat;
}

label.abs-label{
	border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.22px;
    padding: 0.4rem;
    vertical-align: middle;
    background: #FFF;
    border: 1px solid hsl(193, 100%, 39%);
    color: #009BC7;
	width: 120px;
	height: 100%;
	z-index: 9;
	display: flex;
	align-items: center;
}
.view-img{width: 100px; height: 100px; background-image: url('../../images/man.svg'); background-color: #f3f3f3; display: inline-block; background-position: center center !important; background-size: cover !important;} 
.select2-container .select2-selection--single {
	height: 59px!important
}
.form-group label.img-sel{height: auto; color: #fff; background-color: #009BC7; padding: 7px 40px 10px; cursor: pointer;}
.form-group label.img-sel:hover{opacity: 0.8;}
.modal .right-fot{display: flex; justify-content: flex-end;}
.form-group .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
	border: 1px solid #989898!important;
	border-radius: 0 !important;
	padding: .375rem .75rem!important;
	font-size: 1rem!important;
	line-height: 1.5!important
}
.form-group .form-control{border-color: #989898 !important;}
.form-group .form-control:focus {
	border-color: #989898 !important;
	box-shadow: 0 0 0 .25rem rgba(12,186,164,.11)
}
.control-label span{color: #f00;}

.form-group .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 45px;}
.form-group .select2-container--default .select2-selection--single .select2-selection__arrow{line-height: 57px !important; height: 57px !important;}
.form-group .select2-container--default .select2-selection--multiple .select2-selection__choice {
	background: #edf3f2!important;
	margin: 2px!important
}
.badge-primary, .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #0cbaa4;
	color: #fff
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	width: 30px!important;
	height: 36px!important
}
.select2-container--default .select2-results__option--selected {
	background-color: #dfeae8
}
.select2-dropdown {
	border: 1px solid #dfeae8!important
}
.form-control-label {
	margin-bottom: 5px
}
.card {
	border-radius: 6px;
	padding: 10px;
	border: 1px solid #dfeae8;
	display: block
}
.sponsor-image img{width: 150px; height: auto;}
.sponsor-details h3{margin-bottom: 0; font-size: 1.75rem;}
.directory-sponser{padding: 0.5rem; border: 1px solid #d5dbe0; border-radius: 6px;}
.sidebar-card {
	border-radius: 0;
}
.sidebar-card h4 {
	font-size: 1.25rem
}
.list-group{border-radius: 0;}
.card-img-top{border-radius: 0;border-top-left-radius:0;border-top-right-radius:0}
.badge {
	font-family: Tahoma,"Tajawal", sans-serif
}
.sidebar-list .list-group .badge {
	float: right;
	border-radius: 4px
}
.sidebar-list .list-group .list-group, .topic-custom-fields {
	margin-top: 10px
}
.sidebar-list .list-group .list-group .list-group-item {
	border: none;
	padding-right: 0
}
.embed-responsive-item, .video-iframe {
	height: 500px
}
.post-card{cursor: pointer;}
.post-card:hover .badge {
	opacity: 1!important
}
.badge-inline, .post-card h5 {
	font-size: 1rem
}
.post-card h3 {
	font-size: 1.4rem
}
.h-200px {
	height: 200px
}
.green-audio-player {
	width: 100%;
	min-width: 250px;
	background: #edf3f2;
	box-shadow: none
}
.green-audio-player .slider .gap-progress, .green-audio-player .slider .gap-progress .pin {
	background-color: #0d6efd
}
.green-audio-player .volume .volume__button.open path {
	fill: #0d6efd
}
.green-audio-player .volume .volume__controls {
	background-color: #6c757d
}
.whatsapp_float {
	position: fixed;
	width: 75px;
	height: 75px;
	bottom: 15px;
	right: 15px;
	background-color: #25d366;
	color: #fff;
	border-radius: 50px;
	text-align: center;
	font-size: 44px;
	z-index: 100;
	padding: 10px;
	border: 5px solid rgba(255,255,255,.6);
	font-family: Arial,"Tajawal", Helvetica, sans-serif!important;
	line-height: 40px
}
.whatsapp-icon {
	margin-top: 16px
}
article ul li {
	list-style-type: disc
}
article ol li {
	list-style-type: auto
}
.owl-carousel .owl-item .uc-icon img{width: auto; height: 80px;}
.owl-carousel .owl-item .arrow img{width: auto; height: auto;}
.rm-cnt{position: absolute; bottom: 2rem; width: 100%; left: 0;}
.uc-item{padding-right: 5rem;}
.right-abt-hm .social-links{width: auto;}
.right-abt-hm .social-links a{background: none; box-shadow: none !important; margin: 0 1rem;}
.right-abt-hm .social-links a:hover{opacity: 0.7;}
.right-abt-hm .social-links a .social-txt{display: none;}
.uc-item .uc-itm{padding: 3rem 1.5rem; box-shadow: 0px 7px 17px #79797929; padding-bottom: 100px; background: #fff; width: auto; display: inline-block; height: 100%; min-width: 280px;}
.inv-item{position: absolute; width: 100%; height: 4px; top: 0; left: 0;}
.uc-list .owl-carousel .owl-stage{display: flex;}
.uc-list .owl-carousel .owl-stage .uc-item{height: 100%; padding-bottom: 17px;}
.uc-name h3{font-size: 1.5rem; margin-bottom: 0.5rem; font-weight: 500;}
.uc-icon{padding-bottom: 3rem;}
.uc-sec{padding: 10px; width: 90%; margin: 0 auto;}
.sliderControls button {
    width: 44px;
    height: 44px;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #43D2F4;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 5px;
    background: linear-gradient(to right, #43D2F4 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}
.sliderControls button:hover {
    background-position: left bottom;
}
.sliderControls button:hover svg path {
    fill: #fff !important;
}
.innovationImg {
    position: absolute;
    z-index: 2;
    bottom: 18%;
    left: 0;
    right: 0;
    margin: auto;
}
.joinInnovationCard {
    width: 460px;
    height: 428px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 7px 17px #79797929;
    opacity: 0.95;
    border: 0;
    margin-top: 6.5rem !important;
}
.joinInnovation h2 {
    font-size: 32px !important;
    letter-spacing: 0.32px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    word-spacing: 6px;
}
.joinInnovation small {
    font-size: 20px !important;
    font-weight: 200;
    letter-spacing: 0.2px;
}
.joinBtn, header .login {
    width: 112px;
    height: 40px;
    background: #009BC7;
    box-shadow: 0px 7px 17px #69696929;
    border-radius: 24px;
    align-items: center;
    justify-content: center;
    display: flex;
    letter-spacing: 1.02px;
    color: #FFFFFF !important;
    text-transform: uppercase;
    text-decoration: none;
    transition: background 1s;
}
.joinBtn {
    width: 189px;
    height: 47px;
    background: #43D2F4 0% 0% no-repeat padding-box;
    box-shadow: 0px 7px 17px #69696929;
    border-radius: 34px;
}
.userTypesContainer {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    grid-column-gap: 30px;
}
.joinBtn:hover {
    background: rgb(67, 210, 244, 0.8);
}
.userTypeCard {
    background: #FFFFFF;
    box-shadow: 0px 7px 17px #79797929;
    padding-top: 1.75rem !important;
}
.joinInnovation {
    position: absolute;
    z-index: 3;
    width: 200px;
    left: 0;
    top: 20%;
    right: 0;
    margin: auto;
}
.prev svg{transform: rotate(180deg);}
.prev svg:lang(en) {
    transform: scaleX(-1);
}


.img-circle {
	border-radius: 50%!important
}
body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	position: relative
}
footer {
	margin-top: auto;
	bottom: 0
}
.extra-images-count {
	position: absolute;
	right: 18px;
	bottom: 15px;
	font-size: 24px;
	opacity: .8
}
.widget-title {
	padding: 10px 15px;
	background: #bbd8ed;
	border-color: #bbd8ed !important;
	border-radius: 0;
	margin-bottom: 10px
}
.categories-widget .categories-title {
	cursor: pointer
}
.form-control, .list-group-item {
	border-color: #dfeae8
}

.active>.page-link, .bg-primary, .page-link.active {
	background-color: #0cbaa4!important;
	border-color: #0cbaa4!important
}
.bg-secondary, .btn-secondary {
	background-color: #333333!important;
	border-color: #333333!important
}
.page-link, .text-primary {
	color: #0cbaa4!important
}
.dropdown-item:focus, .dropdown-item:hover {
	background-color: transparent
}
#footer .footer-newsletter form input[type=email]:focus, .header-form-search .form-control:focus {
	box-shadow: none
}
.header-form-search {
	display: flex;
	position: relative
}
.header-form-search .form-control {
	background: #f9f9f9;
	display: inline-block;
	padding: 4px 8px;
	line-height: 26px;
	height: 26px;
	min-height: 26px;
	width: 200px;
	font-size: 14px
}
.header-form-search .btn {
	border-radius: 50%;
	position: absolute;
	right: 0;
	padding: 2px 8px;
	height: 26px
}
.msponser-img{max-width: 100%;}
.maintenance-mode {
	background: #fcfcff
}
.testimonials {
	border-top: 1px solid #eee
}

.cookies-accept-box {
	background-color: #130f40de;
	padding: 20px;
	border-radius: 10px
}
.cookies-accept {
	bottom: 0;
	position: fixed;
	right: 0;
	border-radius: 4px;
	padding: 15px;
	z-index: 999999
}
.cookies-accept button {
	-webkit-box-shadow: 0 0 2px 0 #fff;
	-moz-box-shadow: 0 0 2px 0 #fff;
	box-shadow: 0 0 2px 0 #fff
}
.right-sidebar{padding-right: 1rem;}
.page-list{padding-left: 1rem;}

.left-ul-list {margin: 0; padding: 0; list-style: none; border: none; border-radius: 0; z-index: 2;}
.left-ul-list li a{display: flex; align-items: center;}
.programList li{margin: 0 0 1.5rem;}
.evt-user-list-dtl h5,.evt-user-list-dtl p{margin: 0;}
.evt-user-list-dtl p{color: #F54343; font-size: 12px; letter-spacing: 0.8px; text-transform: uppercase;}
.evt-user-list-dtl h5{font-weight: 500; font-size: 15px;}
.programList a {
    font-size: 15px;
    letter-spacing: 1.02px;
    color: rgb(10, 58, 94, 0.5);
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    align-items: center;
}
.left-prog-side{width: 200px;}
.page-list{width: calc(100% - 200px);}
.programList img, .programList svg {
    width: 25px;
    height: 25px;
	filter: grayscale(100%);
    margin: 0 1rem 0 0;
}
.left-post-bottom{width: 110px;}
.evb-lpb.left-post-bottom{width: 120px;}
.right-bot-col{width: calc(100% - 110px);}
.left-ul-list{position: initial;}
.form-group .form-control label.upload-cv{margin-bottom: 0; height: 100%; cursor: pointer;}
.right-about table{width: 100% !important; height: auto !important; display: block; border: none !important;}
.right-about table td{display: block; width: 100%; border: none !important; padding: 0;}
.right-about table td h3{display: none;}
.ab-1 .right-about{padding-top: 5rem; padding-bottom: 5rem;}
@media (max-width: 1400px){
	/*.row .col-xs-12.left-card, .row .col-xs-12.right-cart{padding-left: 0; padding-right: 0;}*/
	.row .col-xl-12.left-card, .row .col-xl-12.right-cart{padding-left: 0; padding-right: 0;}
}
@media (max-width:1366px) {
	.navbar .dropdown .dropdown ul {
		left: -90%
	}
	.navbar .dropdown .dropdown:hover>ul {
		left: -100%
	}
	.div-menu .navbar > ul > li{padding: 0 0 0 20px ;}
	.div-menu .navbar > ul > li:first-child{display: none;}
	#footer .footer-top{padding: 5rem 3rem 1rem;}
	.bottom-footer-col ul li{padding-inline-end: 2rem;}
	.bottom-footer-col ul li:last-child{padding-inline-end: 0;}
}

@media (max-width:1199px) {
	.faq .faq-list {
		padding: 0
	}
	.row .col-xs-12.left-card,.row .col-xs-12.right-cart,.row .col-xs-12.left-cart{padding-left: 0; padding-right: 0;}
	.community-sec  .df-container, .home-about-display{width: 100%;}
	.position-absolute.bottom-events{position: initial !important; padding: 0; padding-top: 3rem;}
	.navbar > ul > li{padding-left: 15px;}
	.new-list .new-sec-col{width: 100%; padding: 1rem 0;}
	.ab-3 table td:first-child{padding-inline-end: 1rem;}
	.ab-3 table td:last-child{padding-inline-start: 1rem;}
	.ab-3 .right-about{padding-bottom: 3rem;}
	.ab-3::after{height: 70%;}
	#footer .footer-top .footer-col-links ul li a, .footer ul.footer-link-ul a{font-size: 14px;}
	.bottom-footer-col ul li{padding-inline-end: 1.5rem;}
	/*.evt-category, .join-more{width: 50%;}*/
	
	.div-menu .navbar > ul > li{padding: 0 0 0 10px;}
	.div-menu .navbar > ul > li a{letter-spacing: 0.05rem; font-size: 14px;}
	#header .logo img{max-height: 45px;}
	.program-list .df-content{height: 250px;}
}

@media (min-width:1024px) {
	#hero p {
		width: 60%
	}
	#hero .carousel-control-next, #hero .carousel-control-prev {
		width: 5%
	}
	
	
}

@media (max-width:1024px) {
	.div-menu .navbar > ul > li a{letter-spacing: 0;}
	.content-data .container{padding: 0;}
	.right-side-cnt .view-more{display: block !important;}
	.right-side-cnt .view-more .r-col,.right-side-cnt .view-more .col-sm-6{width: 100% !important; float: none; clear: both; text-align: inherit;}
	.right-side-cnt .view-more .r-col{padding: 5px 0;}
	.evt-user{padding-bottom: 10px;}
	#footer .footer-top .footer-links ul li{width: 100%;}
	#footer .footer-top .footer-col-links ul li a, .footer ul.footer-link-ul a{font-size: 13px;}
	.bottom-footer-col ul li{padding-inline-end: 1rem;}
}

@media (max-width:992px) {
	.breadcrumbs h2 {
		margin: 0 0 0px
	}	

	.fixed-top-margin {
		margin-top: 100px
	}
	#hero, #hero .carousel-item {
		height: 60vh
	}
	#hero .carousel-content.container {
		padding: 0 50px
	}
	#hero .carousel-content {
		text-align: center
	}
	#hero p {
		width: 100%;
		padding: 0 20px
	}
}

@media (max-width:991px) {
	
	.home-about-display{width: 100%;}
	.col-md-12{padding-inline-start: 0 !important;padding-inline-end: 0 !important;}
	.right-side{padding-left: 0 !important; padding-right: 0 !important;}
	.menu-btn{background: none; color: #0077b5; border: none; padding: 0;}
	.container, .container-md, .container-sm{width: 100%; max-width: 100%;}
	.hnews-sec, .community-sec, .program-sec{padding-left: 0; padding-right: 0;}
	.row .col-xs-12.right-cart,.row .col-xs-12.left-cart{padding-left: 0; padding-right: 0;}
	.home-about-display .right-about{padding: 2rem 2rem 2rem 5rem;}
	.mobile-nav-toggle {display: block}	
	.navbar ul.collapse{display: none;}
	.navbar ul.collapse.show{display: block;}
	.footer-top hr{margin: 20px 0;}
	.footer-links.border-footer,.bottom-footer-col.border-footer{padding-top: 20px; border-top: 1px solid #215A80; margin-top: 20px;}
	.menu-nav{position: absolute; width: 100%; top: 70px; left: 0; background-color: #fff; text-align: center;}
	.menu-nav ul.menu-collapse{height: calc(100vh - 115px); overflow: auto; overflow-x: hidden;}
	.navbar > ul > li{text-align: center;}
	.div-menu .navbar > ul > li a{display: block; text-align: center;}
	.navbar .dropdown ul{position: initial; box-shadow: none; opacity: 1 !important; visibility: visible !important;  padding: 0; display: none; border: none;}
	.navbar .dropdown ul.show{display: block;}
	.div-menu .navbar > ul > li a{padding: 10px; border-bottom: 1px solid #f3f3f3;}
	.div-menu .navbar > ul > li a.active{background-color: #009BC7; color: #fff !important;}
	.div-menu .navbar > ul > li a.active::after{display: none;}
	.div-menu .navbar > ul > li{padding: 0;}
	.div-menu .navbar > ul > li:last-child a{border-bottom: none;}
	.navbar .dropdown:hover > ul, .navbar-mobile .dropdown ul{}
	.ab-1::after{width: 100%;}
	.about-itm .row{padding: 0 3rem;}
	.ab-2 .row{padding-inline-end: 3rem;}
	.home-about-desc.mt-5{margin-top: 0 !important;}
	.ab-3,.ab-1{padding-top: 5rem;}
	.ab-2{padding-bottom: 5rem;}
	.about-itm .row{margin-bottom: 0;}
	.yellowBorder{top: 0;}
	.breadcrumbs h2.MainTitle{font-size: 25px;}
	.mob-btn-menu{position: absolute; right: 0;  top: -40px; background: none; border: none; height: 30px;}
	.navbar ul {display: block;}	
	.menu-collapse{display: none;}
	.left-prog-side{width: 100%;}
	.page-list{width: 100%; padding: 0;}
	.right-sidebar{position: absolute; top: -70px; z-index: 99; left: 0;}
	.content-data{padding: 1rem;}
	.left-ul-list{padding: 10px; min-width: 300px; border: 1px solid rgba(0,0,0,0.125);}
	.searchBlue{width: 250px;}
	.select2-container .select2-selection--single, .login-form .btn, .form-control{height: 45px !important;}
	.form-group .select2-container--default .select2-selection--single .select2-selection__arrow{height: 43px !important;}
	.form-group .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 33px;}
	.form-upload-btn .btn{border-radius: 20px; font-size: 16px; }
	
}

@media (max-width:768px) {
.appointment-btn {
	margin: 0 15px 0 0;
	padding: 6px 18px
}

#hero h2 {
	font-size: 28px
}
.navbar-mobile-bg {
	background: #fff
}
.breadcrumbs .d-flex {
	display: block!important
}
.breadcrumbs ol {
	display: block;
	margin-bottom: 10px;
}
.breadcrumbs ol li {
	display: inline-block
}
.ab-3 table td{width: 100%; display: block;}
.ab-3 table td:last-child{padding: 0;}
.ab-3 table td:first-child{padding: 0; padding-bottom: 1rem;}
.container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	padding: 0 0.5rem
}
.footer .container{padding: 0rem 0.5rem;}
.bottom-footer-col .copyright{padding-top: 10px;}
.bottom-footer-col.d-flex{display: block !important; padding-top: 15px; }
.sm-footer-border{padding-top: 20px; margin-top: 20px; border-top: 1px solid #215A80;}
/*
.row .col-md-6.right-cart{padding-right: 0;}
.row .col-md-6.left-card{padding-left: 0;}
*/

#topbar .social-links {
	padding-top: 0!important;
	max-width: 125px;
	overflow: hidden
}

.categories-widget .categories-title i {
	font-size: 24px
}
.categories-widget .categories-list {
	display: none
}
.header-form-search .form-control {
	width: 120px
}
}

@media (max-width:767px) {
	
	.page-list{width: 100%; padding-left:0 ; padding-right: 0;}
	.right-sidebar{top: -60px;}
	.testimonials .testimonial-wrap {
		padding-left: 0
	}
	.view-more{padding-top: 0;}
	.row .col-md-6{padding-left: 0 !important; padding-right: 0 !important;}
	.ab-3::after{height: 100%;}
	.ab-1,.ab-3,.ab-4{padding-top: 3rem;}
	.about-itm .row{padding: 0 2rem;}
	.ab-2 .row{padding-inline-end: 2rem;}
	.program-sec .hp-itm{width: 100%; height: auto;}
	.testimonials .testimonials-carousel, .testimonials .testimonials-slider {
		overflow: hidden
	}
	.testimonials .testimonial-item {
		padding: 30px;
		margin: 15px
	}
	.testimonials .testimonial-item .testimonial-img {
		position: static;
		left: auto
	}

	.staff .member {
		display: block!important
	}
	.staff .member .member-info {
		padding: 0;
		text-align: center
	}
	.staff .member .pic {
		margin: 0 auto 20px
	}
	.staff .member span::after {
		left: calc(50% - 25px)
	}
	.whatsapp-icon {
		margin-top: 10px
	}
	.whatsapp_float {
		bottom: 20px;
		right: 10px
	}
	.abt-ttl{display: block !important;}
	.ha-links {width: 100%; padding: 15px 0; float: none !important;}
	#hero p{text-align: start;}
	.ha-links ul{padding: 0; justify-content: flex-start;}
	.right-abt-hm .social-links{padding-top: 15px;}
	.event-itm .bck-white{height: auto; padding: 5rem 1rem 3rem 1rem;}
	.event-itm .bck-white .nh-date{top: -70px;}
	.col-lg-6.text-end.evt-category{padding-inline-start: 20px;}
	.new-list .df-itm .card .read-more{position: relative;}
	.event-itm .bck-white .join-more a{padding: 10px;}
	.program-sec .card img{width: 60px; height: 60px;}
	.program-sec .card{padding: 5rem 1.5rem;}
	.joinInnovationCard{width: 100%; height: 370px;}
	.joinInnovation h2{font-size: 25px;}
	.about-description h4{font-size: 21px; line-height: 25px;}
	.ab-1 .right-about{padding-bottom: 0; padding-top: 0;}
	.uc-text h1{font-size: 21px; line-height: 25px;}
	.left-img{display: none;}
	.home-about-display .right-home-about{width: 100%;}
	.community-sec .card{width: 100%; height: auto; margin-bottom: 1rem;}
	.programsContainer{display: block !important; }
	.program-sec .card{width: 100%; margin: 0; margin-bottom: 1rem;}
	.new-list .df-itm{padding: 0; margin-bottom: 1rem;}
	.component-text p{width: 80%;}
	#footer .footer-top{padding: 2rem 0;}
	.home-about-display .right-about{padding: 2rem 2rem 2rem 2rem;}
	.home-about-link{display: block !important;}
	.right-abt-hm{justify-content: flex-start !important;}
	.right-abt-hm .social-links a{margin: 0; margin-right: 1rem;}
	.home-about-ttl d-flex{display: block;}
	.abs-abt-home{position: absolute; width: 300px; height: 100%;}
	.cnt-bck{padding-bottom: 0; height: 200px;}
	.right-event-top{bottom: 15px; right: 15px;}
	.event-top .post-heading{width: 100%;}
	.breadcrumbs{margin-bottom: -22vh !important;}
	.about-ttl{padding-bottom: 2rem !important;}
}
	
@media (max-width:576px) {
	.footer-menu-itm{float: none !important;}
	.searchBlue{width: 150px;}
	.filter-btn span:first-child{display: none;}
	
	.page-list{width: 100%; padding: 0;}
	.content-data{padding-left: 1rem; padding-right: 1rem;}
	.breadcrumbs h2.MainTitle{font-size: 16px;}
	.add-section.card{padding-left: 10px;}
	.add-section.card::after{display: none;}
	.programImageContainer, .l155.grid{display: block; padding: 10px;}
	.right-side-cnt .view-more .col-sm-6{display: block !important; }
	.right-side-cnt .view-more .col-sm-6.justify-content-end{margin-top: 20px;}
	.bread-cnt li a{font-size: 11px; padding: 0;}
	.breadcrumbs ol li + li{padding: 0;}
	.breadcrumbs ol li + li::before{width: 10px; height: 8px;}
	.news-name.w-60{width: 100%;}
	.news-desc .w-40{display: none;}
	.bottom-post p{text-align: start; margin-left: 10px;}
	.pt-bot-sm{padding-top: 20px;}
	.right-event-top{display: block !important; width: 90%;}
	.share-btn.add{margin: 0 !important; margin-bottom: 10px !important; }
	.right-bot-col{width: 100%;}
	.breadcrumbs{margin-bottom: -24vh !important;}
	.modal-footer{display: block !important;}
	.europon-sec.d-flex,.footer-link-ul.d-flex{display: block !important;}
	.europon-sec .footer-desc{padding: 0; padding-top: 15px; width: 100%; max-width: 100%;}
	.about-itm .row{padding: 0 1rem;}
	.ab-2 .row{padding-inline-end: 1rem;}
}

@media (max-height:500px) {
	#hero, #hero .carousel-item {
		height: 120vh
	}
}