*, ::after, ::before {
	    box-sizing: border-box;
	}

        :root {
            --main-bg-color: #009d63;
            --main-text-color: #009d63;
            --second-text-color: #bbbec5;
            --second-bg-color: #c1efde;
        }

        body {
            font-family: CPN, sans-serif; 
            margin: 0;
            padding: 0;
            background-color: var(--second-bg-color);
        }

        header {
            background: var(--main-bg-color);
            color: white;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 20px;
        }
      
        
        header h1 {
            margin: 0;
            font-size: 1.5em;
        }

        .menu-toggle {
            font-size: 24px;
            cursor: pointer;
            display: none;
        }

        nav {
            display: flex;
            justify-content: flex-end;
            width: 100%;
            background: white;
            padding: 10px 0;
        }

        nav ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            padding-right: 10px;
        }

        nav ul li {
            border-bottom: 1px solid var(--second-text-color);
        }

        nav ul li a {
            display: block;
            text-decoration: none;
            color: var(--main-text-color);
            padding: 12px;
        }

        .feedback a ,
        footer a {
            color: #2e603c;
            border-bottom: 2px solid #2e603c;
            text-decoration: none;
        }

        .feedback a:hover ,
        footer a:hover {
            color: #30906a !important;
        }
        
        nav ul li a:hover {
            background: var(--second-bg-color);
        }

        .submenu {
            display: none;
            padding-left: 20px;
            position: absolute;
            background: #fff;
        }

        .submenu a {
            font-size: 0.9em;
        }

        .language-switch {
            cursor: pointer;
            padding: 5px 10px;
            background: white;
            color: var(--main-text-color);
            border-radius: 5px;
        }
      
        [data-open="640"] {
            display: none;
        }
      
        @media (max-width: 640px) {
            .menu-toggle {
                display: block;
            }

            [data-open="640"] {
                display: block;
            }
            
            .box {
                width: 100%;
            }
        }
        

        .banner {
            width: 100%;
            text-align: center;
        }

	.container {
	    width: 100%;
	    max-width: 100%;
	    padding-right: 15px;
	    padding-left: 15px;
	    margin-right: auto;
	    margin-left: auto;
	    box-sizing: border-box;
	}
	
	@media (min-width: 576px) {
	    .container {
	        max-width: 540px;
	    }
	}
	
	@media (min-width: 768px) {
	    .container {
	        max-width: 720px;
	    }
	}
	
	@media (min-width: 992px) {
	    .container {
	        max-width: 960px;
	    }
	}
	
	@media (min-width: 1200px) {
	    .container {
	        max-width: 1140px;
	    }
	}

	section, .section-padding {
	    padding: 50px 0;
	    position: relative;
	}
	
	.row {
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    margin-right: -15px;
	    margin-left: -15px;
	}

	.mb-4, .my-4 {
	    margin-bottom: 1.5rem !important;
	}
	@media (min-width: 768px) {
	    .col-md-3 {
	        -ms-flex: 0 0 25%;
	        flex: 0 0 25%;
	        max-width: 25%;
	    }
	}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	    position: relative;
	    width: 100%;
	    min-height: 1px;
	    padding-right: 15px;
	    padding-left: 15px;
	}

	.shadow-sm {
	    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
	}
	.rounded {
	    border-radius: .25rem !important;
	}
	.card {
	    position: relative;
	    display: -ms-flexbox;
	    display: flex
	;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    min-width: 0;
	    word-wrap: break-word;
	    background-color: #fff;
	    background-clip: border-box;
	    border: 1px solid rgba(0, 0, 0, .125);
	    border-radius: .25rem;
	}

	a:link, a:visited {
	    text-decoration: none;
	}
	a {
	    color: #007bff;
	}
	a {
	    background-color: transparent;
	    -webkit-text-decoration-skip: objects;
	}

	.p-2 {
	    padding: .5rem !important;
	}
	.h-100 {
	    height: 100% !important;
	}
	.align-items-center {
	    -ms-flex-align: center !important;
	    align-items: center !important;
	}
	.d-flex {
	    display: -ms-flexbox !important;
	    display: flex !important;
	}

	.card-img-top {
    	    height: 190px;
	    border-top-left-radius: calc(.25rem - 1px);
	    border-top-right-radius: calc(.25rem - 1px);
	}
	img {
	    vertical-align: middle;
	    border-style: none;
	}

	.card-footer-name {
	    position: absolute;
	    bottom: 0px;
	    width: 100%;
	    text-align: center;
	    padding: 10px;
	}
      
	.marquee-text {
	    background-color: #ffc107;
	    color: #ff0000;
	    font-size: 16px;
	    padding: 15px 0;
	    position: relative;
	}

	@media (min-width: 768px) {
	    .col-md-12 {
	        -ms-flex: 0 0 100%;
	        flex: 0 0 100%;
	        max-width: 100%;
	    }
	}
	
	.breadcrumb {
	    color: #777;
	    margin: 30px 0 -10px 0;
	    padding: 0;
	    background: none;
	}
	.breadcrumb {
	    display: flex;
	    flex-wrap: wrap;
	    list-style: none;
	    border-radius: .25rem;
	}

	.breadcrumb>li+li:before {
	    content: "\f105";
	    font-family: FontAwesome;
	    padding: 0 8px;
	    color: #777;
	}

	.card-block {
	    background: #fff;
	    padding-top: 10px;
	    padding-bottom: 10px;
	}

	.line-top {
	    margin-top: 10px;
	}
	hr {
	    background-color: #e7e7e7;
	    border: 0;
	    height: 1px;
	    margin: 40px 0;
	}

	.pl-4, .px-4 {
	    padding-left: 1.5rem !important;
	}
	.pr-4, .px-4 {
	    padding-right: 1.5rem !important;
	}
	.pb-2, .py-2 {
	    padding-bottom: .5rem !important;
	}
	.pt-2, .py-2 {
	    padding-top: .5rem !important;
	}
	
	h3 {
	    font-size: 24px;
	    margin-bottom: 20px;
	}

	.table-responsive {
	    display: block;
	    width: 100%;
	    overflow-x: auto;
	}

	.table-responsive>.table-bordered {
	    border: 0;
	}
	.table-bordered {
	    border: 1px solid #dee2e6;
	}
	.table {
	    width: 100%;
	    max-width: 100%;
	    margin-bottom: 1rem;
	    background-color: transparent;
	}

	.table-bordered thead td, .table-bordered thead th {
	    border-bottom-width: 2px;
	}
	.table thead th {
	    vertical-align: bottom;
	    border-bottom: 2px solid #dee2e6;
	}
	.table-bordered td, .table-bordered th {
	    border: 1px solid #dee2e6;
	}
	.table td, .table th {
	    padding: .75rem;
	    vertical-align: top;
	    border-top: 1px solid #dee2e6;
	}
	.ect-blue {
	    background: #28a745;
	    color: white;
	}
	.text-center {
	    text-align: center !important;
	}
	th {
	    text-align: inherit;
	}
	.table-striped tbody tr:nth-of-type(odd) {
	    background-color: rgba(0, 0, 0, .05);
	}

	table {
	    border-collapse: collapse;
	}

	.table-hover tbody tr:hover {
	    background-color: rgba(0, 0, 0, .075);
	}

	h1, h2, h3, h4, h5, h6 {
	    margin-top: 0;
	    margin-bottom: .5rem;
	}
	.party_name .party-name-en {
	    text-transform: uppercase;
	}
	
	.single-post .post-title {
	    font-size: 30px;
	    line-height: 40px;
	    padding: 15px 0 8px 0;
	    margin: 0;
	}
	.post-title {
	    font-size: 18px;
	    line-height: 24px;
	    margin: 15px 0 0;
	}

	.post-content-area {
	    margin: 20px auto;
	}
	.post-content-area {
	    margin: 20px 0;
	}

	.single-post p {
	    font-size: 15px;
	    line-height: 26px;
	    margin-bottom: 15px;
	}

	.btn:not(:disabled):not(.disabled) {
	    cursor: pointer;
	}

	.btn-primary {
	    background: #28a745;
	}
	.btn-primary, .btn-dark {
	    border: 0;
	    border-radius: 0;
	    padding: 12px 25px 10px;
	    font-weight: 700;
	    text-transform: uppercase;
	    color: #fff;
	    -webkit-transition: 350ms;
	    -moz-transition: 350ms;
	    -o-transition: 350ms;
	    transition: 350ms;
	}
	.btn-block {
	    display: block;
	    width: 100%;
	}