/*
 * Theme Name: AMI Boilerplate Theme
 * Description: A AMI Base theme
 * Author: AMI Web
*/

/* Get a quote full page */
#contact-section{
    margin-top: -420px;
    z-index: 10;
    background: none;
}


#card{
    background-color: #FAFAFA;
    border-radius: 10px 10px 10px 10px; /* Rounded corners on the left for the info side */
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}


#contact-form{
	background-color: #fff;
    border-radius: 10px 10px 10px 10px; /* Rounded corners on the right for the contact form side */
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); /* Shadow for the contact form side */
}

#contact-form input[type="text"]::placeholder,
    #contact-form textarea::placeholder{
	font-size: 14px;
}

#contactform-background  {
    padding: 40px 0px;
}

#contactform-background picture{
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
}

#contactform-info a:hover {
	color: #00dcf2;
	text-decoration: none;
}

#upload-icon {
	width: 50px;
    height: 20px;
    padding: 0 10px;
}

/* Request guide */
#request-form-section{
	margin-top: -420px;
    z-index: 10;
    background: none;
    position: relative;
    float: right;
    margin-right: 10%;
}

#request-form{
	background-color: #fff;
    border-radius: 10px 10px 10px 10px; /* Rounded corners on the right for the contact form side */
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); /* Shadow for the contact form side */
}

#request-form input[type="text"]::placeholder,
    #request-form textarea::placeholder{
	font-size: 14px;
}

.request-form{
	padding-bottom: 25px !important;
}

/* Media query for 1024px and below */
@media screen and (max-width: 1024px) {
	#request-form-section {
		margin-top: -300px; /* Adjusted margin-top */
		float: none;
		width: 100%;
	}
}



@media screen and (max-width: 1024px) {
	.request-form {
		border-radius: 0;
		box-shadow: 0;
	}
}

/* Media query for 1025px and above */
@media (min-width: 1025px) {
    #request-form-section {
        max-width: 620px;
    }
}

/* Media query for 1800px and above */
@media (min-width: 1800px) {
    #request-form-section {
        margin-right: 20%;
    }
}

/* additional font styling */
.alert {
	position: relative;
	padding: 8px 15px;
	color: #31708f;
	background-color: #bce8f1;
	border-color: #bce8f1;
	text-align: center;
	font-size: 15px;
}

span.close-alert {
   position: absolute;
	top: 0px;
	right: 0px;
	font-size: 25px;
	cursor: pointer;
	padding: 0px 10px;
}

.fs-m{
	font-size: .875rem;
}

.fw-bold{
	font-weight: 700;
}

.fs-white, .fs-white a{
    color: #fff;
}

.text-secondary {
	color: #636c72;
}

.background-secondary {
	background: #f1f1f1;
}

.title-m {
	font-size: 2.375rem !important;
}

/* Service box */
.service-link {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.service-link a{
    margin-right: 10px;
    text-decoration: underline;
    text-underline-offset: 5px;
}

.service_boxes_wrapper .service_boxes .service_box {
    position: relative;
}

/* News */
.news-content {
	height: 280px !important;
}

/* Instant Quote */
#instant-quote{
	position: relative;
	z-index: 10;
	margin-top: -420px;
	padding-top: 40px;
	min-height: 800px
}