body
{
  /*
height: 100%;
*/
max-width: 1792px;

background: #FFFFFF;

/*--- test color ----  
background: #402e5c88;  
/*---------------------*/  
}


a 
{
  text-decoration: none;
  color: rgb(3, 3, 3);
  
}
a:hover 
{
  text-decoration: none;
  color: rgb(3, 3, 3);
}

i
{
  margin-right: 10px;

}


label
{

  width: 194px;
  height: 16px;

font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 11px;
line-height: 16px;
/* identical to box height, or 145% */
margin-top: -10px;
letter-spacing: 0.005em;

color: #5E5E5E;
}


.regi-error
{
  color: #db141a;
  font-size: 15px;
  margin-bottom: 0px;
}



.chkbox
{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  margin-top: -10px;
  
}

/*
input[type='checkbox']:checked::before {
  content: '\2713';
  color:rgb(19, 1, 1);
}

*/



.chkbox p
{
  padding-top: 15px;
  font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 11px;
line-height: 16px;
/* identical to box height, or 145% */

letter-spacing: 0.005em;

color: #5E5E5E;
}

.datebox
{
  display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 16px;
margin-bottom: 15px;
width: 354px;
height: 52px;

background: #FFFFFF;

}

.datebox p
{
  font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */

letter-spacing: 0.001em;

color: #5E5E5E;
}



/*---------------------------------- Header -----------------------------------------------*/
nav
{
  box-sizing: border-box;

/* Auto layout */
/*
display: flex;
*/
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 32px 120px;
padding-right: 0px;
margin-top: 44px;
max-width: 1792px;

/*
position: absolute;
width: 100%;
height: 112px;
left: 0px;
top: 44px;
*/

background: #FFFFFF;
border-bottom: 1px solid #EBEBEB; 
 /*--- test color ----  
background: #b39d9d88;  
/*---------------------*/  
}

.nav-row
{
    /*
  margin-right: -100px;
  */
}

.nav-search
{
  max-width: 380px;
}
.right-nav
{
  display: flex;
flex-direction: row;
align-items: center;
padding: 0px;


max-width: 350px;
height: 48px;

background: #FFFFFF;


}
.logout-btn
{
  width: 40px;
height: 20px;

font-family: 'Montserrat', sans-serif;
margin-top: 15px;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
/* identical to box height, or 125% */


color: #292929;
}

input[type=checkbox]
{
  
  
  box-sizing: border-box;
  accent-color: #8D181B;
width: 24px;
height: 24px;

border: 1px solid #D6D6D6;
border-radius: 4px;

}



/*-----------------------Logo-------------------*/
.logo
{
  /*
  width: 172px;
  height: 172px;
  */
  margin-top: -50px;
  /*margin-bottom: -50px;*/
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 32px;
  /* identical to box height, or 133% */
  
  
  color: #8D181B;
  
 
}
.logo img
{
  margin-top: 20px;
  height: 120px;
  width: 120px;
  
}





/*-----------------------Language Switch-------------------*/

.lang
{
  box-sizing: border-box;

/* Auto layout */

display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 8px 12px 16px;


width: 71px;
height: 48px;

background: #FFFFFF;
border: 1px solid #D6D6D6;
border-radius: 8px;

}


  /*----------------------Header Search Bar-----------------------------*/

  .search-bar
  {
    display: flex;
flex-direction: row;
align-items: center;
padding: 12px 16px;

margin-right: 16px;
width: 266px;
height: 48px;

background: #F5F5F5;
border-radius: 8px;
border: none;

  }


input.search {
   

font-family: 'Montserrat',sans-serif, 'FontAwesome';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
width: 100%;



letter-spacing: 0.05em;

color: #5E5E5E;

}

/*--------------------------------------------*/

.homeBtn
{
 margin-left: 20px;
 margin-top: 30px;
}
/*---------------------------------------------------*/

/* end of header
/*---------------------------------------------------------------------------------------------------------------------*/

@media (min-width: 800px) {
    container
    {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    /*top: 200px;*/
    padding: 0px 60px;
    }
}

container
{
    
  position: absolute;
  max-width: 1792px;
  
  height: 80%;
  margin-bottom: 100px;
  left: 0px;
  /*top: 200px;*/
  padding: 0px 120px;
    
    /*--- test color ----    
background: #b39d9d88;  
/*---------------------*/ 

}


@media (max-width: 800px) {
    container
    {
    padding: 0px 40px;
    }
    .btn
    {
        width: 20px;
    }
}


.btn
{
  display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 20px 16px;
gap: 16px;

width: 354px;
height: 64px;

background: #8D181B;
border-radius: 8px;
border: none;
font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 800;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */

letter-spacing: 0.001em;

color: #FFFFFF;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    
    .btn
    {
        width: 290px;
    }
}

.smallbtn
{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 16px;
  gap: 16px;
  
  width: 120px;
  height: 48px;
  
  background: #8D181B;
  border-radius: 8px;
border: none;
font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 800;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 150% */

letter-spacing: 0.001em;

color: #FFFFFF;
}
.smallbtn.active
{
  position: relative;
  background: #ffffff;
  color: #8D181B;
  
  z-index: 100;
}


