/** ************************************************************************************ **/
 /** *********** BREADCRUMB **/
 /** ************************************************************************************ **/
/** 
ESTILO KIPLING MALETAS ESPECIAL 
**/
@font-face {
  font-family: 'Kipling';
  src: url('https://kiplingco.vteximg.com.br/arquivos/Kipling_Regular.ttf.css') format('truetype');
  font-style: normal;
  font-weight: normal;
}


p {
    margin: 0 0 10px;
    color: black;
}
.block-quicklinks {
    margin: 2% auto 0;
    white-space: nowrap;
    padding-bottom: 15px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 56%;
}

.quicklinks-item {
    text-align: center;
    display: inline-block;
    width: 25%  !important;
}

.quicklinks-item img {
    width: 80%;
    margin: 0 auto 10px auto;
}

.img, .travel-guide-landing video {
    display: block;
}

.block-2 {
    padding: 2vw 0 3vw 0;
    overflow: hidden;
}

.block-2 .products {
    display: flex;
    flex-wrap: wrap;
    padding: 0 13%;
    justify-content: space-between;
}

.block-2 .products .product {
    width: 24%;
    background: #f7f5f3;
    padding-top: 0.5vw;
    position: relative;
}

.block-2 .products .product img {
    width: 100%;
}

.block-2 h2 {
    text-align: center;
    font-family: Kipling-Light, Futura, sans-serif;
    font-size: 2vw;
    margin: 0 0 2vw 0;
    padding: 0;
    font-weight: normal;
}

.product .product-name {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 81%;
    bottom: 0;
    display: flex;
    line-height: normal;
    font-size: 1.5vw;
    align-items: center;
}

.block-4 .block-4-1 {
    width: 100%;
    margin: 0 auto 1%;
    text-align: center;
    position: relative;
}

.packing-tips-item {
    width: 30%;
}

.block-4 .block-4-1 {
    width: 100%;
    margin: 0 auto 1%;
    text-align: center;
    position: relative;
}

.block-4 {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
    padding: 0 13%;
    box-sizing: border-box;
}
.packing-tips-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.packing-tips-item {
    width: 30.3%;
}

a {
    color: #2d2c2f;
    outline: none;
    text-decoration: none;
}
.video {
    display: block;
}

.packing-tips-container {
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 0 6.7%;
}

.packing-tips-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}


.block-4 .block-4-2 {
    width: 100%;
    position: relative;
    margin: 4% auto 0;
    background-color: #f7f5f4;
    text-align: center;
}

.packing-text-2 {
    font-family: Kipling-Regular, Futura, sans-serif;
    font-size: 12px;
    line-height: normal;
    display: inline-block;
    margin: 0 -7%;
}

.block-4 .block-4-2 {
    width: 100%;
    position: relative;
    margin: 4% auto 0;
    background-color: #f7f5f4;
    text-align: center;
}

.block-4 .block-4-2 {
    width: 100%;
    position: relative;
    margin: 4% auto 0;
    background-color: #f7f5f4;
    text-align: center;
}

.block-2 h2 {
    text-align: center;
    font-family: Kipling-Light, Futura, sans-serif;
    font-size: 24px;
    margin: 0 0 2vw 0;
    padding: 0;
    font-weight: normal;
}
video {
    display: inline-block;
    vertical-align: baseline;
    width: 100%;
}

.testing-header-1 {
    font-family: Kipling-Light, Futura, sans-serif;
    font-size: 2.5vw;
    font-weight: normal;
    line-height: normal;
    margin-top: 3%;
}

.block-4 .block-4-2 {
    width: 100%;
    position: relative;
    margin: 4% auto 0;
    background-color: #f7f5f4;
    text-align: center;
}

.testing-tips-container {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 0 2%;
}

.block-4 .block-4-2 {
    width: 100%;
    position: relative;
    margin: 4% auto 0;
    background-color: #f7f5f4;
    text-align: center;
}

.travelfinder-start {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}



.backpack-finder--container .backpack-finder--main-content {
    max-height: none;
}

