@import 'assets/css/bootstrap-4.5.3.min.css';
@import 'assets/css/fontawesome-5.15.4.min.css';
@import 'assets/css/helper-4.0.7.min.css';
@import 'assets/css/magnific-popup-1.1.0.min.css';
.headertop a:not(.btn){
	color: #fff;
}
.headertop a:hover:not(.btn){
	color: #7ab934;
}
.home header{
	min-height: 200px;
}
header{
	min-height: 160px;
}
.headerbg{
	padding: 20px 0;
	transition: .5s;
	background-color: transparent;
}
.headerbg,
.headertop{
	z-index: 99;
}
.headerbg .navbar-brand img{
	height: 140px;
	transition: .6s;
}
.headerbg .logoaramco img{
	height: 50px;
	transition: .6s;
}
.headerbg .headerbgmention{
	font-size: 24px;
}
.home .headerbg .navbar{
	align-items: flex-start;
}
.headerbg .navbar .navbar-nav > .nav-item + .nav-item{
    margin-left: 15px;
}
.headerbg .navbar .navbar-nav .nav-item{
	position: relative;
}
.headerbg .navbar .navbar-nav .nav-item .nav-link {
	font-size: 18px;
	font-weight: 700;
    padding: 0;
    color: #231f20;
    position: relative;
}
.headerbg .navbar .navbar-nav .nav-item .nav-link:hover,
.headerbg .navbar .navbar-nav .nav-item.active .nav-link,
.headerbg .navbar .navbar-nav .nav-item .nav-link.active {
    color: #007eac;
}
.headerbg .styledropdown.navbar .navbar-nav .dropdown-toggle {
    padding-right: 20px !important;
	margin-right: 0 !important;
}
.headerbg .styledropdown.navbar .navbar-nav .dropdown-toggle::after {
    right: 0;
	top: 1px;
}
.headerbg .styledropdown.navbar .navbar-nav .dropdown-menu{
	margin-top: 4px;
}
.headerbg .navbar-toggler {
    padding: 0;
    border: 0;
    color: #007eac;
    font-size: 20px;
}
.headerbg .navbar-toggler.collapsed {
    color: #231f20;
}
.headerbg.sticky{
	background-color: #fff;
	box-shadow: 0px 0px 25px rgb(0 0 0 / 12%);
	padding: 10px 0;
	top: 0;
	transition: .8s;
}
.headerbg.sticky .navbar-brand img{
	height: 50px;
}
.headerbg.sticky .logoaramco img{
	height: 30px;
}
.headerbg.sticky .btn-lg{
	font-size: 15px;
	padding: 6px 10px !important;
}
.headerbg.sticky .navbar{
	align-items: center;
}
.headerbg.sticky .headerbgmention{
	font-size: 14px;
	margin-bottom: 0 !important;
	margin-left: 10px !important;
}
.sliderhomebox{
	margin-top: -200px;
}
.sliderhomebox::before{
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(180deg, rgb(255, 255, 255) 20%, transparent 100%);
	z-index: 3;
}
.sliderhomebox::after{
	position: absolute;
	content: '';
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(40deg, rgb(255, 255, 255) 30%, transparent 100%);
	z-index: 3;
}
.sliderhomebox .sliderslick{
	margin-bottom: 0;
	height: 100vh;
}
.sliderhomebox .thu{
	height: 100vh;
}
.sliderhomebox .sliderhomebox_box{
	top: 0;
	left: 0;
	z-index: 4;
}
.sliderhomebox .slider-track {
	-webkit-transition: all 3s cubic-bezier(0.7, 0, 0.3, 1);
	transition: all 3s cubic-bezier(0.7, 0, 0.3, 1);
}
.sliderhomebox .sliderhomebox_boximg {
	top: 0;
	right: 0;
	height: 100vh;
	z-index: 1;
	-webkit-transition: all 3s cubic-bezier(0.7, 0, 0.3, 1);
	transition: all 3s cubic-bezier(0.7, 0, 0.3, 1);
	-webkit-transform: scale(1.3);
			transform: scale(1.3);
}
.sliderhomebox .slick-active .sliderhomebox_boximg {
	-webkit-transform: scale(1);
			transform: scale(1);
	-webkit-animation: cssAnimation 5s 1 ease-in-out forwards;
	animation: cssAnimation 5s 1 ease-in-out forwards;
}

