/*
Theme Name: Airbus Theme
Template: astra
Version: 1.0.0
*/

@import url("../astra/style.css");

body {
  background-image: url('/wp-content/uploads/2025/07/Background-scaled.png') !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

.ast-primary-header-bar{
	background-color: transparent;
	border-bottom: 0;
}

.page-id-26 .workpackages-boxes .e-con-inner {
	max-width: 1300px !important;
}

span.optional-text {
	font-weight: normal !important;
}

.page-id-26 .workpackages-boxes .pakage-container {
	height: auto;
	grid-gap: 0;
	padding-top: 20px;
}

.page-id-26 .workpackages-boxes .pakage-container img {
	max-height: 200px !important;
} 

.page-id-26 .workpackages-boxes .pakage-container h5.elementor-heading-title {
	padding-bottom: 0.5em;
}

.page-id-26 .workpackages-boxes .package-desc-top h4.elementor-heading-title {
	padding-bottom: 0.5em;
}

.welcome-text h5 {
	color: #fff !important;
	font-weight: 500 !important;
	font-size: 1em !important;
	margin-bottom: 5px;
	height: 1.8em;
	line-height: 1.8em;
}

.welcome-section-header div.e-con-inner {
	border-bottom: 1px solid #fff;
    margin-bottom: 20px;
}

.welcome-text {
	padding-left: 2em;
}

.welcome-text ul  {
  list-style-type: disc;
  padding-left: 1.5em; /* Adjust spacing if needed */
  margin-top: 0;
}

.welcome-text ul li::marker {
  color: #004fe0;       /* Bullet color */
  font-size: 2em;  /* Bullet size */
  line-height: 20px;
  height: 20px;
}

.welcome-text ul li {
	margin-top: 1em;
	margin-bottom: 1em;
}
.welcome-section-header div.e-con-inner, .welcome-section-text div.e-con-inner  {
	max-width: 140dvh !important;
}

body.page-id-576 header{
	opacity: 0;
}


#ast-desktop-header {
	display: block;
}

#ast-mobile-header {
	display: none !important;
}

.ast-header-break-point .ast-primary-header-bar {
	border-bottom: 0;
}

.ast-site-title-wrap {
	display: none;
}

.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
	min-height: 150px;
}




.header-inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logo-left,
.logo-right {
  max-height: 60px;
}

.site-footer {
	display: none;
}

.upload-optional {
    margin-top: -20px;
    text-align: left;
    font-size: 1em;
    color: #332F5F;
}

.site-logo-img-2 img {
	height: 31px;
}

.e-con>.e-con-inner {
	max-width: 1600px !important;
}

.wpcf7-not-valid, .cf7-date-invalid {
	border: 1px solid #FF2C2C !important;	
}

#step1-error {
	display: none;
	color: #fff;
    background-color: #00205B;
    position: absolute;
    right: 0;
    bottom: 100px;
    padding: 0.5em 1em;
    border-radius: 10px;
    font-size: 1.2em;
}

.wpcf7-not-valid-tip {
	display: none;
}

.elementor-26 {
	margin-top: 3em;
}

.cf7-two-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 2.5em;
}

.cf7-two-columns p {
	  margin-bottom: 1em !important;
}

.cf7-two-columns p {
	  margin-bottom: 0.5em !important;
}