.smallbtn2
{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 16px;
  gap: 16px;
  
  width: 150px;
  height: 48px;
  
  background: #8D181B;
  border-radius: 8px;
border: none;
font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 150% */

letter-spacing: 0.001em;

color: #FFFFFF;
}
.smallbtn2.active
{
  position: relative;
  background: #ffffff;
  color: #8D181B;
  
  z-index: 100;
}


.headphone{
  
    display: flex;
    
    flex-direction: row;
    align-items: flex-start;
   
    padding: 16px;
    
    
    position: fixed;
    width: 75px;
    height: 75px;
    /*
    left: 90%;
    top: 650px;
    */
    right: 120px;
    bottom: 120px;
    
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 100px;
    z-index: 10;
  }
  
  .headphone img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    
  }

  @media (max-width: 550px) {

    .headphone{
      
      left: 90%;
      top: 20%;
      
      
    }
    }
    .stepBtn
    {
      display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 16px;
    gap: 16px;
    
    width: 204px;
    height: 64px;
    
    background: #8D181B;
    border-radius: 8px;
    border: none;
    font-family: 'Montserrat',sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    
    letter-spacing: 0.001em;
    
    color: #FFFFFF;
    }

    .backBtn
    {
      display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 16px;
    gap: 16px;
    margin-right: 15px;
    margin-left: 10px;
    width: 140px;
    height: 64px;
    
    background: #8D181B;
    border-radius: 8px;
    border: none;
    font-family: 'Montserrat',sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    
    letter-spacing: 0.001em;
    
    color: #FFFFFF;
    }


/*-------------- Hero -----------------------*/


.top-hero
{
  box-sizing: border-box;



display: flex;
flex-direction: row;
align-items: flex-end;
padding: 15px 0px 32px 15px;



min-height: 200px;


background: #FFFFFF;
border-bottom: 1px solid #EBEBEB;

 /*--- test color ----    
 background: #c2212188;  
 /*---------------------*/ 
}

.hero-btn
{
    position: absolute;
    bottom: 32px;
}

.hero-btn2
{
    position: absolute;
    top: 32px;
}

.hero-btn3
{
    position: absolute;
    top: 32px;
    left: 220px;
}

.hero-title
{
  width: 100%;
    
}
.hero-title h2
{

/*
width: 500px;
*/
height: 40px;
margin-bottom: 20px;
font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 40px;
/* identical to box height, or 125% */


color: #110303;
}


.hero-title p
{
  display: flex;
flex-direction: row;
align-items: flex-start;
padding-top: 0px;
margin-bottom: -0px;


max-width: 985px;
min-height: 48px;

background: #FFFFFF;


font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* or 150% */

letter-spacing: 0.005em;

color: #5E5E5E;
}

.linktree
{
  padding-bottom: 5px;
/*--- test color ----    
background: #1a9953; 
/*---------------------*/ 

}
.linktree p
{
  
height: 20px;

font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */

letter-spacing: 0.001em;

color: #5E5E5E;

}

.hero-title table td
{
  padding-right: 50px;
  padding-bottom: 10px;
  padding-top: 10px;
}

.contactbox
{
  box-sizing: border-box;

/* Auto layout */

display: flex;
flex-direction: column;
align-items: flex-start;
padding: 32px 16px;
gap: 16px;

max-width: 858px;
max-width: 100%;
min-height: 168px;

background: #FFFFFF;
border: 1px solid #D6D6D6;
border-radius: 8px;

}
.contactbox p {
  display: inline;
}
.contactbox img {
  width: 24px;
  height: 24px;
  margin-bottom: 10px;
  margin-right: 10px;
}


.contactinforow
{
  margin-top: 100px;
  margin-left: 0px;
  max-width: 100%;
}

.contactinfobox
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 24px;
/*
padding-right:24 ;

/*max-width: 100%;*/
min-height: 220px;


background: #FFFFFF;

/*--- test color ----    
background: #1a9953; 
/*---------------------*/ 
}
.contactinfobox h2
{
  width: 300px;
height: 28px;

font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 28px;
/* identical to box height, or 127% */


color: #110303;
}
.contactinfoinner
{
  display: flex;
flex-direction: column;
align-items: flex-start;
padding: 24px 16px;
gap: 24px;
margin-bottom: 10px;
/*
width: 354px;
*/

width: 354px;
min-height: 168px;

background: #FFFFFF;
border: 1px solid #D6D6D6;
border-radius: 8px;
}

.contactinfoinner p
{
  display: inline;
  width: 35px;
height: 24px;

font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */
margin-left: 5px;


color: #5E5E5E;
}
.contactinfoinner table
{
  margin-bottom: -17px;
}
.contactinfoinner td
{
  padding-right: 50px;
  padding-bottom: 15px;
}
/*----------------content--------------*/

.content
{
  /*display: inline-block;
  

padding: 0px;

margin-left: 120px;
margin-right: 120px;
padding-top: 50px;
max-width: 1625px;
height: 500px;

/*width: 206px;*/
/*height: 40px;*/
padding-top: 20px;
padding-bottom: 180px;

/*--- test color ----    
background: #1a9953; 
/*---------------------*/ 

}