.travelfinder-start {
    background: url(https://www.kipling-usa.com/on/demandware.static/Sites-kip-Site/-/default/v1637591635883/images/travel-finder/bg.jpg) no-repeat 50%;
}

.hidden-mobile {
font-size: 46px;
color: transparent;
}

.hidden-desktop {
font-size: 26px;
}
/**

INICIASTILOMOBILE 
*/
@media screen and (max-width: 960px) {

    .block-quicklinks {
        max-width: 95%;
        margin: 7% auto 0;
    }
}

@media screen and (max-width: 960px){
    
img {
    max-width: 100%;
    height: auto;
}

.block-2 {
    padding: 6vw 0;
    overflow: hidden;
}

 .block-2 .products {
    padding: 0;
}

.block-2 .products {
    display: flex;
    flex-wrap: wrap;
    padding: 0 13%;
    justify-content: space-between;
}
.block-2 .products .product {
    width: 48.5%;
    margin-bottom: 15px;
}

.product .product-name {
    font-size: 4.23vw;
}

* {
    box-sizing: border-box;
}
}
/**

INICIASTILOMOBILE 
*/
@media screen and (max-width: 960px) {

    .block-quicklinks {
        max-width: 95%;
        margin: 7% auto 0;
    }
}

@media screen and (max-width: 960px){
    
img {
    max-width: 100%;
    height: auto;
}

.block-2 {
    padding: 6vw 0;
    overflow: hidden;
}

 .block-2 .products {
    padding: 0;
}

.block-2 .products {
    display: flex;
    flex-wrap: wrap;
    padding: 0 13%;
    justify-content: space-between;
}
.block-2 .products .product {
    width: 48.5%;
    margin-bottom: 15px;
}

.product .product-name {
    font-size: 4.23vw;
}

* {
    box-sizing: border-box;
}
  
.hidden-desktop {
font-size: 18px;
}
}

/**

INICIASTILOMOBILE 
*/
@media screen and (max-width: 960px) {

    .block-quicklinks {
        max-width: 95%;
        margin: 7% auto 0;
    }
}

@media screen and (max-width: 960px){
    
img {
    max-width: 100%;
    height: auto;
}

.block-2 {
    padding: 6vw 0;
    overflow: hidden;
}

 .block-2 .products {
    padding: 0;
}

.block-2 .products {
    display: flex;
    flex-wrap: wrap;
    padding: 0 13%;
    justify-content: space-between;
}
.block-2 .products .product {
    width: 48.5%;
    margin-bottom: 15px;
}

.product .product-name {
    font-size: 4.23vw;
}

* {
    box-sizing: border-box;
}
}

/** FIN KIPLING MALETAS ESPECIAL **/

 #box-bread-brumb{
    width: 95%;
    padding: 10px 15px;
    margin: 0 auto;
}

#box-bread-brumb ul{
    display: block;
    padding-left: 0;
}

#box-bread-brumb li{
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    padding: 0;
}

#box-bread-brumb li:before{
    content: "/";
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-right: 5px;
    color: #999999;
}

#box-bread-brumb li:first-child:before{
    content: "";
    display: none;
}

#box-bread-brumb li a{
    color: #000;
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    text-decoration: none;
}

#box-bread-brumb li a:hover{
    color: #000;
}

#box-bread-brumb li strong a{
    color: #999999;
}


/** ************************************************************************************ **/
 /** *********** INICIO DEESTILO DEL FORMULARIO **/

.cyberoct .main-categoria-mobile h1{
    padding: 0 10px 10px;
    font-size: 30px;
    line-height: 35px;
}  
.cyberoct .main-categoria-mobile h2{
	padding: 0 10px;
    font-size: 20px;
}  
.cyberoct .main-categoria-mobile p{
	padding: 0 10px;
}  

