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


@font-face {
    font-family: 'verdana';
    

}

@font-face {
    font-family: 'verdana';
   

}


*{
    margin: 0;
    bottom: 0;
    box-sizing: border-box;
   
     
}

.containerr{
    padding-top:30px ;
}


.uni{
    color: #676767;
}
 
 
.containerr{
    margin: 0px 45px;
}
body{
    margin: 0;
    bottom: 0;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
     
    

}

button:focus(:focus-visible) {
	outline:none !important;
}

#sec-one {
	margin-top: 47px;
}



button:focus:not(:focus-visible) {
    outline:none !important;
    box-shadow: none;
  }

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #862628 !important;
    height: auto;
  }

.top-header{
    box-shadow: 0px 4px 20px 0px #0000001A;
    position: relative;

}

.side-bar{
    background: #E8E8E8;
    border-bottom: 1px solid #BABABA;
    width: 100%;
  }

  .dropdown-menu.show {
    padding: 0px;
}
.swiper .btn {
    display: none;
}

.flag{
    display: flex;
    justify-content: right;
    align-items: center;
     }

.flag .flag-border{
    display: flex;
 
}

 .main-card:hover > .inner-cards .card-svg{
    stroke: #fff;

      
}


.card-img.card-img-top {
	border-bottom: 0;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.form-select {
   
    outline: none;
    box-shadow: 0px 4px 15px 0px #00000012 !important;
    color: #8C8C8C;
}

.form-check-input:checked {
	background: #842a29;
	border-color: #842a29;
    box-shadow: none;
    background-image: none;
}
 
 

.form-check-input:checked :focus{
	 box-shadow: none;
     outline: none;
}

 .flag-india{
    margin-left:-10px !important;
 }

 .flag-drop{
    border: 1px solid grey !important;
 }

  .dask-navbar{
        margin-left: 0px !important;
        margin-right: 0px !important;
  }

.mobile-nav ul li:hover {
	color: #FFF;
    background: #C2202D;

}

.mobile-nav ul li:hover > a{
    color: #fff;
}

.flag .flag-border p .arow{
    transform: rotate(180deg);
}

.stick {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    bottom: 100px;
   
  }

  .nab-body {
	margin: 30;
	padding: 22px 13px;
	background: #efefef;
}
  

.menu-btn{
    display: none !important;
}

.nab{
    margin-top: 18px;
}

.nab {
	overflow: hidden;
  
}
.nav-div ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.section-one{
    display: none;
}

.navb{
    background: #000;
}
 
.nav-div ul li a{
    font-family: Inter;
font-size: 20px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color: #FFFF;

}

.summary-container{
    width:100%;
    height: auto;
}

.s-btn {
	display: inline-block;
	padding: 11px 12px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	background: #C2202D;
	margin-left: 5px;
	padding-top: 7px;
}

.s-btn:hover{
    color: #fff;
}

.nav-div ul li a {
	padding: 8px 33px !important;
}

.nav-div ul li a:hover{
    color: #C2202D;
}

.nav-div ul li .active{
    background-color: #C2202D;
    
}

.nav-div ul li .active:hover{
    color: #FFF;
}

.row.mt-4.nab-body.p-3 {
	background: #EFEFEF;

}

#home-tab{
    padding: 0px;
height: auto;
}



 .nab .dark{
    color: #000;
    
    font-family: verdana;
}

.dask-navbar{
    margin-left:0px ;
    margin-right:0px ;
}

 
.summary-btn span {
	margin-left: 5px;
	margin-top: 2px;
}

.nab button{
    background: #C2202D;

    color: #FFF;
    border: none;
    padding: 16px 18px;
    font-family: verdana;
    font-size: 13px;
}

.dropdown-menu {
	position: absolute;
	z-index: 1000;
	display: none;
	min-width: 10rem;
	padding: 0px 0;
	margin: 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: .25rem;
}

.flag-india {
	width: 25px;
	margin-right: -7px;
}

.btn-group-lg > .btn, .btn-lg {
	font-size:16px !important;
}
 .darkk{
    background-color:#000 !important;
 }

.finder{
    width: 70%;
}

.post{
    width: 30%;
    display: flex;
    align-items: start;
    margin-bottom: 62px;
}

.radio input{
    display: none;
}

.radio{
    margin-left: 20px;
}

.cir-oone{
    margin-left: 0px;
}

.post .btnn{
    display:none;
}

.post .btnn button {
    transform: rotate(-90deg);
    padding: 10px;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    background: #000;
    border: none;
    color: white;
    display: flex;
    align-items: center;
    display: none;
  }

h2{
    font-family: verdana;

}
.borde{
    display: block !important;
}

.borde::after{
    content: " ";
    display: block;
    width: 100px;
    height: 2px;
    background: #C2202D;
    

}

/* .form-check-input:checked{
    background-color: #862628;
    color: #862628;
    border: none;
    box-shadow: none;
} */
 
.main-card{
    width: 100%;
 }

 .swiper {
	display: flex;
	position: absolute;
	top:555px;
	height: 137px;
	right: 0px;
    display: flex !important;
	z-index: 99;
}

.pera-cont {
	padding: 2px 14px;
}

.swiper .pera {
	background-color: #D9D9D9;
	font-size: 10px;
	line-height: 25px;
	/* padding: 5px; */
	overflow: hidden;
	width: 0px;
    transition: 0.5s;
    box-shadow: 0px 4px 10px 0px #00000040;

}

.swiper .pera p {
	font-size: 20px;
	margin: 1px 11px;
}
 
.typ {
    padding: 12px 27px;
  }
.typ p{
    color: #000!important;
    text-align:left !important;
    font-size: 16px !important;
    padding-bottom: 0px !important;
}

label{
    font-family:verdana ;
}

.section-3-btn{
    display: flex;
    justify-content: center;align-items: center;
}