/*--------------------------------------*/
/*--------------card--------------------*/

.card
{
  box-sizing: border-box;

/* Auto layout */

display: inline-block;
flex-direction: column;
align-items: center;
/*padding: 16px;*/

margin-right: 7px;
padding-left: 10px;
margin-bottom: 30px;

width: 354px;
height: 430px;


background: #FFFFFF;
border: 1px solid #D6D6D6;
border-radius: 8px;
}
.card img{
width: 322px;
height: 232.52px;
margin: 10px 0px;



}
.card p
{
  font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
/* or 150% */
margin: 10px 0px;

letter-spacing: 0.005em;

color: #5E5E5E;
}


.infocard
{
  box-sizing: border-box;

/* Auto layout */

display: inline-block;
flex-direction: column;
align-items: center;
/*
padding: 16px;
*/
margin-right: 7px;
margin-bottom: 30px;

width: 354px;
min-height: 325px;


background: #FFFFFF;

border-radius: 8px;
}
.infocard img{
width: 322px;
height: 232.52px;



}
.infocard h2
{
  width: 140px;
height: 32px;

font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 32px;
/* identical to box height, or 133% */


color: #110303;
}

.infocontent
{
  display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
padding: 24px 16px;
gap: 72px;

width: 600px;
min-height: 152px;

background: #FFFFFF;
border: 1px solid #D6D6D6;
border-radius: 8px 8px 0px 0px;
}
.infocard table
{
  width: 95%;
}
.infocard table th
{
  padding-bottom: 16px;
  width: 500px;
}
.infocard table td
{
  padding-bottom: 10px;
  padding-top: 10px;

}
.infocontent h2
{
  display: block;
}
.infocontent table th
{
  width: 83px;
height: 24px;

font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */

letter-spacing: 0.0015em;

color: #110303;
}
.infocardcenter
{
  box-sizing: border-box;

/* Auto layout */

display: flex;
flex-direction: row;
align-items: flex-start;
padding: 24px;
gap: 104px;

width: 355px;
min-height: 72px;

background: #FFFFFF;
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #D6D6D6;
}

.infocardfotter
{
  box-sizing: border-box;

/* Auto layout */

display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 24px 16px;
gap: 16px;

width: 600px;
min-height: 72px;

background: #FFFFFF;
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #D6D6D6;
border-radius: 0px 0px 8px 8px;
}


.otherlinks
{
  margin-bottom: 30px;
}
.infocardlink
{
  box-sizing: border-box;

/* Auto layout */

display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 30px 16px;
gap: 16px;

width: 355px;
min-height: 72px;

background: #FFFFFF;
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: #D6D6D6;

}
.infocardlink img
{
  width: 48px;
  height: 48px;
}


.arrow
{
  margin-left: auto;
  order: 2;
  
  
  
}
.arrow img
{
  width: 12px;
  height: 12px;
}
.infocard p
{
  font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* or 150% */

letter-spacing: 0.005em;

color: #5E5E5E;
}




.infocontentright
{
  display: flex;
flex-direction:column;
justify-content: center;
align-items: flex-start;
padding: 24px 16px;
gap: 72px;

width: 355px;
min-height: 152px;

background: #FFFFFF;
border: 1px solid #D6D6D6;
border-radius: 8px 8px 0px 0px;
}

.infocardcenterright
{
  box-sizing: border-box;

/* Auto layout */

display: flex;
flex-direction: row;
align-items: flex-start;
padding: 24px;


width: 355px;
min-height: 72px;

background: #FFFFFF;
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #D6D6D6;
}

.infocardfotterright
{
 
  
  box-sizing: border-box;
  display: flex;
  
  flex-direction: row;
  
  align-items: flex-start;
  
  padding: 24px;
  
  
  width: 355px;
  min-height: 72px;



background: #FFFFFF;
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #D6D6D6;
border-radius: 0px 0px 8px 8px;
}



/*-------------------------------------------*/
/*---------------Form --------------------*/

.loginform
{

display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;
  isolation: isolate;
  position: relative;
  
  width: 354px;
  height: 430px;
  
  background: #FFFFFF;
}
.loginform select
{
  box-sizing: border-box;

/* Auto layout */

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  gap: 16px;
  margin: 10px 0px;

  width: 354px;
  height: 52px;

  background: #FFFFFF;
  border: 1px solid #a3a2a2;
  border-radius: 8px;

  font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */

letter-spacing: 0.001em;

color: #767676;

}

.logout-btn
{
  background-color: transparent;
  border: 0px;
  margin-top: 3px;
  margin-left: 0px;
  padding-top: 10px;
  color: rgb(8, 8, 8);
}

