@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;900&display=swap');




:root{

  --blue:#3375D4;
  --mediumblue:#4283e6;
--white:#fcfcfc;
  --silwer:#f4f4f4;
  --black:#0D0D0D;
--darksilwer:#6A6A69;
--liteblue:#deebfc;
--liteblack:#161616;


}



*{

    font-family: 'Rubik', sans-serif;
  margin:0; padding:0;

  box-sizing: border-box;

  outline: none; border:none;

  text-decoration: none;

  

 
}

 img {
	display: block;
	width: 100%;
	height: auto;
 }


html{

  font-size: 1rem;

  overflow-x: hidden;


}

h1{
	font-size: 3rem;
	color: var(--black);
	text-transform: unset;
	margin-bottom: 1rem;
	font-weight: 500;
    letter-spacing: -1px;
    line-height: 1;
}
h2{
	font-size: 2.5rem;
	color: var(--black);
	text-transform:unset;
	
	line-height: 1.2;
	margin-bottom: 1rem;
	font-weight: 500;
    letter-spacing: -0.5px;
}
h3{
	font-size: 1.5rem;
	color: var(--black);
	text-transform: unset;
	font-weight: 500;
	margin-bottom: 1rem;
	line-height: 1.2;
}

p{
	font-size: 1rem;
	color: var(--darksilwer);
	line-height: 1.5;
	transform: unset;
    max-width: 60ch;
}

.sub-header{
    text-transform: uppercase;
    margin-bottom: 1rem;
    color: var(--blue);
    font-weight: 700;
    letter-spacing: 1px;
}
img{
	display: block;
	width: 100%;
	height: auto;
}




.heading{
    width: 100%;
}

.bold{
    font-weight: 500;
color: var(--black);
}

.linia {
    width: 100%;
 margin-bottom: 4rem;
    height: 2px;
    background-color: var(--darksilwer);
    opacity: 30%;
}
.stars-link{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
   
}
.stars-link p{
margin-right: 1rem;
}

/*:::::HEADER MOBILE:::::*/


.header{
	background-color: var(--white);
   
	height:auto;
	width: 100%;
	position: fixed;
	display: block;
	margin: auto;
top:0;
	z-index: 999;
}


.logo{
    width: 10rem;
   margin: 1.4rem 1rem;
}

/*::::NAWIGACJA MOBILE:::::*/



.toggle-button {
    position: absolute;
    top: 1.4rem;
    right: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 24px;
}


.toggle-button .bar {
    height: 3px;
    width: 100%;
    background-color: black;
    border-radius: 10px;
}


.menu{
	display: none;
	height: calc(100vh - 3rem);
}
 nav{
	background: var(--white);
	position: relative;
	display: flex;
    justify-content: space-between;
	
	

	
}




nav ul{

	list-style-type: none;
	padding: 1rem;
	color: #fff;
text-transform: unset;

}
nav ul{
	display: block;
    padding-top: 4rem;
   
}
nav ul li{
	margin-top: 1rem;
   
}

nav ul li:nth-child(4){
margin-top: 4rem;
margin-bottom: 2rem;

}


nav a{
	text-decoration: none;
	text-align: left;
	color: #504F4F;
	display: block;
	
   
	border: none;
	font-size: 1.5rem;
	line-height: 1;
	transition: 0.2s;
padding: 0;

	
}

nav a:hover{
color:var(--blue);

}

.disabled{
	color:var(--blue);
}

.menu.active {
	display: block;
}

/*------------baton header start--------------*/
nav .btn-tel{
   
    width: auto;
    
    border: 2px solid var(--blue);
    border-radius: 2rem;
   font-size: 1rem;
   margin-bottom: 5rem;
   background-color: none;
  padding:0.5rem 1rem;
  
 
    
}
.btn-zapis{
   
    width: auto;
    padding: 0.5rem 1rem;
   background-color: var(--blue);
   color: var(--white);
    border-radius: 1rem;
    border: 2px solid var(--blue);
    border-radius: 2rem;
    font-size: 1rem;
    
}

.btn-zapis:hover{
background-color: var(--mediumblue);
border-color: var(--mediumblue);
}
/*-------------baton header stop---------------*/



