.alog
{
	background-color: #335cf2 !important;
    font-size: 1.125rem !important;
    line-height: 1.33;
    font-weight: 700 !important;
    color: #fff !important;
    box-shadow: 0 4px 12px 0 hsla(0, 0%, 55.3%, .1) !important;
    transition: all .3s ease-out;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: button;
    padding: 10px 20px;
	text-decoration:none;
}	
.alog:hover
{
	background-color: #335cf2 !important;
    font-size: 1.125rem !important;
    line-height: 1.33;
    font-weight: 700 !important;
    color: #aaa !important;
    box-shadow: 0 4px 12px 0 hsla(0, 0%, 55.3%, .1) !important;
    transition: all .3s ease-out;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: button;
    padding: 10px 20px;
	text-decoration:none;
}	

.form-group{font-family: "FontAwesome"; color:#aaa !important;}
input::placeholder {
  font-weight: bold;
  opacity: 0.5;
  color: #999;
}


.mp{color:#333 !important; text-decoration:none;}
.mp:hover{color:#000 !important; text-decoration:none;}
.mp:active{color:#555 !important; text-decoration:none;}
.mp:link{color:#555 !important; text-decoration:none;}

.ninput{
    padding: 16px;
    width: 100%;
    border-radius: 5px;
    font-family: inherit;
    color: #1f2345;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 600;
    background-color: #fff;
    order: 2;
    box-shadow: 0 4px 12px 0 hsla(0, 0%, 55.3%, .1);
    border: 0;
    transition: all .3s ease-out;
}

.relement{display:none;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {


    
	padding: 16px !important;
    width: 100% !important;
    border-radius: 5px !important;
    font-family: inherit !important;
    color: #1f2345 !important;
    font-size: 1rem  !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
    background-color: #fff !important;
    order: 2 !important;
    box-shadow: 0 4px 12px 0 hsla(0, 0%, 55.3%, .1) !important;
    border: 0 !important;
    transition: all .3s ease-out !important;
}


input[type=text]
:focus {
  border: 1px solid #555 !important;
  background-color: #eee !important;
}
input[type=password]
:focus {
  border: 1px solid #555 !important;
  background-color: #eee !important;
}

.merged{display:none;}
	.row0 {
            display: flex;
			flex-wrap: wrap;
            align-items: center;
       }
.sf{background:white !important;}
.feed_head {
      width: 100%;      
	  display:block;
  }
  .feed_content {
      width: 100%;
	  display:block;
  }
strong{color :#335cf2 !important;}
  .feed_text {
      max-width: 800px;
	  display:block;
	  margin-left:auto !important;
	  margin-right:auto !important;
	  text-align:center;
	  padding-top:80px;
	  min-height:270px;
  }
  .feed_form {
	  padding:10px; 	  
      max-width: 800px;	  
	  display:block;
	  margin-left:auto !important;
	  margin-right:auto !important;
	  text-align:xenter;
	  margin-bottom:20px;
  }
  
 .search {
    margin: 0 auto;
    width: 100%;
    padding: 12px;
    border-radius: 4px;
    
    display: flex;
    column-gap: 20px;
    row-gap: 8px;
    box-shadow: 0 4px 12px 0 hsla(0, 0%, 55.3%, .1);
    position: relative;
 }
 .search>label {
    column-gap: 8px;
    width: 100%;
    display: flex;
    align-items: center;
}
  .search__input {
	padding: 8px;
    width: 100%;
    height: 100%;
    border: 0;
    outline: none;
    font-size: 1.125rem;
    line-height: 1.33;
    font-weight: 600;
    color: #1f2345;
    transition: all .3sease-out;
  }
@media (hover: hover) {
    .button:hover {
        background-color: #1f4bec;
        color: #fff;
    }
}
.search__button {
    flex-shrink: 0;
}
.searchbutton {
    width: max-content;
    padding: 14px 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    //column-gap: 12px;
    background-color: #335cf2 !important;    
    font-size: 1.125rem;
    line-height: 1.33;
    font-weight: 700 !important;
    border-radius: 4px;
    text-decoration: none;
    border: 2px solid transparent;
    color: #fff;
    box-shadow: 0 4px 12px 0 hsla(0, 0%, 55.3%, .1) !important;
    transition: all .3sease-out !important;
    text-align: center;
	flex-shrink: 0 !important;
}
.search__button {
 
}
.entry-content{margin:0px !important;}
.inside-article{padding:0px !important;}
.inside-header {padding:0px !important;}

.site-header{max-width: none !important;}
.grid-container{max-width: 164 !important;}


.kortliste{width:100%; text-align:right!important; padding-right:20px;
padding-top:0px;}


.holder_{width:100%;  display:block; margin-top:25px; margin-bottom:35px;}

.box{
    padding-top: 16px;
    width: 100%;
    display: block;
    border: 0px solid #fff;
    background: #fff !important;
    margin-bottom: 25px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(39, 39, 39, .08);
    transition: all .3s ease-out;
}
.boosted {padding-top: 16px;
	margin-top:25px;
    width: 100%;
    display: block;
    border: 0px solid #fff;
    background: #fff !important;
    margin-bottom: 50px !important;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(39, 39, 39, .08);
    transition: all .3s ease-out;}
.box-row{width:100%;padding-left:5px; padding-top:5px; 
}

.box-bottom{
			width:100%; min-height:30px;
			max-height: 30px;
			background:#e3e0ff !important;
			border-bottom-left-radius:10px;
			border-bottom-right-radius:10px;
			}
    .row {
            display: flex;
			flex-wrap: wrap;
            align-items: center;
        }

    .image-container {
            flex: 0 0 150px; /* Adjust width as needed */
            margin-right: auto !important;
			margin-left : auto !important;
    }

  .image-container img {
            width: 90%;
            height: auto;
			margin-right:auto !important;
			margin-left :auto  !important;
			padding-left: 10px;
       }

  .big-cell {
            flex: 1;
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            grid-template-rows: repeat(1, 1fr);
            gap: 2px;
        }

   .small-cell {        
            padding: 10px;
            text-align: center;
            border: 0px solid #ccc;
        }
		
	.brow {    
		display: flex;		
		justify-content: space-between;
		align-items: center;
		align-items: flex-start;
		padding: 1px;		
		flex-wrap: wrap; /* Allows wrapping for responsiveness */		
	}
	.brow_ {    
		display: flex;		
		justify-content: space-between;
		align-items: center;
		align-items: flex-start;
		padding: 1px;		
		flex-wrap: wrap; /* Allows wrapping for responsiveness */		
	}
	.bbline{display:none;}	
		
.title {
    margin    : 0;
    font-size : 20px;
	margin-top: 5px;
}

.right-element {
    font-size: 14px;
    color: gray;
	padding-top: 4px;
	
}
.right-element_ {
	display:none;
}
.usps{ padding-top: 4px !important;}
/*
.gr{font-family: 'Arial', sans-serif !important; 
	color:transparent;
	text-shadow:0 0 0 #f00;
}
*/

.gr {
  
}
.gr::before {
  
}

.col {
    flex: 1; /* Each column takes equal space */
    padding: 10px;
    text-align: left;
    border: 0px solid #ccc; /* Optional border for visualization */
}
.colr {
    /* Each column takes equal space */
    padding: 10px;
    text-align: right;
    border: 0px solid #ccc; /* Optional border for visualization */
}



.head-custom-login{margin-top:100px; padding-left:200px;}
.custom-login	  {min-height:400px !important;}



.h-container {padding-top:0px; margin:0px; min-height:400px; border :0px solid red;}
.login-container {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 40px;
    width: 100%;
    max-width: 36%;	
	margin-top:10px;
	margin-left:20px;
}
.signup-container {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 40px;
	padding-top:30px;
	padding-bottom:30px;
    width: 100%;
    max-width: 380px;	
	margin-top:10px;
	margin-left:20px;
	float:left;
}


.login-form {
    display: flex;
    flex-direction: column;
}

.form-group {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.lab {
    min-width	: 310px !important;
    display	 	: block;
    float		: left;
    padding-top : 15px;
    padding-left: 5px;
}
.mlab{min-width	: 310px !important;
    display	 	: block;
    float		: left;
    padding-top : 15px;
    padding-left: 5px;
}

label {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-right: 10px; /* Space between label and input */
    width: 100px; /* Fixed width for label to ensure alignment */
}



button {
    background-color: #007BFF;
    color: #fff;
    border: none;
    padding: 12px;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
}

button:hover {
    background-color: #0056b3;
}
		button, input[type=button], input[type=reset], input[type=submit] {
				background-color: #335cf2 !important;
				font-size: 1.125rem !important;
				line-height: 1.33;
				font-weight: 700 !important;
				color: #fff !important;
				box-shadow: 0 4px 12px 0 hsla(0, 0%, 55.3%, .1) !important;
				transition: all .3s ease-out;
				text-align: center;
				cursor: pointer;
				-webkit-appearance: button;
				padding: 10px 20px ;
			}


.page-left-container {	
		background-color: #fff;
		border-radius: 8px;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
		padding: 40px;
		width: 100%;
		max-width: 30%;	
		margin-top:420px;
}
.page-full-container {	
		background-color: #fff;
		border-radius: 8px;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
		padding: 40px;
		width: 100%;
		max-width: 98%;	
		margin-top:0px;
		margin-left:auto; margin-right:auto;
		padding-left:auto; padding-right:auto;
}




/* Responsive design for mobile */
@media (max-width: 768px) {
	.bline{
				border-bottom:1px solid #ddd !important;
				
	}
	.right-element { 
			display:none;
	}
	.relement{		
		position: relative;
		display: block;
		width: 100%;
		top: -30px;
		padding-right:25px;
	}
	.right-element_ {
		display	:block;
		position:relative;
		left 	:calc(100vw - 90px);
		top	 	:10px;
		color	: gray;
		padding-top: 4px;
	}
	.box-bottom{
			width:100%; min-height:100px;		
	}
	.col {		
		border-right: 0px solid #ddd !important;
	}
	.col320 {
		//display:none;
		//min-width: 320px !important;
		border-right: 0px solid #ddd !important;
	}
	.merged{   
		display: inline-block; /* Combine the content in one cell */
		text-align: center; /* Align text to center */
		width: 100%;		
		padding: 0px !important;
	}
	.row0 {
		display: block; /* Stack the sub-columns vertically */
		text-align: center; /* Center the sub-columns */
	}
	.image-container {      
        margin-top: -30px;	
		width: 90% !important;
    }
	.image-container img {
            width: 50%;            			
			display: block;
			margin-right: auto;
			margin-left: auto;
			height: auto;
    }
	
	
	.h-container {width:100%; padding-top:0px; margin:0px; min-height:400px; border :0px solid red;}
    .login-container {
        padding: 20px;
		max-width:95%;
    }
	.signup-container {
        padding: 20px;
		max-width:95%;
    }
    .form-group {
        flex-direction: column; /* Stack the label and input vertically */
        align-items: flex-start;
    }

    label {
        margin-right: 0;
        margin-bottom: 5px; /* Adds space between label and input when stacked */
        width: auto; /* Remove fixed width */
    }

    input {
        width: 100%; /* Ensure input takes full width */
        margin-bottom: 10px;
    }

    button {
			width: 100%; /* Make the button take full width */
		    width: max-content;
			padding: 14px 22px;
			display: flex;
			align-items: center;
			justify-content: center;
			column-gap: 12px;
			background-color: #335cf2 !important;
			font-size: 1.125rem;
			line-height: 1.33;
			font-weight: 700;
			border-radius: 4px;
			text-decoration: none;
			border: 2px solid transparent;
			color: #fff;
			box-shadow: 0 4px 12px 0 hsla(0, 0%, 55.3%, .1) !important;
			transition: all .3s ease-out;
			text-align: center;
		}
		button, input[type=button], input[type=reset], input[type=submit] {
				background-color: #335cf2 !important;
				font-size: 1.125rem !important;
				line-height: 1.33;
				font-weight: 700 !important;
				color: #fff !important;
				box-shadow: 0 4px 12px 0 hsla(0, 0%, 55.3%, .1) !important;
				transition: all .3s ease-out;
				text-align: center;
				cursor: pointer;
				-webkit-appearance: button;
				padding: 10px 20px ;
			}
		.row{display:block;}	
		.col{display:block;}	
		.title{margin-bottom:20px;}
		.sub-col {
			display: none !important;			
		}
		   
  .usps .gr {
   // display: block; /* Display the icon as a block element on mobile */
  }
  
  .usps .gr::before {
    content: "\A";  /* Insert a line break before the icon */
    white-space: pre; /* Ensure the line break is displayed properly */
    //display: block; /* Ensure the line break behaves as a block */
  }
  .usps{position:relative; top:-28px;        padding-left: 20px;}	   

}

@media (max-width: 480px) {
	.bline{
				border-bottom:1px solid #ddd !important;
				
	}
	.right-element {display:none;}
	.relement{		
		position: relative;
		display: block;
		width: 100%;
		top: -30px;
		padding-right:25px;
		
	}
	.box-bottom{
			width:100%; min-height:100px;		
	}
	.col {		
		border-right: 0px solid #ddd !important;
	}
	.col320 {
		//display:none;
		//min-width: 320px !important;
		border-right: 0px solid #ddd !important;
	}	
	.merged{   display: inline-block; /* Combine the content in one cell */
			text-align: center; /* Align text to center */
			width: 100%;			
			padding: 0px !important;
	}
	.row0 {
		display: block; /* Stack the sub-columns vertically */
		text-align: center; /* Center the sub-columns */
	}
	.sub-col {
			display: none !important;			
		}
    .login-container {
        padding: 15px;
    }
	.signup-container {    
		padding: 15px;    
	}
    input, button {
        font-size: 14px; /* Reduce font size for mobile screens */
    }
	.image-container {
		        margin-top: -30px;
				width: 90% !important;
    }
	.image-container img {
            width: 50%;
			display: block;
			margin-right: auto;
			margin-left: auto;			
        }
	.usps{position:relative; top:-28px;         padding-left: 20px;}	   
}



/* Container that holds the two columns */
.tcontainer {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Two equal columns */
  gap: 20px; /* Space between columns */
  padding: 20px;
}

/* Styles for each column */
.tcolumn {
  background-color: #f9f5f2; /* Light background for the second column */
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 8px;
}

/* Table header styling */
.table-header {
  background-color: #260636;
  color: white;
  padding: 10px 0;
}

/* Table styling */
table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

td {
  padding: 8px;
}

label.price {
  font-weight: bold;
}

/* Responsive Design: Stack the columns on smaller screens */
@media screen and (max-width: 768px) {
	.bline{
				border-bottom:1px solid #ddd !important;
				
	}
	.right-element {display:none;}
	.relement{		
		position: relative;
		display: block;
		width: 100%;
		top: -30px;
		padding-right:25px;
	}
	.box-bottom{
			width:100%; min-height:100px;		
	}
	.col {		
		border-right: 0px solid #ddd !important;
	}
	.col320 {
		//display:none;
		//min-width: 320px !important;
		border-right: 0px solid #ddd !important;
	}
  .merged{   display: inline-block; /* Combine the content in one cell */
			text-align: center; /* Align text to center */
			width: 100%;		
			padding: 0px !important;
	}
  .row0 {
    display: block; /* Stack the sub-columns vertically */
    text-align: center; /* Center the sub-columns */
  }
	.sub-col {
			display: none !important;			
		}
  .tcontainer {
    grid-template-columns: 1fr; /* Single column on small screens */
  }

  .tcolumn {
    margin-bottom: 20px;
  }
}


.mce-toolbar .mce-btn button, .qt-dfw {
    padding	    : 2px 3px;
    line-height : normal;
    background  : #efefef !important;	
}	
.mce-menubtn.mce-fixed-width span {
    overflow-x	 : hidden;
    text-overflow: ellipsis;
    width		 : 82px;
    color		 : #333 !important;
}



.wp-core-ui .quicktags-toolbar input.button.button-small {
    margin: 2px;
    background: #efefef!important;
	color:#0056b3 !important;
}


.column60 {    
    background: #6559eb !important;
    color: #f8f8f8;
    padding-left: 3px;
    padding-bottom: 0px;
    border-bottom: 1px solid #fff !important;
    text-align: left !important;
}

.column6 {    
    background: #6559eb !important;
    color: #f8f8f8;
    padding-left: 10px;
    padding-bottom: 0px;
    border-bottom: 0px solid #fff !important;
    text-align: left !important;
}




.mailtel {
    color: #333 !important;
    text-decoration: none !important;
}

.usps {
    font-size: .75rem !important;
}

.dt {
    top: -5px !important;
    position: relative;
}

.title {
    font-weight: bold;
    margin-left: 15px;
    font-family: "Poppins", "Montserrat", sans-serif !important;
}

.price {
    color: #00b027 !important;
}

.sub-col {
//    display: flex;
    //flex-direction: column;
    justify-content: flex-start;
}

.left {
    margin-right: 10px;
}

.right {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 188px;
    width: 100%;
    word-wrap: break-word;
}

.right_ {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 265px;
    width: 100%;
    word-wrap: break-word;
}

.right span {
    align-self: flex-start;
    word-break: break-word;
    white-space: normal;
}

.star-rating {
    display: flex;
    justify-content: right;
    align-items: center;
    font-size: 12px !important;
}

.star {
    width: 18px;
    height: 18px;
    background-color: #d3d3d3;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    margin: 0 3px;
    position: relative;
}

.star-filled {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #260a36; /* Gold color */
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}


.col {
    padding-top: 0px;
    height: 85%;
    border-right: 1px solid #ddd;
}

.col320 {
    min-width: 320px !important;
    border-right: 1px solid #ddd;
}

.tcol {
	top: -3px;
    padding-left: 4px;
    position: relative;
    color: #333;
    font-weight: bold;
}

.usps {
    font-size: .75rem !important;
}

#geocode-result {
    margin-top: 10px;
}

.input-container {
    position: relative;
    width: 95%;
}

#suggestions {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 0px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    background-color: white;
    width: 95%;
    z-index: 1000;
    transition: max-height 0.8s ease-out, opacity 0.8s ease-out;
}

#suggestions li {
    padding: 8px;
    cursor: pointer;
    color: #666;
    font-weight: 500;
}

#suggestions li:hover {
    background-color: #f0f0f0;
    color: #333;
    font-weight: 500;
}

#suggestions li:hover,
#suggestions li.highlighted {
    background-color: #f0f0f0;
    color: #333;
    font-weight: 500;
}

.tr1:hover{background:#fff; color: #335cf2 !important; width:100% !important;}



@media (max-width: 1024px) {
	.bline{
				border-bottom:1px solid #ddd !important;
				
	}
    .star-rating {
			font-size: 10px !important;
			display: flex;			
			align-items: center;
			justify-content: right;
    }

    .star {
        width: 14px;
        height: 14px;
    }

    .star-filled {
        width: 100%;
        height: 100%;
    }
	.relement{		
		position: relative;
		display : block;
		width   : 100%;
		top	    : -30px;
		padding-right:25px;
	}
	.right-element { 
			display:none;
	}
	.right-element_ {
		display	:block;
		position:relative;
		left 	:calc(100vw - 90px);
		top	 	:10px;
		color	: gray;
		padding-top: 4px;
	}
	.box-bottom{
			width:100%; min-height:100px;		
	}
	.col320 {
		//display:none;
		//min-width: 320px !important;
	//	border-right: 1px solid #ddd;
	}
	.merged{   
		display: inline-block; /* Combine the content in one cell */
		text-align: center; /* Align text to center */
		width: 100%;		
		padding: 0px !important;
	}
	.row0 {
		display: block; /* Stack the sub-columns vertically */
		text-align: center; /* Center the sub-columns */
	}
	.image-container {   
        margin-top: -30px;	
		width: 90% !important;
    }
	.image-container img {
            width: 50%;            			
			display: block;
			margin-right: auto;
			margin-left: auto;
			height: auto;
        }
	
	
	
		.row{display:block;}	
		.col{display:block;}	
		.title{margin-bottom:20px;}
		.sub-col {
			display: none !important;			
		}
		   
  .usps .gr {
   // display: block; /* Display the icon as a block element on mobile */
  }
  
  .usps .gr::before {
    content: "\A";  /* Insert a line break before the icon */
    white-space: pre; /* Ensure the line break is displayed properly */
    //display: block; /* Ensure the line break behaves as a block */
  }
  .usps{position:relative; top:-28px;        padding-left: 20px;}	 
	
	.box-bottom{
			width:100%; min-height:100px;		
	}
	.brow{display:block;
			width:90% !important;
			justify-content: center;
			margin-left: auto;
			margin-right: auto;			
	}
	.brow_{display:block;					
	}
	.col{ height: auto;}
	.search {    
		display: block !important;
	}
	.searchbutton {
		width: 100%;
		padding: 11px 10px;
		display: flex;
		align-items: center;
		justify-content: center;
    //column-gap: 12px;
    background-color: #335cf2 !important;    
    font-size: 0.8rem;
    line-height: 1;
    font-weight: 700 !important;
    border-radius: 4px;
    text-decoration: none;
    border: 2px solid transparent;
    color: #fff;
    box-shadow: 0 4px 12px 0 hsla(0, 0%, 55.3%, .1) !important;
    transition: all .3sease-out !important;
    text-align: center;
	flex-shrink: 0 !important;
}
}

@media (max-width: 480px) {
	.right-element { 
			display:none;
	}
	.right-element_ {
		display	:block;
		position:relative;
		left 	:calc(100vw - 90px);
		top	 	:10px;
		color	: gray;
		padding-top: 4px;
	}
	.box-bottom{
			width:100%; min-height:100px;		
	}
	.brow{display:block;			
			width:90% !important;
			justify-content: center;
			margin-left: auto;
			margin-right: auto;}
	.brow_{display:block;			
			}		
    .title {
        font-size: 16px;
        margin-left: 10px;
		margin-bottom:20px;
    }
.col{ height: auto;}	
  .usps{position:relative; top:-28px;         padding-left: 20px;}	   
  .usps .gr {
   // display: block; /* Display the icon as a block element on mobile */
  }
  
  .usps .gr::before {
    content: "\A";  /* Insert a line break before the icon */
    white-space: pre; /* Ensure the line break is displayed properly */
    //display: block; /* Ensure the line break behaves as a block */
  }

    .left {
        margin-right: 5px;
    }

    .star-rating {
			font-size: 10px !important;
			display: flex;			
			align-items: center;
			justify-content: right;
    }

    .star {
        width: 12px;
        height: 12px;
    }

    .star-filled {
        width: 100%;
        height: 100%;
    }

    #map2 {
        height: 300px;
    }

    .right, .right_ {
        max-width: none;
		width:75% !important;
        font-size: 12px;
    }

    .input-container {
        width: 90%;
    }

    #suggestions {
        width: 90%;
    }
	.searchbutton {
		width: 100%;
		padding: 11px 10px;
		display: flex;
		align-items: center;
		justify-content: center;
    //column-gap: 12px;
    background-color: #335cf2 !important;    
    font-size: 0.8rem;
    line-height: 1;
    font-weight: 700 !important;
    border-radius: 4px;
    text-decoration: none;
    border: 2px solid transparent;
    color: #fff;
    box-shadow: 0 4px 12px 0 hsla(0, 0%, 55.3%, .1) !important;
    transition: all .3sease-out !important;
    text-align: center;
	flex-shrink: 0 !important;
}
}
@media (max-width:768px) {
	
	.right-element { 
			display:none;
	}
	.right-element_ {
		display	:block;
		position:relative;
		left 	:calc(100vw - 90px);
		top	 	:10px;
		color	: gray;
		padding-top: 4px;
	}
	.box-bottom{
			width:100%; min-height:100px;		
	}
	.brow{display:block;
			width:90% !important;
			justify-content: center;
			margin-left: auto;
			margin-right: auto;
	}
	.brow_{display:block;			
	}
	.col{ height: auto;}
	.search {    
		display: block !important;
	}
	.after-header-content{display:none;width:0px;
							content:'';}
							
	.feed_text {
		max-width: 600px;
		display:block;
		margin-left:auto !important;
		margin-right:auto !important;
		text-align:center;
		padding-top:40px;
		word-wrap: break-word;
		min-height:240px;
	}		
	h1{}	
	 .search>label {		
		display: flex;
		align-items: center;
	}
	input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
		color: var(--contrast);
		background-color: var(--base-2);
		border-color: var(--base);		
	}
	.search>label {
		column-gap: 8px;
		width: 100%;
		display: inline;
		align-items: center;
	}
	.searchbutton {
		width: 100%;
		padding: 11px 10px;
		display: flex;
		align-items: center;
		justify-content: center;
    //column-gap: 12px;
    background-color: #335cf2 !important;    
    font-size: 0.8rem;
    line-height: 1;
    font-weight: 700 !important;
    border-radius: 4px;
    text-decoration: none;
    border: 2px solid transparent;
    color: #fff;
    box-shadow: 0 4px 12px 0 hsla(0, 0%, 55.3%, .1) !important;
    transition: all .3sease-out !important;
    text-align: center;
	flex-shrink: 0 !important;
}

	.search__input {max-width:300px !important;}
	
	.searchbutton  {
					margin-left: auto;
					margin-right: auto;
	}
	
	.search>label	{padding: 12px 5px; display:flex !important;}
}



.tablepr{    display: flex; padding:0px; margin:0px;}
		.column {
			padding: 0px;
			border: 0px solid black;
			gap:0px; 
		}
		.column-2{gap:0px;}
		.column-60 {
			width: 65%;background:#efedf6 !important; color:#f8f8f8;
			padding-left:15px;
			padding-bottom:4px;
			border-bottom:1px solid #fff !important;
			text-align:left !important;
		}
		.column-40 {
			width: 33%;
			padding-left:30px;
			background:#fff !important;
		}
		
	.ltable{color: #333 !important;}
	
	
	
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}


#map{
    position: absolute !important;
    width: 100% !important;
    height: 75% !important;
    display: block;
    top: 30px !important;
    left: 0px !important;
    z-index: 100000 !important;
}