.cf7-two-columns .column {
  flex: 1 1 48%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cf7-two-columns label {
  font-weight: 600;
  margin-bottom: 6px;
  font-size: 1.2em;
 color: #332F5F;
}

.cf7-two-columns label {
	font-size: 1em;
}

.codedropz-upload-inner h3 {
    font-weight: 500 !important;
    font-size: 2vh !important;
}

.wpcf7-form-control {
  padding: 8px;
  font-size: 14px;
}

.cf7-invalid {
    border: 1px solid #FF2C2C !important;	
}


body.page-id-117 .elementor-shortcode, body.page-id-196 .elementor-shortcode, body.page-id-198 .elementor-shortcode{
	padding: 1.5em 3em
}

.right-side-content { 
	height: 100vh;
}

body.page-id-117, body.page-id-196, body.page-id-198 {
	background-image: none !important;
}

body.page-id-117 header, body.page-id-196 header, body.page-id-198 header {
	display: none;
}


body.page-id-117 .e-con.e-flex>.e-con-inner, body.page-id-196 .e-con.e-flex>.e-con-inner, body.page-id-198 .e-con.e-flex>.e-con-inner {
	max-width: 100% !important;	
	padding: 0 !important;
}

.page-id-158 .e-con-inner, body.page-id-198 .e-con-inner{
	    max-width: 1300px !important;
	    padding-top: 15vh !important;
}

.page-id-158 .thank-you-img img{
	object-fit: cover;
    width: 500px;
    max-width: fit-content;
    height: 480px;
}

body.page-id-117 .e-con-boxed, body.page-id-196 .e-con-boxed, body.page-id-198 .e-con-boxed {
	padding: 0;
}

body.page-id-117 .elementor-element, body.page-id-196 .elementor-element, body.page-id-198 .elementor-element {
	padding: 0;
}

body.page-id-117,  body.page-id-196, body.page-id-198  { 
	font-family: 'Inter', sans-serif; max-width: 100%; 
}
.cf7-step {
	height: calc(100vh - 100px);
    overflow: auto;
}

.cf7-step h3 {
	font-size: 2.5em;
	font-weight: 700;
	color: #332F5F;
}

.cf7-step h3 {
	font-size: 2em;
}

.cf7-step h4 {
	color: #BEC26D;
	font-size: 1.3em;
	font-weight: 600;
	max-width: 80%;
}

.page-id-196 .cf7-step h4.heading-highlight {
	color: #C65A2A;	
}

.page-id-198 .cf7-step h4.heading-highlight {
	color: #C17FC2;	
}

.cf7-step h4 {
	font-size: 1.1em;
}

.cf7-action-button p{
    border: 0;
    bottom: 0;
    display: flex;
    width: 100%;
	justify-content: space-between;
}

 .cf7-action-button {
	     width: 100%;
	position: absolute;
	/*top: calc(100% - 100px); */
	 bottom: -80px;
} 

.step-1 .cf7-action-button p {
  margin-top: 16vh;
}

.step-2 .cf7-action-button p {
 margin-top: 5vh;
}

.step-3 .cf7-action-button p {
 margin-top: 6vh;
}

  
body.page-id-117 .button-back,
body.page-id-117 .button-continue {
  width: 150px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  cursor: pointer;
  text-indent: -9999px; /* hides the text */
}

/* Specific backgrounds */
#back-to-home {
	 background-image: url(/wp-content/uploads/2025/07/Buttons-BTH-3.png);
    background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
    padding: 0;
    width: 200px;
    height: 50px;
	background-color: transparent;
    border: none !important;
	 text-indent: -9999px; /* hides the text */	
}

#open-popup .elementor-button-icon svg {
	width: 2.2em;
}

#open-popup .elementor-button-content-wrapper {
	align-items: center;	
}

.cf7-prev {
    background-image: url(/wp-content/uploads/2025/07/Back-Icon-default.svg);
    background-repeat: no-repeat;
	background-size: contain;
	background-position: left;
    padding: 0;
    width: 120px;
    height: 50px;
	background-color: transparent;
    border: none !important;
	padding-left: 50px;
    font-size: 1.3em;
    font-weight: 300;
	color: #332F5F;
}

.cf7-backto {
	color: #FFFFFF;	
	background-image: url(/wp-content/uploads/2025/07/Back-Icon-Alt.svg); 
	position: absolute;
    left: 5em;
    top: 2em;
	z-index: 1000;
}

.cf7-backto:hover {
	background-image: url(/wp-content/uploads/2025/07/back-arrow-icon-hover.svg) !important;
	background-color: transparent  !important;
	color: #FFFFFF  !important;
}

.cf7-prev:hover,.cf7-prev:focus {
	background-image: url(/wp-content/uploads/2025/07/Back-Icon-hover.svg);
	background-color: transparent;
	color: #332F5F;
}




.cf7-next {
    background-image: url(/wp-content/uploads/2025/07/Forward-Icon-default.svg);
    background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
    padding: 0;
    width: 200px;
    height: 50px;
	background-color: transparent;
    border: none !important;
	padding-right: 10px;
    font-size: 1.3em;
    font-weight: 300;
	color: #332F5F;
}

.cf7-next:hover, .cf7-next:focus {
	background-image: url(/wp-content/uploads/2025/07/Forward-Icon-hover.svg);
	background-color: transparent;
	color: #332F5F;
}

