:root {
  --background: #eff1f4;
  --background-1: #E0E3E9;
  --base: #1f1f1f;
  --base-1: #070B11;
  --blue-1:#00205b;
  --blue-2:#002d80cc;
  --blue-3:#1d3254;
  --blue-4: #647592;
  --blue-transparent: #00205b33;
  --brown-1: #e8e8e8;
  --brown-2:#c2c2c2;
  --grey: #505D74;
  --grey-1: #555555;
  --grey-2: #8390A7;
  --grey-3: #647592;
  --grey-4: #A2ACBD;
  --grey-5: #C1C7D3;
  --grey-6: #E0E3E9;
  --green-1: #08875B;
  --white-1: #ffffff;
  --white-2: #f9fafb;
  --white-transparent : #fffffff2;
}

*{
  font-family: Inter;
  
}


body{
 position: relative;
 font-weight: 500;
 font-size: 16px;!important;
 background-color: var(--white-1)!important;
 padding: 0% 13%;
}

html, body{
 height: 100%;
 width: 100%;
}

.mt-600 {
margin-top:600px!important;
}


article {
 min-height: 100%;
 display: grid!important;
 grid-template-rows: auto 1fr auto;
 grid-template-columns: 100%;
}

button.tab-button {
  border: none;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius:;
  -moz-border-radius:;
  -ms-border-radius:;
  -o-border-radius:;
  font-size: 18px;
}

.alert-success {
  border-radius: 0;
  background-color: white!important;
  color: #070B11!important;
  border: 0px!important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.button {
  border-radius: 4px;
  background-color: var(--blue-1);
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 200px;
  transition: all 0.6s;
  cursor: pointer;
  margin: 5px;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  -webkit-border-radius:;
  -moz-border-radius:;
  -ms-border-radius:;
  -o-border-radius:;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
}

.button span:after {
  content:"\e5cc";  
  font-family: Material Icons;
  font-weight: lighter;
  font-size: 2rem;
  line-height: 2.35rem;
  font-stretch: condensed;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

.button-step1 {
  border-radius: 4px;
  background-color: var(--blue-1);
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 117px;
  height: 48px;
  transition: all 0.6s;
  cursor: pointer;
  margin: 5px;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  -webkit-border-radius:;
  -moz-border-radius:;
  -ms-border-radius:;
  -o-border-radius:;
}

.button-step1 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
}

.button-step1 span:after {
  content:"\e5cc";  
  font-family: Material Icons;
  font-size: 16px;
  line-height: 24px;
  font-stretch: condensed;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
}

.button-step1:hover span {
  padding-right: 25px;
}

.button-step1:hover span:after {
  opacity: 1;
  right: 0;
}

form {
    margin: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
 font-weight: 600;
 margin-top: 0px;
 margin-bottom: 0px;
 
}

h3{
  font-size: 1.15rem;
}

#myPersonalInfo input{
  background-color: var(--background);
}

#interests {
  background: var(--white-1);
}

#interests h3 {
    font-size: 3rem;
    color: var(--blue-1);
    padding: 0;
    margin: 0 0 1rem 0;
}

#interests .child.child-main3 {
    margin:45px;
    padding: 0 1% 0 2%;
}

#interests table tr td p {
    margin: 1rem 0;
    padding-bottom: 2.5rem;
}

#newsletters input {   
    float: right;
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
border-color:var(--blue-1)!important;
}

#newsletters h2 {
  color: var(--blue-1);
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
}

#newsletters h3 {
 
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--blue-1);
 
}

h4{
  font-size: 32px;
  font-weight: 700;
  color: var(--blue-1) !important;
}

header{
  padding: 0% 0%;
}

hr{
  border-color: solid 1px var(--white-1);
  margin: 0px;
}



.image-container {
  position: relative;
 aspect-ratio:3/2;
}

.image-container-desktop {
 aspect-ratio:3/2;
}

#newsletters-checkbox {
  position: absolute;
  bottom: 0;
  right: 0; 
  border-color: var(--blue-1);
  height: 1,2rem;
  width: 1,2rem;
  margin: 0rem ;
  box-shadow: 
   var(--blue-1) 0px 0px 0px 1px,
   var(--white-1) 0px 0px 0px 1rem;
  background-color: var(--blue-1);
}





/**input#newsletters-checkbox {
  border-color: var(--blue-1);
  height: 2rem;
  width: 2rem;
  position: absolute;
  margin: 1rem -2.75rem;
  box-shadow: 
   var(--blue-1) 0px 0px 0px 1px,
   var(--white-1) 0px 0px 0px 1rem;
}

.newsletters:checked {

    background-color: var(--blue-1);
    border-color: var(--blue-1) ;
}
**/



input#newsletters-checkbox:checked[type=checkbox] {
accent-color: #00205B;
// background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%00205B' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");

}



