
@media only screen and (max-width: 690px) {
	
	

}
iframe, object, embed {
    max-width: 100%;
}




/*main*/

#template{
	max-width:690px;
	margin:0 auto;
	width:100%;
}

#template #main-content {
    border: 1px solid #c00000;
    display: inline;
    float: left;
    font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
    margin: 30px 0px 0px 0px;
    width: 690px;
}



/*claim*/

#template #main-content .claim {
	padding: 20px 20px 20px 20px;
	margin: 20px 20px 20px 20px;
	}
#template #f1info {
	text-align: center;
	color:#000000;
	padding: 0px 0px 10px 0px;
	line-height: 140%;
	font-size: inherit;
	
	}
#company_description2 {
	text-align: justify;
	color:#000000;
	padding: 0px 0px 20px 0px;
	line-height: 140%;
	font-size: 14px;
	}


/*job_name*/

#jobTitle {
	text-align: center;
	padding: 15px 0px 15px 0px;
	}

#jobTitle h1 {
	color: #c00000;
    font: bold 22px 'Playfair Display', Arial, Helvetica, sans-serif;
    text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 5px 20px;
	}

#main-content #jobTitle span {
	font-size: 14px;
	font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

/*fields*/

#template #txt-description {
    color: #000000;
    font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
	font-size: 14px;
    line-height: 140%;
    margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#template #required-skills {
    color: #000000;
    font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
	font-size: 14px;
    line-height: 140%;
    margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
#template #txt-description p strong{
	color:#c00000;
	font-size:15px;
}
#template #required-skills p strong{
	color:#c00000;
	font-size:15px;
}
#main-content div ul {
    list-style: disc;
     margin-left: 40px; /* Indents the list to the right of the paragraph */
    padding: 5px 0px 5px 0px;
}



#main-content div ul > li::marker
 {
    color: #c00000;
	font-size: 14px;
    border-radius: 15px;
    font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
    line-height: 140%;
}
p {
    margin-right: 20px; /* Adjust as necessary */
}

/* Styling for the unordered list */
ul {
    margin-left: 40px; /* Indents the list to the right of the paragraph */
    padding-left: 0;   /* Removes default padding */
}


/*apply_info*/

#apply_info {
	background: #c00000;
	color: #ffffff;
	font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 20px 8px 20px;
	margin: 15px 20px 15px 20px;
	text-align: center;
}
#apply_info_container {
	padding: 0px 0px 30px 0px;
}

/*other*/

#main-content p, #main-content span {
    line-height: 140%;
	color: #000000;
	font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.f1footer {
            font-size: 11px; /* Sets the font size to 11px */
            padding-top: 15px; /* Adds 15px padding to the top */
            padding-left: 20px; /* Adds 15px padding to the left */
            padding-right: 20px; /* Adds 15px padding to the right */
        }

#template #footer-contact {
    color: #000000;
    font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
	font-size: 13px;
    line-height: 140%;
    margin: 20px 20px 20px 20px;
    padding: 0px 0px 0px 0px;
    text-align: justify;
}


/*above_offer*/
#content {margin-left: 0;}

#template h5
    clear: both;
    font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
	font-size: 24px;
    margin: 20px 0px 10px 0px;
	color: #c00000;
	width: 100%;
	font-weight: normal;
}

#template h6
    clear: both;
    font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
	font-size: 17px;
    margin: 5px 0px 10px 2px;
	color: #c00000;
	font-weight: normal;
}

body, html {
    margin: 0;
    padding: 0;
}

#main-content {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.top_banner img,
.bottom_banner img {
    display: block;
    width: 100%;
    border: 0;
}

.bottom_banner {
    margin-top: auto;
}
body, html {
    margin: 0;
    padding: 0;
}

#main-content {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.top_banner img,
.bottom_banner img {
    display: block;
    width: 100%;
    border: 0;
}

.bottom_banner {
    margin-top: auto;
}

#h2-info {
    font-weight: bold;
    font-size: 1.25em; /* Adjust the size as needed */
}