.cf7-confirm {
	background-image: url(/wp-content/uploads/2025/07/Forward-Icon-default.svg);
    background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
    padding: 0;
    width: 185px;
    height: 50px;
	background-color: transparent;
    border: none !important;
	font-size: 1.3em;
    font-weight: 300;
	background-position: right;	
	color: #332F5F;
}

.cf7-confirm:hover, .cf7-confirm:focus {
	background-image: url(/wp-content/uploads/2025/07/Forward-Icon-hover.svg);
	background-color: transparent;
	color: #332F5F;
}
.welcome-btn {
	float: right;
}

.welcome-btn {
    padding: 0;
    width: 260px;
    height: 50px;
	background-color: transparent;
    border: none !important;
	font-size: 1.3em;
    font-weight: 300;
	background-position: right;	
	color: #fff;	
	position: relative;
	padding-right: 150px;
}

.welcome-btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(/wp-content/uploads/2025/07/Back-Icon-Alt.svg);
  background-size: cover;
  background-position: center;
  transform: scaleX(-1); /* Flip horizontally */
  z-index: -1; /* Keep it behind content */
  background-repeat: no-repeat;
  background-size: contain;
 background-position: left;
}

.welcome-btn:hover, .welcome-btn:focus {
	background-color: transparent;
}

.welcome-btn:hover:before  {
	background-image: url(/wp-content/uploads/2025/07/back-arrow-icon-hover.svg);
	background-color: transparent;
    color: #fff;
}


.form-row { display: flex; gap: 1rem; margin-bottom: 1rem; }

.form-row.full { flex-direction: column; }
input, textarea { width: 100%; padding: 10px; }
.next-button, .prev-button, button[type=submit] { padding: 10px 20px; cursor: pointer; }
.step { border: 1px solid #ccc; padding: 20px; border-radius: 10px; }

.form-step {
	display: none;
	padding: 20px;
	animation: fadeIn 0.3s ease-in-out;
}

.form-step.active {
	display: block;
}

/* Step 1 two-column layout */
#step1 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

#step1 label {
	display: flex;
	flex-direction: column;
	color: #332F5F;
}

button.next-step,
button.prev-step,
button[type="submit"] {
	background-color: #0073e6;
	color: white;
	border: none;
	padding: 10px 18px;
	margin-top: 15px;
	border-radius: 4px;
	cursor: pointer;
	transition: background 0.2s ease;
}

button.next-step:hover,
button.prev-step:hover,
button[type="submit"]:hover {
	background-color: #005bb5;
}

.form-step button + button {
	margin-left: 10px;
}

.optional-extras-box {
	margin-top: 4em;
	
}

.optional-line {
border: 1px solid #DDDDDD;	
}

.optional-line p {
	margin: 0;
	line-height: 0;
}


.optional-line  span.wpcf7-form-control.wpcf7-checkbox {
	padding-top: 1.5em;
    display: block;
}

.optional-extras-box h4 {
   color: #332F5F !important;
	margin-bottom: 0.5em;
}

span.extra-notes {
    padding-bottom: 2em !important;
    font-size: 0.8em;
    padding-left: 20px;
    font-style: italic;
    display: block;
}

.optional-extras-box span.wpcf7-list-item {
	display: block;
	margin-bottom: 2em;
}

.optional-extras-box span.wpcf7-list-item {
	margin-bottom: 1em;
}

.optional-extras-box span.wpcf7-list-item.last {
	margin-bottom: 0px;
}

.optional-extras-box .wpcf7 textarea {
	height: 200px !important;
}

.wpcf7-list-item label {
	font-size: 1.5em;
	color: #332F5F;
}
.wpcf7-list-item label { 
	font-size: 1.2em;
}

.wpcf7 input[type=checkbox], .wpcf7 input[type=radio] {
	width: 2em;
	height: 2em;
}

.wpcf7 input[type=checkbox], .wpcf7 input[type=radio] {
	width: 1.5em;
	height: 1.5em;
}

.wpcf7 textarea {
    border: none;
	
}

.step-3 .column p{
	font-weight: 600;
    font-size: 1.2em;
    color: #332F5F;
	margin-bottom: 0;
}

.step-3 .column p {
	 font-size: 1em;
}

.step-3 .column p span {
	font-weight: normal;
}