/*:::::::::   NAWIGACJA MOBILE KONIEC     :::::::::::::*?
/*::::::::::::::::::::::::::::::::::::::::::::::*/

/*----------hero start mobile-----------------*/

section{
    padding-top: 0;
    padding-bottom:0;
}
.hero {
    width: 100%;
    margin-top: 4rem;
    background-color: var(--blue);
   
}
.content-flex{
    padding: 2rem 1rem 2rem 1rem;
    margin: auto;
    display: block;
    width: 100%;
    height: auto;
}

.hero .content-flex .column-left{
    display: block;
    width: 100%;
   
    padding: 0;
    border-radius: 1rem 1rem 0 0;
}
.hero .content-flex .column-right{
    display: block;
    width: 100%;
    border-radius: 1rem;
    
    
}
.hero .content-flex .column-right img{
   
    border-radius: 1rem;
    
    
}
.hero .content-flex .column-left .btn-zapis{
font-size: 1rem;
padding:1rem 3rem;
display: inline-block;
width: auto;
margin-bottom: 3rem;
margin-top: 2rem;
background-color: var(--blue);
border: 2px solid var(--white);


}
.hero .content-flex .column-left .btn-zapis:hover{
    background-color: var(--white);
    color: var(--blue);
}

.hero .content-flex .column-left h1{
    font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: 2rem;
    color: var(--white);
    
}

.hero .content-flex .column-left p{
    margin-bottom: 1rem;
    color: var(--liteblue);
   
}
.hero .content-flex .column-left .sub-header{
    margin-bottom: 1rem;
    color:var(--white);
    
}

/*------------hero stop mobile-------------------*/

/*-------------benefit start mobile---------------*/
.benefit {
    width: 100%;
   
    background-color:var(--white);
   
}

.benefit .content-flex .heading{
    margin-bottom: 2rem;
}

.benefit .content-flex .box-flex{
    display: block;
    width: 100%;
   
background-color: var(--silwer);
padding: 1rem;
 
    margin-bottom: 2rem;
   border-radius: 1rem;
   border: 1px solid var(--silwer);
   

}
.benefit .content-flex .heading h2{
    color: var(--black);
   
} 


.benefit .content-flex .box-flex i{
   
    height: auto;
    margin-bottom: 2rem;
    color:var(--blue);
    font-size:2rem ;
   
    
  
   
}
.benefit .content-flex .box-flex h3{
    color:var(--black);
}
.benefit .content-flex .box-flex p{
    color:var(--darksilwer);
}
/*------------benefit stop mobile----------------*/



/*-----------------kadra start mobile----------*/
.kadra{
    background-color:var(--white);
   
   
}


.kadra .content-flex .column-left{
    width:100%;
    padding-top: 0;
}
.kadra .content-flex .column-left p{
    margin-bottom: 2rem;
}
.kadra .content-flex .column-left h2{
    margin-bottom: 2rem;
    font-size: 2rem;
}

.kadra .content-flex .column-left h3{
    margin-bottom: 3rem;
}

.kadra .content-flex .column-left  .fa-ul li p{
    font-size: 1rem;
margin-top: 0;
margin-bottom: 0;

 line-height: inherit;

}
.kadra .content-flex .column-left  .fa-ul li{
    margin-bottom: 1rem;
}


/*------------------kadra stop dmobile----------------*/

/*----------------kurs mobile start------------*/
.kurs{
    background-color: var(--white);
    
}
.kurs .content-flex .column-left{
    padding-top: 0;
    margin-bottom: 2rem;
    background-color: var(--silwer);

}

.kurs .content-flex .column-right{
   display: none;

}
.kurs .content-flex .box-flex2 p{
   
    margin-bottom: 2rem;

}
.kurs .content-flex .box-flex2 h2{
   
    font-size: 2rem;
    margin-bottom: 2rem;

}

.kurs .content-flex .box-flex2 h3{
    font-size: 1.5rem;
    line-height: 1.2;
   margin-bottom: 2rem;
    margin-top: 0;
    background-color: var(--black);
   display: inline-block;
   padding: 0.5rem;
   color: var(--white);
}
.kurs .content-flex .box-flex1 {
   
   display: none;

}







