.main-container{
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    }
div.package-card{ /* avo 11.03.24 */
  border-style: solid;  
  border-color: #3d618f;   /* #99e087; */
    border-width: 5px;}
.package-card{
    text-align:center;
    min-width:200px;
    border-radius: 12px;
    padding: 10px;
   /* background-color: #e6fcff;  #e5e5e5; */
    background-color: #f0f0f0;
    margin: 2px; /* avo 11.03.24 */
        display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 1 0px;
}
.package-card ul{text-align:left;}

.package-card-button{
    padding: 12px;
    border-radius: 12px;
    color: white;
    /* background: linear-gradient(135deg, rgba(66,64,119,1) 70%, rgba(42,105,184,1) 100%); */
    background: rgb(30, 39, 95); 
    text-decoration: none;
    min-width:180px; /* avo 03.03.24 */
    margin: 2px; /* avo 11.03.24 */
}

.package-card-button:hover{
    color: rgb(202, 240, 255) !important;
}

.intenret-container{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    
}

.tt-headercontainer{
  display: flex;
  justify-content: center;
  width:100vw;
}

.tt-header{
display: flex;
  width: 100%;
  padding: 0 20px;
  max-width: 1320px;
}

.tt-menu{
  justify-content: right !important;
  width:fit-content;
  align-items: center;
  padding: 20px;
}

.navbar {
  justify-content: right;
  pading:0 !important;
  margin:0;
}
.tt0, .ttbk0 {background-color: #e6fcff;} /*blue*/
.tt01, .ttbk1  {background-color: #e5e5e5;} /*gray*/
.tt1, .ttmaxw350 {max-width:350px;}
.tt2, .ttminw300 {min-width:300px;}
.tt3, .ttmaxw-xl {max-width:1024px;}
.tt4, .ttminw-xl {min-width:550px;}
.tt5 {text-align:left;}

.control-group { /* avo 11.03.24 */
  margin:.25em 0
}