.step-3 .cf7-two-columns .column {
	gap: 5px;
}
.extras {
	margin-top: 1.5em;	
}

.step-3 hr {
  margin-top: 4em;
  width: 100%;
}

.heading-top {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}

.summary-extras, .summary-notes {
	display: block;
	min-height: 4em;
	overflow-wrap: anywhere;
	margin-top: 10px;
}

.summary-extras ul {
	margin-left: 20px;
	margin-top: 10px;
}

.next-instructions {
  margin-top: 1.5em;
}

.next-instructions h4, .next-instructions ul p {
	 color: #332F5F !important;
	font-size: 1.2em;
}

.next-instructions h4, .next-instructions ul p {
	font-size: 1em;
}

.next-instructions ul p {
	font-size: 1.2em;
    font-weight: 400;
	margin-bottom: 0;
}

.next-instructions ul p {
	font-size: 1em;
}

.next-instructions ul {
    padding-top: 0.5em;
	margin-left: 20px;
}

.thank-you-img {
	
}

.page-id-196 .optional-extras-box textarea {
	height: 190px;
}

.page-id-198 .optional-extras-box textarea {
    height: 190px;
}

.page-id-117 .optional-extras-box textarea {
	height: 190px;
}

.um-login .um-field-label label, .um-page-password-reset .um-field .um-field-label label{
	color: #fff !important;
}


.page-id-18 .um-right.um-half {
	display: none;
}

.page-id-18 .um-left.um-half {
	width: 100%;
}

.page-id-18 .site-branding,.page-id-18 .site-header-primary-section-right {
	 display: none; 
}

.page-id-18 .site-header, .page-id-24 .site-header {
	opacity: 0;
	height: 50px;
}

.page-id-18 .entry-title {
	display: none;
}

.page-id-18 .um-form .um-field-error {
	border-radius: 20px;
}

.page-id-18 .um-form .um-field-error .um-field-arrow {
	left: 20px
}

.page-id-18 .um-form .um-field-username .um-field-error {
	
}

.wpcf7-form .wpcf7-response-output {
	display: none !important;
}

.um-form-title {
	font-family: 'Inter', sans-serif; max-width: 100%; 
}

.um-form-title hr {
	background-color: #7f8ea9 !important;
    height: 1px;	
	max-width: 90%;
    margin: 0 auto !important;
	margin-top: 2dvh !important;
    margin-bottom: 1dvh !important;
	
}

.um-title-text {
	max-width: 90%;
    margin: 0 auto;
}

#um_field_13_username .um-field-area input, #um_field_13_user_password .um-field-area input, input#username_b  {
	color: #fff !important;
	background-color: #203466 !important;
	border-radius: 20px !important;
	height: 3.5em !important;
}

.um-left.um-half .um-button  {
	background: #B2B8C5 !important;
	font-family: 'Inter', sans-serif;
	color: #01163D !important;
    height: 3em !important;
	border-radius: 20px !important;
	font-size: 1.3em !important;
}

.um-col-alt-b a.um-link-alt{
	color: #fff !important ;
	font-family: 'Inter', sans-serif;
	font-size: 1.3em !important;
}

#um_field_13_username .um-field-label label, #um_field_13_user_password .um-field-label label {
	font-family: 'Inter', sans-serif; 
	font-size: 1.2em !important;
    font-weight: 300 !important;
}

.um-13.um, .um-um_password_id.um {
	max-width: 47vh !important;
}


.um-form .um-col-alt .um-field.um-field-c  .um-field-checkbox-option,  .um-form .um-col-alt .um-field.um-field-c  .um-icon-android-checkbox-outline-blank {
	color: #fff !important;
}

.um-field-checkbox {
	margin-bottom: 15px !important;
}

.page-id-18 .um-form  .um-row._um_row_1  {
     margin-bottom: 20px !important;
}

/* .um-form .um-col-alt .um-field.um-field-c {
	 display: none; 
} */

.um-form-title h2 {
	color: #fff;
	font-weight: 200;
    font-size: 4dvh;
    text-align: center;
}

.dnd-upload-status .dnd-upload-details .remove-file {
	z-index: 1000;
}


#mfcf7_zl_add_file {
	border: 1px solid #01153A;
	background-color: #fff;
	color: #01153A;
}

.gallery-btn {
	width: auto;
    right: 0;
    top: 0 !important;
}