.fa-ul li{
   
    line-height: 1.5;
    color: var(--darksilwer);
    
    
   
 }

 .kurs .content-flex .box-flex2  .fa-ul li p{
      font-size: 1rem;
   margin: 0 0 1rem 0;
   line-height: inherit;
 
 }


 .fa-ul{
   
    margin-bottom: 2rem;

  
 }

 .fa-ul i{
    margin-left:0;
    
   

  
 }

 .fa-li{
    font-size: 1rem;
   
    line-height: 1;
   padding: 0;
   color: var(--blue);
 
    margin: 0;
   
   
   
   
}



.hot-news{
    background-color: var(--white);
    padding: 1rem;
    width: 100%;
    display: flex;
    margin-bottom: 3rem;
  

}

.hot-news img{
    width: 3rem;

}
.hot-news p{
   margin-bottom: 0;
   line-height: 1.5;
}

.hot-news h3{
    margin-top:0;
    margin-bottom: 0;
    line-height: 1.5;
    margin-left: 1rem;
    margin-top: 0;
 }

 .kurs .content-flex .box-flex{
    background-color: var(--silwer);
    padding: 1rem;


 }
/*----------------kurs mobile stop------------*/

/*----------------pojazdy mobile start----------*/
.pojazdy{
    background-color: var(--white);
   
}

.pojazdy .content-flex .column-left{
    display: block;
    width: 100%;
    overflow: hidden;
   
}
.pojazdy .content-flex .column-right{
    display: block;
    width: 100%;
    margin-bottom: 2rem;
   overflow: hidden;
   border-radius: 1rem;
   
}


.pojazdy .content-flex .column-left h2{
    font-size:2rem ;
    margin-bottom: 2rem;
}

.pojazdy .content-flex .column-left p{
   margin-bottom: 2rem;
}
/*-----------------pojazdy mobile stop-----------*/

/*------------opinie mobile start------------*/
.opinie{
    background-color: var(--white);
   
}
.dane-osoba{
    font-weight: 500;
    margin-bottom: 1rem;
}
.stars{
    margin-top: 1rem;
}

.stars i{
color: var(--blue);
}

.opinie .content-flex .heading h2{
    margin-top: 0;
    font-size: 2rem;
    margin-bottom: 2rem;
}

.opinie .content-flex .heading{
    margin-bottom: 2rem;
}

.opinie .content-flex .box-flex{
    background-color: var(--silwer);
    padding: 2rem;
    margin-bottom: 2rem;
    border-radius: 1rem;
}

/*------------opinie mobile stop------------*/


/*----------------cta mobile start---------------*/
.cta{
    background-color:var(--black);
}




.cta .content-flex .box-flex1 h2{
    font-size: 2rem;
    color: var(--white);
}

.cta .content-flex .box-flex1{
   
    padding: 3rem 0 2rem 0;
}

.cta .content-flex .box-flex2{
   
    padding: 0;
}
.cta .content-flex .column-left {
   margin-bottom: 2rem;
   margin-top: 3rem;
}

.cta .content-flex  .btn-zapis{
    background-color: var(--blue);
  
    padding: 1rem 3rem;
    display: inline-block;
    margin-top: 2rem;
   
   
}
.cta .content-flex .column-right{
    margin-top: 1rem;
}

.cta .content-flex .box-flex1 .sub-header{
   color: var(--white);
   font-weight: 500;
}

/*-----------cta mobile stop----------------------*/


/*-------------faq mobile start--------------*/

.faq{
    background-color: var(--white);
}
.heading {
    margin-bottom: 2rem;
   
}
.dane-osoba{
    font-weight: 500;
    color: var(--black);
}
.heading h2{
   
   font-size: 2rem;
}

.accordion {
	
	background-color:var(--white);
   color: var(--black);
	cursor: pointer;
	padding: 1rem 0 0;
	width: 100%;
	
	text-align: left;
	outline: none;
	height: auto;
	font-weight: 500;
	transition: 0.3s;
  
  text-transform: unset;
	border-top: 2px var(--silwer) solid;

  }