li.active{
  border-bottom: 3px solid var(--blue-4);
}

table tr td p {
  line-height: 2.5rem;
  margin:6px;
}

.content input#flexSwitchCheckChecked {
    border-color: var(--blue-1);
    height: 24px;
    width: 48px;
    margin: 4px -1px -1px -1px;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
}

.content>.form-switch .form-check-input {
    margin-right: 1.0rem;
    float: right;
    border: none;
    background-color: var(--grey-2);
}

.form-check-input[type=checkbox] {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border:var(--grey-2) solid 1px;
}

.content .form-switch {
  padding: 2% 3%;
  /*border-bottom: solid 1px lightgrey;
   padding-top: 1rem; */
}

label{
  margin-bottom: 1rem;
  font-weight: lighter!important;
  font-size: 14px;
  color: var(--base-1);
}

label.form-check-label {
  display: contents;
  font-size: 14px;
  line-height: 2.5rem;
  color: #070B11;
  font-weight: lighter;
  line-height: 24px;
  line-height: 124%;
}

p{
  padding: 0px;
  margin: 2% 3%;
}

.airbus-footer {
    width: 100%;
    background-color: var(--blue-1);
    padding: 33px 1% 25px 1%;
    font-size: 14px;
    margin-top: 100px;
    color: var(--white-1);
    bottom: 0px;
}

.airbus-footer a{
  color: var(--white-1);
  text-decoration: none;
}

.airbus-header{
  background-size: 100% 160%;
  padding: 1% 0% 0% 0%;
};


.airbus-header h1 {
    color: var(--white-1);
    font-weight: 100;
    padding: .5em 0 0.8em 4em;
}

.airbus-header img{
  margin: 15px;
}

.airbus-title{
  border-top: solid 1px var(--white-1);
  width: 95%;
  margin: 5px 10% 0px 15px;
}

.alert{
  margin: 2% 5% 0%;
}
.alert.alert-success.alert-dismissible.fade.show {
    opacity: 1;
}

/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: var(--white-1);
  color: var(--blue-1);
  cursor: pointer;
  padding: 10 9;
//  padding-bottom: 0px !important;
//  padding-left: 0px !important;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
  font-weight: 600;
  border-bottom: solid 2px lightgrey;
  line-height: 44px;
}

.l2parent{
   border-bottom: none !important;
    height: 45px;
    text-indent: 15px !important;
    font-weight: inherit;
    padding-bottom: 6 5 !important;
    font-size:initial;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) 
.collapsible.active, .collapsible:hover {
  background-color: var(--background-1);
} */

.l2parent:after{
  font-size: 2rem;
  line-height: 2rem;
  padding: 1rem;
  color: var(--blue-1);
 float: none !important;
}
.collapsible:after {
  content: "\e313";
  font-size: 2rem;
  line-height: 2rem;
  padding: 1rem;
  color: var(--blue-1);
  float: right;
  font-family: Material Icons;
  //border-radius: 200px;
  //border: var(--grey-6) solid 2px;
}
.collapsible.active:after {
  content: "\e313";
  transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
}
.l2parent.active:after{
  content: "\e313";
  transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0;
  display: none;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  //border-bottom: solid 2px var(--blue-transparent);
}

.bg-light {
 border-bottom: solid 1px var(--blue-1);
}

#newsletters.btn{
  font-size: 1.3rem;
  color: var(--blue-1);
  padding; 0;
}

.btn-outline-primary{
  color: var(--blue-1);
  border-color: var(--blue-1);
}

.btn-outline-primary:hover{
  color: #fff;
  background-color: var(--blue-1);
  border-color: var(--blue-1);
}

button.btn.btn-primary.button-step1 {
  font-size: 16px;
  line-height: 24px;
}

button.btn.btn-primary {
  float: left;
  background-color: var(--blue-3);
  margin-left: 0.2rem;
  margin-top: 3.5rem;
  font-weight: 700;
  padding: 1rem 2.5rem;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 2px;
}

button.btn.btn-secondary {
  background-color: var(--white-1);
  color: var(--blue-2);
  border: none;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: left;
  padding: 0;
  margin: 0;
}

label.required:after {
  content: "*";
}

main {
  background-color: var(--white-1);
  //margin: 3% 5%;
}

.border-secondary{
  border-color: none;
}

.card{
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom: solid 15px var(--brown-2)
  border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  -ms-border-radius:0;
  -o-border-radius:0;
}

.card-body p img{
 width: 100%;
}

.card-body h4 {
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
}

.card-body p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.card-body .card-description p {
  margin-bottom:40px;
}

.card-body .newsletters-texts span {
  font-size: 16px;
  line-height: 24px;
  font-weight: lighter;
}

.card-text{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%;
}

.card-text p{
 font-size: 1.1em;
}

.child .heading {
  font-size: 3rem;
  font-weight: 400;
  color: var(--blue-1);
  margin: 3rem 1.5rem;
}