.gallery-popup .elementor-widget-image-gallery {
    background: #011845;
    max-width: 90%;
    margin: 0 auto;
}

.page-id-117 #gallery-popup h5 {
	color: #8faa46 !important;
}

.page-id-196 #gallery-popup h5 {
	color: #C65A2A !important;
}

.page-id-198  #gallery-popup h5 {
	color: #C17FC2 !important;
}

#gallery-popup {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
}

#close-popup {
  position: absolute;
  left: 45px;
  top: 60px;
  z-index: 100000;
}

.elementor-26 .elementor-element.elementor-element-8772962 .elementor-button:hover, .elementor-26 .elementor-element.elementor-element-39c9235 .elementor-button:hover, .elementor-26 .elementor-element.elementor-element-0181e25 .elementor-button:hover {
	filter: brightness(90%)
}


/*#close-popup .elementor-button-content-wrapper {
   display: flex;
  align-items: center;
}

 #close-popup  .elementor-button-icon {
	border: 1px solid #fff;
    height: 30px;
    width: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 100;
    border-radius: 8px;
	margin-right: 8px;
} 

#close-popup .elementor-button-icon {
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2em;
    font-weight: 100;
    border-radius: 8px;
	margin-right: 8px;
} 

#close-popup .elementor-button-icon svg {
	height: auto;
	width: 2em;
} */

.close-popup {
    background-image: url(/wp-content/uploads/2025/07/Back-Icon-Alt.svg);
    background-repeat: no-repeat;
	background-size: contain;
	background-position: left;
    padding: 0;
    width: 120px;
    height: 50px;
	background-color: transparent;
    border: none !important;
	padding-left: 50px;
    font-size: 1.3em;
    font-weight: 300;
	color: #fff;
}

.close-popup:hover {
	background-image: url(/wp-content/uploads/2025/07/back-arrow-icon-hover.svg);
	background-color: transparent;
    color: #fff;
}





.gallery-title {
	margin-top: 40px;
}

.gallery-subtitle {
	margin-top: -10px;
}

#gallery-popup.popup-x {
	display:flex;	
	justify-content: center;
    align-items: center;
	content: '';
}

#gallery-popup .e-con-inner {
  display: flex;
  justify-content: center;
  width: 70%;
  background: #011A48; 
  text-align: center;
  max-height: 800px;
  border-radius: 1em;
  border: 1px solid #fff;
  position: relative;
}


.page-template {
	height: 100%;
	overflow: hidden;
}

.left-package-box {
    border: 1px solid #ffffff;
    border-radius: 20px !important;
    overflow: hidden !important;
	margin-top: 3.5em !important;
	height: 399px;
    flex-shrink: 0 !important;

}

.left-package-box img {
	width: 100%;
    height: 220px !important;
    object-fit: cover !important;
}
   
.left-box-cont {
	padding: 2.5em 4em !important;
	height: 100vh !important;
}
.left-box-title {
   align-self: flex-start !important;
   padding: 0 2em 1em !important;
}

.left-box-title h3 {
	font-size: 1.2em;
}

.left-box-title h4 {
	font-size: 2.5em;
    font-weight: 400;
}

.left-box-text {
	align-self: baseline;
	font-size: 1em;
}

.left-box-text ul {
	margin-left: 0;
}

.left-box-text h5 {
	color: #fff;
    font-size: 1.2em;
    margin-bottom: 10px;
}

.left-box-text ul {
  list-style: none;
  padding-left: 0;
}

.left-box-text ul li {
  position: relative;
  padding-left: 25px;
  color: white;
}

.left-box-text ul li:before {
  content: "✔";
  position: absolute;
  left: 0;
  color: white;
  font-weight: bold;
}


.left-box-text ul:first-child {
	list-style: none !important;
}



.left-box-text ul:first-child li:before {
	content: " " !important;
}

.left-box-text ul:first-child li {
	padding-left: 0;
}
  
.summary-details .column p span {
    position: absolute;
    left: 200px;
}

.summary-details .column-2 p span {
    position: absolute;
    left: 270px;
}


/* .summary-details .column p span.summary-attachments {
    position: relative;
	margin-top: -20px;
} */

.summary-details .column p span.summary-attachments ul {
	margin-left: 15px;
	display: grid;
    grid-template-columns: 40% 40%;
}

