@media (min-width: 2000px) {
	.single-jobs .banner.inner-page-banner,
	.page-template-template-career .banner.inner-page-banner,
	.page-template-template-about .banner.inner-page-banner {
		background-position: top;
		background-size: cover;
	}
	.page-template-template-clients .banner.inner-page-banner{
		background-size: cover;
	}

	.activities-template-default .banner.inner-page-banner {
		background-position: center;

		background-size: cover;
	}

	.page-template-template-projects .banner.inner-page-banner,
	.page-template-template-services .banner.inner-page-banner {
		background-size: cover;
	}
}

@media (max-width: 1800px) {
	header .header-logo {
		max-width: 64.342px;

		height: 38px;
	}
	.career-popup.active-modal {
		max-width: 1290px;
	}

	header nav ul li a {
		font-size: 18px;

		line-height: 26px;
	}

	.header-left a.hct-link {
		font-size: 18px;

		margin-left: 34px;

		line-height: 26px;
	}

	header .arrow-link {
		background-position: left 7px;

		padding-left: 22px;

		line-height: 28px;

		background-size: 18%;
	}

	.search-icon {
		width: 20px;

		height: 20px;
	}

	header .en-font {
		font-size: 17px;

		line-height: 26px;
	}

	.header-inner {
		min-height: 70px;
	}

	h1 {
		font-size: 62px;

		line-height: 78px;
	}

	.banner p {
		font-size: 39px;

		line-height: 49px;

		max-width: 665px;
	}

	.banner a {
		font-size: 26px;

		line-height: 26px;
	}

	.banner .arrow-link {
		background-position: left 5px;
	}

	.banner {
		height: 730px;
	}

	.home-banner .banner-inner {
		padding-top: 90px;
	}

	h2 {
		font-size: 60px;

		line-height: 60px;
	}

	body {
		font-size: 24px;

		line-height: 30px;
	}

	.intro-inner .intro-left .ik-fact-box span .en-font {
		font-size: 74.293px;

		line-height: 56.672px;
	}

	.intro-inner .intro-left .ik-fact-box span {
		font-size: 33.765px;

		line-height: 56.672px;
	}

	.intro-inner .intro-left .ik-fact-box:not(.fact-box-link):before {
		height: 100%;
	}

	.intro-inner .intro-left .ik-fact-box {
		height: 106px;

		max-width: 600px;
	}

	.intro-inner .intro-left .ik-fact-box.fact-box-link img {
		height: 68px;

		max-width: 152px;

		object-fit: contain;
	}

	.intro-inner .intro-left .ik-fact-box.fact-box-link a {
		font-size: 24px;

		line-height: 56.672px;
	}

	.home-intro {
		padding-top: 111px;

		padding-bottom: 70px;
	}

	.home-activities h2 {
		margin-bottom: 52px;

		line-height: 65px;
	}

	.activity-box.activity-box-large .activity-content-wrap {
		padding: 40px 30px;

		padding-top: 50px;
	}

	.activity-title-content .title {
		font-size: 37px;

		line-height: 39px;
	}

	.activity-title-content .short-content {
		max-width: 260px;

		font-size: 27px;
	}

	.home-activities {
		padding-top: 77px;

		padding-bottom: 132px;
	}

	.customer-logos h2 {
		line-height: 65px;
	}

	.all-client-link {
		font-size: 28px;

		line-height: 26px;
	}

	.all-client-link .arrow-link {
		background-position: left 4px;
	}

	.customer-logos .all-link {
		margin-top: 50px;
	}

	.customer-logos .logos-inner .logos-row {
		margin-bottom: 15.5px;
	}

	.foundation-outer {
		padding-top: 75px;

		padding-bottom: 165px;
	}

	.foundation-outer .found-content h2 {
		line-height: 65px;
	}

	.found-content p {
		max-width: 560px;
	}

	.founda-circles {
		width: 466.187px;

		height: 525px;
	}

	.foundation-list li {
		font-size: 28px;

		line-height: 26px;

		height: 70px;
	}

	.foundation-list li.list-item-2:after {
		max-width: 1010px;
	}

	.foundation-list li.list-item-3:after {
		max-width: 1005px;
	}

	.foundation-list li.list-item-4:after {
		max-width: 1022px;
	}

	.view-all-projects {
		line-height: 26px;
	}

	.project-details .project-stats .stats-item {
		line-height: 53px;
	}

	.home-project {
		padding-top: 65px;
	}

	.section-jobs {
		padding: 70px 0;

		margin-top: 110px;
	}

	.section-jobs h2 {
		margin-bottom: 30px;
	}

	.section-jobs ul li {
		line-height: 53px;

		padding-left: 30px;
	}

	.section-jobs ul {
		margin-bottom: 80px;
	}

	.section-jobs .jobs-img {
		max-width: 554px;

		height: 366.193px;
	}

	footer {
		padding: 62px 20px 53px 20px;
	}

	footer .footer_logo {
		max-width: 95px;

		height: 60.795px;
	}

	footer ul li a {
		font-size: 17px;

		line-height: 26px;
	}

	footer ul li a {
		font-size: 17px;

		line-height: 26px;
	}

	footer .bottom_footer .right_side .job_en p.en-font {
		font-size: 17px;
	}

	footer .bottom_footer .right_side h6 {
		font-size: 18px;

		line-height: 26px;
	}

	footer .footer_social a {
		font-size: 18px;

		line-height: 26px;
	}

	footer .footer_social a img {
		width: 24.846px;

		height: 25.664px;

		object-fit: contain;

		top: -7px;
	}

	footer .b_flx {
		margin-top: 108px;
	}

	.banner.inner-page-banner .banner-inner h1 {
		line-height: 63px;
	}

	.banner.contact_banner,
	.banner.inner-page-banner,
	.banner.inner-page-banner .banner-inner {
		height: 490px;
	}

	.about-intro .a-intro-right strong {
		font-size: 24px;
	}

	.about-intro .a-intro-right {
		max-width: 614px;

		line-height: 27px;

		font-size: 20px;
	}

	.about-intro .a-intro-left {
		max-width: 583px;

		font-size: 20px;

		line-height: 27px;
	}

	.intro-link {
		font-size: 20px;

		background-position: left 2px;

		line-height: 26px;
	}

	.about-intro {
		padding-top: 70px;

		padding-bottom: 50px;
	}

	.vision-circles .v-circle1,
	.vision-circles .v-circle2 {
		font-size: 26px;
	}

	.vision-circles .v-circle1,
	.vision-circles .v-circle2 {
		background-position: center;

		width: 424px;

		height: 451px;

		background-size: contain;
	}

	.vision-circles .v-circle3 {
		width: 448px;

		height: 448px;

		margin-right: -65px;
	}

	.our-vision {
		padding-top: 48px;
	}

	.vision-banner .vision-banner-content {
		font-size: 28px;

		line-height: 34px;

		padding-top: 65px;

		padding-right: 65px;
	}

	.vision-banner {
		height: 465px;
	}

	.our-team {
		margin-top: 97px;

		padding-top: 75px;

		padding-bottom: 91px;
	}

	.our-team .ad-description p {
		font-size: 20px;

		line-height: 27px;

		max-width: 565px;
	}

	.ad-member .ad-thumb {
		width: 133px;

		height: 133px;
	}

	.ad-member {
		font-size: 20px;
	}

	.our-team::after {
		width: 1150px;

		height: 380px;
	}

	.values-content strong {
		font-size: 32px;

		line-height: 26px;

		width: 249px;
	}

	.values-content p {
		width: calc(100% - 266px);

		font-size: 26px;

		line-height: 26px;
	}

	.our-values .values-img {
		max-width: 600px;

		height: 400px;
	}

	.our-values .values-img img {
		width: 100%;

		height: 100%;

		object-fit: cover;
	}

	.our-values {
		padding-top: 60px;

		padding-bottom: 40px;
	}

	.page-template-template-about .customer-logos {
		padding-bottom: 91px;

		padding-top: 70px;
	}

	.activities-template-default .banner.inner-page-banner::before {
		width: 900px;

		height: 430px;

		transform: rotate(0deg) translate(0px, -64px);
	}

	.activity-main-content .main-inner {
		line-height: 30px;

		max-width: 608px;
	}

	.activity-main-content .container-custom::after {
		width: 554.733px;

		height: 389.443px;
	}

	.activity-main-content .main-inner p {
		margin-bottom: 35px;
	}

	.activity-main-content {
		padding-top: 60px;

		padding-bottom: 60px;
	}

	.activity-projects h3 {
		font-size: 32px;

		line-height: 26px;
	}

	.activity-proj-box {
		height: 330px;

		background-size: cover;
	}

	.acti-proj-inner {
		gap: 60px;

		row-gap: 64px;
	}

	.activity-proj-box .proj-title {
		font-size: 28px;

		max-width: 220px;
	}

	.activity-projects {
		padding-top: 65px;

		padding-bottom: 120px;
	}

	.project-details .details-columns .details-left p {
		padding-bottom: 10px;

		margin-bottom: 15px;
	}

	.proj-modal-content {
		padding: 65px 60px;
	}

	.proj-popup {
		max-width: 1433px;
	}

	.close-modal {
		color: #ff372f;

		font-size: 40px;

		line-height: 60px;

		left: 20px;
	}

	.page-template-template-projects .inner-page-banner::before {
		width: 766.081px;

		height: 100%;

		transform: translateX(-189px) translateY(1px) rotate(8deg);
	}

	.filters-wrap li {
		font-size: 28px;

		line-height: 40px;
	}

	.acti-proj-inner.project-page .activity-proj-box .proj-title {
		font-size: 20px;

		max-width: 171px;
	}

	.acti-proj-inner.project-page .activity-proj-box {
		height: 222.789px;
	}

	.acti-proj-inner.project-page {
		gap: 40px;

		margin-top: 50px;

		margin-bottom: 105px;
	}

	.services-out {
		margin-top: 105px;
	}

	.services-out {
		margin-bottom: 105px;
	}

	.services-inner {
		row-gap: 110px !important;
	}

	.service-content p {
		font-size: 33px;

		line-height: 65px;
	}

	.service-content p .en-font {
		font-size: 27px;
	}

	.page-template-template-services .banner.inner-page-banner .banner-inner::before {
		width: 681px;

		height: 730px;
	}

	.page-template-template-services .banner.inner-page-banner .banner-inner::before {
		width: 581px;

		height: 630px;

		left: -200px;
	}

	.services-out {
		margin-bottom: 75px;
	}

	.services-out {
		margin-top: 75px;
	}

	.service-content p {
		font-size: 28px;

		line-height: 60px;
	}

	.service-content p .en-font {
		font-size: 22px;
	}

	.services-inner {
		row-gap: 60px !important;
	}

	.page-template-template-career .banner.inner-page-banner::before {
		width: 879.74px;

		height: 659.652px;

		transform: translateY(30px);
	}

	.ct-item .item-right span:not(.en-font) {
		font-size: 27px;

		line-height: 29px;
	}

	.ct-item .item-right .en-font {
		font-size: 60px;

		line-height: 28px;

		margin-top: 12px;
	}

	.ct-item .item-left {
		line-height: normal;
	}

	.career-content {
		margin-top: 65px;

		padding-bottom: 65px;
	}

	.ct-item {
		gap: 45px;
	}

	.cr-ct-inner {
		gap: 30px;

		padding-top: 50px;
	}

	.career-jobs {
		padding-top: 59px;

		padding-bottom: 120px;
	}

	.cr-jobs-inner {
		padding-top: 20px;
	}

	.cr-jobs-inner .job-item .job-title {
		line-height: 53px;
	}

	.open-apply-modal {
		font-size: 20px;

		line-height: 26px;
	}

	.career-jobs::after {
		width: 759.156px;

		height: 638.644px;
	}

	.job-modal-content {
		padding: 85px 55px 58px 75px;
	}

	.modal-amenities {
		font-size: 20px;
	}

	.modal-top-bar {
		margin-bottom: 65px;
	}

	.apply-columns strong {
		padding-bottom: 10px;
	}

	.apply-columns {
		font-size: 20px;

		line-height: 35px;
	}

	.apply-columns {
		font-size: 18px;

		line-height: 32px;
	}
	.rtl-dir .apply-now-btn{
		background-position: left 33px;
		font-size: 26px;
		line-height: 53px;
	}
	.apply-now-btn,
	.modal-apply a {
		font-size: 26px;

		line-height: 53px;
	}

	.page-template-template-clients .customer-logos {
		padding-top: 65px;

		padding-bottom: 120px;
	}

	.page-template-template-clients .banner.inner-page-banner::before {
		background-size: 80%;

		left: -23px;

		top: 0;

		width: 1070px;

		height: 499.863px;

		transform: rotate(4deg) translateY(2px);
	}

	.apply-now-btn {
		background-position: right 33px;
	}

	.modal-header h2 {
		font-size: 30px;
	}

	.application-form-modal form .fields input::placeholder,
	.application-form-modal form .fields input {
		font-size: 24px;
		line-height: 54px;
		height: 54px;
	}

	.application-form-modal input.wpcf7-form-control.wpcf7-file.wpcf7-validates-as-required {
		font-size: 16px;
		padding-top: 15px;
		padding-bottom: 15px;
		height: auto;
		line-height: normal;
	}

	.application-form-modal .fields.submit input {
		font-size: 26px;
	}

	.application-form-modal .fields.submit::before {
		width: 22px;
		height: 18px;
	}

	.about-intro .intro-link {
		background-position: left 8px;
		width: 215px;
	}

	.our-vision h2 {
		margin-bottom: 35px;
	}

	.our-vision .flx .text-wrapper .vision_text p {
		font-size: 27px;
		line-height: 30px;
	}

	.our-vision .flx .text-wrapper .vision_paraghraph p {
		font-size: 26px;
	}

	.our-vision .flx .text-wrapper {
		max-width: 800px;
	}

	.our-vision .flx .img-wrapper {
		max-width: 335.522px;
		height: 206px;
	}

	.our-vision .flx {
		margin-bottom: 110px;
	}

	.vision-banner::after {
		height: 465px;
	}

	.banner.contact_banner h1 {
		font-size: 62px;
		line-height: 55px;
	}


	.contact_us h2 {
		font-size: 33px;
		line-height: 29px;
		margin-bottom: 55px;
	}


	.contact_us .contact-form form input {
		max-width: 390px;
	}

	.contact_us .contact-form form textarea, .contact_us .contact-form form textarea::placeholder, .contact_us .contact-form form input, .contact_us .contact-form form input::placeholder {
		font-size: 23px;
		line-height: 29px;
	}

	.contact_us .contact-form input.contact_btn {
		font-size: 27px;
		line-height: 28px;
	}

	.contact_us .contact-form .form-btn {
		max-width: 90px;
		margin-top: 40px;
		gap: 10px;
	}

	.contact_us {
		padding: 88px 20px 109px 20px;
	}

	.contact_us .flx {
		gap: 115px;
	}


	.contact_us .contact-form form .f_flx {
		gap: 78px;
		margin-bottom: 83px;
	}

	.contact_us .main_branch .address a, .contact_us .main_branch .address {
		font-size: 23px;
		line-height: 29px;
	}

	.contact_us .main_branch .mail_to a {
		font-size: 22px;
		line-height: 30px;
	}

	.contact_us .contact-form form {
		width: 858px;
	}
}