.accordion .column-accordion{
	flex-basis: 100%;
	display: flex;
	justify-content:space-between;
	align-items: flex-start;
    height: auto;
  }



.column-accordion p{
text-transform: unset;

}
.column-accordion h3{
	text-transform: unset;
	margin-bottom: 0;
	font-weight: 500;
	
	}
.container-accordion{
	display: flex;
	flex-basis: 100%;
	flex-direction: column;
	align-items: flex-start;
	padding-bottom:0;
    height: auto;
	
}

.panel {
	
	width:100%;
	max-height: 0;

  background-color: var(--white);
 
  overflow: hidden;
  transition: max-height 0.2s ease-out;
margin-bottom: 0;
margin-top: 0;
padding-bottom:0;


}
.panel p{
	margin-top: 0;
	margin-bottom: 1rem;
}


.panel .kolumn1-3{
	margin-bottom: 48px;
	
}


.div-icon-accordion img{
	width: 2rem;
}

.div-icon-accordion img{
 transform: rotate(0deg);
  transition: all .2s ease-in-out;

}

.active .div-icon-accordion img{
	transform: rotate(180deg) 
}

/*--------------faq mobile stop-------------------*/
/*----------------footer mobile start---------------*/
.footer {
    padding-top: 2rem;
    padding-bottom: 3rem;
    background-color: var(--white);
}
.footer .box-flex{
    padding: 0;
    background-color: var(--white);
    margin-bottom: 2rem;

}
.footer .box-flex i{
    color: var(--blue);
    font-size: 2rem;
}

/*-----------foter mobile stop-------------*/

/*////////////////peage kurs mobile/////////////////*/
.close a i{
    color: var(--black);
    font-size: 2rem;
}
.logo-kurs  {
    top: 0;
    padding-top: 0;
    padding-bottom: 0;
   width: 100%;
   background-color: var(--white);
   margin: 0;
   height: 4rem;
}
.logo-kurs .content-logo{
    padding: 1rem;
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-width: 1230px;
    margin: auto;
}
.logo-kurs .content-logo .close {
    display: block;
    font-size: 2rem;
    margin-top: 0;
}

.logo-kurs .content-logo .image-logo img{
    width: 10rem;
}

.hero-kurs .content-flex .heading{
    width: 100%;
}

.hero-kurs .content-flex .heading h1{
    font-size: 2.5rem;
}
.hero-kurs{
    
    background-color: var(--white);
}