.link-btn {
  background: none!important;
  border: none;
  padding: 0!important;
  /*optional*/
  font-family: arial, sans-serif;
  font-weight: bold;
  /*input has OS specific font-family*/
  color: #8D181B;
  
  cursor: pointer;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    
    .loginform
    {
        width: 290px;
    }
}
@media only screen and (min-width: 200px) and (max-width: 980px) {
.hero-btn2
{
    position: absolute;
    top: 20px;
}

.hero-btn3
{
    position: absolute;
    top: 50px;
    left: 220px;
}
.top-hero
{
  min-height: 200px;
}


}


.loginform .formkeys{
  position: absolute;
  top: 210px;
  
}

.loginform input[type=text]
{
  box-sizing: border-box;

/* Auto layout */
/*
display: flex;
flex-direction: row;
*/
align-items: center;
padding: 16px;

width: 100%;
border: 1px solid #a3a2a2;
border-radius: 10px;
}
.loginform input[type=number]
{
  box-sizing: border-box;

/* Auto layout */
/*
display: flex;
flex-direction: row;
*/
align-items: center;
padding: 16px;

width: 100%;
border: 1px solid #a3a2a2;
border-radius: 10px;
}
.loginform input[type=password]
{
  box-sizing: border-box;

/* Auto layout */
/*
display: flex;
flex-direction: row;
*/
align-items: center;
padding: 16px;

width: 100%;
border: 1px solid #a3a2a2;
border-radius: 10px;
}

.loginform input[type=checkbox]
{
  box-sizing: border-box;
  accent-color: #c2212188;
width: 24px;
height: 24px;

border: 1px solid #D6D6D6;
border-radius: 4px;
}
.loginform label
{
  
  width: 110px;
height: 20px;

font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
margin-bottom: 20px;

letter-spacing: 0.001em;

color: #5E5E5E;
}
.loginLinks
{
  display: inline-flex;
 
  width: 98%;
}
.loginLinks p
{
 
margin-top: 0px;
font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 16px;
/* identical to box height, or 145% */

letter-spacing: 0.005em;

color: #5E5E5E;
}
.regLink
{
  margin-left: auto;
  order: 2;
}
/*----------------------------------------*/
/*----------------------popup style------------------------*/

.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 250px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px 10px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -120px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}



/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

/*--------------------------------------------------------*/
/*-------------------Tabs----------------------------------------------------*/
.tap
{
  display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 24px 16px;
gap: 16px;

max-width: 354px;
height: 72px;

background: #FFFFFF;
border-bottom: 4px solid #e6e3e379;
}
.tapactive
{

border-bottom: 4px solid #8D181B;
}
.tap a
{
  font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */

letter-spacing: 0.005em;

color: #110303;
cursor: pointer;
}

.tapcontent
{
  box-sizing: border-box;

/* Auto layout */

display: flex;
flex-direction: column;
align-items: flex-start;
padding: 32px;
gap: 40px;


max-width: 100%;
min-height: 316px;


background: #FFFFFF;
border: 1px solid #D6D6D6;
border-radius: 8px;
}
.tapcontent table {
  width: 100%;
  /*
  border: 1px solid black;
  */
  
}
.tapcontent table th,td{
  width: 300px;
   /*
  border: 1px solid black;
  */
  
}

.lastcolum {
  
  width: 450px;
  /*
  border: 1px solid black;
  */
  
  
}
.lastcolum div{
  width: 200px;
  float: right;
}
.tapcontent h6{
  margin: 5px;
}
.tapcontent p{
  margin: 5px;
  font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */

letter-spacing: 0.005em;

color: #5E5E5E;
  
  
}

.btn2
{
  box-sizing: border-box;

/* Auto layout */

display: flex;
flex-direction: row;
align-items: flex-start;
padding: 15px 16px;
gap: 16px;

width: 250px;
height: 72px;

background: #FFFFFF;
border: 1px solid #D6D6D6;
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
border-radius: 8px;

}
.btn2 p
{
  font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */
margin-bottom: 10px;
letter-spacing: 0.005em;

color: #5E5E5E;
}
/*----------------------------------------*/
/*----------------------------- button Tabs -----------------------------*/

.tab {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;

  
  max-width: 606px;
  height: 56px;
  
}

/* Style the buttons that are used to open the tab content */
.tab button {
  box-sizing: border-box;
  display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px;
gap: 16px;

width: 121px;
height: 56px;

background: #FFFFFF;
border: 1px solid #D6D6D6;

font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */

letter-spacing: 0.005em;
color: #5E5E5E;


}
.tabFbtn
{
  border-radius: 8px 0px 0px 8px;
}
.tabLbtn
{
  border-radius: 0px 8px 8px 0px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background: #8D181B;
  color: #FFFFFF;
  font-weight: 600;
}

/* Style the tab content */
.tabcontent {
  display: none;
  
flex-direction: column;
align-items: flex-start;
margin-top: 48px;
padding: 0px;
gap: 32px;


max-width: 606px;
min-height: 488px
}

.tabrow{
  box-sizing: border-box;

/* Auto layout */

display: flex;

flex-direction:column;




max-width: 606px;
min-height: 80px;

background: #FFFFFF;
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: #EBEBEB;
}

.tabHeader{
  box-sizing: border-box;

  /* Auto layout */
  
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  
  align-items: center;
  align-items: center;
padding: 24px 16px 16px 0px;
}