input:required {
    
}
input:invalid {
    //border: 1px solid #335cf2 !important;
	border: 1px solid #999 !important;
	color : #dfdfdf !important;
}

.row-1, .row-2 {
    text-align: center;
    background-color: #fff;
    font-weight: bold;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}




.flex-container {
  display: flex;
  flex-direction: row;  
}

.flex-item-left {   
  flex: 70%;
}

.flex-item-right {  
  flex: 30%;
}

/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 800px) {
  .flex-container {
    flex-direction: column;
  }
}


.ilink{color:#fff !important; text-decoration:none; 
		transition: color .1s ease-in-out, background-color .1s ease-in-out;
		border-radius: 6px !important;
    background: #6559eb !important;
    color: white;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	min-width:200px;
	margin-bottom:5px;	
}


.ilink:hover{color:#efefef !important; text-decoration:none;transition: color .1s ease-in-out, background-color .1s ease-in-out;
border-radius: 6px !important;
    background: #6559eb !important;
    color: white;}
.ilink:active{color:#fff !important; text-decoration:none;transition: color .1s ease-in-out, background-color .1s ease-in-out;
border-radius: 6px !important;
    background: #6559eb !important;
    color: white;}
.ilink:link{color:#fff !important; text-decoration:none;transition: color .1s ease-in-out, background-color .1s ease-in-out;
border-radius: 6px !important;
    background: #6559eb !important;
    color: white;}
	