@keyframes cssAnimation {
	from {
		-webkit-transform: scale(1) translate(0px);
	}
	to {
		-webkit-transform: scale(1.3) translate(0px);
	}
}
@-webkit-keyframes cssAnimation {
	from {
		-webkit-transform: scale(1) translate(0px);
	}
	to {
		-webkit-transform: scale(1.3) translate(0px);
	}
}
.home .headerbg{
	padding: 40px 0;
}
.home .sliderhomebox{
	margin-top: -200px;
}
.home .sliderhomebox .sliderhomebox_box{
	padding-top: calc(200px + 40px);
}
.home .headerbg.sticky{
	padding: 15px 0;
}
.sliderhomebox_box__content .btn,
.buttonsapp .btn{
	min-width: 150px;
}
.sliderhomebox .slick-dots{
	right: 25px;
	bottom: 50%;
	width: 30px;
}
.sliderhomebox .slick-dots li{
	display: block;
	margin-bottom: 10px;
}
.sliderhomebox .slick-dots li button{
	border-width: 1px;
}
.sliderhomebox .slick-dots li.slick-active button{
	background-color: #007eac;
	border-color: #007eac;
}
.sliderhomebox .img1{
	top: 0;
	right: 0;
}
.sliderhomebox .img2{
	top: 0;
	right: 0;
	height: 100%;
}
.slidertitle{
	min-height: 150px;
	padding-bottom: 20px;
}
.slidertitle .breadcrumb{
	font-size: 16px;
}
.slidertitle .breadcrumb a,
.slidertitle .breadcrumb-item.active,
.slidertitle .breadcrumb-item+.breadcrumb-item::before{
	color: #fff;
}
.slidertitle .breadcrumb a:hover{
	color: #231f20;
}
.boxshadow{
	box-shadow: 0 10px 30px 0 rgb(225 223 255 / 40%);
}
.boxshadow2{
	box-shadow: 0px 0px 25px rgb(0 0 0 / 12%);
}
.boxshadow3{
	box-shadow: 0px 10px 35px 0 rgb(0 0 0 / 12%);
}
.boxshadow4{
	box-shadow: 0px 4px 25px rgb(0 0 0 / 8%);
}
.boxshadow2hover:hover{
	box-shadow: 0px 0px 45px rgb(0 0 0 / 42%);
}
.buttonwhatsapp{
	z-index: 9;
	right: 15px;
	bottom: 15px;
	transition: .5s;
}
.buttonwhatsapp .btn{
	transition: .2s;
}
.buttonwhatsapp.onleft{
	right: 60px;
}
.scroll-to-top.endpage,
.buttonwhatsapp.endpage{
	bottom: 0;
}
.scroll-to-top.endpage{
	right: 0;
	border-radius: 8px 0 0 0;
}
.buttonwhatsapp.endpage{
	right: 45px;
}
.buttonwhatsapp.endpage .btn{
	height: 40px;
	border-radius: 8px 8px 0 0 !important;
}
body.stop{
	overflow: hidden !important;	
}
.footerbg__links{
	padding-left: 20px;
}
.footerbg__links li::marker{
	color: #007eac;
}
.footerbg__links li + li{
	margin-top: 2px;
}
.footerbg__links li{
	padding: 0;
	flex: 0 0 100%;
	max-width: 100%;
}
.footerbottom{
	min-height: 70px;
}
.boxpost h3{
	overflow: hidden;
	text-overflow: clip;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	min-height: 44px;
}
.customaccordion .card {
    border-radius: 0;
    border: 0;
    margin-bottom: 10px;
	background-color: #fff;
	border-radius: 10px;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 12%);
}
.customaccordion .card .card-header {
    border-radius: 0;
	padding: 0;
	background-color: transparent;
	border: none;
}
.customaccordion .card .card-header a {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #007eac;
    background-color: transparent;
    padding: 20px 35px;
    padding-right: 55px;
    position: relative;
}
.customaccordion .card .card-header a.collapsed:hover {
    color: #2f2f2f;
}
.customaccordion .card .card-header a.collapsed {
    color: #2f2f2f;
    background-color: transparent;
}
.customaccordion .card .card-header a:before {
    position: absolute;
    content: "\f077";
    font-family: "fa5_f";
    font-weight: 900;
    top: 20px;
    right: 30px;
}
.customaccordion .card .card-header a.collapsed:before {
    content: "\f078";
}
.customaccordion .card .card-body {
    background-color: transparent;
    font-size: 18px;
    line-height: 1.7;
    border: none;
    padding: 0 35px 35px;
}
.customaccordion .card .card-body p:last-child {
    margin-bottom: 0;
}
.singlecontentbg > * + *{
	margin-top: 30px;
}
.modal .singlecontentbg p{
	line-height: 1.4;
	font-size: 20px;
}
.modal .singlecontentbg > * + *{
	margin-top: 10px;
}
.custom-file-label,
.custom-control-label{
	font-size: 20px;
	line-height: 1;
}
.timeclock__custom > div{
	display: flex;
}
.timeclock__custom > div p + p{
	margin-right: 14px;
}
.timeclock__custom > div p{
	display: flex;
	flex-direction: column;
	margin-bottom: 0;
	font-size: 28px;
	line-height: 1;
}
.timeclock__custom > div span{
	font-size: 16px;
	font-weight: 400;
	margin-left: 6px;
}
.font-huge.timeclock__custom > div p{
	font-size: 50px;
	font-weight: 700;
}
.font-huge.timeclock__custom > div p + p{
	margin-left: 40px;
}
.font-huge.timeclock__custom > div span{
	font-size: 16px;
}
li::marker{
	color: #007eac;
}
.list__mb2 li + li{
	margin-top: 10px;
}
.customsliders .slick-next,
.customsliders .slick-prev {
	top: auto;
	bottom: 10px;
}
.customsliders .slick-prev {
	left: auto;
	right: calc(25px + 10px + 5px);
}
.customsliders .slick-next {
	right: 10px;
}
.customsliders .slick-next:before,
.customsliders .slick-prev:before {
	border-radius: 3px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 17px;
}
.customlistflex li{
	margin: 0 0 5px 5px;
	background-color: #d5edf6;
	color: #007eac;
	border-radius: 4px;
	padding: 4px 8px;
}
.boxuser .objectfit-cover{
	object-position: top;
}
.boxuser img{
	border-top-right-radius: 30px;
    border-top-left-radius: 30px;
}
.boxuser__name{
    background-color: white;
    -webkit-box-shadow: 0px 5px 30px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 5px 30px 0px rgb(0 0 0 / 10%);
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 38px;
    border-top-right-radius: 30px;
    margin-right: 20px;
    margin-top: -60px;
    z-index: 2;
}
.boxuser2 .boxuser__name{
	margin-top: -80px;
}
.boxuser{
	border-radius: 31px 31px 6px 6px;
}
.boxuser__title{
	margin-top: -25px;
	border-radius: 30px 0 5px 5px;
    z-index: 2;
	min-height: 164px;
}
.boxuser3 .boxuser__title{
	min-height: 140px;
}
.boxuser4 .boxuser__title{
	min-height: 160px;
}
.modal-dialog .boxuser__title{
	min-height: inherit;
}
.boxuser__title p{
	z-index: 3;
}
.boxuser__title::before{
	position: absolute;
	content: '';
	top: -20px;
	right: 0;
    border-top: 20px solid transparent;
    border-left: 20px solid #006a90;
    border-bottom: 0 solid transparent;
}
.modal-backdrop{
	background-color: #151515;
}
.modal-backdrop.show{
	opacity: 0.8;
}
#ifDelegate{
	display: none;
}
#ifConferenceWorkshop{
	display: none;
}
.logoaramco span{
	top: 2px;
	transform: scale(.8);
}
.bg-gra{
	background: -webkit-linear-gradient(#007eac, #7ab934);
}
.text-gra{
	background: -webkit-linear-gradient(#007eac, #7ab934);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.nav-tabs.customtabs {
    padding: 4px;
	border: 2px solid #007eac;
	border-radius: 50px;
}
.nav-tabs.customtabs .nav-item {
	margin: 0;
}
.nav-tabs.customtabs .nav-item + .nav-item{
	margin-left: 4px;
}
.nav-tabs.customtabs .nav-link {
    border: 0;
    border-radius: 50px;
	padding: 8px 20px;
    min-width: 140px;
    text-align: center;
	font-size: 18px;
	background-color: #e8f9ff;
	color: #006a90;
}
.nav-tabs.customtabs .nav-item.show .nav-link,
.nav-tabs.customtabs .nav-link.active,
.nav-tabs.customtabs .nav-link:hover {
    background-color: #007eac;
    color: #fff;
}
.singlecontentbg,
.singlecontentbg ul,
.singlecontentbg ol{
	font-size: 22px;
	line-height: 1.4;
}
.singlecontentbg h1,.singlecontentbg h2,.singlecontentbg h3,.singlecontentbg h4,.singlecontentbg h5,.singlecontentbg h6{
	color: #007eac;
}
.linksmap2 .linkbox{
	position: absolute;
}
.linksmap1 .linkbox{
	position: absolute;
}
@media (min-width: 50px) {
	.linksmap2,.linksmap2 img{width: 100%}
	.linksmap2 .linkbox{display: none;}
}
@media (min-width: 500px) {
	.linksmap2,.linksmap2 img{width: 460px}
	.linksmap2 .linkbox{display: block;;bottom: 50px;width: 65px;height: 30px;}
	.linksmap2 .link1{left: 80px}
	.linksmap2 .link2{left: 125px}
	.linksmap2 .link3{left: 215px}
	.linksmap2 .link4{left: 300px}
	.linksmap2 .link5{left: 380px}
}
@media (min-width: 768px) {
	.linksmap2,.linksmap2 img{width: 700px}
	.linksmap2 .linkbox{display: block;;bottom: 85px;width: 100px;height: 40px;}
	.linksmap2 .link1{left: 80px}
	.linksmap2 .link2{left: 200px}
	.linksmap2 .link3{left: 325px}
	.linksmap2 .link4{left: 450px}
	.linksmap2 .link5{left: 580px}
}
@media (min-width: 992px) {
	.linksmap2,.linksmap2 img{width: 900px}
	.linksmap2 .linkbox{display: block;;bottom: 105px;width: 140px;height: 50px;}
	.linksmap2 .link1{left: 90px}
	.linksmap2 .link2{left: 250px}
	.linksmap2 .link3{left: 420px}
	.linksmap2 .link4{left: 580px}
	.linksmap2 .link5{left: 740px}
}
@media (min-width: 1200px) {
	.linksmap2,.linksmap2 img{width: 1100px}
	.linksmap2 .linkbox{display: block;;bottom: 135px;width: 160px;height: 50px;}
	.linksmap2 .link1{left: 120px}
	.linksmap2 .link2{left: 300px}
	.linksmap2 .link3{left: 510px}
	.linksmap2 .link4{left: 710px}
	.linksmap2 .link5{left: 910px}
}

@media (min-width: 50px) {
	.linksmap1,.linksmap1 img{width: 100%}
	.linksmap1 .linkbox{display: none;}
}
@media (min-width: 500px) {
	.linksmap1,.linksmap1 img{width: 460px}
	.linksmap1 .linkbox{display: block;;bottom: 18px;width: 90px;height: 30px;}
	.linksmap1 .link1{left: 50px}
	.linksmap1 .link2{left: 150px}
	.linksmap1 .link3{left: 255px}
	.linksmap1 .link4{left: 360px}
}
@media (min-width: 768px) {
	.linksmap1,.linksmap1 img{width: 700px}
	.linksmap1 .linkbox{display: block;;bottom: 35px;width: 140px;height: 30px;}
	.linksmap1 .link1{left: 70px}
	.linksmap1 .link2{left: 230px}
	.linksmap1 .link3{left: 390px}
	.linksmap1 .link4{left: 550px}
}
@media (min-width: 992px) {
	.linksmap1,.linksmap1 img{width: 900px}
	.linksmap1 .linkbox{display: block;;bottom: 40px;width: 180px;height: 50px;}
	.linksmap1 .link1{left: 90px}
	.linksmap1 .link2{left: 300px}
	.linksmap1 .link3{left: 500px}
	.linksmap1 .link4{left: 700px}
}
@media (min-width: 1200px) {
	.linksmap1,.linksmap1 img{width: 1100px}
	.linksmap1 .linkbox{display: block;;bottom: 55px;width: 220px;height: 50px;}
	.linksmap1 .link1{left: 110px}
	.linksmap1 .link2{left: 360px}
	.linksmap1 .link3{left: 610px}
	.linksmap1 .link4{left: 860px}
}
.boxabout img{
	border-radius: 50% 50% 0 50%;
	width: 150px;
	height: 150px;
}
.roweven > .row:nth-child(even){
	flex-direction: row-reverse;
}
/*--------- Responsive ----- */
@media (max-width: 1200px) {
	.headerbg .navbar .navbar-nav{width: 50%;margin-bottom: 20px;}
    .headerbg .navbar .navbar-nav .nav-item + .nav-item{margin-left: 0;margin-top: 10px;}
	.headerbg .navbar .navbar-nav .nav-item::before{display: none;}
	.headerbg .navbar .navbar-nav .nav-item{text-align: center;}
	.headerbg .navbar .navbar-nav .nav-item .nav-link{font-size: 26px;color: #fff;}
	.headerbg .navbar-collapse{position: fixed;width: 100%;height: 100%;top: 0;right: 0;left: 0;background-color: #151515;padding: 25px;z-index: 1081;transition: .4s;overflow-y: scroll;}
	.headerbg .navbar-collapse .navbar-toggler{z-index: 1082;position: absolute;top: 20px;right: 20px;}
	.headerbg .navbar-collapse.show{opacity: 1;display: flex;align-items: center;justify-content: center;flex-direction: column;}
	.headerbg .navbar-collapse.collapsing {transition: none !important;opacity: 0;height: 100vh !important;}
	.headerbg .styledropdown.navbar .navbar-nav .dropdown-toggle{padding-right: 0 !important;}
	.headerbg .styledropdown.navbar .navbar-nav .dropdown-toggle::after{position: relative;top: 6px;right: -9px;}
	header{min-height: 120px;}
	.sliderhomebox{margin-top: -120px;}
}
@media (max-width: 992px) {
	.boxabout__border > [class^="col"] + [class^="col"] .boxabout::before{display: none;}
	.boxblog .thu{border-radius: .25rem .25rem 0 0 !important;}
	.boxservices{min-height: 100px;}
	.logoaramco span{top: 0;left: -8px;}
}
@media (max-width: 768px) {
	header{min-height: 80px;}
	.sliderhomebox{margin-top: -80px;}
    .headerbg .navbar .navbar-nav{width: 70%;}
	.headerbg .navbar-brand img{height: 80px;}
	.headerbg .headerbgmention{font-size: 14px;margin-bottom: 0 !important;margin-left: 10px !important;}
	.headerbg .logoaramco img{height: 34px;}
	.customaccordion .card .card-header a{padding: 15px;}
	.customaccordion .card .card-header a:before{top: 14px;right: 20px;}
	.customaccordion .card .card-body{padding: 0 15px 15px;}
	.sliderhomebox .sliderslick,.sliderhomebox .sliderhomebox_boximg{height: auto;min-height: 800px;}
	.sliderhomebox .sliderhomebox_box{bottom: 0;}
	.font-huge.timeclock__custom > div p{font-size: 30px;}
	.font-huge.timeclock__custom > div p + p{margin-left: 18px;margin-right: 0;}
	.home header{min-height: 160px;}
	.home .sliderhomebox{margin-top: -160px;}
	.home .sliderhomebox .sliderhomebox_box{padding-top: calc(160px + 20px);}
}
@media (max-width: 500px) {
	.headerbg .navbar-brand img{height: 55px;}
	.headerbg .logoaramco img{height: 28px;}
	.headerbg.sticky .navbar-brand img{height: 40px;}
	.headerbg .navbar .navbar-nav{width: 85%;}
	.fullbtn500 .btn{width: 100%;}
	.boxgrabottom{padding-top: 250px;padding-bottom: 40px;}
	.scroll-to-top.endpage,.buttonwhatsapp.endpage{bottom: 15px;}
	.scroll-to-top.endpage,.buttonwhatsapp.endpage .btn{border-radius: 50px !important;}
	.scroll-to-top.endpage{right: 15px;}
	.buttonwhatsapp.endpage{right: 60px;}
	.footerbottom{padding-bottom: 60px !important;}
	.home .headerbg{padding: 20px 0;}
	.home header{min-height: 95px;}
	.home .sliderhomebox{margin-top: -95px;}
	.home .sliderhomebox .sliderhomebox_box{padding-top: calc(95px + 20px);}
}
@media (max-width: 375px) {
	
}