.tabcontent h3
{
  width: 400px;
  height: 24px;  
font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 24px;
/* identical to box height, or 133% */

letter-spacing: 0.005em;

color: #000000;
}

.tabcontent p
{
  display: block;
  font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */
margin-bottom: 25px;
letter-spacing: 0.005em;

color: #5E5E5E;
}



.expand22{
  content:url("/images/add.svg");
  width: 16px;
  height: 16px;
}
.collapse22{
  content:url("/images/remove.svg");
}




.damageSts
{
  width: 100%;
}
.damageSts table td
{
  border: solid 1px  #D6D6D6;
  padding: 16px;

  font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */

letter-spacing: 0.005em;

color: #000000;
}
/*-------------------------------------------*/
/*----------------------------- Multi step form -----------------------------------------*/
.wireContent
{
  width: 100%;
}

.multiform
{
  /*
  background-color: #5E5E5E;
  */
  max-width: 354px;
  
}

.form-steps
{
  display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 0px;
margin-bottom: 23px;

width: 354px;
height: 26px;


background: #FFFFFF;
}
.form-steps .steps
{
  display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 8px 0px;
gap: 16px;

width: 25px;
height: 26px;


background: #FFFFFF;
border: 2px solid #D9D9D9;
border-radius: 100px;

font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 800;
font-size: 12px;
line-height: 10px;
/* identical to box height, or 83% */

letter-spacing: 0.005em;

color: #110303;
}
.form-steps .active
{
background: #8D181B;
color: #FFFFFF;
}

.form-steps .line
{
  width: 140px;
height: 1px;

border: 1px solid #D9D9D9;
}

.form-steps .longline
{
  width: 300px;
height: 1px;

border: 1px solid #D9D9D9;
}

.multiform input[type=text]
{
  box-sizing: border-box;

/* Auto layout */
/*
display: flex;
flex-direction: row;
*/
align-items: center;
padding: 16px;
margin-bottom: 5px;

width: 107%;
width: 354px;
height: 52px;
border: 1px solid #EBEBEB;
border-radius: 10px;
}

.multiform input[type=password]
{
  box-sizing: border-box;

/* Auto layout */
/*
display: flex;
flex-direction: row;
*/
align-items: center;
padding: 16px;
margin-bottom: 5px;

width: 107%;
width: 354px;
height: 52px;
border: 1px solid #EBEBEB;
border-radius: 10px;
}

.multiform input[type=number]
{
  box-sizing: border-box;

/* Auto layout */
/*
display: flex;
flex-direction: row;
*/
align-items: center;
padding: 16px;
margin-bottom: 5px;

width: 107%;
width: 354px;
height: 52px;
border: 1px solid #EBEBEB;
border-radius: 10px;
}

.multiform .cridetSecuritybox
{
  box-sizing: border-box;

/* Auto layout */
/*
display: flex;
flex-direction: row;
*/
align-items: center;
padding: 16px;
margin-bottom: 5px;

width: 107%;
width: 100px;
height: 52px;
border: 1px solid #EBEBEB;
border-radius: 10px;
}


.multiform input[type=email]
{
  box-sizing: border-box;

/* Auto layout */
/*
display: flex;
flex-direction: row;
*/
align-items: center;
padding: 16px;
margin-bottom: 5px;

width: 107%;
width: 354px;
height: 52px;
border: 1px solid #EBEBEB;
border-radius: 10px;
}
/*
.adatepicker
{
  display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
padding-left: 30px;
gap: 16px;

max-width: 255px;
height: 52px;

background: #FFFFFF;
border: 1px solid #EBEBEB;
border-radius: 8px;


}
*/
.adatepicker
{
  display: flex;
  border-radius: 8px;
  border: 1px solid #EBEBEB;
  justify-content: flex-end;
  padding-left: 107px;
  max-width: 350px;
  height: 52px;
  
  /*


align-items: flex-end;

gap: 16px;



background: #FFFFFF;


*/


}
.adatepicker2
{
  display: flex;
  border-radius: 8px;
  border: 1px solid #EBEBEB;
  justify-content: flex-end;
  padding-left: 107px;
  max-width: 350px;
  height: 52px;
  width: 255px;
  /*


align-items: flex-end;

gap: 16px;



background: #FFFFFF;


*/


}


.plateNobox
{
  display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap:10px;
margin: 10px 0px;
max-width: 354px;
height: 52px;

background: #FFFFFF;
}
.plateNolable
{
  width: 98px;
  /*
  margin-right: 40px;
  */
}

.plateNobox p
{
  font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */
margin-right: 16px;
letter-spacing: 0.001em;
margin-top: 10px;

color: #5E5E5E;

}

.plateNobox input[type=text]
{
  display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px;
gap: 16px;

width: 48px;
height: 52px;
margin-right: 10px;

background: #FFFFFF;
border: 1px solid #EBEBEB;
border-radius: 8px;
}



.plateNobox select
{
  box-sizing: border-box;

/* Auto layout */

display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 8px 12px 16px;
/*
padding-left:12px ;
*/
min-width: 90px;
height: 52px;

background: #FFFFFF;
border: 1px solid #D6D6D6;
border-radius: 8px;

}



