@media screen and (min-width: 37.5rem) {
  .datepicker-modal .datepicker-container {
    transform: none;
  }
  .datepicker-modal .datepicker-container .bottom-buttons {
    display: none;
  }
}


@media only screen and (min-width: 768px) {
	.desktop-d-none {
    	display: none !important;
	}
}

@media only screen and (max-width: 991px) {
	.sidebar-block-outer.ps-5 {
	    padding-left: 0 !important;
	    margin-top: 40px;
	}

	.mobile-d-none {
		display: none !important;
	}

	.desktop-d-none {
    	display: inline-block !important;
	}

	.has-tooltip {
	    position: relative;
	    padding-right: 40px;
	    padding-bottom: 5px;
	}

	.tooltip-custom i:hover+span {
		display: flex;
	}

	.has-tooltip .tooltip-custom {
	    position: absolute;
	    right: 0;
	    top: 0;
	}

	.tooltip-custom span {
	   	width: 210px;
	    left: -220px;
	    margin: 0;
	    height: fit-content;
	    top: -15px;
	    min-height: 55px;
	    align-items: center;
	    flex-wrap: wrap;
	    max-width: initial;
	}

	.tooltip-custom span::before {
	    left: 210px;
	    top: 20px;
	    border-right-color: transparent;
	    border-left-color: #222;
	}
	
	.white-bg-block {
		padding: 25px;
	}
	
}

@media only screen and (max-width: 767px) {

	.fields-inner .col-md-6+.col-md-6, .fields-inner .col-md-4+.col-md-4 {
	    margin-top: 30px;
	}

	#progressbar li {
	    font-size: 14px;
	}

	#progressbar li::before {width: 40px;height: 40px;line-height: 35px;}

	#progressbar li::after {
	    top: 20px;
	}

}

@media only screen and (max-width: 567px) {

	/* #progressbar li {
	    font-size: 0px;
	} */

	.main-form-section {
	    margin: 50px 0px;
	}

}