@import url(//fonts.googleapis.com/css?family=Niramit|Fira+Sans:300,400,500,600,700,800,900);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

body{width:100%; margin:0; font-family:'Noto Sans', sans-serif; font-size:12px; line-height:18px; color:#333;}
a{color:#0704e1; text-decoration:none; outline:none !important;}
a:hover{color:#333; text-decoration:none; outline:none !important;}

::-webkit-input-placeholder{color:#888; font-size:0.8rem; font-weight:300; font-family:'Noto Sans', sans-serif; text-align:left;}
:-moz-placeholder{/* Firefox 18- */ color:#888; font-size:0.8rem; font-weight:300; font-family:'Noto Sans', sans-serif; text-align:left;}
::-moz-placeholder{/* Firefox 19+ */ color:#888; font-size:0.8rem; font-weight:300; font-family:'Noto Sans', sans-serif; text-align:left;}

:-webkit-autofill{background:transparent !important; -webkit-text-fill-color:#333 !important; font-family:'Noto Sans', sans-serif;}

input, select, textarea{font-family:'Noto Sans', sans-serif;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}
input[type=number]{-moz-appearance:textfield;}

h3, h4, ul, ol{margin-block-start:0; margin-block-end:0;}

.pagination{text-align:center; cursor:pointer;}

/* ------------------------------- campus - main page - created 19/02/2025 - 03:45pm ------------------------------- */


.campus_container{width:1280px; max-width:100%; height:auto; padding:2rem 0 4rem; margin:0 auto; z-index:100;}

.campus_header{line-height:2.5rem; font-size:1.5rem; font-weight:700; color:#000; text-align:center;}
.campus_subheader{line-height:1.85rem; font-size:0.85rem; color:#000; text-align:center; margin:0 auto 2rem;}

.campus_list_box{display:flex; text-align:center; align-items:center; justify-content:center; gap:25px; flex-wrap:wrap;}

.campus_list{flex:1 1 21%; max-width:21%; min-height:220px; object-fit:cover; background:#fff; border:1px solid #ddd; border-radius:10px; 
								padding:1%; /*margin:1.5% 0;*/ display:flex; align-items:stretch; justify-content:center; flex-direction:column;}
.campus_list:hover{background:rgba(7,4,225,0.015); border:1px solid rgba(7,4,225,0.25); cursor:pointer;}

.campus_logo{display:block; width:100%; height:85px; object-fit:contain; margin:0 auto 1rem;}

.campus_name{display:block; width:100%; line-height:1.25rem; font-size:1.1rem; font-weight:500; color:#000; text-align:center; margin:0 auto;}
.campus_date{display:block; width:100%; line-height:1.5rem; font-size:0.95rem; font-weight:700; color:#000; text-align:center; margin-top:1rem;}
.campus_date_invite{font-size:12px; color:#f49120;}

.campus_list:hover .campus_date_invite{color:#000;}

/*.campus_list_box{display:grid; grid-template-columns:repeat(4, 1fr);  align-items:stretch; justify-content:center; gap:20px;}*/
/*.campus_list{object-fit:cover; background:#fff; border:1px solid #ddd; border-radius:10px; padding:5% 2%; min-height:250px;}*/
/*.campus_list:hover{background:rgba(7,4,225,0.015); border:1px solid rgba(7,4,225,0.25); cursor:pointer;}*/

/*.campus_logo{display:block; width:80%; height:85px; object-fit:contain; margin:1.5rem auto;}*/

/*.campus_name{display:block; width:90%; line-height:1.25rem; font-size:1.1rem; font-weight:500; color:#000; text-align:center; margin:0 auto;}*/
/*.campus_date{display:block; width:100%; line-height:1.5rem; font-size:0.95rem; font-weight:700; color:#000; text-align:center; margin-top:1rem;}*/
/*.campus_date_invite{font-size:12px; color:#f49120;}*/

/*.campus_list:hover .campus_date_invite{color:#000;}*/



/* --------------------------- pagination css - updated 13/09/2023 - 10:04am --------------------------- */ 

.company_box_pagination{display:block; width:1280px; max-width:90%; text-align:center; margin:3rem auto 1.5rem;}
.pagination{display:block; width:100%; height:auto; font-family:'Noto Sans', sans-serif; text-align:center; margin:1.5rem auto 3rem;}
.pagination .leading-5{margin:1rem auto;}
.pagination .text-gray-500{font-weight:700 !important; color:#000 !important;}
.pagination .text-gray-700{font-weight:400 !important; color:#444 !important;}
.pagination .font-medium{font-weight:400 !important; color:#333 !important;}
.pagination .rounded-md.text-gray-500{color:#888 !important; margin:0 10px !important;}
.pagination .cursor-default.-ml-px{color:#333 !important; font-weight:700 !important; background:rgba(11,145,255,0.1); border:1px solid rgba(11,145,255,0.15); 
                                   border-radius:3px; padding:3px 10px !important;}
.pagination .justify-between a{text-align:center; color:#000; border:1px solid #fff; border-radius:3px; padding:3px 5px 3px 8px !important; margin:0 3px !important;}
.pagination .justify-between a:hover{background:rgba(11,145,255,0.025); border:1px solid rgba(11,145,255,0.05); border-radius:3px;}
.pagination [aria-disabled="true"] .py-2{font-weight:400 !important; padding:0 10px !important; color:#333 !important; background:#fff !important;}
.pagination [aria-disabled="true"] .text-sm{background:none !important; border:none !important; color:#ccc !important; padding:0 !important; margin:0 !important;}
.pagination .hidden p{font-size:0.9rem !important; font-weight:700 !important; color:#000 !important;}
.pagination .hidden span.font-medium{color:#000 !important; font-weight:700 !important;}
[aria-current]:not([aria-current="false"]){color:#333; font-weight:600;}
[aria-current]:not([aria-current="true"]){color:#333; font-weight:400;}
[aria-orientation="vertical"]{flex-direction:column;}
[aria-hidden='true']{display: none;}
.pagination [aria-label="« Previous;"], .pagination [aria-label="Next »"]{display:none !important;}
.pagination.w-5.h-5{display:none!important;}
.pagination svg{display:none!important;}
.pagination a[aria-label="« Previous"]{display:none !important;}


/* ---------------------------------------------------------------------------------------------- */
/* -------------------------- media css - created 19/02/2025 - 03:45pm -------------------------- */
/* ---------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 241px) and (max-width: 480px) {
	
	.campus_list{flex:1 1 85%; max-width:85%;}
	
}

@media only screen and (min-width: 481px) and (max-width: 660px) {
	
	.campus_list{flex:1 1 85%; max-width:85%;}
	
}

@media only screen and (min-width: 721px) and (max-width: 800px) {
	
  .campus_list{flex:1 1 35%; max-width:35%;}
  
}

@media only screen and (min-width: 801px) and (max-width: 920px) {
	
  .campus_list{flex:1 1 35%; max-width:35%;}
  
}

@media only screen and (min-width:921px) and (max-width: 1023px) {
	
}

@media only screen  and (min-width: 1024px) and (max-width: 1279px) {
	
}

@media only screen  and (min-width: 1280px) and (max-width: 1439px) {
	
}

@media only screen  and (min-width: 1440px) and (max-width: 1600px) {
	
}

@media only screen and (max-device-width: 480px) and (orientation:portrait) {
  
}

@media only screen and (max-device-width: 720px) and (orientation:landscape) {
  
  .campus_list{flex:1 1 35%; max-width:35%;}
  
}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------- END media css - created 19/02/2025 - 03:45pm -------------------------- */
/* -------------------------------------------------------------------------------------------------- */