.summary-attachments p {
	font-weight: 400 !important;
}

.step-3 .column p {
	position: relative;
	line-height:1.3em;
}

.page-id-24 h1.entry-title{
	display: none;
}

.page-id-24 .um-form .um-field-block div {
	color: #fff;
}

.page-id-24 .um-form .um-field-area input {
    color: #fff !important;
    background-color: #203466 !important;
    border-radius: 20px !important;
}

.page-id-24 .um-form .um-button {
    background: #B2B8C5 !important;
    font-family: 'Inter', sans-serif;
    color: #01163D !important;
    border-radius: 20px !important;
    font-size: 1.2em !important;
}

.wp-desc-top p {
	margin-bottom: 0;
	margin-top: 2em;
	font-size: 0.9em;
}

@keyframes fadeIn {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: translateY(0); }
}


@media (max-width: 768px) {
	#step1 {
		grid-template-columns: 1fr;
	}
	
	.cf7-two-columns .column {
       flex: 1 1 100%;
    }
}


@media (min-width: 993px) and (max-width: 1366px) {
	.um-form-title h2 {
		font-size: 2.5em;
	}
	.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
		min-height: 80px;
    }
    
	#um_field_13_username .um-field-area input, #um_field_13_user_password .um-field-area input {
		height: 3em !important;
	}
	
	.um-left.um-half .um-button {
	    height: 2.5em !important;
	}
	
	.left-box-cont   {
		padding: 2em !important;
	}
	
	.left-package-box img {
		width: 100% !important;
		height: 13vh !important;
		object-fit: cover !important;
   }
	
	.ast-container, .ast-container-fluid, .entry-content clear {
		padding: 20px !important;
	}
	
	.page-id-117 .ast-container, .page-id-196 .ast-container, .page-id-198 .ast-container {
		padding: 0px !important;
	}
	
	.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
		padding: 20px 40px !important;
   }
	
}


@media (min-width: 768px) and (max-width: 1350px) {
	 
	.heading-top {
		display: flex;
        justify-content: space-between;
  	}
	
	.left-box-cont {
		padding: 2em !important;
	}
	
	.left-package-box img {
		height: 150px !important;
	}
	
	.left-box-title {
		padding: 1em !important;
         margin-top: -15px;
	}
	
	.left-box-title h3 { 
	   font-size: 0.9em;
	}
	
	.left-box-title h4 { 
		font-size: 1.6em;
        font-weight: 400;
	}
	
	.page-id-26 .workpackages-boxes .pakage-container img {
		height: 20vw !important;
	}
	
	.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap {
		width: 100% !important;
	}
	
	.page-id-26 .ast-container {  
	  max-width: 90vw !important;
	}
	
	.page-id-26 .workpackages-boxes .pakage-container img {
        max-height: 120px !important;
     }  
	
	.page-id-26 .workpackages-boxes .pakage-container h5.elementor-heading-title {
		    font-size: 1.8em;
	}
	
	.page-id-26 .workpackages-boxes .pakage-container h4.elementor-heading-title {
		 font-size: 1em;
	}
	
	.page-id-26 .workpackages-boxes .elementor-button-link {
		    font-size: 0.8em;
           padding: 10px 20px 10px 20px !important;
	}
}

@media (max-width: 1024px) {
  /* Tablet and below */
	
}

.dnd-upload-status .dnd-upload-details .name {
	font-size: 0.8em !important;	
}

.dnd-upload-status {
	justify-content: end;
}

.dnd-upload-image {
	display: none;
}

.codedropz-upload-handler {
	z-index: 1000;
}

@media (min-width: 1024px) {
  .codedropz-upload-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns */
    gap: 5px; /* space between columns */
	padding-top: 150px;
  }
  
.codedropz-upload-handler {
	position: absolute;
    top: 0;
    justify-content: center;
    align-items: anchor-center;
    display: flex;
    width: 100%;
 }
	.cf7-two-columns p {
		width: 100%;
	}
	
	.heading-top {
	display: flex;
    justify-content: space-between;	
}

.heading-top-left{
	width: 75%;
}
	