.form-dsi .container-estatico .info .tittle{
  text-align: left;
  margin-bottom: 0;
  padding-bottom: 15px;
}
.form-dsi .container-estatico .info p{
  font-size: 18px;
  line-height: 23px;
}
.form-dsi .container-estatico .formulario {
  text-align: left;
  margin-bottom: 30px;
}
.form-dsi .container-estatico .formulario .terms{
  display: flex;
  align-items: center;
}
.form-dsi .container-estatico .formulario .terms input{
  width: auto;
  margin-right: 10px;
}
.form-dsi .container-estatico h2{
  text-align: center;
  line-height: 24px;
  color: #000;
  margin-bottom: 40px;
  font-size: 19px;
}
.contenido-estatico-mobile.form-dsi .container-estatico .info {
  margin-top: 15px;
}
.contenido-estatico-mobile.form-dsi .container-estatico .info p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 15px;
}
.contenido-estatico-mobile.form-dsi .container-estatico .formulario {
  padding: 1rem 1rem 2rem 1rem;
}
.contenido-estatico-mobile.form-dsi .container-estatico h2 {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
}

 /** *********** FIN DEESTILO DEL FORMULARIO **/





.container-estatico {
  font-family: Kipling;
  width: 100%;
  margin: 30px auto 0 auto;
  max-width: 80%;
  text-align: justify;
 /* display: flex; */
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 1em;
}
.container-estatico .title {
  display: inline-flex;
  width: 100%;
  border-bottom: 1px solid grey;
}
.container-estatico .title-estatico {
  display: inline-flex;
  width: 100%;
  border-bottom: 1px solid grey;
}
.container-estatico .content {
  padding-top: 30px;
}
.container-estatico .content .politica {
  display: inline-flex;
}
.container-estatico .content .politica .left-column {
  width: 30%;
  margin-top: 20px;
  margin-right: 5%;
}
.container-estatico .content .politica .left-column a {
  display: block;
  margin-bottom: 15px;
  text-transform: capitalize;
  color: #262626;
}
.container-estatico .content .politica .left-column a:hover {
  color: #0BCC71 !important;
  text-decoration: none;
}
.container-estatico .content .politica .right-column {
  width: 65%;
}
.container-estatico .content .terminos {
  display: inline-flex;
}
.container-estatico .content .terminos .left-column {
  width: 30%;
  margin-top: 20px;
  margin-right: 5%;
}
.container-estatico .content .terminos .left-column a {
  display: block;
  margin-bottom: 15px;
  text-transform: capitalize;
  color: #262626;
}
.container-estatico .content .terminos .left-column a:hover {
  color: #0BCC71 !important;
  text-decoration: none;
}
.container-estatico .content .terminos .right-column {
  width: 65%;
}
.container-estatico h1 {
  text-transform: uppercase;
  color: #000000;
  width: 100%;
  margin-bottom: 20px;
}
.container-estatico h2 {
  color: #000000;
  margin: 20px 0;
  width: 100%;
}
.container-estatico p {
  width: 100%;
  padding: 0;
  margin: 5px 0;
}
.container-estatico ul {
  width: 100%;
  padding-left: 15px;
}
.container-estatico ol {
  width: 100%;
  padding-left: 15px;
}
.container-estatico .formulario {
  width: 45%;
  padding: 2rem 3rem 2rem 1rem;
  background-color: #f1f1f1;
  border-top: 8px solid black;
}
.container-estatico .formulario h2 {
  margin-top: 0;
}
.container-estatico .formulario form .field {
  margin: 10px 0;
}
.container-estatico .formulario form .field label.error {
  color: red;
  text-transform: uppercase;
  display: block;
  width: 100%;
  padding: 5px;
  font-size: 0.8em;
}
.container-estatico .formulario form .field input,
.container-estatico .formulario form .field textarea,
.container-estatico .formulario form .field select {
  width: 100%;
  font-family: Antonio;
  padding: 10px;
  resize: none;
}
.container-estatico .formulario form .field input.error,
.container-estatico .formulario form .field textarea.error,
.container-estatico .formulario form .field select.error {
  border: 1px solid red;
}
.container-estatico .formulario form .field input::-webkit-input-placeholder,
.container-estatico .formulario form .field textarea::-webkit-input-placeholder,
.container-estatico .formulario form .field select::-webkit-input-placeholder {
  color: #c6c6c6;
  text-transform: uppercase;
}
.container-estatico .formulario form .field input::-moz-placeholder,
.container-estatico .formulario form .field textarea::-moz-placeholder,
.container-estatico .formulario form .field select::-moz-placeholder {
  color: #c6c6c6;
  text-transform: uppercase;
}
.container-estatico .formulario form .field input:-ms-input-placeholder,
.container-estatico .formulario form .field textarea:-ms-input-placeholder,
.container-estatico .formulario form .field select:-ms-input-placeholder {
  color: #c6c6c6;
  text-transform: uppercase;
}
.container-estatico .formulario form .field input:-moz-placeholder,
.container-estatico .formulario form .field textarea:-moz-placeholder,
.container-estatico .formulario form .field select:-moz-placeholder {
  color: #c6c6c6;
  text-transform: uppercase;
}
.container-estatico .formulario form button {
  background: #0BCC71;
  transition: all 0.5s ease;
  padding: 10px;
  border: none;
  outline: none;
  color: white;
  cursor: pointer;
  text-transform: uppercase;
}
.container-estatico .formulario form button:hover {
  background-color: #000000;
}
.container-estatico .info {
  width: 50%;
}
.container-estatico .info .tittle {
  font-size: 53px;
  line-height: 1.1;
  padding-bottom: 2rem;
}
a#back-to-top {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transform-origin: right bottom;
  -webkit-transform-origin: right bottom;
  position: fixed;
  right: -3em;
  padding: 10px 15px 10px 15px !important;
  transition: right 0.5s;
  cursor: pointer;
  z-index: 100;
  color: #f5f5f6 !important;
  background-color: #616161;
  text-transform: uppercase;
  text-decoration: none;
}
a#back-to-top i {
  padding-left: 10px;
}
a#back-to-top.reveal {
  right: 0;
}