.section-3-btn button{
    color: #FFF;
    background:#C2202D;
    border: none;
    padding: 10px;
    font-family:verdana;
    font-size: 13px;
}

 
.custom-ratio .circle-o {
    padding-left: 0px;
}
.custom-ratio .circle-t-o {
    padding-left: 0px;
}
.custom-ratio .circle-th-o {
    padding-left: 0px;
}
.custom-ratio .circle-f-o {
    padding-left: 0px;
}



/* ratio section */

.circle-section{
    margin-top: 30px;

 }

 .circle-section label{
    font-size: 25px !important;
 }

 .custom-ratio{
    width:100%;
    display: flex;
    
 }

 

 .cardd .col-lg-2{
    width: 20%;
 }
  

/*  
.custom-ratio .circle-t input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
    
    background: url(./img/Unidekor-Glatt/Unidekor-Glatt-2.png) left center no-repeat;    
    background-size: cover;
     
}
.custom-ratio .circle-th input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
     
    background: url(./img/Unidekor-Glatt/Unidekor-Glatt-3.png) left center no-repeat;    
    background-size: cover;
    
}
.custom-ratio .circle-f input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
     
    background: url(./img/Unidekor-Glatt/Unidekor-Glatt-4.png) left center no-repeat;    
    background-size: cover;
     
}
.custom-ratio .circle-fi input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
    
    background: url(./img/Unidekor-Glatt/Unidekor-Glatt-5.png) left center no-repeat;    
    background-size: cover;
     
}
.custom-ratio .circle-si input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
    
    background: url(./img/Unidekor-Glatt/Unidekor-Glatt-6.png) left center no-repeat;    
    background-size: cover;
    
}
.custom-ratio .circle-se input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
    
    background: url(./img/Unidekor-Glatt/Unidekor-Glatt-7.png) left center no-repeat;    
    background-size: cover;
     
}
.custom-ratio .circle-e input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
     
    background: url(./img/Unidekor-Glatt/Unidekor-Glatt-8.png) left center no-repeat;    
    background-size: cover;
    
}

/* ratio second row */

/* .custom-ratio .circle-t-o input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(./img/Unidekor-strukturiert/Unidekor-strukturiert-1.png) left center no-repeat;    
    background-size: cover;
    
}
.custom-ratio .circle-t-t input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(./img/Unidekor-strukturiert/Unidekor-strukturiert-2.png) left center no-repeat;    
    background-size: cover;
    
}
.custom-ratio .circle-t-th input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(./img/Unidekor-strukturiert/Unidekor-strukturiert-3.png) left center no-repeat;    
    background-size: cover;
    
}
.custom-ratio .circle-t-f input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(./img/Unidekor-strukturiert/Unidekor-strukturiert-4.png) left center no-repeat;    
    background-size: cover;
    
}
.custom-ratio .circle-t-fi input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(./img/Unidekor-strukturiert/Unidekor-strukturiert-5.png) left center no-repeat;    
    background-size: cover;
    
}

.custom-ratio .circle-t-si input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(./img/Unidekor-strukturiert/Unidekor-strukturiert-6.png) left center no-repeat;    
    background-size: cover;
    
}


.custom-ratio .circle-th-o input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(../img/Holzdekor/Holzdekor-1.png) left center no-repeat;    
    background-size: cover;
    
}
.custom-ratio .circle-th-t input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(../img/Holzdekor/Holzdekor-2.png) left center no-repeat;    
    background-size: cover;
    
}
.custom-ratio .circle-th-th input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(../img/Holzdekor/Holzdekor-3.png) left center no-repeat;    
    background-size: cover;
    
}
 
.custom-ratio .circle-th-f input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(../img/Holzdekor/Holzdekor-4.png) left center no-repeat;    
    background-size: cover;
    
}
.custom-ratio .circle-th-fi input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(../img/Holzdekor/Holzdekor-5.png) left center no-repeat;    
    background-size: cover;
    
}
.custom-ratio .circle-th-si input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(../img/Holzdekor/Holzdekor-6.png) left center no-repeat;    
    background-size: cover;
    
}
 

.custom-ratio .circle-th-se input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(../img/Holzdekor/Holzdekor-7.png) left center no-repeat;    
    background-size: cover;
    
}
.custom-ratio .circle-th-e input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(../img/Holzdekor/Holzdekor-8.png) left center no-repeat;    
    background-size: cover;
    
}
.custom-ratio .circle-f-o input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(../img/Unlimited-Finish/one.png) left center no-repeat;    
    background-size: cover;
    
}

.custom-ratio .circle-f-t input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(../img/Unlimited-Finish/two.png) left center no-repeat;    
    background-size: cover;
    
}
.custom-ratio .circle-f-th input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(../img/Unlimited-Finish/three.png) left center no-repeat;    
    background-size: cover;
    
}
.custom-ratio .circle-f-f input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(../img/Unlimited-Finish/for.png) left center no-repeat;    
    background-size: cover;
    
}
.custom-ratio .circle-f-fi input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(../img/Unlimited-Finish/five.png) left center no-repeat;    
    background-size: cover;
    
}
.custom-ratio .circle-f-si input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(../img/Unlimited-Finish/six.png) left center no-repeat;    
    background-size: cover;
    
}
.custom-ratio .circle-f-se input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(../img/Unlimited-Finish/seven.png) left center no-repeat;    
    background-size: cover;
    
}
.custom-ratio .circle-f-e input[type="radio"] {
     
    -webkit-appearance: none;
    border: none;
   
    background: url(../img/Unlimited-Finish/eight.png) left center no-repeat;    
    background-size: cover;
    
} */ */

.input-hidden {
    position: relative;
    left: -9999px;
    display: none;
  }
  
  input[type=radio]:checked + label>img {
    border: 3px solid #862628;
    padding: 3px;
    
  }
  
  /* Stuff after this is only to make things more pretty */
  input[type=radio] + label>img {
    
    width: 80px;
    height: 80px;
    transition: 500ms all;
    border-radius: 50%;
  }

.label{
    font-family: verdana !important;
}

.card-img {
	padding: 25px 0px;
	position: relative;
	overflow: hidden;
}

 

.card-img .hai{
  position: absolute;
  top: 3px;
  right: 3px;
}