/* WELCOME */
	.page-id-576 .site-primary-header-wrap {
	     min-height: 5dvh !important;
         height: 5dvh !important;
    }
	
	.page-id-576 .entry-content, .page-id-576 .e-con-inner {
		 width: 140dvh !important;
		 max-width: 140dvh !important;
         margin: 0 auto !important;
	}
	
	.page-id-576  .elementor-576 .elementor-element.elementor-element-2948c73 img {
	    width: 12vh !important;
	}
	
	.page-id-576  .elementor-576 .elementor-element.elementor-element-3352d2c .elementor-heading-title {
	       font-size: 4.5dvh !important;
	}
	
	.page-id-576 .elementor-576 .elementor-element.elementor-element-67adc61 .elementor-heading-title {
		font-size: 3.2dvh !important;
	}
	
	.page-id-576 .welcome-text h5 {
		font-size: 2.2dvh !important;
		height: 1.5em;
        line-height: 1.5em;
	}
	
	.page-id-576  .elementor-576 .elementor-element.elementor-element-b0587db {
		font-size: 2dvh !important;
	}
	
	.page-id-576 .welcome-btn {
		padding: 0;
		width: 22dvh;
		height: 5dvh;
		background-color: transparent;
		border: none !important;
		font-size: 2.5dvh;
		font-weight: 300;
		background-position: left;
		color: #fff;
		position: relative;
		padding-right: 0dvh;
	}
	
	.page-id-576 .welcome-btn:before {
		font-size: 2.5dvh;
	}
	
	/* WORK PACKAGES */
	
	.page-id-26 .e-con>.e-con-inner   {
		 width: 140dvh !important;
		 max-width: 140dvh !important;
         margin: 0 auto !important;
	}
	
	.page-id-26 .ast-primary-header-bar .site-primary-header-wrap {
      min-height: 12dvh !important;
    }
	
	/* PACKAGE PAGE */
	.left-box-cont {
		padding: 6vh !important
	}
	
	 .left-package-box img {
	    height: 25dvh !important;
        object-fit: contain !important;
        background: #fff;
	 }
	
	.left-box-title h3 {
		    font-size: 2dvh !important;
	}
	
    .left-box-title h4 {
		font-size: 4.5vh;
		font-weight: 400;
    }
	
	.left-box-text {
		font-size: 1.8vh !important; 
	}
	
	.left-package-box {
  		margin-top: 2dvh !important;
    }
	
	/* LOGIN */
	
	.um-form-title h2 {
		font-size: 3.8dvh;
	}
	
	.um-form-title img {
		width: 100dvh !important;
	}
	
	 #um_field_13_username .um-field-label label, #um_field_13_user_password .um-field-label label {
		font-size: 1.8dvh !important;
	}
	
	.um-col-alt-b a.um-link-alt, .um-field-checkbox-option {
		font-size: 1.6dvh !important;
		font-weight: 300;
	}
	
	.um-form {
		max-width: 85%;
    	margin: 0 auto;
	}

}


@media (max-width: 767px) {
  /* Mobile */
	.page-template {
	   overflow: auto !important;
	   height: auto !important;
	}
	
	.e-con-inner .left-box, .elementor-198 .elementor-element.elementor-element-e7ee3a2 {
		flex-direction: row !important;
       height: auto !important;
	}
	
	.ast-container, .ast-container-fluid, .entry-content clear {
		padding: 20px !important;
	}
	
	.page-id-26 .workpackages-boxes .pakage-container {
		height: auto !important;
	}
	
	.um-form-title h2 {
		font-size: 3.5vh;
	}
	
	.page-id-117 .ast-container, .page-id-196 .ast-container, .page-id-198 .ast-container {
		padding: 0px !important;
	}
	
	.cf7-action-button {
		position: relative !important;	
	}
	
	.e-con-full.left-box-cont {
	    padding: 2em !important;
	}
	
	#gallery-popup .e-con-inner {
		display: block !important;
		width:90%;
	}
	
	.gallery-title {
		    margin-top: 20px;
	}
	
	.left-package-box img {
		width: 100% !important;
		height: 13vh !important;
		object-fit: cover !important;
   }
	
	.gallery-btn {
		margin-top: 1em;
	}
	
	.page-id-24 {
		padding-top: 5dvh;
	}
	
	.cf7-backto {
		left: 1.5em;
		top: 0;
	}
	
}

@media (max-width: 544px) {
  /* Mobile */
		.left-package-box img {
		width: 100% !important;
		height: 23vh !important;
		object-fit: cover !important;
   }
}