.multiform select
{
  box-sizing: border-box;

/* Auto layout */

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  gap: 16px;
  margin: 10px 0px;

  width: 354px;
  height: 52px;

  background: #FFFFFF;
  border: 1px solid #EBEBEB;
  border-radius: 8px;

  font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */

letter-spacing: 0.001em;

color: #767676;

}

.fromagrbox
{
  margin-top: 16px;
  display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 16px;


width: 354px;
height: 84px;

}

.fromagrbox p
{
  font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 14px;
/* or 117% */

text-align: justify;
letter-spacing: 0.005em;

color: #110303;

}


.addressbox
{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  margin: 10px 0px;
  width: 354px;
  height: 52px;
}

.addressbox input[type=text]
{
  display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px;


width: 150px;
height: 52px;
margin-right: 0px;
margin-top: 7px;

background: #FFFFFF;
border: 1px solid #EBEBEB;
border-radius: 8px;
}


.aprrovelBox
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  gap: 40px;
  height: 316px;
  min-width: 400px;
  background: rgba(141, 24, 27, 0.02);
border-radius: 8px;
}
.aprrovelBox p {

  max-width: 576px;
height: 48px;

font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* or 150% */

text-align: center;
letter-spacing: 0.005em;

color: #000000;

}

.smallinputBox
{
  display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
gap: 17px;

width: 354px;
height: 52px;

background: #FFFFFF;
}
.smallinputBox p
{
  max-width: 99px;
height: 20px;

font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */

letter-spacing: 0.001em;

color: #5E5E5E;
}
.smallinputBox input[type=text]
{
  width: 100px;
  height: 52px;
}

.smallinputBox select
{
  width: 100px;
  height: 50px;
}

.paymentBox
{
  
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 20px;
  padding: 12px 0px;
  gap: 180px;

  width: 351px;
  height: 16px;

}

.paymentBox p
{
  font-family: 'Montserrat',sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  /* identical to box height, or 145% */

  letter-spacing: 0.005em;

  color: #5E5E5E;
}

.planBox
{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  
  margin-bottom: 10px;
  width: 354px;
  height: 52px;

  background: #FFFFFF;
  border: 1px solid #EBEBEB;
  border-radius: 8px;
}

.planBox p
{
  margin-top: 10px;
  font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
/* identical to box height, or 143% */

letter-spacing: 0.001em;

color: #767676;
}

.planBox .price
{
  margin-left: auto;
    order: 2;
}


/*-------------------------------------------------------*/



.overlay{
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background : rgba(0, 0, 0, 0.6);
  z-index: 50;
  
  
}
.pupupBtn
{
  display: none;
}

.pupupBtn.active{
  
  display: block;
  
}

.pupupBtn .popupcontent{
  display: flex;
  flex-direction: column;
  align-items: center; 
  position: absolute;
  width: 354px;
  height: 169px;
  
  top: 100px;
  
  
  filter: drop-shadow(0px 2px 25px rgba(0, 0, 0, 0.1));
  
  z-index: 100;

}
.pupupBtn .popupcontent div{
  display: flex;
flex-direction: row;
align-items: center;
padding: 24px 16px;
gap: 16px;

width: 354px;
height: 76px;

background: #FFFFFF;
border: 0px solid #EBEBEB;
border-bottom: 1px solid #EBEBEB;
border-radius: 0px;
}
.pupupBtn .popupcontent p{

  
height: 28px;

font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 28px;
/* identical to box height, or 127% */
margin-top: 15px;


color: #000000;
}
.pupupBtn .popupcontent .ico{
  width: 50px;
}

/*--------------------------*/

.pupupBtn .popupcontent2{
  display: flex;
  flex-direction: column;
  align-items: center; 
  position: absolute;
  width: 354px;
  height: 169px;
  
  top: 75px;
  
  
  filter: drop-shadow(0px 2px 25px rgba(0, 0, 0, 0.1));
  
  z-index: 100;

}
.pupupBtn .popupcontent2 div{
  display: flex;
flex-direction: row;
align-items: center;
padding: 24px 16px;
gap: 16px;

width: 354px;
height: 76px;

background: #FFFFFF;
border: 0px solid #EBEBEB;
border-bottom: 1px solid #EBEBEB;
border-radius: 0px;
}
.pupupBtn .popupcontent2 p{

  
height: 28px;

font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 28px;
/* identical to box height, or 127% */
margin-top: 15px;


color: #000000;
}
.pupupBtn .popupcontent2 .ico{
  width: 50px;
}

/*------------------------------*/
.pupupBtn .arrow-up{
  
  width: 0;
	height: 10;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 50px solid #555;
  border-bottom: 15px solid rgb(255, 255, 255);
}