@media (max-width: 1700px) {
	.single-jobs .banner.inner-page-banner,
	.page-template-template-about .banner.inner-page-banner {
		background-position: top;
	}
}

@media (max-width: 1600px) {
	.career-popup.active-modal {
		max-width: 1190px;
	}
	.values-content {
		max-width: 624px;
	}
	.values-content .value-item{
		min-height: 100px;
	}
	strong.stats-value .en-font{
		font-size: 16px;
	}
	.intro-inner .intro-left .ik-fact-box span strong{
		font-size: 50px;
	}
	header nav ul li a {
		font-size: 17px;

		line-height: 24px;
	}
	.contact_us label.privacy {
		font-size: 18px;
	}
	.banner a.arrow-link.white-arrow{
		background-position: left 6px;
	}
	.foundation-list li.list-item-1:after {
		max-width: 1040px;
	}
	.foundation-list li.list-item-2:after {
		max-width: 920px;
	}
	.foundation-list li.list-item-3:after {
		max-width: 915px;
	}

	.customer-logos .all-client-link {
		background-position: left 2px;
	}
	.intro-link {
		width: 217px;
	}

	.vision-circles .v-circle3 p {
		font-size: 22px;
	}

	.home-intro .intro-inner {
		gap: 0;
	}

	.proj-popup,
	.career-popup,
	footer .ctm_container,
	.container-custom {
		max-width: 1290px;
	}

	.small-wrap {
		width: 310px;
	}

	.service-thumb {
		width: 90px;

		height: 90px;
	}

	h1 {
		font-size: 52px;

		line-height: 68px;
	}

	.banner p {
		font-size: 30px;

		line-height: 40px;

		max-width: 465px;
	}

	.banner a {
		font-size: 24px;

		line-height: normal;
	}

	.banner {
		height: 600px;
	}

	.home-intro {
		padding-top: 80px;

		padding-bottom: 60px;
	}

	h2 {
		font-size: 50px;

		line-height: 50px;
	}

	body {
		font-size: 22px;

		line-height: 28px;
	}

	.intro-inner .intro-left .ik-fact-box span {
		font-size: 27.765px;

		line-height: 46.672px;
	}

	.intro-inner .intro-left .ik-fact-box span .en-font {
		font-size: 60.293px;

		line-height: 46.672px;
	}

	.intro-inner .intro-left .ik-fact-box {
		height: 96px;

		max-width: 500px;

		margin: auto;

		margin-bottom: 19px;
	}

	.home-activities h2 {
		margin-bottom: 42px;

		line-height: 55px;
	}

	.activity-box.activity-box-large .activity-content-wrap {
		padding: 30px 20px;

		padding-bottom: 40px;
	}

	.activity-title-content .short-content {
		max-width: 240px;

		font-size: 24px;
	}

	.home-activities {
		padding-top: 57px;

		padding-bottom: 100px;
	}

	.customer-logos h2 {
		line-height: 55px;

		margin: auto;
	}

	.all-client-link {
		font-size: 25px;

		line-height: normal;
	}

	.all-client-link .arrow-link {
		background-position: left 2px;
	}

	.customer-logos .all-link {
		margin-top: 30px;
	}

	.foundation-outer .found-content h2 {
		line-height: 55px;
	}

	body {
		font-size: 20px;

		line-height: 26px;
	}

	.found-content p {
		max-width: 560px;
	}

	.found-image {
		width: 436.187px;
	}

	.founda-circles {
		width: 100%;

		height: 495px;

		top: 70px;
	}

	.founda-circles svg {
		width: 100%;

		height: 100%;

		object-fit: cover;
	}

	.founda-circles .small-img img {
		width: 100%;

		height: 100%;
	}

	.founda-circles .small-img {
		transform: translate(-214px, -254px);

		width: 149px;

		height: 149px;
	}

	.foundation-list li {
		font-size: 26px;

		line-height: 24px;

		height: 60px;
	}

	.founda-circles {
		margin: auto;

		left: 45px;
	}

	.foundation-outer {
		padding-top: 55px;

		padding-bottom: 145px;
	}

	.view-all-projects {
		line-height: normal;

		padding-bottom: 25px;
	}

	.view-all-projects {
		background-position: left 7px;
	}

	.project-details .project-banner img {
		width: 100%;

		height: 100%;

		object-fit: cover;
	}

	.section-jobs ul li {
		line-height: 50px;

		padding-left: 30px;
	}

	.arrow-link.white-arrow {
		line-height: normal;

		background-position: left 8px;

		padding-bottom: 6px;
	}

	.section-jobs ul {
		margin-bottom: 60px;
	}

	.section-jobs .jobs-img {
		max-width: 484px;

		height: 296.193px;
	}

	.section-jobs {
		padding: 50px 0;

		margin-top: 80px;
	}

	footer .footer_logo {
		max-width: 85px;

		height: 50.795px;
	}

	footer ul li a {
		font-size: 16px;

		line-height: 25px;
	}

	footer .bottom_footer .right_side h6 {
		font-size: 17px;

		line-height: 25px;
	}

	footer .footer_social a {
		font-size: 17px;

		line-height: 25px;
	}

	footer .b_flx {
		margin-top: 75px;
	}

	footer {
		padding: 52px 20px 40px 20px;
	}

	.banner.inner-page-banner .banner-inner h1 {
		line-height: 53px;
	}

	.banner.contact_banner,
	.banner.inner-page-banner,
	.banner.inner-page-banner .banner-inner {
		height: 440px;
	}
	.single-jobs .banner.inner-page-banner,
	.page-template-template-about .banner.inner-page-banner {
		background-position: 20% 20%;

		background-size: cover;
	}

	.about-intro .a-intro-right strong {
		font-size: 22px;
	}

	.about-intro .a-intro-right {
		max-width: 555px;

		line-height: 25px;

		font-size: 18px;
	}

	.about-intro .a-intro-left {
		max-width: 573px;

		font-size: 18px;

		line-height: 26px;
	}

	.intro-link {
		font-size: 19px;

		background-position: left 2px;

		line-height: 24px;
	}

	.about-intro {
		padding-top: 60px;

		padding-bottom: 50px;
	}

	.vision-circles .v-circle1,
	.vision-circles .v-circle2 {
		font-size: 23px;
	}

	.vision-circles .v-circle2 .circle-content {
		max-width: 219px;

		margin-right: 30px;
	}

	.vision-circles .v-circle1,
	.vision-circles .v-circle2 {
		width: 394px;

		height: 404px;
	}

	.vision-circles .v-circle3 {
		width: 398px;

		height: 398px;

		margin-right: -55px;
	}

	.vision-circles {
		max-width: 1070px;

		padding-top: 26px;

		margin-bottom: 105px;
	}

	.vision-banner .vision-banner-content {
		font-size: 26px;

		line-height: 32px;

		padding-top: 65px;

		padding-right: 65px;
	}

	.vision-banner {
		height: 425px;
	}

	.our-team .ad-description p {
		font-size: 18px;

		line-height: 25px;

		max-width: 465px;
	}

	.ad-member .ad-thumb {
		width: 113px;

		height: 113px;
	}

	.ad-member {
		font-size: 18px;
	}

	.ad-members {
		padding-top: 80px;
	}

	.our-team {
		margin-top: 77px;

		padding-top: 55px;

		padding-bottom: 80px;
	}

	.our-team::after {
		width: 1050px;

		height: 360px;
	}

	.values-content .value-item:first-child {
		padding-top: 0;

		min-height: 70px;
	}

	.values-content p {
		width: calc(100% - 266px);

		font-size: 23px;

		line-height: 25px;
	}

	.values-content strong {
		font-size: 28px;

		line-height: 25px;

		width: 250px;
	}

	.our-values .values-img {
		max-width: 540px;

		height: 340px;
	}

	.page-template-template-about .customer-logos h2 {
		margin-right: 0;
	}

	.page-template-template-about .customer-logos {
		padding-bottom: 80px;

		padding-top: 70px;
	}

	.activities-template-default .banner.inner-page-banner::before {
		width: 700px;

		height: 320px;

		transform: rotate(0deg) translate(0px, -44px);
	}

	.activity-main-content .container-custom::after {
		width: 454.733px;

		height: 330.443px;
	}

	.activity-main-content .main-inner p {
		margin-bottom: 25px;
	}

	.activity-main-content .main-inner {
		line-height: 27px;
	}

	.activity-main-content {
		padding-top: 50px;

		padding-bottom: 50px;
	}

	.activity-proj-box .proj-title {
		font-size: 26px;

		max-width: 200px;
	}

	.activity-proj-box {
		height: 300px;

		background-size: cover;
	}

	.acti-proj-inner {
		gap: 50px;

		row-gap: 54px;
	}

	.activity-projects {
		padding-top: 55px;

		padding-bottom: 90px;
	}

	.page-template-template-projects .inner-page-banner::before {
		width: 730px;

		height: 100%;

		transform: translateX(-214px) translateY(0px) rotate(4deg);
	}

	.filters-wrap li {
		font-size: 24px;

		line-height: 35px;
	}

	.acti-proj-inner.project-page .activity-proj-box .proj-title {
		font-size: 18px;

		max-width: 150px;
	}

	.acti-proj-inner.project-page {
		gap: 30px;

		margin-top: 50px;

		margin-bottom: 75px;
	}

	.ct-item .item-right .en-font {
		font-size: 50px;

		line-height: 28px;
	}

	.ct-item .item-right span:not(.en-font) {
		font-size: 23px;

		line-height: 27px;
	}

	.page-template-template-career .banner.inner-page-banner::before {
		width: 719.74px;

		height: 559.652px;

		transform: translateY(80px);
	}

	.ct-item {
		gap: 25px;

		padding-bottom: 15px;
	}

	.open-apply-modal {
		font-size: 18px;

		line-height: 25px;
	}

	.career-jobs {
		padding-top: 40px;

		padding-bottom: 70px;
	}

	.career-content {
		margin-top: 55px;

		padding-bottom: 55px;
	}

	.job-modal-content {
		padding: 65px 35px 38px 35px;
	}

	.modal-amenities {
		font-size: 18px;
	}

	.modal-amenities img {
		width: 23.542px;

		height: 23.542px;
	}

	.modal-top-bar {
		margin-bottom: 45px;
	}

	.apply-columns {
		font-size: 16px;

		line-height: 30px;
	}
	.rtl-dir .apply-now-btn{
		font-size: 22px;
		line-height: 47px;
	}
	.apply-now-btn,
	.modal-apply a {
		font-size: 22px;

		line-height: 47px;
	}

	.close-modal {
		font-size: 35px;

		line-height: 50px;
	}

	.page-template-template-clients .banner.inner-page-banner::before {
		background-size: 80%;

		left: -23px;

		width: 890px;

		height: 499.863px;
	}

	.about-intro .intro-link {
		background-position: left 6px;
		width: 208px;
	}

	.our-vision .flx .text-wrapper .vision_text p {
		font-size: 23px;
		line-height: 28px;
	}

	.our-vision .flx .text-wrapper .vision_paraghraph p {
		font-size: 22px;
	}

	.our-vision .flx .img-wrapper {
		max-width: 275.522px;
		height: 166px;
	}

	.our-vision .flx .text-wrapper {
		max-width: 700px;
	}

	.our-vision .flx {
		margin-bottom: 80px;
	}

	.vision-banner::after {
		height: 425px;
	}

	.banner.contact_banner h1 {
		font-size: 55px;
		line-height: 45px;
	}

	.contact_us h2 {
		font-size: 30px;
		line-height: 29px;
		margin-bottom: 45px;
	}

	.contact_us .contact-form form textarea, .contact_us .contact-form form textarea::placeholder, .contact_us .contact-form form input, .contact_us .contact-form form input::placeholder {
		font-size: 21px;
		line-height: 27px;
	}

	.contact_us .main_branch .address a, .contact_us .main_branch .address {
		font-size: 21px;
		line-height: 27px;
	}

	.contact_us .main_branch .mail_to a {
		font-size: 20px;
		line-height: 28px;
	}

	.contact_us .contact-form form textarea {
		height: 160px;
	}

	.contact_us .contact-form input.contact_btn {
		font-size: 24px;
		line-height: normal;
	}

	.contact_us {
		padding: 68px 20px 80px 20px;
	}
}