/* para dispositivos cuya anchura de pantalla sea inferior a 768px la clase menu estará oculta */

  
 /** .container-estatico {
  font-family: supergroup_std;
  width: 100%;
  padding: 0 15px;
  margin: 10px auto 0 auto;
  text-align: justify;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 1em;
}
     .container-estatico .info {
  width: 100%;
    display: inline-block;
  justify-content: center;
}
  .container-estatico .info .tittle {
  font-size: 53px;
  line-height: 1.1;
  padding-bottom: 2rem;
    display: inline-block;
}
 **/
  
 @media (max-width: 768px) { 
  
  .container-estatico {
  font-family: ;
  width: 100%;
  padding: 0 15px;
  margin: 10px auto 0 auto;
  text-align: justify;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 1em;
}
.container-estatico h1 {
  text-transform: uppercase;
  color: #0BCC71;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1em;
font-size: 14px;
    text-align: center;
}
.container-estatico h2 {
  text-transform: uppercase;
  color: #0BCC71;
  font-size: 1.2em;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  line-height: 1em;
  text-align: center;
}
.container-estatico p {
  width: 100%;
  padding: 0;
  margin: 5px 0;
}
.container-estatico ul {
  width: 100%;
  padding-left: 15px;
}
.container-estatico ol {
  width: 100%;
  padding-left: 15px;
}
.container-estatico .formulario {
  width: 100%;
  padding: 2rem 3rem 2rem 1rem;
  background-color: #f1f1f1;
  border-top: 8px solid black;
}
.container-estatico .formulario h2 {
  margin-top: 0;
}
.container-estatico .formulario form .field {
  margin: 10px 0;
}
.container-estatico .formulario form .field label.error {
  color: red;
  text-transform: uppercase;
  display: block;
  width: 100%;
  padding: 5px;
  font-size: 0.8em;
}
.container-estatico .formulario form .field input,
.container-estatico .formulario form .field textarea,
.container-estatico .formulario form .field select {
  width: 100%;
  font-family: ;
  padding: 10px;
  resize: none;
}
.container-estatico .formulario form .field input.error,
.container-estatico .formulario form .field textarea.error,
.container-estatico .formulario form .field select.error {
  border: 1px solid red;
}
.container-estatico .formulario form .field input::-webkit-input-placeholder,
.container-estatico .formulario form .field textarea::-webkit-input-placeholder,
.container-estatico .formulario form .field select::-webkit-input-placeholder {
  color: #c6c6c6;
  text-transform: uppercase;
}
.container-estatico .formulario form .field input::-moz-placeholder,
.container-estatico .formulario form .field textarea::-moz-placeholder,
.container-estatico .formulario form .field select::-moz-placeholder {
  color: #c6c6c6;
  text-transform: uppercase;
}
.container-estatico .formulario form .field input:-ms-input-placeholder,
.container-estatico .formulario form .field textarea:-ms-input-placeholder,
.container-estatico .formulario form .field select:-ms-input-placeholder {
  color: #c6c6c6;
  text-transform: uppercase;
}
.container-estatico .formulario form .field input:-moz-placeholder,
.container-estatico .formulario form .field textarea:-moz-placeholder,
.container-estatico .formulario form .field select:-moz-placeholder {
  color: #c6c6c6;
  text-transform: uppercase;
}
.container-estatico .formulario form button {
  background: #0BCC71;
  transition: all 0.5s ease;
  padding: 10px;
  border: none;
  outline: none;
  color: white;
  cursor: pointer;
  width: 100%;
  text-transform: uppercase;
}
.container-estatico .formulario form button:hover {
  background-color: #000000;
}
.container-estatico .info {
  margin-top: 20px;
  width: 100%;
}
.container-estatico .info .tittle {
  font-size: 35px;
  line-height: 1.1;
  padding-bottom: 2rem;
}
.container-estatico .tittle {
  border-bottom: 1px solid grey;
}
.container-estatico .content {
  padding-top: 20px;
}
.container-estatico .content select {
  width: 100%;
  padding: 9px 5px;
  background-color: #fff;
}
.container-estatico .content select.container-term {
  border: 1px solid #f5f5f6;
  padding: 6px;
}
.container-estatico .content table {
  margin: auto;
  width: 320px;
  text-align: center;
}
.container-estatico .content table td {
  padding: 5px;
}
a#back-to-top {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transform-origin: right bottom;
  -webkit-transform-origin: right bottom;
  position: fixed;
  right: -3em;
  padding: 10px 15px 10px 15px !important;
  transition: right 0.5s;
  cursor: pointer;
  z-index: 100;
  color: #f5f5f6 !important;
  background-color: #616161;
  text-transform: uppercase;
  text-decoration: none;
  bottom: 20em;
}
a#back-to-top i {
  padding-left: 10px;
}
a#back-to-top.reveal {
  right: 0;
}
 
  }

