/* #map { height: 500px; width:800px; text-align:center;margin-right:auto;margin-left:auto; }*/
	    #map { height:500px;width:100%; float:right;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);z-index:1;}
		#myModal{z-index:999;}
		body{
			font-family: "Open Sans", sans-serif !important;
		}
		.header{
			margin-bottom:10px;
			padding:15px 0;
			box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
		}
		.row-content {
            display: flex;
			text-align:left;
        }

		h1{
			color: #1c2059 !important;
			font-size: 18px;
			line-height: 1.3;
			letter-spacing: 0.15px;
			text-align:left;
			font-weight:600;
		}
		h2, .bold-text2{
			color: #1c2059 !important;
			font-size: 14px;
			line-height: 1.5;
			letter-spacing: 0.15px;
			text-align:left;
			font-weight:600
		}
		.bold-text2{
			line-height:6px!important;
		}
		p span{
			font-size: 14px;
			line-height: 6px!important;
		}
		.col-3 h1{font-size: 24px;}
		.logo{
			text-align:left;
		}

		.wpuf-submit-button{
			border: none !important;
			background:#1c2059 !important;
			color: #fff !important;
			-webkit-box-shadow: none;
			box-shadow: none!important;
			width: 160px !important;
			border-radius: 100px !important;
			padding: 6px 24px !important;
			
			letter-spacing: 0.15px !important;
			font-weight: 400 !important;
			font-size: 14px !important;
			line-height: 24px !important;
			cursor: pointer;
			border: 0 !important;
			text-decoration: none !important;
		}

		.wpuf-submit-button:hover{
			border: none !important;
			background: #fec30d !important;
			color: #1c2059 !important;
			-webkit-box-shadow: none;
			box-shadow: none!important;
			width: 160px !important;
			border-radius: 100px !important;
			padding: 6px 24px !important;
			
			letter-spacing: 0.15px !important;
			font-weight: 400 !important;
			font-size: 14px !important;
			line-height: 24px !important;
			cursor: pointer;
			border: 0 !important;
			text-decoration: none !important;
		}
		.fetch-btn, .fetch-btn:hover{
			width:auto!important;
		}
		.border{border:#333 solid 1px;}
		/*.fixed-col-2 {
            width: 20%; 
        }
        .fixed-col-10 {
            width: 80%; 
        }*/
		.mt-0{margin-top:0px;}
		.border-btm{border-bottom:#666 double 2px;}
		.border-top{border-top:#999 double 1px; margin-top:15px;}
		#site-footer{color:#666; font-size:14px;}
		.success-message{color:#198754;}
		.error-message { color: #dc3545; }
        .disabled { background-color: #ccc; cursor: not-allowed; }
		.input-group input{
			width:100%;
			font-size:14px;
			margin:6px 0;
			padding:6px;
		}
		select{
			width:100%;
			font-size:14px;
			padding:6px;
		}
		
		/* Popup Modal Styles */
        .modal {
            display: none; 
            position: fixed; 
            z-index: 1; 
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto; 
            background-color: rgb(0,0,0);
            background-color: rgba(0,0,0,0.4); 
            padding-top: 60px;
        }

        .modal-content {
            background-color: #fefefe;
            margin: 5% auto;
            padding: 20px;
            border: 1px solid #888;
            width: 80%;
            max-width: 640px;
        }

        .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
			position: absolute;
    		right: 15px;
        }

        .close:hover,
        .close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }
		.map-area-elements{
			display:flex;
			justify-content: space-between;

		}
		.radius-value{ display:flex;}
		.radius-slider{
			width:30%;
		}
		
    .progress-container {
        width: 100%;
        background-color: #f3f3f3;
        border-radius: 5px;
        margin-top: 10px;
        height: 20px;
    }
	input{
		border-radius: 6px;
		border: 1px solid #999;
		padding: 5px;
	}

    .progress-bar {
        width: 0%;
        height: 100%;
        background-color: #4caf50;
        text-align: center;
        line-height: 20px;
        color: white;
        border-radius: 5px;
    }
	
	#fetchLoading {
	  width: 100%;
	  height: 4px; /* Adjust height if needed */
	  background-color: #f0f0f0;
	  position: relative;
	  overflow: hidden;
	}
	
	.loading-dot {
	  width: 20px;
	  height: 20px;
	  border-radius: 50%;
	  background-color: #3498db;
	  position: absolute;
	  animation: roll 2s infinite linear;
	}
	
	@keyframes roll {
	  0% {
		left: 0;
		transform: translateX(-50%);
	  }
	  100% {
		left: 100%;
		transform: translateX(-50%);
	  }
	}

		@media only screen and (max-width: 560px) {
			/*#map {float:left;}*/
		}
		#savePinForm input{
			width: 100%;
		}
		#savePinForm label{
			font-size: 14px;
		}
	.iwch-lagline a{
		color: #1c2059;
		font-size:20px;
	}
	.map-area-elements h1{
	    margin-bottom:0!important;
	}