.tooltip-container {
    position:absolute;
    margin-top: 20px;
}

/* Tooltip label */
.tooltip-label {
    cursor: pointer;
    color: #666;
	font-size:11px;
    text-decoration: none;
    position: relative;
}

/* Tooltip text (hidden by default) */
.tooltip-text {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: white;
    text-align: center;
    padding: 10px;
    border-radius: 4px;
    z-index: 1;
    transition: opacity 0.3s ease;
    width: 480px; /* Default max-width for desktop */
    //width: 100%; /* Make the tooltip's width 100% of its parent container */
    word-wrap: break-word; /* Allow text wrapping */
    white-space: normal; /* Allow text to wrap */
}

/* Show tooltip on hover or tap */
.tooltip-label:hover .tooltip-text,
.tooltip-label:focus-within .tooltip-text {
    visibility: visible;
    opacity: 1;
}

/* Input styling */


/* Responsive Design */
@media (max-width: 480px) {
    .tooltip-container {
        text-align: center;
		
    }

    .tooltip-label {
        font-size: 14px;
    }
   .tooltip-text {
        max-width: 320px;
		left: 100%;		
		margin-left:80%;
    }
    input {
        width: 100%;
    }
}



.box1{font-size:13px;font-weight:bold; background:#e3e0ff !important;margin-right:8px; 
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding-left:5px; padding-right:5px;
	position:absolute; 
	margin-top:-30px;
}

.bc_{
	font-size		: 16px;
    font-weight 	: bold;
    margin-bottom	: 12px;
}