/* Main Container */
.indhold_SEO_docs {
    grid-column: 1/-1;
    grid-row: 6/16;
    display: grid;
    align-items: flex-start;
    grid-template-columns: auto 10px auto 10px auto 10px auto 20px auto;
    grid-template-rows: 20px auto 20px auto 20px auto 20px auto 50px;
    background-color: #ffffff;
    padding: 40px 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

/* Inner Container */
.hire_guide_container {
    grid-column: 1/-1;
    grid-row: 2;
    display: grid;
    grid-template-columns: auto 10px auto 10px auto 10px auto 20px auto;
    grid-template-rows: 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 50px;
    width: 85%;
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
    background-color: #f9f9f9;
    color: #333;
    border-radius: 8px;
    border: 1px solid #ddd;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}




.remote_guide_section1
{
		grid-column: 1/-1; 
	grid-row: 4; 
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	
}

.remote_guide_section2
{
		grid-column: 1/-1; 
	grid-row: 6; 
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	
}

.remote_guide_section3
{
		grid-column: 1/-1; 
	grid-row: 8; 
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	
}

.remote_guide_section4
{
		grid-column: 1/-1; 
	grid-row: 10; 
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	
}

.remote_guide_section5
{
		grid-column: 1/-1; 
	grid-row: 12; 
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	
}

.remote_guide_section6
{
		grid-column: 1/-1; 
	grid-row: 14; 
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	
}

.remote_guide_section7
{
		grid-column: 1/-1; 
	grid-row: 16; 
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	
}

.remote_guide_section8
{
		grid-column: 1/-1; 
	grid-row: 18; 
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	
}




/* Title Section */
.remote_guide_title {
	grid-column: 1/-1; 
	grid-row: 2; 
    text-align: center;
    margin-bottom: 20px;
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.remote_guide_title h1 {
    font-size: 28px;
    color: #222;
    font-weight: bold;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.remote_guide_title p {
    font-size: 16px;
    color: #666;
    margin-top: 5px;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

/* Sections Styling */
.hire_guide_container div[class^="remote_guide_section"] {
    padding: 20px;
    background: #ffffff;
    border-radius: 6px;
    margin-bottom: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Headings */
.hire_guide_container h2 {
    font-size: 22px;
    color: #444;
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 3px solid #ddd;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

/* Paragraphs */
.hire_guide_container p {
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 10px;
    color: #333;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

/* Lists */
.hire_guide_container ul, .hire_guide_container ol {
    margin: 15px 0;
    padding-left: 25px;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.hire_guide_container ul li, .hire_guide_container ol li {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 8px;
    padding-left: 5px;
    position: relative;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

/* Nested Lists */
.hire_guide_container ul li ul {
    margin-top: 8px;
    padding-left: 20px;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.hire_guide_container ul li ul li {
    font-size: 16px;
    color: #555;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

/* Section Dividers */
.hire_guide_container hr {
    border: none;
    height: 2px;
    background: linear-gradient(to right, #ddd, #bbb, #ddd);
    margin: 25px 0;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

/* Strong Text */
.hire_guide_container strong {
    color: #222;
    font-weight: bold;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

/* Links */
.hire_guide_container a {
    color: #0073e6;
    text-decoration: none;
    font-weight: bold;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.hire_guide_container a:hover {
    text-decoration: underline;
    color: #005bb5;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

/* Responsive Design */
@media screen and (max-width: 1024px) {
    .hire_guide_container {
        width: 90%;
        padding: 20px;
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    }

    .hire_guide_container h1 {
        font-size: 24px;
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    }

    .hire_guide_container h2 {
        font-size: 20px;
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    }

    .hire_guide_container p,
    .hire_guide_container ul li,
    .hire_guide_container ol li {
        font-size: 16px;
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    }
}

@media screen and (max-width: 768px) {
    .hire_guide_container {
        width: 100%;
        padding: 15px;
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    }

    .hire_guide_container h1 {
        font-size: 22px;
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    }

    .hire_guide_container h2 {
        font-size: 18px;
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    }

    .hire_guide_container p,
    .hire_guide_container ul li,
    .hire_guide_container ol li {
        font-size: 15px;
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    }
}


/* 10 questions */

.ten_questions_container {
	grid-column: 1/-1; 
	grid-row: 2; 
	display: grid; 
	grid-template-columns: auto 10px auto 10px auto 10px auto 20px auto;
    grid-template-rows: 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 50px;
    width: 80%; 
    margin: 0 auto;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

/* Title Styling */
h1.ten_questions_title {
	grid-column: 1/-1; 
	grid-row: 2; 
    font-size: 28px;
    color: #333;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

/* Questions Section */
.ten_questions_section {
	grid-column: 1/-1; 
	grid-row: 4; 
    font-family: Arial, sans-serif;
    color: #444;
    line-height: 1.6;
}

/* Ordered List Styling */
.10_questions_section ol {
    counter-reset: question-counter;
    padding-left: 20px;
}

.10_questions_section ol li {
    counter-increment: question-counter;
    margin-bottom: 20px;
    padding: 15px;
    background: #fff;
    border-left: 5px solid #0073e6;
    border-radius: 5px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);

}

/* Strong Text (Question Titles) */
.10_questions_section li strong {
    font-size: 18px;
    color: #222;
    display: block;
    margin-bottom: 5px;
 

}

/* Emphasized Text (Why this matters) */
.10_questions_section li em {
    font-size: 14px;
    color: #666;
    display: block;
    margin-top: 5px;


}



/* Sample contract */

.contract-container {
	grid-column: 1/-1;
	grid-row: 2; 
    width: 80%;
    background: #ffffff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    font-family: "Arial", sans-serif;
    color: #333;
	margin: 0 auto; 
}

h1.sample_contract_title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

h2.between_title {
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
}

h3 {
    font-size: 18px;
    margin-top: 20px;
    color: #444;
}

p {
    font-size: 14px;
    line-height: 1.6;
}

.note {
    font-size: 14px;
    font-style: italic;
    color: #d9534f;
    text-align: center;
    margin-bottom: 20px;
}

ul {
    padding-left: 20px;
}

ul li {
    font-size: 14px;
    margin-bottom: 10px;
}

.highlight {
    font-weight: bold;
    color: #007bff;
}

@media (max-width: 768px) {
    .contract-container {
        width: 95%;
        padding: 20px;
    }
    
    h1 {
        font-size: 22px;
    }
    
    h2 {
        font-size: 18px;
    }
    
    h3 {
        font-size: 16px;
    }
    
    ul li {
        font-size: 13px;
    }
}



/* Sample contract */



.culture_tips_container {
	grid-column: 1/-1;
	grid-row: 2; 
	display: grid; 
    grid-template-columns: auto 10px auto 10px auto 10px auto 20px auto;
    grid-template-rows: 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 20px auto 50px;
    width: 85%;
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
    background-color: #f9f9f9;
    color: #333;
    border-radius: 8px;
    border: 1px solid #ddd;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

h1.tips_title{
	grid-column: 1/-1;
	grid-row: 2; 
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	
	
}

h2.tips_manchet{
	grid-column: 1/-1;
	grid-row: 4; 
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	
	
}

.tips_section1{
	grid-column: 1/-1;
	grid-row: 6; 
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
        padding: 20px;
        background: #ffffff;
        border-radius: 6px;
        margin-bottom: 15px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	
}

.tips_section2{
	grid-column: 1/-1;
	grid-row: 8; 
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	        padding: 20px;
        background: #ffffff;
        border-radius: 6px;
        margin-bottom: 15px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	
}
.tips_section3{
	grid-column: 1/-1;
	grid-row: 10; 
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	        padding: 20px;
        background: #ffffff;
        border-radius: 6px;
        margin-bottom: 15px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	
}
.tips_section4{
	grid-column: 1/-1;
	grid-row: 12; 
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	        padding: 20px;
        background: #ffffff;
        border-radius: 6px;
        margin-bottom: 15px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	
}
.tips_section5{
	grid-column: 1/-1;
	grid-row: 14; 
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	        padding: 20px;
        background: #ffffff;
        border-radius: 6px;
        margin-bottom: 15px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	
}
.tips_section6{
	grid-column: 1/-1;
	grid-row: 16; 
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	        padding: 20px;
        background: #ffffff;
        border-radius: 6px;
        margin-bottom: 15px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	
}
.tips_section7{
	grid-column: 1/-1;
	grid-row: 18; 
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	        padding: 20px;
        background: #ffffff;
        border-radius: 6px;
        margin-bottom: 15px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	
}

.tips_section8{
	grid-column: 1/-1;
	grid-row: 20; 
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	        padding: 20px;
        background: #ffffff;
        border-radius: 6px;
        margin-bottom: 15px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	
}

.tips_section9{
	grid-column: 1/-1;
	grid-row: 22; 
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	        padding: 20px;
        background: #ffffff;
        border-radius: 6px;
        margin-bottom: 15px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	
}

.tips_section10{
	grid-column: 1/-1;
	grid-row: 24; 
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	        padding: 20px;
        background: #ffffff;
        border-radius: 6px;
        margin-bottom: 15px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	
}

h1, h2 {
    text-align: center;
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

h3 {
    margin-top: 20px;
    color: #444;
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

ul {
    padding-left: 20px;
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.highlight {
    font-weight: bold;
    color: #007bff;
}

blockquote {
    background: #f1f1f1;
    padding: 10px;
    border-left: 4px solid #007bff;
    margin: 10px 0;
    font-style: italic;
		font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

@media (max-width: 768px) {
    .guide-container {
        width: 95%;
        padding: 20px;
    }
}


/* Sample contract */

.quiz-container {
	grid-column: 1/-1;
	grid-row: 2;
    width: 80%;
    max-width: 900px;
    background: #ffffff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;

    color: #333;
	margin: 0 auto; 
}

h1, h2 {
    text-align: center;

}

.quiz-instructions {
    font-style: italic;
    text-align: center;
    margin-bottom: 20px;
    color: #555;
}

.quiz-question {
    margin-top: 20px;
    padding: 15px;
    border-left: 5px solid #007bff;
    background: #f9f9f9;
    border-radius: 5px;
}

.quiz-question h3 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #444;
}

ul {
    padding-left: 20px;
}

ul li {
    font-size: 14px;
    margin-bottom: 10px;
}

.scoring {
    background: #e9ecef;
    padding: 15px;
    border-radius: 5px;
}

.scoring li {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 8px;
}

.highlight {
    color: #007bff;
    font-weight: bold;
}

@media (max-width: 768px) {
    .quiz-container {
        width: 95%;
        padding: 20px;
    }
}





.template-container {
	grid-column: 1/-1;
	grid-row: 2; 
    width: 80%;
    max-width: 900px;
    background: #ffffff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
margin: 0 auto; 
    color: #333;
	
}

h1, h2 {
    text-align: center;
}

h3 {
    margin-top: 20px;
    color: #444;
}

p {
    font-size: 14px;
    line-height: 1.6;
}

ul {
    padding-left: 20px;
}

ul li {
    font-size: 14px;
    margin-bottom: 10px;
}

ol {
    padding-left: 20px;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

th, td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

th {
    background-color: #007bff;
    color: white;
}

.highlight {
    font-weight: bold;
    color: #007bff;
}

@media (max-width: 768px) {
    .guide-container {
        width: 95%;
        padding: 20px;
    }
}



.key_phrases_container {
	grid-column: 1/-1; 
	grid-row: 2; 
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	width: 80%; 
	max-width: 900px; 
	margin: 0 auto; 
}

.quick-reference-table {
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 16px;
    background-color: #ffffff;
    border: 1px solid #ddd;
}

.quick-reference-table th, 
.quick-reference-table td {
    padding: 12px 15px;
    border: 1px solid #ddd;
    text-align: left;
}

.quick-reference-table thead {
    background-color: #f4f4f4;
    font-weight: bold;
}

.quick-reference-table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

.quick-reference-table tbody tr:hover {
    background-color: #f1f1f1;
}


.cut-costs-container {
	grid-column: 1/-1; 
	grid-row: 2; 
	width: 70%; 
	margin: 0 auto; 
	
	
}