/*
--- 01 TYPOGRAPHY SYSTEM

- Font sizes (px)
10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98

- Font weights
Default: 
Medium: 
Semi-bold: 
Bold: 

- Line heights

Default : 1
medium : 1.2
high : 1.5
higher : 1.8
- Letter spacing

--- 02 COLORS

- header: #eeedf2
- Tints:
- Shades: 

- Accents:
- Greys : #868686
          #6c6c6c

--- 05 SHADOWS
box-shadow: 0 0 6px #bbbbbb;

--- 06 BORDER-RADIUS

--- 07 WHITESPACE

- Spacing system (px)
2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128
*/


/* Default padding / Margin */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    font-size: 62.5%;
    height: 100%;
    -ms-overflow-style: scrollbar;
}
body {
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    color: #000000;
    font-weight: 400;
 background-image: url("https://image.email.groupeseb.com/lib/fe3611717564047d721177/m/2/2cf55bdf-0e0f-48ce-bc61-198be5104384.png");
    width: 100% !important;
    background-color: #ffffff;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
 background-position-y: 0.1042vw;
}
*:focus {
    outline: none;/* outline: 4px dotted #e67e22; *//* outline-offset: 8px; *//* box-shadow: 0 0 0 0.8rem rgba(230, 125, 34, 0.5); */
}
img {
    vertical-align: middle;
    width: 100%;
}

 
/*====================*/
/* LOGO SECTION */
/*====================*/

.logoimg-container {
    max-width: 10.9375vw;
    position: relative;
    margin: auto;
    padding: 1.3025vw 0;
}
.logo-img {
    align-content: center;
    display: inline-block;
}
 .logo-head {
    background-color: #FFFFFF;
    
}
 
/*====================*/
/* BG SECTION */
/*====================*/


.content-section {
    
}
 
/*====================*/
/* BOX SECTION */
/*====================*/

.main-box {
    
    padding-bottom: 3.5417vw;
    padding-top: 3.5417vw;
}
.Box-background-color {
 width: 43vw;
height: 34.5271vw;
    background-color: #FFFFFF;
    padding: 0.6771vw 0.6771vw;
    margin-left: 10.209vw;
margin-right: 43.8025vw;
    text-align: center;
}
 
/*====================*/
/* TEXT & CTA SECTION */
/*====================*/
 
.heading_text p {
    font-family: 'Roboto', sans-serif;
    font-size: 2.604vw;
    line-height: 1.2;
    color: #51555D;
    text-align: center;
    font-weight: bold !important;
    padding-bottom: 2.8646vw;
 padding-top: 3.90625vw;
}
.body_text p {
    font-family: 'Roboto', sans-serif;
    font-size: 1.667vw;
    line-height: 1.025;
    color: #51555D;
    text-align: center;
    font-weight: 400 !important;
    padding: 0 6.875vw 2.8125vw 5.417vw;
}
.submit_btn {
    background-color: #EB212E;
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    border: 1px solid #EB212E;
    font-weight: 400;
    text-transform: uppercase;
    width: 22.5vw;
    padding: 0.6771vw 0;
    border-radius: 0;
    cursor: pointer;
    margin-top: 0.2604vw;
    font-size: 1.198vw;
}

/*====================*/
/* MEDIA QUERIES */
/*====================*/
@media (max-width:74em)/* 74em = 1184 px */  {
.content-section {
    background-image: url("https://image.email.groupeseb.com/lib/fe3611717564047d721177/m/2/2cf55bdf-0e0f-48ce-bc61-198be5104384.png");
    width: 100% !important;
    background-color: #ffffff;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
   height: 100vh; 
}
 .logo-img {
    width: 100% !important;
    align-content: center;
    display: inline-block;
}
.logoimg-container {
    width: 100% !important;
 max-width: 138px;
    position: relative;
    margin: auto;
    padding: 2.1rem 0;
}
.bg_color{
  background-image: none;
 }
 .main-box{
 width: 100% !important;
margin: auto;
padding-top: 7rem !important;
padding-bottom: 0rem !important;
 }

.Box-background-color {
    width: 100% !important;
 max-width: 70rem;
    height: auto !important;
    background-color: #ffffff;
    padding: 3rem 2.95rem 5.074rem;
    margin: 0 auto;
 text-align: center;
 
}
 .hide {
    display: none!important;
}
.heading_text p {
  font-size: 4.6rem;
  line-height: 1.2;
  color: #000000;
  padding-bottom: 0rem;
 padding-top:4rem;
 }
 .body_text p {
  color: #000000;
  font-size: 2.9rem;
  line-height: 1.3;
  padding: 1.7rem 3.69rem 2.197rem 3.69rem;
  
 }
 .submit_btn {
    
    text-transform: uppercase;
    width: 350px ;
    padding: 1rem 0rem;
    border-radius: 0;
    cursor: pointer;
    margin-top: 2rem;
    font-size: 2.2rem;
  margin-bottom:5rem;
  font-weight: bold;
}
}