.borrdd-img {
	width: 240px;
	height: 170px;
}

.nav-tabs {
	border-bottom:none;
}

.main-card .card-text.text-center {
	font-size: 14px;
}
.main-card .card-body.inner-cards {
	padding: 20px 10px;
	background-color: #EFEFEF;
    color: #000;
}

.main-card:hover > .inner-cards {
	background: #C2202D;
	transition: unset;
	color: #fff;
}
.main-card > .inner-cards.active {
    background: #C2202D;
    transition: 0.6s;
    color: #fff;
}
.main-card > svg.active {
    transition: 0.6s;
    color: #fff;
}
.main-card:hover > .inner-cards .active {
    background: #C2202D;
    transition: 0.6s;
    color: #fff;
}
.inner-cards:active {
    background: #862628;
    transition: 0.6s;
    color: #fff;
}

.form-check-label.font {
	font-size: 12px;
}

.form-select:focus{
  border:rgba(0, 0, 0, 0.527) ;
}



.circle-perent{
    display: flex;
    justify-content: space-between;
     
}
.circle-perent .circle{
    width: 8%;
    height: 10vh;
    border-radius: 50%;
    
}

.circle-perent .circle-one{
    background: #BEC8C3;
}


.circle-perent .circle-two{
    background: #29353F;

}


.circle-perent .circle-three{
    background: #5E6972;

}

.circle-perent .circle-for{
    background: #D2D9E0;


}


.circle-perent .circle-five{
    background: #41414A;


}

.circle-perent .circle-six{
    background: #17191B;


}

.circle-perent .circle-seven{
    background: #A1A8AE;


}

.circle-perent .circle-eight{
    background: #97A4AD;


}

.bord{
    width: 100%;
}

.footer {
	padding: 42px 21px;
	background: #E2E2E2;
}



.footer ul li{
    list-style-image: url("../img/footer-icon.svg"); 
    
    margin-bottom: 10px;
}


 

.menu-btn{
    display: none;
    height: 35px;
align-items: center;
margin-left: -9px;
cursor: pointer;
}

 .custom-ratio .oone{
    margin-left: 0px;
    width: auto;
    padding: 0px;
 }


   /* rectengle radio btn  end */
 

   .glatt{
    margin: 50px 0px;
   }

 .perent-radio-box {
	display: flex;
	 
}

 


.radio-box {
	width: 9%;
	/* height: 78px; */
	border: 1px solid #D1D1D1;
	margin-left: 7px;
	border-radius: 11px;
    position: relative;
   
}

.rec-radio-img:hover{
    cursor: pointer;
}