.hero-kurs .content-flex .cena{
    border-top: 1px solid var(--black);
    border-bottom: 1px solid var(--black);
    display: flex;
    width: auto;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.heading-h2{
    margin-top: 3rem;
}
.hero-kurs .content-flex .sms-content {
    display: block;
    margin-top: 2rem;
    flex-basis: auto;
    justify-content: space-between;
  
   align-items: center;
    padding: 0;
    border-radius: 1rem;
    width: 100%;
}

.hero-kurs .content-flex .sms-content i{
  font-size: 1.5rem;
  display: none;
}

.hero-kurs .content-flex .sms-content .dane{
    padding: 2rem;
}

.heading-h2 h2{
    font-size: 2rem;
}

.sms-content:hover{
    background-color: var(--black);
    overflow: hidden;
}
.sms-content{
    background-color: var(--blue);
}
.sms-content a{
    width: 100%;
}

.hero-kurs .content-flex .sms-content h3{
    margin-bottom: 1rem;
    font-size: 1.5rem;
    margin-top: 2rem;
    color: var(--white);
   }
   .hero-kurs .content-flex .sms-content p{
   margin-bottom: 2rem;
   color: var(--silwer);
   
   }
   .hero-kurs .content-flex .sms-content i{
       font-size: 2rem;
       margin-left:0;
       display: block;
      
       color: var(--white);
   }
/*/////////////////// - desktop - /////////////////*/



@media only screen and (min-width: 1128px) { /*........desktop.------------------*/



/*. - --------------menu---------....-*/
	.header{
		
	
	height: auto;
	width: 100%;
background: var(--white);
	position: fixed;
    padding: 1rem 0 1rem 0;
	
top:0;
	z-index: 999;
    border-bottom: 2px solid var(--silwer);
}

.container-head{
flex-direction: row;
	display: flex;
	width: 1230px;
margin: auto;
padding:0 1rem 0 1rem ;
justify-content: space-between;
align-items: center;


}





.toggle-button{    /*.hamburger...display none.*/
	display: none;
}

.logo{
    margin: 0;
}

.logo img{
	width: 10rem;
	padding: 1rem 0;
   
}

.menu{
	display: flex;
	height: auto;
	width: auto;
justify-content: space-between;
	
}

nav{


		display: flex;
		justify-content: space-between;
		

	}

	nav ul{
		display: flex;
align-items: center;
		justify-content: space-between;
		
		padding: 0 0 0 2rem;

	}


	nav a{

font-size: 0.8rem;
padding: 2rem 0;
margin: 0;
		
	}

    nav li{
        margin-left: 2rem;
    }
    nav ul li{
        margin-top: 0;
       
    }
/*..............- KONIEC MENU....*/


/*-----------baton header start------------*/

nav ul li .btn-tel{
    margin: 0;
    font-size: 1rem;
    
}
.btn-zapis{
    margin: 0;
    font-size: 1rem;
    
}
nav ul li:nth-child(4){
    margin-top: 0;
    margin-bottom: 0;
    
    }
/*-----------baton header stop-------------*/

/*----------------top section start desktop------------*/

.hero {
    width: 100%;
    margin-top: 7rem;
    background-color: var(--blue);
   
    
    
}

section{
    padding-top: 4rem;
    padding-bottom:4rem;
}
.content-flex{
    
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width:  1230px;
    height: auto;
    
}

.hero{
    padding-bottom: 4rem;
    padding-top: 4rem;
}
.hero .content-flex .column-left{
    display: flex;
    flex-direction: column;
   flex-basis: 50%;
   padding: 0 4rem 0 0 ;
  justify-content: flex-start;
  margin-top: 3rem;
 
 
    
}
.hero .content-flex .column-right{
    display: block;
    width: 50%;
    border-radius: 1rem 1rem 1rem 1rem;
   
overflow: hidden;
    
}



.hero .content-flex .column-left .btn-zapis{
font-size: 1rem;
padding:1rem 3rem;
display: inline-block;
width: auto;
margin-bottom: 0;
border: 2px solid var(--white);


}

.hero .content-flex .column-left h1{
    font-size: 3rem;
    line-height: 1.15;
    margin-bottom: 2rem;
    color: var(--white);
    
}

.hero .content-flex .column-left p{
    margin-bottom: 2rem;
    line-height: 1.5;
    color: var(--liteblue);
    opacity: 80%;
    
}
.hero .content-flex .column-left .sub-header{

margin-bottom: 1rem;
font-weight: 300;
letter-spacing: 0.5px;
color: var(--white);
opacity: 100%;
}
/*----------------top section stop desktop------------*/

/*--------------benefit strart desktop----------------*/

.benefit .content-flex .heading{
    width: 100%;
    font-size: 2.488rem;
}


.benefit .content-flex .box-flex{
    width: 31%;
    
padding: 2rem;

margin-bottom: 2rem;


 
}

.benefit{
    padding-top: 8rem;
}




/*-----------------benefit stop desktop------------*/

/*-----------------kadra start desktop----------*/

.kadra .content-flex .column-left{
    width:40%;
  margin-top: 2rem;
  
  
}


.kadra .content-flex .column-left h2{
    margin-bottom: 2rem;
    font-size:2.488rem ;
}
.kadra .content-flex .column-right{
   
    width: 50%;
    height: auto;
   display: block;
   border-radius: 1rem;
 

}
.kadra .content-flex .column-right img{
   
   
   border-radius: 1rem;
 

}

/*------------------kadra stop desktop----------------*/



/*------------------kurs desktop start-------------*/

.kurs .content-flex .box-flex1{
   
   flex-basis: 48%;
 display: block;
 
  overflow: hidden;

   border-radius: 1rem;

  
}


.kurs .content-flex .box-flex2{
    display: block;
    width: 48%;
    overflow: hidden;
    padding: 2rem 0 0 4rem;
    
    
}


.kurs .content-flex .box-flex2 h2{
   font-size: 2.5rem;
   line-height: 1.2;
   margin-bottom: 2rem;
   margin-top: 0;
}


    








/*----------------------kurs desktop stop-----------*/

/*------------pojazdy desktop start------------------*/

.pojazdy .content-flex .column-left{
    display: block;
    width: 48%;
    padding-right: 6rem;
    padding-top: 0;
    margin-bottom: 1rem;
}
.pojazdy .content-flex .column-right{
    display: block;
    width: 48%;
}

.pojazdy .content-flex .column-left h2{
    font-size:2.5rem ;
    margin-top: 0;



}

/*-------------pojazdy desktop stop---------------------*/

/*-------------opinie desktop start---------------------*/

.opinie .content-flex .heading{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    
}

.opinie .content-flex .heading h2{
    font-size: 2.5rem;
}
.opinie .content-flex .box-flex{
    width: 31%;
    padding: 2rem;
}

/*-------------opinie desktop stop---------------------*/

/*----------cta strat desktop---------------------------*/
.cta{
    background-color:var(--black);
}
.cta .content-flex .box-flex1{
    display: flex;
    flex-direction: column;
    width: 48%;
   justify-content: center;
   
padding: 4rem;
border-radius: 0 1rem  1rem 0 ;
}

.cta .content-flex .box-flex2{
    width: 48%;
   
    border-radius: 1rem 0 0 1rem ;
    overflow: hidden;

}

.cta .content-flex .box-flex1 h2{
   color: var(--white);
   font-size: 2.5rem;

}

.cta .content-flex .box-flex1 .btn-zapis:hover{
background-color: var(--white);
color: var(--blue);
border-color: var(--white);
}
/*----------cta sstop desktop---------------------------*/

/*---------------faq desktop start-------------------*/
.heading h2{
   
    font-size: 2.5rem;
 }



.accordion .column-accordion{
	flex-basis: 100%;
	display: flex;
	justify-content:space-between;
	align-items: center;
  }



.column-accordion p{
text-transform: unset;

}
.column-accordion h3{
	text-transform: unset;
	margin-bottom: 0;
	font-weight: 500;
	
	}
.container-accordion{
	display: flex;
	flex-basis: 100%;
	flex-direction: column;
	align-items: flex-start;
	padding-bottom:0;
	
}


.panel p{
	margin-top: 1rem;
	margin-bottom: 1rem;
}





.div-icon-accordion img{
	width: 2rem;
}

.div-icon-accordion img{
 transform: rotate(0deg);
  transition: all .2s ease-in-out;

}

.active .div-icon-accordion img{
	transform: rotate(180deg) 
}
/* ---------------------faq desktop stop----------*/
/*-------------------------footer start----------*/
.footer {
    padding-top: 6rem;
    padding-bottom: 6rem;
    background-color: var(--white);
}
.footer .box-flex{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
    padding: 0;
    background-color: var(--white);
   

}
.footer .box-flex i{
     font-size: 2rem;
    color: var(--blue);
    margin-top: 1rem;
}
.sub-dane{
    display: flex;
    padding-top: 1rem;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border-top: 2px solid var(--darksilwer);
    margin-top: 2rem;
}



/*-----------------------footer stop-------------*/

/*///////////////kurs peage start desktop////////////////*/

.logo-kurs{
    height: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.hero-kurs .content-flex .cena{
    border-top: 1px solid var(--black);
    border-bottom: 1px solid var(--black);
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.hero-kurs .content-flex .heading h1{
    font-size: 3.5rem;
    line-height: 1.2;
}
.hero-kurs .content-flex .heading-h2{
    width: 100%;
   
}
.hero-kurs .content-flex .heading-h2 h2{
    font-size: 2.5rem;
    line-height: 1.2;
    margin-top: 3rem;
   
}
.hero-kurs .content-flex .sms-content{
    display: flex;
    margin-top: 2rem;
    flex-direction: column;
    flex-basis: auto;
    justify-content: space-between;
  
   align-items: flex-start;
  
    border-radius: 1rem;
    width: 31%;
    
}



/*///////////////kurs peage stop desktop////////////////*/

}