@media (min-width: 992px){
.col-medium-4 {
    width: 33.33333333%;
  }}

/* estilo guia de regalos */



.grid-regalo {
width: 100%;
display: inline-grid;
grid-template-columns: [x0] 16.6% [x1] 16.6% [x2] 16.6% [x3] 16.6% [x4] 16.6% [x5] 16.6% [x6];
grid-template-rows: [y0] 60% [y1] 25% [y2] ; 
color: black;
height: auto;

}

.grid-regalo .contenido-der {
    grid-column-start: x0;
    grid-column-end: x3;
    grid-row: y0;
    margin: 10px;

}
.grid-regalo .contenido-der img { 
    width: 100%;
    height: 100%;
}
    
    .grid-regalo .contenido-izq {

    grid-column-start: x3;
    grid-column-end: x6;
    grid-row: y0;
    margin: 10px;

}
.grid-regalo .contenido-izq img { 
    height: 100%;
    width: 100%;
    
}

    .grid-regalo .img-1 {
        grid-column-start: x0;
        grid-column-end: x2;
        grid-row: y1;
        margin: 5px;

}
.grid-regalo .img-1 img { 
    width: 100%;
    }

.grid-regalo .img-2 {
    grid-column-start: x2;
        grid-column-end: x4;
    grid-row: y1;
          margin: 5px;


}
.grid-regalo .img-2 img { 
    width: 100%;
    }