.red{
    border-bottom:5px solid #0d6efd;
}


    .form-radio {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .redio-text{
        color:#676767;
        font-size: 9px;
        padding: 0px 2px;
    }

    .rec-radio-img{
        width: 100%;
    }

    .pop-icon {
        top: 2px;
        /* background: black; */
        position: absolute;
        right: 2px;
        z-index: 22;
        width: 16px;
    }


     /* rectengle radio btn  end */

@media screen and (max-width: 1080px) {
    .post {
        position: absolute;
        display: flex;
        top: 290px;
        right: 8px;
        z-index: 97;
        width: auto;
        height: 116px;
        
         
    }

    .input-hidden {
        position: relative;
        left: -9999px;
        display: none;
      }

      .summary-container{
        width: 370px;
        
         
    }

    .flag .flag-border {
        padding-top: 8px;
        display: flex;
    }

    .radio{
        margin-left:10px;
      }

      .cir-oone{
        margin: 0px;
      }

    .cardd .col-lg-2{
        width: 20%;
     }

     .side-bar{
         
         width: 0px;
        height: 811px;
        overflow: hidden;
        
        transition: 0.5s;
           
     }
     .post .btnn{
        height:109px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 44px;
        position: sticky;
top: 0px;
    }

     .post .btnn button{
        
        display: flex !important;
     } 

     .finder{
        width: 100%;
     }
      
     
    .nab {
        overflow: hidden;
        margin-top:18px;
    }

    .main-card {
        width: 100%;
    }
    .custom-ratio {
        width: 65%;
        display: flex;
         
    }
   
    
  }
  


   

 @media screen and (max-width: 815px) {
    .flag-drop{
        padding: 0px 5px;
        padding-bottom: 3px;
   }
    .language{
       width:19% !important;
    }

    .input-hidden {
        position: relative;
        left: -9999px;
        display: none;
      }

    .cardd .col-lg-2{
        width: 33%;
     }

    .section-one {
        display: block;
        overflow-x: hidden;
        margin: 20px 8px;
    }
     
    .custom-ratio {
        width: 70%;
        display: flex;
       
    }
    
    
    .flag-border p{
       width: 10px;
    }

    .cardd {
        padding-left: 5px;
        padding-right: 0px;
        overflow: hidden !important;
    }
  

    .bord-perent{
       text-align: center;
    }

    .bord {
        width: 75%;
    }
     
    .section-3-btn{
          display: flex;
          justify-content: center;
          align-items: center;
    }

    .section-3-btn .btn{
        width: 364px;
        display: flex;
        justify-content:space-evenly ;
          align-items: center;
    }

    
.containerr{
  margin: 0px 0px;
}
.section-5{
    margin-top: 0px !important;
}

.containerr{
    padding-top: 0px;
}


.navb  {
    display: none;
   
}

.slick-dotted.slick-slider {
	margin-bottom: 30px;
	margin-left: -4px;
	margin-top: 10px;
	overflow-x: hidden;
}

.menu-btn{
   display: block;
}

.nab .nav-body{
   margin-top: 0px !important;
}
.nab p{
   text-align: center;
}

.nab .nab-btn{
   display: flex;
   justify-content: center !important;
   padding-top: 10px;
   
}

.nab-body{
    padding: 20px 0px !important;
    
}

.custom-ratio .circ input[type="radio"] {
	width: 74px;
	height: 74px;
	background-size: 100%;
	margin-left: -7px;
}




.menu-btn {
	 
	margin-left: 2px;
	cursor: pointer;
}

.borde {
	text-align: center;
}

.borde + p{
    text-align: center;
}

.borde::after{
    content: " ";
    display: block;
    width: 100px;
    height: 2px;
    background: #C2202D;
    margin-left: 41%;
    

}

 .first-row{
    width: 90% !important;
 }


 .sec-row{
    width: 70% !important;
 }

 .circle-t .three-row{
     
    width: 90% !important;
     
}
 
.circle-t  .cir{
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    
}

 .section-one .main-card {
	width:100% !important;
}

.mobile-nav ul {
         
    background-color: #000;
    padding: 10px;
     
    display: flex !important;
    overflow-x: scroll !important;
}

.mobile-nav{
    width: 100%;
     overflow: scroll ;
    height: 60px !important;
    transition:all ease 0.7s;
     
}

.mobile-nav ul li {
	list-style: none;
	color: #fff;
	margin-bottom: 10px;
	padding: 10px;
    display: inline-block;
    width: 300px;
    display: flex;
    justify-content: center;
}
 
.main-card {
	width: 100%;
}
.justify-content-between {
	justify-content:left !important;
   
}





/* rectangle button */

.perent-radio-box {
	display: flex;
 
}

.radio-box {
	width: 9%;
	height: auto;
	border: 1px solid #D1D1D1;
	margin-left: 8px;
	border-radius: 11px;
	margin-bottom: 20px;
}

 


 


/* rectangle button end*/





 
 }

 

 @media screen and (max-width: 580px) {
    
    .main-card {
        width:100% !important;
      }
      .tab{
        position: relative;
        overflow: hidden;
     }

     input[type="radio"] + label > img {
        width: 34px;
        height: 34px;
        transition: 500ms all;
        border-radius: 50%;
    }

    
    .input-hidden {
        position: relative;
        left: -9999px;
        display: none;
      }

      .borde {
        text-align:left;
    }

    .borde::after {
        content: " ";
        display: block;
        width: 100px;
        height: 2px;
        background: #C2202D;
        margin-left: 0% !important;
        margin-right:0% ;
    }

      #navar{
        overflow: hidden;
      }

      .stickyy {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 98;
          height: 150px;
      }

      .padd {
        margin-top: 28px !important;
    }

    .sm-stickyy {
        position: fixed;
        top: 128px;
        z-index: 999;
        right: 8px;
    }

    .top-header {
        opacity: 0;
        overflow: hidden;
    }

    
      /* .tabi-stic {
        position: fixed;
        top: 10px;
        width: 100%;
        z-index: 99999;
      } */

      .stickyy > .nab .nab-body .pro{
        display: none;
      }

      .stickyy > .nab .nab-body{
        padding:0px !important;
        padding-bottom: 0px !important;
      }


     .cardd .col-lg-2{
        width: 50%;
     }

     .swiper .btn{
        display: flex;
        justify-content: center;
        align-items:start;
        width: 50px;
        margin-top: 29px;
       
     }

     

     .swiper .btn span {
        /* margin-right: 3px; */
        margin-left: 3px;
        margin-top: 4px;
    }

     .swiper .btn button{
        transform: rotate(-90deg);
        padding: 10px;
        border-top-right-radius:50% ;
        border-top-left-radius:50% ;
        background: #000; 
        border: none;
        color: white;
        display: flex;
align-items: center;
     }

      .mobile-nav ul {
         
        background-color: #000;
        padding: 10px;
         
        display: flex !important;
        overflow-x: scroll !important;
    }

    .mobile-nav ul li{
        width: 128px !important;
    }

    .mobile-nav{
        width: 100%;
         overflow: scroll ;
        height: 80px !important;
        transition:all ease 0.7s;
         
    }

     

     
     
    .nab {
        overflow: hidden;
        margin-top: -24px !important;
    }
      
      
      .cardd {
        padding-left: 10px !important;
        padding-right: 7px;
      }

        .flag-drop{
             padding: 0px 5px;
             padding-bottom: 3px;
        }
         .language{
            width:19% !important;
         }

         .flag-border p{
            width: 10px;
         }
       

     .containerr{
       margin: 0px 0px;
     }

     .navb  {
         display: none;
        
     }

     .menu-btn{
        display: none !important;
    }

    .containerr{
        padding-top: 0px !important;
    }
    
    .nab .nav-body{
        margin-top: 0px !important;
    }
    .nab p{
        text-align: center;
    }

    .nab .nab-btn{
        display: flex;
        justify-content: center !important;
        padding-top: 10px;
        
    }

    .borde + p {
        text-align: left;
    }

    .custom-ratio .circle-o {
        padding-left: 10px;
    }
    .custom-ratio .circle-t-o {
        padding-left: 10px;
    }
    .custom-ratio .circle-th-o {
        padding-left: 10px;
    }
    .custom-ratio .circle-f-o {
        padding-left: 10px;
    }
     

    /*  */

    .first-row{
        width: 100% !important;
     }
    
    
     .sec-row{
        width: 90% !important;
     }
    
     .circle-t .three-row{
         
        width: 100% !important;
         
    }
     
    .circle-t  .cir{
        display: inline-block;
        width: 30px !important;
        height: 30px !important;
        border-radius: 50%;
        
    }
    .custom-ratio {
        width: 64%;
        display: flex;
        
    }

    .section-5{
        margin-top: 0px !important;
    }

    .section-one{
        display: none !important;
    }

    .tab-sec{
        display: block !important;
    }


    /* update button */
     
    .circle-section label {
        font-size: 16px !important;
    }

    .nab-body {
        padding: 20px 0px !important;
        margin-top: 0px !important;
    }
    
    .fade:not(.show) {
        /* opacity: 0; */
        display: none !important;
    }

    .containerr{
        padding-top: 0px !important;
    }


    /* rectengle redio btn */

    .radio-box {
        width: 24.2%;
        height: auto;
        border: 1px solid #D1D1D1;
        margin-left: 2px;
        border-radius: 6px;
        margin-bottom: 20px;
        border-top: none;
    }

    .perent-radio-box {
        display: flex;
        flex-wrap: wrap;
    }
    .pop-icon {
        width: 18px;
    }

    .glatt {
        margin: 16px 0px;
    }

    .form-radio input{
        width: 9px;
        height: 9px;
    }

    /* rectengle redio btn end*/
 }

 .swiper-active{
    background-color: #D9D9D9;
font-size: 10px;
line-height: 25px;
padding: 0px;
overflow: hidden;
width: 364px !important;
transition: 0.5s;
height: 60vh;
overflow: scroll;
 }

  


 .nav-div ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	height: 45px;
	overflow: hidden;
}

 .language{
    display: inline-block !important;
    width: 80%;
 }

  .post{
    margin-left: 10px;
  }


  .typ p {
	color: #000 !important;
	text-align: left !important;
	font-size: 15px !important;
	padding-bottom: 0px !important;
    margin-top: 14px !important;
    font-weight: 600;
}

  