@media (max-width:48em)/* 48em = 768 px */ {
  .logo-img {
    width: 100% !important;
    align-content: center;
    display: inline-block;
}
.logoimg-container {
    width: 100% !important;
 max-width: 118px;
    position: relative;
    margin: auto;
    padding: 2.1rem 0;
}
 .main-box{
  max-width: 100rem;
  padding: 5.596rem 5.25rem 11.06rem 5.25rem;
 }
 .content-section {
    background-image: url("https://image.email.groupeseb.com/lib/fe3611717564047d721177/m/2/6aa2a93a-f5c0-49be-935e-54d3fc54b5e4.png");
    
    background-color: #FFFFFF;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
   height: 100vh; 
}
.Box-background-color {
    width: 100% !important;
    height: auto !important;
    background-color: #ffffff;
    padding: 3rem 2.95rem 5.074rem;
    margin: 0 auto;
 text-align: center;
 
}
 .hide {
    display: none!important;
}
.heading_text p {
  font-size: 4rem;
  line-height: 1.2;
  color: #000000;
  padding-bottom: 0rem;
 padding-top:4rem;
 }
 .body_text p {
  color: #000000;
  font-size: 2.7rem;
  line-height: 1.3;
  padding: 1.7rem 2.09rem 2.197rem 2.09rem;
  
 }
 .submit_btn {
    
    text-transform: uppercase;
    width: 350px ;
    padding: 1rem 0rem;
    border-radius: 0;
    cursor: pointer;
    margin-top: 2rem;
    font-size: 2.2rem;
  margin-bottom:5rem;
  font-weight: bold;
}
}


@media (max-width:38em)/* 38em = 608 px */ {
.Box-background-color {
    width: 100% !important;
    height: auto !important;
    background-color: #ffffff;
    padding: 3rem 2.05rem 5.074rem;
    margin: 0 auto;
 text-align: center;
 
}
 .main-box{
  max-width: 100rem;
  padding: 5.596rem 3.25rem 11.06rem 3.25rem;
 }
.heading_text p {
  font-size: 3.9rem;
  line-height: 1.2;
  color: #000000;
  padding-bottom: 0rem;
 padding-top: 2rem;
 }
 .body_text p {
  color: #000000;
  font-size: 2.2rem;
  line-height: 1.3;
  padding: 1.7rem 3.09rem 2.197rem 3.09rem;
 }
 .submit_btn {
    
    text-transform: uppercase;
    width: 300px ;
    padding: 1rem 0rem;
    border-radius: 0;
    cursor: pointer;
    margin-top: 0.5rem;
    font-size: 2rem;
  margin-bottom: 2rem;
  font-weight: bold;
}
}

@media (max-width:30em)/* 30em = 480 px */ {
 .main-box{
  max-width: 100rem;
  padding: 5.596rem 2.25rem 11.06rem 2.25rem;
 }
 .Box-background-color {
    width: 100% !important;
    height: auto !important;
    padding: 3rem 2.95rem 5.074rem;
    margin: 0 auto; 
}
 .heading_text p {
  font-size: 3rem;
  line-height: 1.2;
  color: #000000;
  padding-bottom: 0rem;
  padding-top: 0rem;
 }
 .body_text p {
  color: #000000;
  font-size: 1.8rem;
  line-height: 1.563;
  padding: 2.5rem 0.6rem 2.5rem 0.6rem;
 }
 .submit_btn {
    
    text-transform: uppercase;
    width: 230px ;
    padding: 1rem 0rem;
    border-radius: 0;
    cursor: pointer;
    margin-top: 0.5rem;
    font-size: 1.5rem;
  margin-bottom: 2rem;
  font-weight: bold;
}
}

@media (max-width:23em)/* 23em = 368 px */ {
.Box-background-color {
    width: 100% !important;
    height: auto !important;
    padding: 2rem 1.95rem 5.074rem;
    margin: 0 auto; 
}
 .heading_text p {
  font-size: 2.5rem;
  line-height: 1.52;
  color: #000000;
  padding-top: 0rem;
  padding-bottom: 0rem;
 }
 .body_text p {
  color: #000000;
  font-size: 1.6rem;
  line-height: 1.563;
  padding: 1.7rem 0.3rem 2.197rem 0.3rem;
 }
 .submit_btn {
    
    text-transform: uppercase;
    width: 230px ;
    padding: 1.008rem 0rem;
    border-radius: 0;
    cursor: pointer;
    margin-top: 0;
    font-size: 1.5rem;
    font-weight: bold;
}
}