@media (max-width: 1440px) {
	.logo-img-outer img {
		max-width: 230px;

		height: 230px;

		object-fit: scale-down;
	}

	.found-image {
		width: 355.187px;
	}

	.founda-circles {
		width: 100%;

		height: 465px;

		top: 70px;
	}

	.founda-circles .small-img {
		transform: translate(-179px, -230px);

		width: 130px;

		height: 130px;
	}

	.foundation-list li {
		height: 56px;
	}

	.foundation-list li.list-item-1:after {
		max-width: 1020px;
	}

	.founda-circles {
		margin: auto;

		left: 105px;
	}

	.large-wrap {
		width: 100%;
	}

	.small-wrap {
		width: 100%;
	}

	.home-banner .banner-inner {
		padding-top: 60px;
	}

	.customer-logos .logo-wrap img {
		width: 195px;

		height: 195px;

		object-fit: scale-down;
	}

	.values-content .value-item {
		min-height: 90px;
	}

	.proj-popup {
		max-width: 100%;

		width: calc(100% - 40px);
	}

	.ct-item .item-right {
		flex: unset;

		max-width: 400px;

		width: 100%;
	}

	.contact_us .contact-form form input {
		max-width: 340px;
	}

	.contact_us .contact-form form {
		width: 758px;
	}

	.contact_us .flx {
		gap: 20px;
		justify-content: space-between;
	}

	.contact_us .contact-form form .f_flx {
		gap: 40px;
		margin-bottom: 60px;
	}

	.contact_us .contact-form form {
		width: 722px;
	}
}