.side-bar .darkkk {
	font-size: 20px;
	padding: 13px;
	color: #fff;
	text-align: center;
	height: 54px;
	background: #222222;
	/* position: sticky; */
	/* width: 100%; */

    position: sticky;
top: 0px;
	 
}
  .typ span{
    font-size: 12px;
     color: grey;
     display: block;
     margin-top: 10px;

  }

 .side-bar .row{
    border-bottom: 1px solid #BABABA;
    padding-bottom: 20px;
 }


  .typ label{
    font-size: 10px;
     color:black;
     font-family:verdana !important;
     display: block;
     margin-top: 10px;

  }

   



/* mobile navbar */

 
.mobile-nav {
	width: 100%;
	overflow: hidden;
	height: 57px;
	transition: all ease 0.7s;
	padding: 0px;
}



 

 

 


.tab-sec{
    position: relative;
}

.update-btn{
    display: none;
}

.dropdown-item.active, .dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #0d6efd;
	height: auto;
}

.mobile-nav ul {
    width: 100%;
    background: #222222;

    padding: 0px;
    overflow: hidden;
    justify-content: space-between;
    display: flex;
  }
  .mobile-nav ul li {
	list-style: none;
	color: #fff;
	margin-bottom: 1px;
	padding: 18px 20px;
	height: 26px;
	height: 54px;
	  flex-grow: 1;
    text-align: center;
}
.mobile-nav ul li a {
	text-decoration: none;
	color: #fff;
	padding: 14px 18px;
	display: inline-block;
}

.last-bar{
    border: none !important;
}

.mobile-nav ul .active {
	color: #FFF;
	background: #C2202D;
	padding: 0px;
}

 
.mobile-nav ul li .active:hover{
    
    color: #fff;
}


.section-4 .ratio-after input[type='radio']:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color:#C2202D;
        content: '';
        display: inline-block;
         
         
    }
     

    .circle-t .first-row{
        display:flex;
        justify-content: space-between;
        align-items: center;
        width: 80%;
         
    }
    .circle-t .sec-row{
        display:flex;
        justify-content: space-between;
        align-items: center;
        width: 60%;
         
    }
    .circle-t .three-row{
        display:flex;
        justify-content: space-between;
        align-items: center;
        width: 80%;
         
    }

    


    .cir-one{
        background: #BEC8C3;
    }

    .cir-two{
        background: #29353F;
    }

    .cir-three{
        background: #5E6972;
    }

    .cir-for{
        background: #D2D9E0;
    }

    .cir-five{
        background: #41414A;
    }

    .cir-six{
        background: #17191B;
    }

    .cir-seven{
        background: #A1A8AE;
    }

    .cir-eight{
        background: #97A4AD;
    }

    .cir-nine{
        background: #35404A;
    }
    .cir-ten{
        background: #26130E;

    }

    .cir-eleven{
        background: #10463A;

    }

    .cir-towel{
        background: #862628;

    }

    .cir-thirtn{
        background: #919DA9;

    }

    .cir-fortin{
        background: #172F25;

    }


    /*  */

    .cir-fif{
        background: #C29965;

    }

    .cir-eightin{
        background: #955433;

    }

    .cir-sixtn{
        background: #543D2D;

    }

    .cir-ninetin{
        background: #1F1A18;

    }

    .cir-twenty{
        background: #87491F;

    }

    .cir-tone{
        background: #7E5B47;

    }

    .cir-ttwo{
        background: #332025;

    }

    .cir-seventn{
        background: #533427;

    }
    .circle-t  .cir{
        display: inline-block;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        
    }

    @media screen and (max-width:500px) {
         .main-card{
            width:100% !important;
         }

         .header-logo {
            width: 58%;
            margin-top: 4px;
        }
        .flag-border .dropdown {
            margin-top: -3px;
        }
    }
  
    @media screen and (max-width:384px) {
        .main-card {
            width: 100% !important;
        }
    }
    @media screen and (max-width:390px) {

        .mobile-nav ul li {
            list-style: none;
            color: #fff;
            margin-bottom: 1px;
            padding: 18px 20px;
            height: 26px;
            height: 54px;
            margin-right: 2px;
        } 
        input[type="radio"] + label > img {
            width: 30px;
            height: 32px;
            transition: 500ms all;
            border-radius: 50%;
        }


        .swiper-active {
            background-color: #D9D9D9;
            font-size: 10px;
            line-height: 25px;
            /* padding: 0px; */
            overflow: scroll;
            width: 314px !important;
            transition: 0.5s;

            padding: 0px 0px;
        }
        .typ {
            padding: 0px 9px;
        }

        .swiper-active .col-7{
            
            padding: 0px 0px;
            margin-left:-50px;
        }
        .typ span {
            font-size: 10px;
            color: grey;
            display: block;
        }

        .side-bar .darkkk {
            font-size: 20px;
            padding: 13px;
            color: #fff;
            text-align:left ;
            height: 54px;
            background: #222222;
        }
    }

    @media screen and (max-width:390px) {
        .main-card {
            width:100% !important;
        }

        .post .btnn {
            height: 109px;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 33px;
        }
    }


    .dots {
        height: 122px !important;
        position: relative;
        padding-left: 6px;
    }
    .card-wid{
        width: 170px;
    }


    .circle-section-perent{
        width: 100%;
        
    }

    #summary-btn span img {
        margin-left: 5px;
        margin-top: 7px;
    }

    .custom-ratio .circ input[type="radio"]:focus {
        box-shadow: none;
        border: 3px solid #C2202D;
    }

    .form-check-input:checked[type="radio"] {
        background-image: url("./img/Unidekor-strukturiert/Unidekor-strukturiert-4.png");
        background-size: cover;
    }

    .section-4 .form-check-input:checked {
        background-color:  #862628;
        border-color: #862628;
        box-shadow: none;
    }
    
    

    /* .ratio-after .form-check-input:checked {
        background-color: #f00 !important;
        border-color: #fd0d3a;
    } */

   
     

    /* proizvod page css */

     

    /* radio button  */

    
      
       
      
      /*
       | //lea.verou.me/css3patterns
       | Because white bgs are boring.
      */
      /* html {
        background-color: #fff;
        background-size: 100% 1.2em;
        background-image: 
          linear-gradient(
            90deg, 
            transparent 79px, 
            #abced4 79px, 
            #abced4 81px, 
            transparent 81px
          ),
          linear-gradient(
            #eee .1em, 
            transparent .1em
          );
      } */



                                                     /* contact page */
