/*toggle switch*/
.toggleContainer {
   position: relative;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   width: fit-content;
   border: 3px solid #343434;
   border-radius: 40px;
   background: #343434;
   font-weight: bold;
   color: #343434;
   cursor: pointer;
 }
 .toggleContainer::before {
   content: '';
   position: absolute;
   width: 50%;
   height: 100%;
   left: 0%;
   border-radius:40px;
   background: white;
   transition: all 0.3s;
 }
 .toggleCheckbox:checked + .toggleContainer::before {
    left: 50%;
 }
 .toggleContainer div {
   padding: 6px;
   text-align: center;
   z-index: 1;
 }
 .toggleCheckbox {
   display: none;
 }
 .toggleCheckbox:checked + .toggleContainer div:first-child{
   color: white;
   transition: color 0.3s;
 }
 .toggleCheckbox:checked + .toggleContainer div:last-child{
   color: #343434;
   transition: color 0.3s;
 }
 .toggleCheckbox + .toggleContainer div:first-child{
   color: #343434;
   transition: color 0.3s;
 }
 .toggleCheckbox + .toggleContainer div:last-child{
   color: white;
   transition: color 0.3s;
 }
 
 .toggleContainer2 {
   position: relative;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   width: fit-content;
   border: 3px solid #343434;
   border-radius: 40px;
   background: #343434;
   font-weight: bold;
   color: #343434;
   cursor: pointer;
 }
 .toggleContainer2::before {
   content: '';
   position: absolute;
   width: 50%;
   height: 100%;
   left: 0%;
   border-radius:40px;
   background: white;
   transition: all 0.3s;
 }
 .toggleCheckbox2:checked + .toggleContainer2::before {
    left: 50%;
 }
 .toggleContainer2 div {
   padding: 6px;
   text-align: center;
   z-index: 1;
 }
 .toggleCheckbox2 {
   display: none;
 }
 .toggleCheckbox2:checked + .toggleContainer2 div:first-child{
   color: white;
   transition: color 0.3s;
 }
 .toggleCheckbox2:checked + .toggleContainer2 div:last-child{
   color: #343434;
   transition: color 0.3s;
 }
 .toggleCheckbox2 + .toggleContainer2 div:first-child{
   color: #343434;
   transition: color 0.3s;
 }
 .toggleCheckbox2 + .toggleContainer2 div:last-child{
   color: white;
   transition: color 0.3s;
 }
/*toggle switch*/



.btn-uux {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 20px;
    border: solid 1px #000;
    text-decoration: none !important;
    border-radius: 10px;
}

.btn-uux:hover {
	color: #000;
	font-weight: 600;
}

.g-min-heightbox1{
	min-height:215px;
}	

.tickbleu{	
    color: #00aaef !important;
}	

.boxshadow1{
	box-shadow: 1px 3px 10px rgb(0 0 0 / 10%);
}	

@media (min-width:768px) and (max-width:991px){	
	.g-min-heightbox1{
		min-height:280px!important;
	}	
}
@media (max-width: 767px){
	.g-min-heightbox1{
		min-height:188px;
	}	
}