@media (max-width: 1300px) {
	.foundation-list li.list-item-1:after {
		max-width: 980px;
	}
	.values-content {
		max-width: 564px;
	}
	footer .ctm_container,
	.container-custom {
		max-width: 1190px;
	}

	.foundation-list li.list-item-2:after {
		max-width: 870px;
	}

	.foundation-list li.list-item-1:after {
		max-width: 975px;
	}

	.foundation-list li.list-item-3:after {
		max-width: 860px;
	}

	.foundation-list li.list-item-4:after {
		max-width: 875px;
	}

	.our-values .values-img {
		max-width: 460px;

		height: 300px;
	}

	.values-content strong {
		width: 210px;
	}

	.values-content p {
		width: calc(100% - 195px);
	}

	.proj-popup .view-all-projects {
		font-size: 26px;
		text-wrap-mode: nowrap;
	}
}

@media (max-width: 1280px) {
	.foundation-inner {
		flex-direction: column;
	}

	footer .ctm_container,
	.container-custom {
		max-width: 1090px;
	}

	.founda-circles {
		margin: auto;

		left: auto;

		top: auto;
	}

	.found-content {
		max-width: 100%;

		width: 100%;
	}

	.foundation-list {
		display: flex;

		justify-content: center;

		align-items: center;

		gap: 20px;
	}

	.found-image {
		width: 355.187px;

		margin: auto;
	}

	.foundation-list li.list-item-1:after {
		max-width: 300px;

		transform: rotate(304deg) translate(-101px, 91px);
	}

	.foundation-list li.list-item-2:after {
		max-width: 165px;

		transform: rotate(-75deg) translate(-81px, 10px);
	}

	.foundation-list li.list-item-3:after {
		max-width: 135px;

		transform: rotate(-91deg) translate(-69px, 38px);
	}

	.foundation-list li.list-item-4:after {
		max-width: 140px;

		transform: translate(70px, 56px) rotate(-125deg);
	}

	.foundation-outer {
		padding-top: 55px;

		padding-bottom: 85px;
	}

	.project-details .project-stats {
		gap: 30px;
	}

	body {
		font-size: 18px;

		line-height: 26px;
	}

	.project-details .project-stats .stats-item {
		width: fit-content;

		line-height: 50px;
	}
}

@media (max-width: 1200px) {
	.contact_us .contact-form form {
		width: 630px;
	}
	.home .project-details .details-columns{
		gap: 20px;
		justify-content: space-between;
	}
}