.input .impo{
    font-family: 'Inter', sans-serif;
}

.input input::placeholder{
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
}


 
.bor{
    border-bottom: 2px solid #c2202d;
}

.main-sec-contact{
    padding: 50px 0px;
}

.impo {
	color: #222222;
	font-size: 16px;
	line-height: 23px;
	font-weight: 400;
}
  
.impo span{
    color:#c2202d ;
}

.input{
    margin-bottom: 20px;
}

.form-lab {
	font-size: 18px;
	font-weight: 599;
}

.submit-btn {
	color: #fff;
	padding: 10px 29px;
	background: #C2202D;
	text-align: center;
	border: none;
    font-family:'Inter', sans-serif ;
}
    

@media screen and (max-width:568px) {
      
        .impo {
            font-size: 15px;
        }
 
    
}

.input input:focus{
  box-shadow: none;
  
}


.input .form-check-input:checked[type="radio"] {
	background-image:none;
	background-size: cover;
    background-color:#D7D7D7;
    border:none ;
    
}  


.mide{
    color: #09492f;
}

.modal-body{
    border: none;
}

#staticBackdrop .modal-dialog .modal-content .modal-header {
	border: none;
}

#staticBackdrop .modal-dialog .modal-content .modal-footer {
	border: none ;
}
       




/* bajajit solution css start here */

.card.main-card.nav-link .card-body.inner-cards {
	max-height: 45% !important;
	height: 100%;
}
.card-body.inner-cards {
	max-height: 45% !important;
	height: 100% !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.card-body.inner-cards.text-center:hover {
    background: #c2202d;
    color: #fff;
}
.card-img.card-img-top {
	height: 55%;
}
 

 
#input-spo tbody tr:nth-child(1) td label {
	font-size: 20px;
    padding-top: 21px;
}

#input-spo tbody tr:nth-child(3) td label {
	font-size: 20px;
    padding-top: 21px;
	 
}


#input-spo {
	margin-top: 61px;
    margin-left: 9px;
}

#input-spo tbody tr:nth-child(5) td label {
	font-size: 20px;
    padding-top: 21px;
}
#input-spo tbody tr:nth-child(6) td label {
	font-size: 20px;
    padding-top: 21px;
}
#input-spo tbody tr:nth-child(7) td label {
	font-size: 20px;
    padding-top: 21px;
}
#input-spo tbody tr:nth-child(8) td label {
	font-size: 20px;
    padding-top: 21px;
}
#input-spo tbody tr:nth-child(9) td label {
	font-size: 20px;
    padding-top: 21px;
}

.card-img.card-img-top:hover +  .card-body.inner-cards.text-center {
    background: #c2202d;
    color: #fff;
}

.main-card:hover > .inner-cards .card-svg {
	stroke: #ffffff;
}

.card.main-card.nav-link {
	border: 1px solid #d2d2d2;
}

.main-card > .inner-cards.active .card-svg{
    stroke: #fff !important;
}

.bord-img + img {
	position: absolute;
	top: 46px;
}

.card-body.inner-cards.active ~ .card-img.card-img-top{
    border: 1px solid red;
}

 


.card-img.card-img-top:has(+ .card-body.inner-cards.active) {
	border: 1px solid #c2202d;
	border-bottom: none;
}

.card-body.inner-cards.text-center.active {
    background: #c2202d;
    color: #fff;
}

.card.main-card {
	height: 347px !important;
}
#tabi-btn {
	gap: 9px;
}
.main-card .card-body.inner-cards {
    padding: 20px 10px;
    background-color: #EFEFEF;
    color: #000;
    height: 116px;
}
.form-check-label.font {
	position: relative;
	top: -1px;
}
.card.main-card .form-check-label.font {
	color: #626262;
}

.card.main-card:hover .form-check-label.font {
	color: #ffffff;
}

.main-card:hover {
	border: 1px solid #c2202d;
}

div#home-tab:hover {
    border: 1px solid #C2202D;
}

div#home-tab {
    height: 286px;
}

.card-body.inner-cards.text-center.active .form-check-label.font {
	color: #fff;
}

.main-card > .inner-cards.active {
	background: #C2202D;
	transition: 0.6s;
	color: #fff;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


.sticky {
	position: sticky;
	/* padding: 0px 136px; */
	margin: 0px 24px;
	bottom: 0px;
	background: #fff;
}

#prag #tabi-btn a{
    
    background: #c2202d !important;
}
.col-lg-6.bord-perent.design-canvas .col-lg-6.section-6-btn {
	display: flex;
	justify-content: center;
	margin: 0px auto;
	margin-top: 55px;
}
.canvas-form .row {
	border: 1px solid #C0C0C0 !important;
}