.contactPoupup
{
  display: none;
}
.contactPoupup.active{
  
  display: block;
  
}
.contactPoupup .popupcontent{
display: flex;
flex-direction: column;
align-items: flex-end;
padding: 0px;
isolation: isolate;

position: absolute;
width: 500px;
height: 184px;
left: -425px;
top: -190px;

  z-index: 100;

}
.contactPoupup .popupcontent .contentrow{
  display: flex;
  flex-direction: row;
  padding: 0px;
  isolation: isolate;
  width: 500px;
height: 184px;
border-radius: 8px;
background: #FFFFFF;
overflow: hidden;
  
  }
.contactPoupup .popupcontent div{
  display: flex;
flex-direction: column;
align-items: center;
padding: 40px 16px 0px 16px;


width: 250px;
height: 184px;


border-left: 1px solid #D6D6D6;

}
.headphonebtn
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 75px;
  height: 75px;
  cursor: pointer;
  border-radius: 50px;
  z-index: 100;
  


}
.headphonebtn.active
{
  border: 1px solid #fff;
}

.headphonebtn img{
  display: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  margin-bottom: auto;
  
  
  
}
.headphonebtn img.active{
  display: block;
  
  
}

.contactPoupup .popupcontent img
{
  width: 48px;
  height: 48px;
}
.contactPoupup .popupcontent h5{

  
  height: 24px;
  
  font-family: 'Montserrat',sans-serif;
  font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 24px;
margin-top:15px ;
/* identical to box height, or 150% */

letter-spacing: 0.005em;

color: #110303;
  }
.contactPoupup .popupcontent p{

  
height: 24px;

font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */

letter-spacing: 0.005em;

color: #110303;
}
.contactPoupup .popupcontent .ico{
  width: 50px;
}
.contactPoupup .arrow-down{
  margin-right: 20px;
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-top: 20px solid rgb(255, 255, 255);
}



.helpBtn
{
  display: none;
  
}
.helpBtn.active{
  
  display: block;
  
}

.helpBtn .popupcontent{
  display: flex;
flex-direction: column;
align-items: center;
padding: 0px;
margin-top: 10px;
position: absolute;
width: 527px;
height: 860.51px;
left: -190px;

  
    z-index: 100;
  
  }

  .helpBtn .popupcontent .content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    
    width: 527px;
    height: 840.01px;
    background: #FFFFFF;
    border-radius: 8px;
    padding-top: 40px;
  }

  .helpBtn .popupcontent .content .divColum{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px 32px 0px 24px;
    gap: 20px;
    
  }

  .helpBtn .popupcontent .content .divitem{
    display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 8px;
padding-left: 20px;
    
  }

  .helpBtn .popupcontent .content .divColum .ico{
    
margin-left: 10px;
    
  }

  .contactPoupup .popupcontent h5{
    
  
    height: 24px;
    
    font-family: 'Montserrat',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */


    color: #000000;
    }
  .contactPoupup .popupcontent p{
  
    
    height: 96px;
  
  font-family: 'Montserrat',sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  /* or 150% */

  text-align: justify;

  color: #000000;
  }

  .helpBtn .arrow-up{
  
    width: 0;
    height: 10;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 50px solid #555;
    border-bottom: 15px solid rgb(255, 255, 255);
  }

  .billagreebox
{
  margin-top: 16px;
  display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 16px;
margin-top: 50px;


height: 84px;

}

.billagreebox p
{
  font-family: 'Montserrat',sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  /* or 167% */
  max-width: 1282px;
  
  color: #110303;
  margin-top: -10px;
}
.billagreebox a
{
  color: #0d68cf;
  text-decoration: underline;
}



.content .col-xl-3
{
  
  width: 375px;
  max-width: 380px;
}


.agreemnt
{
  margin: auto;
  
}
.agreemnt h3
{
  text-align: center;
  padding: 20px 20px;

  font-family: 'Montserrat',sans-serif;
  font-style: normal;
  font-weight: 600;
  
}

.agreementbox
{
  z-index: -1500;
  
  margin: auto;
}




/*----------------------popup style------------------------*/