@media (max-width: 1040px) {
	.logo-img-outer img {
		max-width: 170px;

		height: 170px;

		object-fit: scale-down;
	}
	.ct-item .item-right {
		flex: 0 0 520px;
		max-width: 350px;
	}
	.page-template-template-projects .banner.inner-page-banner,
	.page-template-template-services .banner.inner-page-banner,
	.page-template-template-clients .banner.inner-page-banner,
	.page-template-template-career .banner.inner-page-banner {
		background-size: cover;
	}

	.vision-circles .v-circle3 p {
		font-size: 16px;
	}

	.project-details {
		padding-top: 20px;
	}

	.about-intro .container-custom {
		max-width: 880px;
	}

	.about-intro .intro-inner {
		gap: 40px;
	}

	footer .ctm_container,
	.container-custom {
		max-width: 880px;
	}

	.home-intro .intro-inner {
		gap: 20px;
	}

	section.home-project .project-title h2 {
		line-height: 40px;
	}

	footer {
		padding: 62px 50px 53px 50px;
	}

	.proj-popup .view-all-projects {
		top: 0;

		font-size: 22px;
	}

	.section-jobs .arrow-link.white-arrow,
	section.home-project .view-all-projects {
		font-size: 22px;
	}

	.customer-logos .logos-inner .logos-row {
		height: auto;

		margin: auto;
	}

	.home-intro {
		padding-top: 40px;

		padding-bottom: 40px;
	}

	.home-intro .intro-inner {
		grid-template-columns: repeat(1, 1fr);
	}

	h2 {
		font-size: 30px;

		line-height: 33px;
	}

	.intro-inner .intro-left .ik-fact-box span {
		font-size: 22px;

		line-height: 40px;
	}
	.intro-inner .intro-left .ik-fact-box span strong,
	.intro-inner .intro-left .ik-fact-box span .en-font {
		font-size: 45.293px;

		line-height: 46.672px;
	}

	.intro-inner .intro-left .ik-fact-box.fact-box-link img {
		height: 63px;

		max-width: 130px;
	}

	.intro-inner .intro-left .ik-fact-box.fact-box-link a {
		font-size: 22px;

		line-height: 44.672px;
	}

	.intro-inner .intro-left .ik-fact-box {
		margin-bottom: 15px;
	}

	.activities-inner {
		grid-template-columns: repeat(2, 1fr);
	}

	.home-activities {
		padding-top: 40px;

		padding-bottom: 60px;
	}

	.activity-title-content .title {
		font-size: 30px;

		line-height: 35px;
	}

	.activity-title-content .short-content {
		max-width: 100%;

		font-size: 22px;
	}

	.activity-box.activity-box-large:hover .activity-title-content {
		transform: translateY(-30px);
	}

	.activity-box.activity-box-large:hover .activity-title-content .title::after {
		bottom: -110px;
	}

	.activity-box:hover .activity-title-content .title::after {
		bottom: -120px;
	}

	.home-activities h2 {
		margin-bottom: 30px;

		line-height: 45px;
	}

	.customer-logos {
		padding-top: 40px;

		padding-bottom: 40px;
	}

	.all-client-link {
		font-size: 22px;

		line-height: normal;
	}

	.all-client-link.arrow-link {
		background-position: left 0px;
	}

	.foundation-outer .found-content h2 {
		line-height: 35px;
	}

	.foundation-outer {
		padding-top: 40px;

		padding-bottom: 50px;
	}

	.project-details .project-stats {
		gap: 20px;

		flex-wrap: wrap;

		display: flex;

		flex-wrap: wrap;

		justify-content: start;

		gap: 30px;

		row-gap: 10px;
	}

	.project-details .project-stats::after {
		display: none;
	}

	.section-jobs ul li {
		line-height: 45px;
	}

	body {
		font-size: 16px;

		line-height: 26px;
	}

	.section-jobs .jobs-img {
		max-width: 384px;

		height: 256.193px;
	}

	.section-jobs .jobs-inner {
		grid-template-columns: repeat(1, 1fr);

		gap: 40px;
	}

	.section-jobs .jobs-img {
		max-width: 100%;

		height: 276.193px;

		margin: auto;
	}

	.section-jobs {
		padding: 40px 0;

		margin-top: 60px;
	}

	footer .footer_nav {
		max-width: 475px;
	}

	footer .footer_logo {
		max-width: 70px;

		height: 45.795px;
	}

	header .hc-nav-trigger.hc-nav-1 {
		right: 20px;
	}

	.project-details .details-columns {
		flex-direction: column;
	}

	.project-details .details-columns .en-font {
		font-size: 16px;
	}

	.project-details .details-columns .details-right {
		max-width: 100%;
	}

	.project-details .details-columns .details-left {
		max-width: 100%;
	}

	.banner-drawing svg {
		width: 135%;

		height: 540px;

		object-fit: cover;

		transform: translate(30px, 0px);
	}

	h1 {
		font-size: 35px;

		line-height: 50px;
	}

	.banner p {
		font-size: 25px;

		line-height: 35px;

		max-width: 365px;
	}

	.banner {
		height: 470px;
	}

	footer .bottom_footer .right_side {
		max-width: 390px;

		width: 100%;
	}

	.about-intro .intro-inner {
		flex-direction: column;
	}

	.about-intro .a-intro-right {
		max-width: 100%;

		line-height: 25px;

		font-size: 18px;
	}

	.about-intro .a-intro-right strong {
		font-size: 20px;
	}

	.about-intro .a-intro-left {
		max-width: 100%;

		font-size: 18px;

		line-height: 26px;
	}

	.about-intro {
		padding-top: 40px;

		padding-bottom: 50px;
	}

	.vision-circles .v-circle1 .circle-content {
		max-width: 200px;

		margin-right: 40px;
	}

	.vision-circles .v-circle1,
	.vision-circles .v-circle2 {
		font-size: 18px;
	}

	.vision-circles .v-circle1,
	.vision-circles .v-circle2 {
		width: 354px;

		height: 354px;
	}

	.vision-circles .v-circle3 {
		width: 328px;

		height: 338px;

		margin-right: -55px;
	}

	.vision-banner .vision-banner-content {
		font-size: 22px;

		line-height: 29px;

		padding-top: 45px;

		padding-right: 45px;
	}

	.vision-banner {
		height: 345px;
	}

	.our-team {
		margin-top: 50px;

		padding-top: 45px;

		padding-bottom: 60px;
	}

	.our-team::after {
		width: 750px;

		height: 250px;
	}

	.ad-member .ad-thumb {
		width: 93px;

		height: 93px;
	}

	.values-inner {
		gap: 20px;

		flex-direction: column;
	}

	.values-content {
		max-width: 100%;

		width: 100%;
	}

	.values-content strong {
		font-size: 22px;

		line-height: 25px;
	}

	.values-content .value-item {
		min-height: 40px;

		display: flex;

		align-items: center;

		height: 100%;
	}

	.values-content .value-item {
		min-height: 70px;
	}

	.our-values h2 {
		margin-bottom: 20px;
	}

	.our-values {
		padding-top: 40px;

		padding-bottom: 40px;
	}

	.page-template-template-about .customer-logos {
		padding-bottom: 50px;

		padding-top: 40px;
	}

	.customer-logos .logo-wrap img {
		width: 155px;

		height: 155px;

		object-fit: scale-down;
	}

	.customer-logos .logo-wrap.logo-wrap-4 {
		text-align: right;
	}

	.banner.contact_banner,
	.banner.inner-page-banner,
	.banner.inner-page-banner .banner-inner {
		height: 340px;
	}

	.vision-circles .v-circle1,
	.vision-circles .v-circle2 {
		width: 314px;

		height: 314px;
	}

	.vision-circles .v-circle1,
	.vision-circles .v-circle2 {
		font-size: 16px;

		padding: 70px;
	}

	.vision-circles .v-circle3 {
		width: 288px;

		height: 288px;

		margin-right: -55px;

		padding: 20px;
	}

	.customer-logos h2 {
		line-height: 35px;

		margin: auto;
	}

	.banner.inner-page-banner .banner-inner h1 {
		line-height: 40px;
	}

	.proj-modal-content {
		padding: 45px 20px;
	}

	.close-modal {
		font-size: 30px;

		line-height: 50px;

		left: 20px;

		top: 0;
	}

	.activities-template-default .banner.inner-page-banner::before {
		width: 500px;

		height: 250px;

		transform: rotate(0deg) translate(0px, -24px);
	}

	.activity-main-content .main-inner {
		line-height: 26px;

		max-width: 500px;
	}

	.activity-main-content .container-custom::after {
		width: 354.733px;

		height: 230.443px;
	}

	.activity-main-content {
		padding-top: 35px;

		padding-bottom: 35px;
	}

	.acti-proj-inner {
		gap: 30px;

		row-gap: 34px;
	}

	.activity-proj-box {
		height: 260px;
	}

	.activity-proj-box .proj-title {
		font-size: 22px;

		max-width: 170px;
	}

	.pro-modal-content .project-details .details-columns p {
		margin-bottom: 0;
	}

	.pro-modal-content .project-details .details-columns {
		margin-bottom: 10px;
	}

	.project-details .project-banner {
		height: 320px;
	}

	.activity-projects h3 {
		font-size: 22px;

		line-height: 25px;

		margin-bottom: 30px;
	}

	.filters-wrap li {
		font-size: 18px;

		line-height: 30px;
	}

	.acti-proj-inner.project-page {
		gap: 20px;

		margin-top: 50px;

		margin-bottom: 75px;

		grid-template-columns: repeat(2, 1fr);
	}

	.service-thumb {
		width: 45px;

		height: 45px;
	}

	.service-content p {
		font-size: 22px;

		line-height: 50px;
	}

	.service-content p .en-font {
		font-size: 18px;

		text-wrap-mode: wrap !important;
	}

	.services-inner {
		row-gap: 40px !important;
	}

	.page-template-template-services .banner.inner-page-banner .banner-inner::before {
		width: 465px;

		height: 530px;

		left: -110px;
	}

	.page-template-template-career .banner.inner-page-banner::before {
		width: 519.74px;

		height: 359.652px;

		transform: translateY(60px);
	}

	.cr-ct-inner {
		gap: 20px;

		padding-top: 30px;
	}

	.career-content {
		margin-top: 45px;

		padding-bottom: 45px;
	}

	.ct-item .item-right .en-font {
		font-size: 40px;

		line-height: 28px;

		margin-top: 10px;
	}

	.ct-item .item-right span:not(.en-font) {
		font-size: 18px;

		line-height: 25px;
	}

	.cr-jobs-inner .job-item .job-title {
		line-height: 50px;
	}

	.open-apply-modal {
		font-size: 16px;

		line-height: 25px;
	}

	.career-jobs.active-overflow::after {
		height: 344px;

		transform: translateY(-51%) translateX(-19%);

		transition: all 0.6s;
	}

	.modal-amenities {
		font-size: 17px;
	}

	.modal-top-bar {
		margin-bottom: 30px;
	}

	.career-popup.active-modal {
		width: calc(100% - 40px);
	}

	.page-template-template-clients .customer-logos {
		padding-top: 40px;

		padding-bottom: 70px;
	}

	.page-template-template-clients .banner.inner-page-banner::before {
		width: 690px;

		height: 499.863px;
	}

	.customer-logos .logo-wrap.logo-wrap-4 {
		text-align: left;
	}

	.activity-box-large {
		height: 100%;
	}

	.small-wrap {
		width: 100%;
		height: 100%;
		gap: 13px;
	}

	.activity-box-small {
		height: 100%;
		min-height: 180px;
	}

	.activity-box-small.activity-box-5,
	.activity-box-small.activity-box-4,
	.activity-box-small.activity-box-6,
	.activity-box-small.activity-box-2,
	.activity-box-small.activity-box-3 {
		height: 100%;
	}

	.activities-inner {
		grid-auto-rows: auto;
	}

	.activity-box.activity-box-small .activity-content-wrap {
		padding-bottom: 20px;
	}

	.activity-title-content .short-content {
		font-size: 16px;
	}

	.view-all-projects {
		background-position: left 4px;
	}

	.modal-header h2 {
		font-size: 22px;
	}

	.application-form-modal form .fields input::placeholder,
	.application-form-modal form .fields input {
		font-size: 20px;
		line-height: normal;
		height: 45px;
	}

	.application-form-modal .fields.submit input {
		font-size: 22px;
	}

	.application-form-modal .fields.submit {
		margin-top: 20px;
	}

	.career-jobs .close-modal {
		left: 0;
		top: 0;
		z-index: 99;
	}

	.application-form-modal {
		padding: 20px;
	}

	.about-intro .intro-link {
		background-position: left 6px;
		width: 170px;
	}

	.our-vision .flx .text-wrapper .vision_text p {
		font-size: 20px;
		line-height: 26px;
	}

	.our-vision .flx .text-wrapper .vision_paraghraph p {
		font-size: 19px;
	}

	.our-vision .flx {
		margin-bottom: 50px;
		flex-direction: column;
	}

	.our-vision .flx .img-wrapper {
		max-width: 200px;
		height: 120px;
	}

	.our-vision .flx .text-wrapper {
		max-width: 100%;
	}

	.our-vision .flx .text-wrapper .vision_heading {
		margin-bottom: 20px;
	}

	.our-vision .flx .text-wrapper .vision_paraghraph {
		margin-bottom: 22px;
	}

	.vision-banner::after {
		height: 345px;
	}

	.home-project .slick-next {
		width: 69px;
	}

	.banner.contact_banner h1 {
		font-size: 45px;
		line-height: 40px;
	}

	.contact_us h2 {
		font-size: 24px;
		line-height: 29px;
		margin-bottom: 40px;
	}

	.contact_us .contact-form form textarea, .contact_us .contact-form form textarea::placeholder, .contact_us .contact-form form input, .contact_us .contact-form form input::placeholder {
		font-size: 18px;
		line-height: 27px;
	}

	.contact_us .contact-form form textarea {
		height: 120px;
	}

	.contact_us .contact-form input.contact_btn {
		font-size: 20px;
		line-height: normal;
	}

	.contact_us .contact-form .form-btn {
		max-width: 70px;
		margin-top: 30px;
		gap: 10px;
	}

	.contact_us .contact-form img {
		width: 26px;
		height: 26px;
		object-fit: contain;
	}

	.contact_us {
		padding: 40px 20px 60px 20px;
	}

	.contact_us .contact-form form {
		width: 500px;
	}

	.contact_us .main_branch .address a, .contact_us .main_branch .address {
		font-size: 19px;
		line-height: normal;
	}

	.contact_us .main_branch .mail_to a {
		font-size: 18px;
		line-height: 28px;
	}

	.contact_us .main_branch {
		max-width: 255px;
	}


	.contact_us {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 992px) {
	header {
		position: relative;
	}

	header .hc-nav-trigger.hc-nav-1 {
		right: 20px;

		top: 51%;

		transform: translateY(-50%);
	}

	.activity-box-large {
		height: 280px;
	}

	.activities-inner {
		grid-template-columns: repeat(1, 1fr);

		grid-auto-rows: auto;
	}

	.small-wrap {
		width: 100%;

		display: flex;
	}

	.small-wrap {
		width: 100%;

		display: flex;

		gap: 15px;
	}

	.activity-box-large {
		height: 100%;

		margin: auto;
	}

	header {
		padding-right: 60px;
	}

	.banner-drawing svg {
		width: 155%;

		height: 600px;

		object-fit: cover;

		transform: translate(78px, 0px);
	}

	.large-wrap,
	.small-wrap {
		height: 100% !important;
	}

	.activities-inner {
		grid-template-columns: repeat(2, 1fr);

		grid-auto-rows: auto;
	}

	.page-template-template-clients .banner.inner-page-banner::before {
		display: none;
	}
}

@media (max-width: 850px) {
	.banner-drawing svg {
		width: 175%;

		height: 580px;

		object-fit: cover;

		transform: translate(128px, 0px);
	}

	.activity-main-content .main-inner p {
		margin-bottom: 20px;
	}

	.activity-main-content .main-inner {
		line-height: 23px;

		max-width: 400px;
	}
}

@media (max-width: 768px) {
	.logo-img-outer img {
		max-width: 110px;

		height: 120px;

		object-fit: scale-down;
	}
	.modal-top-bar.rtl-dir .modal-amenities, .modal-top-bar.rtl-dir .modal-title{
		align-items: flex-start;
	}
	.single-projects .proj-modal-content{
		height: 100%;
		overflow-y: hidden;
	}
	.single-projects .project-details .project-stats .stats-item{
		flex-wrap: wrap;
		width: 100%;
		text-wrap-mode: wrap;
	}

	.intro-inner .intro-right {
		max-width: 100%;
	}

	.banner-drawing svg {
		display: none;
	}

	.banner {
		height: 350px;
	}

	footer .flx {
		flex-direction: column-reverse;

		gap: 40px;
	}

	footer .b_flx {
		margin-top: 45px;

		flex-direction: column;

		padding: 0;
	}

	footer .bottom_footer .right_side h6 {
		font-size: 16px;

		line-height: 25px;
	}

	footer .bottom_footer .right_side .job_en p.en-font {
		font-size: 16px;
	}

	footer .bottom_footer .right_side .job_en p {
		font-size: 16px;
	}

	footer .bottom_footer .right_side .job_en p {
		padding: 0 13px;
	}

	header .header-logo {
		max-width: 54.342px;

		height: 33px;
	}

	.header-left a.hct-link {
		font-size: 16px;

		margin-left: 24px;

		line-height: 26px;
	}

	.header-left a.search-icon {
		margin-left: 19px;
	}

	header .en-font {
		font-size: 16px;

		line-height: 25px;
	}

	.customer-logos .logo-wrap img {
		width: 115px;

		height: 125px;

		object-fit: scale-down;
	}

	.customer-logos .logos-inner .logos-row {
		grid-template-columns: repeat(3, 1fr);

		margin-bottom: 0;
	}

	.vision-circles {
		flex-direction: column;

		gap: 20px;
	}

	.vision-circles .v-circle1,
	.vision-circles .v-circle2 {
		padding: 50px;
	}

	.our-team::after {
		width: 550px;

		height: 150px;
	}

	.our-team .ad-description p {
		font-size: 16px;

		line-height: 25px;

		max-width: 315px;
	}

	.values-content strong {
		font-size: 20px;

		line-height: 25px;
	}

	.values-content p {
		font-size: 18px;

		line-height: 25px;
	}

	.our-values .values-img {
		max-width: 440px;

		height: 260px;
	}

	.page-template-template-about .customer-logos p {
		display: ruby;
	}

	.page-template-template-about .customer-logos {
		padding-bottom: 50px;

		padding-top: 10px;
	}

	.about-intro .a-intro-right strong {
		font-size: 19px;
	}

	.proj-modal-content {
		padding: 30px 20px;

		height: 670px;

		overflow-y: scroll;

		padding-top: 40px;
	}

	.activities-template-default .banner.inner-page-banner::before {
		width: 360px;

		height: 230px;

		transform: rotate(0deg) translate(0px, -24px);
	}

	.activity-main-content .container-custom::after {
		display: none;
	}

	.activity-main-content .main-inner {
		line-height: 23px;

		max-width: 100%;
	}

	.activity-projects {
		padding-top: 40px;

		padding-bottom: 50px;
	}

	.proj-popup .project-details .project-banner {
		height: 240px;

		margin-bottom: 20px;
	}

	.acti-proj-inner {
		gap: 20px;

		row-gap: 20px;
	}

	.acti-proj-inner {
		grid-template-columns: repeat(1, 1fr);
	}

	.filters-wrap li {
		font-size: 16px;

		line-height: 28px;
	}

	.filters-wrap {
		padding-top: 40px;
	}

	.service-content p {
		font-size: 18px;

		line-height: normal;

		margin-top: 10px;
	}

	.service-content p .en-font {
		font-size: 16px;

		text-wrap-mode: wrap !important;
	}

	.services-inner {
		row-gap: 30px !important;
	}

	.services-out {
		margin-top: 50px;
	}

	.services-out {
		margin-bottom: 50px;
	}

	.ct-item {
		gap: 10px;

		padding-bottom: 10px;
	}

	.ct-item .item-right .en-font {
		font-size: 30px;

		line-height: 25px;

		margin-top: 0;
	}

	.career-jobs::after {
		display: none;
	}

	.ct-item .item-right {
		margin: 0;
	}

	.cr-jobs-inner {
		padding-top: 0;
	}

	.career-jobs {
		padding-top: 40px;

		padding-bottom: 50px;
	}

	.career-popup.active-modal {
		height: 500px;

		overflow-y: scroll;
	}

	.modal-amenities {
		font-size: 15px;

		text-wrap-mode: nowrap;

		flex-direction: column;

		gap: 15px;

		align-items: baseline;
	}

	.apply-columns,
	.modal-top-bar {
		display: grid;

		grid-template-columns: repeat(1, 1fr);

		gap: 0px;
	}

	.page-template-template-clients .customer-logos .logos-inner .logos-row {
		grid-template-columns: repeat(4, 1fr);
	}

	.page-template-template-projects .banner.inner-page-banner,
	.activities-template-default .banner.inner-page-banner,
	.page-template-template-services .banner.inner-page-banner {
		background-position: center;

		background-size: cover;
	}

	.page-template-template-career .banner.inner-page-banner {
		background-position: center;

		background-size: cover;
	}

	.page-template-template-clients .banner.inner-page-banner {
		background-position: top;
		background-size: 150% 150%;
		background-repeat: no-repeat;
	}

	.ct-item .item-right {
		flex: unset;
	}

	.our-vision .flx .img-wrapper {
		max-width: 160px;
		height: 100px;
	}

	.our-vision h2 {
		margin-bottom: 30px;
	}
	.contact_us .flx {
		gap: 30px;
		justify-content: space-between;
		flex-direction: column-reverse;
	}

	.contact_us .contact-form form {
		width: 100%;
	}

	.contact_us .contact-form form .f_flx {
		gap: 20px;
		margin-bottom: 20px;
		justify-content: space-between;
	}

	.contact_us .contact-form form input {
		max-width: 100%;
	}

	.contact_us .contact-form form textarea {
		height: 100px;
	}

	.contact_us .contact-form form textarea {
		padding-top: 10px;
		padding-right: 11px;
	}

	.banner.contact_banner h1 {
		font-size: 35px;
		line-height: 40px;
		bottom: 20px;
	}
}

@media (max-width: 680px) {
	.customer-logos .logos-inner .logos-row {
		height: auto;
		margin: auto;
		flex-wrap: wrap;
		display: flex;
	}
	.project-details .project-stats:has(.stats-item:nth-child(5))::after{
		visibility: hidden;
		opacity:0;
	}
	.inside-bullets-main{
		flex-direction: column;
	}
	.inside-bullets-left, .inside-bullets-right {
		width: 100%;
	}
	.contact_us label.privacy {
		font-size: 14px;
	}
	.contact_us label.privacy label{
		display: flex;
		align-items: center;
		gap: 5px;
	}

	.project-title h2 {
		max-width: 80%;

		text-align: right;

		margin-left: auto;
	}

	.service-thumb {
		min-height: 100px;
	}

	.page-template-template-projects .banner.inner-page-banner {
		background-position: center;

		background-size: cover;

		height: 300px;
	}

	.banner.inner-page-banner .banner-multiline span {
		font-size: 30px;
	}

	.proj-popup .view-all-projects {
		font-size: 22px;
	}

	.single-activities .activity-proj-box .proj-title:after {
		max-width: 153px;
	}

	.foundation-list li.list-item-3:after {
		bottom: -30px;
	}

	.foundation-list li.list-item-2:after {
		bottom: -35px;
	}

	.home-project {
		padding-top: 50px;
	}

	section.home-project .project-title h2 {
		line-height: 35px;
	}

	.project-details .project-banner img {
		object-position: left;
	}

	.section-jobs .jobs-img img {
		object-fit: contain;
	}

	.section-jobs .arrow-link.white-arrow,
	section.home-project .view-all-projects,
	section.home-project .heading-small {
		font-size: 22px;
	}

	.intro-inner .intro-left .ik-fact-box.fact-box-link a {
		line-height: 30.672px;
	}

	.modal-top-bar .modal-title {
		font-size: 20px;

		padding-bottom: 10px;
	}

	.amen-item.am-2 img {
		width: 24.205px;

		height: 28.691px;
	}
	.rtl-dir .apply-now-btn{
		font-size: 20px;
		line-height: normal;
	}
	.apply-now-btn,
	.modal-apply a {
		font-size: 20px;
		line-height: normal;
	}
	.modal-apply {
		margin-top: 20px;
	}

	.page-template-template-about .customer-logos .logo-wrap img,
	.page-template-template-clients .customer-logos .logo-wrap img {
		width: 95px;

		height: 105px;

		object-fit: scale-down;
	}

	.page-template-template-about .customer-logos .logo-wrap.logo-wrap-1,
	.page-template-template-clients .customer-logos .logo-wrap.logo-wrap-1 {
		text-align: center;
	}

	.page-template-template-about .customer-logos .logo-wrap.logo-wrap-2,
	.page-template-template-clients .customer-logos .logo-wrap.logo-wrap-2 {
		text-align: center !important;
	}

	.page-template-template-about .customer-logos .logo-wrap.logo-wrap-4,
	.page-template-template-clients .customer-logos .logo-wrap.logo-wrap-4 {
		text-align: center;
	}

	.our-team::after {
		width: 250px;

		height: 110px;
	}

	.about-intro .a-intro-right p:last-child {
		font-size: 16px;
	}

	.about-intro .intro-inner {
		gap: 50px;
	}

	.about-intro .a-intro-left p {
		font-size: 16px;
	}

	.our-team h2 {
		margin-bottom: 0;
	}

	.ad-member strong {
		font-size: 20px;
	}

	section.customer-logos.about-customer-logos p {
		font-size: 16px;
	}

	.values-content .value-item {
		padding-top: 10px;

		padding-bottom: 10px;
	}

	.ad-members {
		align-items: baseline;
	}

	.vision-circles {
		margin-bottom: 60px;
	}

	.vision-circles .v-circle3,
	.vision-circles .v-circle2 {
		margin-right: 0;
	}

	.ad-members {
		padding-top: 50px;

		grid-template-columns: repeat(2, 1fr);

		row-gap: 40px;
	}

	.values-content strong {
		width: 160px;
	}

	.filters-wrap ul {
		gap: 20px;

		row-gap: 10px;

		display: grid;

		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.filters-wrap li {
		text-align: center;
	}

	.services-inner {
		gap: 20px !important;

		row-gap: 20px !important;
	}

	.page-template-template-career .banner.inner-page-banner::before {
		display: none;
	}

	.customer-logos .logo-wrap.logo-wrap-2 {
		text-align: left !important;
	}

	.customer-logos .logo-wrap.logo-wrap-2,
	.customer-logos .logo-wrap.logo-wrap-3 {
		text-align: center;
	}

	.customer-logos .logo-wrap.logo-wrap-4 {
		text-align: left;
	}

	.activities-inner {
		grid-template-columns: repeat(1, 1fr);

		grid-auto-rows: auto;
	}

	.activity-box-large {
		height: 263px;

		margin: auto;
	}

	.activity-box-small.activity-box-3 {
		height: 263px;
	}

	.activity-box-small.activity-box-6 {
		height: 263px;
	}

	.activity-box-small {
		height: 263px !important;
	}

	.activity-box.activity-box-large.activity-box-1 {
		background-size: contain;

		background-position: center;
	}

	.large-wrap,
	.small-wrap {
		height: auto !important;
	}
	.rtl-dir .apply-now-btn{
		background-position: left 20px;
	}
	.apply-now-btn {
		background-position: right 20px;
	}

	.page-template-template-clients .banner.inner-page-banner {
		background-position: top;
		background-size: 228%;
	}

	li.list-item.list-item-1 {
		order: 3;
	}

	li.list-item.list-item-2 {
		order: 2;
	}

	li.list-item.list-item-3 {
		order: 1;
	}

	.foundation-list li:last-child {
		order: 4;
	}

	.foundation-list li.list-item-1:after {
		max-width: 250px;
		transform: rotate(-93deg) translate(-128px, 95px);
	}

	.foundation-list li.list-item-2:after {
		max-width: 155px;
		transform: rotate(-89deg) translate(-56px, 10px);
	}

	.foundation-list li.list-item-3:after {
		max-width: 235px;
		transform: rotate(-90deg) translate(-90px, 76px);
	}
}

@media (max-width: 580px) {
	.project-title {
		flex-direction: column;
	}

	footer {
		padding-left: 20px;

		padding-right: 20px;
	}

	footer .footer_nav {
		max-width: 100%;

		display: grid;

		grid-template-columns: 1fr 1fr;
	}

	.customer-logos .logos-inner .logos-row {
		display: grid;

		grid-template-columns: 1fr 1fr;
	}

	.logo-img-outer {
		text-align: center;
	}

	.logo-img-outer img {
		max-width: 90px;

		height: 100px;

		object-fit: scale-down;
	}

	.values-content strong {
		width: 140px;
	}

	.values-content p {
		width: calc(100% - 135px);
	}

	.acti-proj-inner.project-page {
		gap: 20px;

		margin-top: 40px;

		margin-bottom: 50px;

		grid-template-columns: repeat(1, 1fr);
	}

	.filters-wrap ul {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.filters-wrap li {
		text-wrap-mode: nowrap;
	}

	.cr-jobs-inner .job-item {
		display: inline-flex;

		align-items: center;

		border-bottom: solid 2px #a7a9ac;

		justify-content: center;

		gap: 10px;

		flex-direction: column;

		padding: 10px 0;
	}

	.cr-jobs-inner {
		padding-top: 0;

		margin: auto;
	}

	.page-template-template-clients .container-custom {
		max-width: 350px;
	}

	.page-template-template-clients .customer-logos .logos-inner .logos-row {
		grid-template-columns: repeat(2, 1fr);
	}


	.banner.contact_banner:after {
		background-size: 101%;
	}
}

@media (max-width: 480px) {
	.found-image {
		width: 300px;

		margin: auto;
	}
	.project-details .project-stats .stats-item{
		align-items: baseline;
	}
	.project-details .project-stats .stats-item strong {
		line-height: 30px;
		align-items: baseline;
	}
	.project-details .project-stats:has(.stats-item:nth-child(5))::after{
		bottom: auto;
		top: auto;
	}
	.project-details .project-stats{
		text-wrap-mode: wrap;
	}
	.intro-inner .intro-left .ik-fact-box span strong, .intro-inner .intro-left .ik-fact-box span .en-font {
		font-size: 35.293px;
	}
	.foundation-list li.list-item-3:after {
		max-width: 225px;
	}
	.founda-circles .small-img {
		transform: translate(-152px, -225px);

		width: 100px;

		height: 100px;
	}

	.foundation-list li {
		font-size: 20px;

		line-height: 24px;

		height: 60px;
	}

	.foundation-list li.list-item-1:after {
		max-width: 240px;
		transform: rotate(269deg) translate(-121px, 98px);
	}

	.foundation-list li.list-item-2:after {
		max-width: 185px;
		transform: rotate(-90deg) translate(-62px, 40px);
	}

	.foundation-list li.list-item-4:after {
		max-width: 160px;

		transform: translate(72px, 69px) rotate(-110deg);
	}

	.filters-wrap ul {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.filters-wrap li {
		text-wrap-mode: nowrap;
	}
}

@media (max-width: 400px) {

	.intro-inner .intro-left .ik-fact-box span strong, .intro-inner .intro-left .ik-fact-box span .en-font {
		font-size: 25.293px;
	}
}