#myPersonalInfo .child .heading{
  margin-top: 
}

.child-main1{
  padding: 0% 1% 0% 2%;
}

.child-main2{
  padding: 1% 1% 1% 2%;
}

.child-main3{
  padding: 1% 1% 1% 2%;
}

.card-body .form-check-input{
    position: absolute;
    float: right;
    right: 4%;
    background-color: var(--brown-1);
}

.card-body img{
 width: 100%;
 height:100%;
}

/**.card-body .image-container {
height: 150px;
}
**/
 .check-color{
 color: var(--blue-1);
 font-size: 32px;!important
 }

.container-fluid{
  padding-right: auto;
  padding-left: auto;

}

.content .form-check {
  height: 4.5rem;
  padding: 8px 16px;
}

.content>.form-switch .form-check-input:checked {
  background-color: var(--blue-1);
}


.child .form input {
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  box-shadow: none;
  background-color: var(--background);
}

.child .form input::placeholder {
color:#3C4647;
}

.child-cta-div {
  background-image: url(https://image.contact.airbus.com/lib/fe37117075640474761576/m/1/1ddc3a48-303f-46b5-8967-3aea2214d860.png);
  padding: 3rem;
  background-position: cover;
}

.child-cta-div>.child.child-main1 {
  background: var(--white-transparent);
}

.col a {
  color: var(--blue-1);
  font-weight: 600;
  text-decoration: underline;
}

.form{
  margin: 1rem;
}

.pc_title{
 font-size: 32px !important;
}

@media only screen and (max-width: 600px) {
 .pc_title{
  font-size: 24px !important;
 }
}

.form-check-input:checked{
  background-color: var(--blue-1);
  border-color: var(--blue-1);
}

.form-control[readonly]{
 background-color: var(--brown-1)!important;
}

.form-control.is-valid, .was-validated .form-control:valid {
border-color: var(--blue-1)!important;
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300205B' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")!important;
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
background-color: var(--blue-1)!important;
border-color: var(--blue-1)!important;
} 

.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2300205B' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300205B' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")!important;
border-color: var(--blue-1)!important;

}


.form-floating{
  margin:1%;
}

form-check-input{
  background-color: var(--brown-1);
  border: none;
}

.form-floating>.form-control{
 font-weight: 600;
 border: none;
 box-shadow:none!important;
}
.form-control{
 height: 4rem!important;
}
.form-floating>.form-select {
  height: 5.5rem;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  color: var(--grey-1);
}

.form-select{
  border-top:none;
  border-left:none;
  border-right:none;
  font-size: 14px;
  height: 4rem;
  background-color: var(--background);
 // border-bottom: var(--grey-3) solid 1px;
}

.form-switch .form-check-input {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='4' fill='white'/%3e%3c/svg%3e");
}

p.GlobalOptOut {
    font-size: 14px;
    line-height: 24px;
    color: #070B11;
}

.heading{
  font-size: 20px;
  font-weight: 500;
}

.material-symbols-outlined{
  font-size: 2.5rem!important;
  line-height: 3rem!important;
}

.nav-link {
  color:var(--blue-1)!important;
}

.nav-link.active {
 color: #fff!important;
 background-color: var(--blue-1)!important;
}

.nav-tabs>li {
  border-bottom: solid 1px var(--blue-2);
}

.nav-tabs>li.active{
  border-bottom: solid 4px var(--blue-1);
}

.nav-tabs li a {
 color: var(--blue-1) !important;
 font-size: 18px;
}

.nav-tabs>li.active>a {
  font-weight: 600;
  border-bottom: solid 3px var(--blue-1);
  background-color: transparent!important;
}

.nav-tabs>li {
  color: var(--blue-1);
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  border: none!important;
}

.nav-tabs li a:hover {
 color: var(--blue-1);
}

.newsletters-texts {
  margin: 0 0px;
}

.oops {
    background-color: var(--white-1);
    padding: 24px;
    margin: 48px 56px;
    line-height: 36px;
    font-size: 20px;
}

.footer-row {
    width: 100%;
}

.row{
  margin:0!important;
}

.row.footer-row {
 width: 100%;
 padding-top: 17px;
 padding-left: 1%;
}

.row-6 h4 {
    margin: 1em 0px;
}

.submit_form_div {
//    margin-top: 1em;
}

.submit_form_div button span {
  font-size: 16px;
}

.fs-32 {
font-size: 32px!important;
}

.fs-16 {
font-size: 16px!important;
}

.text-secondary {color:#070B11!important;}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;

  }
  .airbus-header {
      padding: 1% 4%;
  }
  .nav {
    flex-wrap: nowrap;
  }

.image-container-desktop {
 height:auto!important;
}

  .button.btn.btn-primary {
   min-width:200px;
   width: 100%;
  }

}