.col-lg-6.bord-perent.design-canvas {
	background: #F5F5F5;
	border-right: 1px solid #C0C0C0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#prag #tabi-btn a:nth-child(3) {
	display: block;
	 
	cursor: no-drop;
	background: #b3acac !important;
}

#myCanvas {
	border: none !important;
    margin: 0px auto;
}

@media screen and (max-width:580px) {
    #prag #tabi-btn a {
        
    }

    #prag #tabi-btn a:nth-child(1){
        display: block;
        background: #c2202d !important;
        width: 45%;
    }
    #prag #tabi-btn a:nth-child(2) {
        display: block;
        width: 51%;
        padding: 9px 8px;
    }

    #prag #tabi-btn a {
        margin-bottom: 8px;
    }

    #prag #tabi-btn {
        display: flex !important;
        justify-content: center;
        flex-wrap: wrap;
        gap: 6px;
    }

    section#prag {
        position: sticky;
        /* padding: 0px 136px; */
        margin: 0px 11px;
        background: #fff;
    }

    canvas#myCanvas {
        width: 100% !important;
    }

    #input-spo tr {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        
    }

    #input-spo tbody tr:nth-child(1) td label {
        font-size: 16px;
        padding-top: 21px;
        padding-bottom: 13px;
    }

    #input-spo tbody tr:nth-child(3) td label {
        font-size: 16px;
        padding-top: 21px;
        padding-bottom: 13px;
    }
    #input-spo tbody tr:nth-child(5) td label {
        font-size: 16px;
        padding-top: 21px;
        padding-bottom: 13px;
    }

    #input-spo {
        margin-top: 20px;
        margin-left: 0px;
    }   
}

/* bajajit solution css end here */


.my-element:hover {
	background-color: #d96458b2 !important;
}

.my-element td:nth-child(1) {
	text-align: left;
    position: relative;
    top: 0px;
}

.ratio-afer {
	margin-left: 0px !important;
}

.my-element td:last-child {
	width: 20%;
}

.borde::after{
    display: none;
}
.borde {
	font-size: 1.5rem;
}

.row.mb-3.tab {
	width: 100%;
	position: static !important;
	margin-left: 0px !important;
	justify-content: left !important;
	padding: 0px !important;
}

.row.tab {
	width: 100%;
	margin-left: 0px;
}
.row.tab > div {
	padding: 0px !important;
	padding-right: 5px !important;
}
.main-card {
	border-radius: 0px !important;
}
.card-img.card-img-top:has(+ .card-body.inner-cards.active) {
	border-radius: 0px;
}

.tab-sec.tab-pane {
	margin-bottom: 10px !important;
}
#footer {
	display: none;
}

#sec-one {
	padding: 0px !important;
	text-align: left !important;
}

.canvas-form > .row {
	width: 100%;
	margin-left: 0px;
}


.design-han .bod-non {
	padding-left: 12px;
    border: none !important;
}
.specific {
	padding-bottom: 15px;
}

.borde::after {
	display:none !important;
}

.borde {
	font-size: 1.5rem !important;
	margin: 18px 0px;
}

.mmb {
	padding-left: 0px !important;
	margin-left: -3px !important;
}

.tab-sec.tab-pane {
	padding: 0px !important;
}

#da_sprossen.canvas-form {
	padding: 0px !important;
}

#input-spo {
	margin-top: 61px;
	margin-left: 0px !important;  
}
.row.bod-non > div {
	padding-left: 0px;
}
.row.bod-non {
	padding-left: 12px;
	border: none !important;
}
.bord-perent .row.design-han {
	border: none !important;
}

.so tr td {
	text-align: center;
}
.so tr td label {
	padding-top: 0px !important;
	width: 100%;
	text-align: left;
}
.so .elem td span {
	width: auto !important;
	display: block;
	text-align: left;
}
.form.p-3.canvas-form > .row {
	padding-top: 20px;
}
.form.p-3.canvas-form {
	padding: 0px !important;
}

.form.p-3 {
	padding: 0px !important;
}

.so tr td label img {
	width: 94%;
	margin: 0px auto !important;
	padding-left: 2px;
}

.main-card:hover > .card-body.inner-cards {
	background: #c2202d !important;
}
.main-card:hover > .card-body.inner-cards p{
	color: #fff;
}

.main-card > .inner-cards.active {
	border-radius: 0px !important;
}


.ex {
	margin-bottom: 0px;
	text-align: center;
}

.mobile-nav ul li {
	padding: 0px;
}

.nab > .row.nab-body > div {
	padding: 0px;
}
.nab > .row.nab-body div table tr td {
	padding: 2px 6px !important;
	/* margin: 0px 10px; */
}

.mobile-nav ul li a {
	font-size: 15px;

}
.p-x2.stat {
	/* margin-bottom: -8px !important; */
	position: relative;
	top: -1px;
}
.last button {
	padding: 0px 10px !important;
	height: 27px !important;
	display: inline-block;
	margin: 6px 0px;
}

#vrsta-kons {
	margin-top: 50px;
}
#myTab {
	border-bottom: 1px solid #dee2e6;
}
.cardd {
	border-bottom: 1px solid #dee2e6;
	/* padding-bottom: 0px; */
	/* margin-bottom: 10px; */
}
.bord-img {
	height: 150px;
}
.row.tab {
	padding-bottom: 26px;
}
#abstandhalter {
	margin-top: 40px;
}
#vrsta_stakla .uni {
	padding-top: 17px;
}
.section-4.proper-space .l-h {
	padding-bottom: 10px;
	padding-top: 10px;
}
.mmb.h.mmb.h.pt-up {
	padding-top: 14px !important;
}
.section-4.proper-space .mmb.h {
	padding-bottom: 10px;
}