.agreementpopup {
  position: relative;
  display: inline-block;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.agreementpopup .agreementpopuptext {
  visibility: hidden;
  width: 450px;
  background-color: #555555db;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px 10px;
  position: absolute;
  z-index: 2;
  bottom: 50%;
  bottom: 60px;
  left: 50%;
  margin-left: -120px;
}





/* Toggle this class - hide and show the popup */
.agreementpopup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

/*--------------------------------------------------------*/







/*---------------------------------Footer----------------------------------------------------*/

footer {
  
  position: fixed;
  left: 0;
  bottom: 0px;
  
  width: 100%;
  
  height: 55px;
  margin-bottom: 0px;

  
  color: white;
  text-align: center;
  z-index: 1;
/*--- test color ----     
 background: #c2212188;  
 /*---------------------*/ 
}
.footerContent{
  display: flex;
  
flex-direction: row;
align-items: flex-start;
padding: 0px;

/*
position: absolute;

width: 100%;
*/
height: 76px;
margin-top: -40px;
margin-right: 120px;
margin-left: 120px;
/*
left: 120px;
top: 41px;
background: rgb(255, 255, 255);  
*/


}

.footerContent2
{
  flex-direction: row;
align-items: flex-start;
padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 76px;
margin-top: -50px;

/*
margin-right: 120px;
margin-left: 120px;
left: 120px;
top: 41px;
background: rgb(255, 255, 255); 
*/


}

.footerdiv{
  display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 24px 16px;


width: 385px;
height: 70px;
color: #110303;
background: #FFFFFF;
border: 1px solid #EBEBEB;
}

.footerdiv p{
  margin-top: 15px;
  margin-left: 10px;

font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 28px;
/* identical to box height, or 127% */


color: #110303;
}

.footerdiv image{
  width: 28px;
  height: 28px;
  



color: #110303;
}

.powerdBy
{
  background-color: #000000;
  /*background-color: #6e1111a2;*/
  padding: 1px 1px;
  height: 33px;
  
}

.powerdBy img
{
  height: 25px;
  margin-left: -50px;
}


@media (max-width: 550px) {
  .footerContent
  {
    margin-right: 40px;
    margin-left: 40px;
  }

  .infocardfotter
{
 

width: 360px;

}

.infocontent
{
 

width: 360px;

}

  .footerdiv{
    padding: 16px 16px;
    
  }
  .footerdiv p
  {
    display: none;
  }
  
  container {
    padding: 0px 20px; 
  }
  .nav-row
{
  margin-right: 0px;
}
.helpBtn .popupcontent{
  left: -65px;
  
}
.helpBtn .popupcontent .content
{
  width: 370px;
  height: 1200px;
}
  

}

@media (min-width: 800px) {
  .helpBtn .popupcontent{
    left: 15px;
    
  }
  .arrow-up
{
  display: none;
}
}

@media (max-width: 800px) {
  
  container {
     padding: 50px 15px; 
}


nav
{
  margin-top: 0px;
  padding: 32px 32px;


}
.second-nav
{
  gap:10px;
}
.arrow-up
{
  display: none;
}



}


@media (max-width: 800px) {
  
  container {
     padding: 50px 15px; 
}


nav
{
  margin-top: 0px;
  padding: 32px 32px;


}
.second-nav
{
  gap:10px;
}
.arrow-up
{
  display: none;
}



}







@media (max-width: 1000px) {
  
  .footerdiv p
  {
    display: none;
  }

  

}

@media (max-width: 1200px) {
  
 
  .infocardfotter
  {
   
  
  width: 360px;
  
  }
  
  .infocontent
  {
   
  
  width: 360px;
  
  }
  .second-nav
  {
    margin-top: 50px;
  }
  

}

@media (max-width: 1600px) {
  
  .content .col-xl-9
  {
    
   
    max-width: 900px;
  }
  .heroContent .col-xl-9
  {
    
   
    max-width: 900px;
  }


  nav .col-xl-7
  {
    
   
    max-width: 850px;
  }
 


}
@media (min-width: 1600px) {

  .arrow-up
  {
    display: block;
  }
  .helpBtn .popupcontent{
    left: -190px;
    
  }
}

.multiform label
{
  margin-top: 10px;
  font-family: 'Montserrat',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
margin-bottom: 20px;

letter-spacing: 0.001em;

color: #5E5E5E;
}

.multiform textarea
{

  box-sizing: border-box;

/* Auto layout */
/*
display: flex;
flex-direction: row;
*/
align-items: center;
padding: 16px;

width: 100%;
border: 1px solid #d6d3d3;
border-radius: 10px;

}

.multiform .ilcSelect
{
 /* 
padding-left:12px ;
*/
width: 250px;
}
option:after {
  content: " ";
  height: 20px;
  width: 20px;
  border-radius: 5px;
  display: inline-block;
}


.multiform .dateSelect
{
  padding: 5px;
  width: 70px;
 }
 .multiform .YearSelect
{
  padding: 5px;
 width: 120px;
 }


/*--------------------------------------------------------------------------------*/


.cridetYearbox
{
  display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px;
gap: 16px;

width: 86px;
height: 52px;
margin-right: 10px;

background: #FFFFFF;
border: 1px solid #EBEBEB;
border-radius: 8px;
}

.cridetSecuritybox
{
  display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px;
gap: 16px;

width: 70px;
height: 52px;
margin-right: 10px;

background: #FFFFFF;
border: 1px solid #EBEBEB;
border-radius: 8px;
}

input.middle:focus {
  outline-width: 0;
}

.buttonClose {
  background-color: #8D181B; 
  border: none;
  border-radius: 8px;
  color: white;
  font-size: 12px;
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
}

.loading {
	z-index: 20;
	position: fixed;
	top: 0;
	left:0px;
	width: 100%;
	height: 200%;
    background-color: rgba(0,0,0,0.4);
}
.loading-content {
	position: absolute;
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 50px;
	height: 50px;
	top: 20%;
	left:50%;
	animation: spin 2s linear infinite;
	}
	
	@keyframes spin {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	}
  

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.link-button { 
  background: none;
  border: none;
  color: #8D181B;
  font-weight: bold;
  cursor: pointer; 
}

.link-button-disable { 
  background: none;
  border: none;
  color: #c5adae;
  font-weight: bold;
  cursor: pointer; 
}