@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
a{
text-decoration:none;
}
.cky-preference-center {
font-family:'Outfit';

}

.cky-notice-group {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    font-family: 'Outfit';
    color: #212121;
}
.cky-notice .cky-title {
    color: #212121;
    font-weight: 700;
    font-family: 'Outfit';
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 12px 0;
    word-break: break-word;
}
body {
    margin: 0;
}
body,html{
    overflow-x: clip;
}

.headerTranslate {
    display: flex;
    flex-direction: row;
    gap: 4px;
}

.headerTranslate a {
    font-family: 'Outfit', 'Sans-serif';
    color: #163840;
    transition: all 0.25s ease-in-out;
    font-weight: 400;
}
.headerTranslate p {
    margin: 0;
    font-family: 'Outfit', 'Sans-serif';
    color: #163840;
    font-weight: 500;
}
.headerTranslate :is(p,a) {
    font-size: 1.2em;
    height: fit-content;
    width: fit-content;
}

.headerTranslate a:hover {
    font-weight: 700;
}

.headerContactInfo p {
    font-family: 'Outfit', 'Sans-serif';
    color: #163840!important;
    font-weight: 500;
    font-size: 1.3em;
    margin: 0;
}

.headerInfoButton a {
    font-family: 'Outfit', 'Sans-serif';
    color: white;
    background-color: #163840;
    width: fit-content;
    padding: 0.6em 0em;
    font-size: 1.2em;
    font-weight: 300;
    border-radius: 6px;
    margin-top: 0em;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-wa{
width:7%;
	position:relative;
	left:5%;
}
.icon-wa img{
	width:100%;
	height:100%;
	object-fit:cover;
	filter:invert(1);
	
}



.headerContactInfo {
    display: flex;
    flex-direction: row;
    margin-left: auto;
    align-items: center;
}


.headerContactInfo p {
    font-family: 'Outfit', 'Sans-serif';
    color: #163840;
    font-weight: 500;
    font-size: 1.3em;
    margin: 0;
    transform: translateX(-15%);
}

.fixedHeader {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 10%;
    height: 11vh;
    position: sticky;
    top: 0;
    z-index: 9;
    background-color: white;
    transition: all 0.25s ease-in-out;
}



.fixedHeader.stuckHeader {
    height: 10vh;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2);
}






@media only screen and (max-width:1600px){
    html .fixedHeader {
        padding: 0 5%;
    }
    html .headerInfoButton a {
        font-size: 1em;
    }
    html .headerContactInfo p {
        font-size: 1.1em;
    }

}


@media only screen and (max-width:1150px){
        html body .headerContactInfo {
        flex-direction: column;
        margin: 0;
        gap: 0em;
    }
    html body .headerContactInfo p {
        transform: unset;
    }
	        html .fixedHeader {
        padding: 0px 9% !important;
        gap: 12em;
        flex-direction: row;
        padding-top: 2em !important;
        padding-bottom: 2em !important;
    }
	    html .fixedHeader.stuckHeader {
        height: fit-content;
        padding-bottom: 2em !important;
    }
	    html body .headerContactInfo {
         flex-direction: column; 
        margin: 0;
        gap: 0em;
    }
	        .headerInfoButton {
        margin-bottom: 1em;
        width: 88%;
        margin-top: 1em;
        white-space: nowrap;
    }
}

@media only screen and (min-width:200px) and (max-width:600px){
	                            html .fixedHeader {
        margin-bottom: 0em;
        gap: 0.6em;
        flex-direction: column;
        padding-top: 2.3em !important;
        padding-bottom: 0 !important;
        flex-direction: row;
    gap: 0;
    align-items: center;
    }
	.headerInfoButton{
	        margin-bottom: 1em;
        margin-top: 1em;
        width: 80%;
	}
	           html body .headerContactInfo {
        flex-direction: column;
        margin: 0;
        width: 70%;
        gap: 0em;
    }
	html .headerInfoButton a {
        font-size: 0.7em;
		white-space:nowrap;
    }
	       html body .headerContactInfo {
        flex-direction: column;
        margin: 0;
        gap: 0em;
    }
	    html .fixedHeader.stuckHeader {
        height: auto;
        padding-bottom: 2em !important;
    }
	
	
}
@media only screen and (min-width:300px) and (max-width:355px){
    html .headerContactInfo p {
        font-size: 0.8em;
    }
	    html .headerInfoButton a {
        font-size: 0.6em;
        white-space: nowrap;
    }

}