.grid-regalo .img-3 {
        grid-column-start: x4;
        grid-column-end: x6;
    grid-row: y1;
        margin: 5px;

}
.grid-regalo .img-3 img { 
    width: 100%;
    }

@media (max-width: 575.98px) {
    .grid-regalo {
        width: 100%;
    display: block;
    grid-template-columns: [x0] 16.6% [x1] 16.6% [x2] 16.6% [x3] 16.6% [x4] 16.6% [x5] 16.6% [x6];
    grid-template-rows: [y0] 33.3% [y1] 33.3% [y2] 33.3% [y3]; 
    color: black;
    height: 80%;
    }
 }




/* fin de estilo de guia de regalos */

 .container-madre {
        padding: 0px;
        display: flex;
        flex-flow: row wrap;
          justify-content: space-around;
        width: 100%;
    }

.caja-madre {
    background-color: white;
        color: black;
        font-family: 'Courier New', Courier, monospace;
        text-align: center;
        margin: 5px;
}

.caja-madre img {
    width: 100%;
}
.mas-producto{
    order: 1;
        flex-grow: 1;
        flex-basis: 100%;

}

.producto-madreuno{
    order: 2;
        flex-grow: 1;
        flex-basis: 20%;
}

.producto-madredos{
    order: 2;
        flex-grow: 1;
        flex-basis: 20%;

}

.producto-madretres{
    order: 3;
        flex-grow: 1;
        flex-basis: 20%;

}

@media (max-width:640px){
    .container-madre {
    display: flex;
        flex-flow: column;
    }
}

/*GUIA DE REGALO */

/* FORMULARIO DE HOT DAYS 2023*/


 .banner-span-girbaud-form {
    width: 100%;
    justify-content: space-around;
  }

.banner-span-girbaud-form-img {
  display: flex;
  justify-content: center;
  align-items: center;
      max-width: 150px;
    margin: 0 auto;
}

.banner-span-girbaud-info {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 15px 0px;
}

.input-popup-girbaud-label {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.548);
  border-radius: 10px;
  padding: 10px 10px;
  position: relative;
  margin-bottom: 12px;
  transition: all .2s ease;
}


.input-popup-girbaud-label input {
  border: none !important;
  background: none !important;
  outline: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  height: 100% !important;
  min-height: 14px !important;
  font-size: 12px;
}

.input-popup-girbaud-label span {
  color: black;
  position: absolute;
  top: 8px;
  left: 10px;
  transition: all .2s ease;
  font-size: 12px;
}

/*Css para cuando el usuario haga click en el input*/
.input-popup-girbaud-label.focus {
  border-color: #2F4A9C;
}

.input-popup-girbaud-label span.focus {
  color: #2F4A9C;
}

.input-popup-girbaud-label span.top {
  font-size: 12px;
  top: -12px;
  left: 10px;
  background-color: white;
  padding: 0px 3px;
  border-radius: 10px;
}

/*Css para cuando el usuario haga click en el input*/
.input-popup-girbaud-label.focus {
  border-color: #2F4A9C;
}

.input-popup-girbaud-label span.focus {
  color: #2F4A9C;
}

.input-popup-girbaud-label span.top {
  font-size: 12px;
  top: -12px;
  left: 10px;
  background-color: white;
  padding: 0px 3px;
  border-radius: 10px;
}

.ocult-form-first {
  display: none !important;
}

.banner-span-girbaud-politic-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
  font-size: 12px;
}

.banner-span-girbaud-politic-data button {
      background: #000;
    line-height: 1;
    color: white;
    cursor: auto;
    width: 200px;
    height: 36px;
  border:none; 
}

@media (min-width: 768px) {
  .banner-span-girbaud-exit {
    right: 26%;
    margin-top: 5px;
  }

  .banner-span-girbaud-box {
    width: 100%;
  }

  .banner-span-girbaud-form {
    width: 100%;
    justify-content: space-around;
  }
}