.flag-border .dropdown {
	margin-top: 1px;
}
.flag-border .dropdown #dropdownMenuButton1 .flag-icon.flag-icon-de + span {
	margin-top: -3px;
	margin-bottom: 0px;
}
.section-4.proper-space > .borde {
	padding-bottom: 10px;
}
.nab .btn-xs.fuge-eine {
	padding: 0px 13px !important;
	height: 36px !important;
	display: inline-block;
	margin: 6px 0px;
	font-weight: 40;
}
.row.nab-body .pro {
	display: flex;
	align-items: center;
}
.row.nab-body .pro button {
	height: 38px;
	padding: 0px 20px;
	font-weight: 40;
	color: #fff;
}
.front-page-h .borde {
	margin-bottom: 7px;
	font-size: 23px !important;
}
.front-page-h h5 {
	font-size: 19px !important;
	margin-bottom: 22px !important;
}
.front-page-h p {
	margin-bottom: 13px;
	color: #5e5e5e;
	line-height: 30px;
}
.borde.kom-h {
	margin-bottom: 7px;
	font-size: 23px !important;
}
.ratio-afer.kompletieren {
	margin-right: 0px !important;
}
.komp {
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 20px;
}
#kompletieren .pro {
	padding: 0px !important;
}
.header-logo {
	margin-left: -19px;
}

.borrdd-img {
	width: 100%;
}

#footer {
	background: #fff;
	display: block;
}
#mobile-nav + .nab .row .pro {
	width: 100% !important;
}
#footer > div {
	display: none;
}
.bord-img {
	filter: ;
	display: flex;
	justify-content: center;
	align-items: center;
}
.borrdd-img {
	/* width: 100% !important; */
	height: auto !important;
	padding: 0px 7px !important;
}

.form-check.pl-min {
	padding-left: 0px;
}

#prag #tabi-btn a {
	margin: 0px !important;
}
@media screen and (max-width:768px) {
    .section-4 {
        padding: 0px 20px;
    }
    #mobile-nav + .nab {
        display: none;
    }
    .header-logo {
        margin-left: 0px;
    }
    .stat img {
        width: 20px !important;
        margin-right: 6px !important;
        display: inline-block;
        padding-right: 1px;
    }
    .front-page-h + .row.ratio-afer table .my-element td:last-child {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        width: 100% !important;
        /* display: block; */
        margin: 0px auto;
        position: absolute;
    }
    .nab > .row.nab-body > div > table {
        text-align: ;
        /* padding: 0px 20px !important; */
        width: 92%;
        margin: 0px auto;
    }
    .front-page-h + .row.ratio-afer table .my-element td:last-child button {
        width: 100%;
    }
    .b-bod input {
        width: 100%;
        font-size: 12px;
        padding: 7px 9px;
        /* margin-left: 8px; */
    }
    .widmain {
        width: 100%;
    }
    .borde.kom-h {
        margin-top: 0px;
    }
    .front-page-h h5 {
        font-size: 15px !important;
    }
    .ratio-afer.kompletieren {
        padding-bottom: 30px;
    }
    .nab {
        width: 95% !important;
    }
    .front-page-h p {
        font-size: 15px !important;
    }
    /* .nab > .row.nab-body > div {
        padding:0px 20px;
    } */

    .front-page-h .borde {
        margin-top: 0px;
        font-size: 19px !important;
    }
  
    .nab > .row.nab-body div table tr td {
        padding: 0px !important;
        /* margin: 0px 10px; */
    }
    .cardd {
        padding: 0px !important;
    }
    #aussen_farbe {
        padding-bottom: 31px !important;
    }
    .stickyy > .nab .nab-body {
        padding: 0px !important;
        padding-bottom: 0px !important;
    }
    .max {
        padding: 0px 20px !important;
    }
    .max #sec-one {
        margin-top: 60px !important;
    }

    .max .cardd {
        padding: 0px !important;
    }

    .nnd {
        padding-left: 19px;
    }
    #dimenzije {
        padding: 0px 19px;
    }
    .bottom-p {
        margin-top: -2px !important;
    }

    .nab {

        margin-top: 0px !important;
    }
    #vrsta-kons {
        margin-top: 24px;
    }
    .mobile-nav ul li a {
        width: 111px;
    }

    .padd {
        margin-top: 28px !important;
    }
    .row.nab-body td {
        font-size: 10px;
    }
    .btn.btn-xs.plus {
        padding: 0px !important;
    }
    .b-bod {
        margin-bottom: 8px !important;
        /* padding-top: -2px !important; */
        padding-bottom: 12px !important;
    }

    .flag .flag-border {
        padding-top: 0px !important;
        display: flex;
    }
    #nazivpozicije113 {
        font-size: 12px;
    }
    .nab .btn-xs.fuge-eine {
        padding: 1px 5px !important;
        height: 29px !important;
        /* margin: 6px 5px; */
        font-size: 13px;
        margin-left: 0px;
    }

    .top-header {
        height: 50px;
        display: flex;
  justify-content: center;
  align-items: center;
    }
    .footer {
        padding: 14px 21px;
    }

    .front-page-h + .row.ratio-afer table tr td {
        display: block;
        width: 100%;
    }

    .front-page-h + .row.ratio-afer table .my-element {
        /* width: auto; */
        display: grid !important;
        grid-template-columns: 30px 70px 110px;
        margin-top: 10px;
        position: relative;
        padding-bottom: 40px;
    }
    .my-element:hover {
        background-color: transparent !important;
    }
    .front-page-h + .row.ratio-afer table tr td button {
        width: 100%;
        margin-top: 10px;
    }
    .front-page-h + .row.ratio-afer table .my-element {
        display: flex;
        align-items: center;
    }
    .front-page-h + .row.ratio-afer table tr {
        display: block;
    }
    .pro.ab {
        padding-left: 0px !important;
        padding: 8px 22px !important;
    }
    .row.nab-body td {
        font-size: 14px;
    }

    .main-page .top-header {
        opacity: 1;
        overflow: unset;
    }

    .main-page .top-header #dropdownMenuButton1 {
        padding: 4px 10px;
        margin-top: 4px;
    }

    .swiper-active .col-7 {
        padding: 0px 0px;
        margin-left: 0px !important;
    }

    .btn:hover {
        background-color: black !important;
        color: #fff !important;
    }
}