.trans {  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease; }


/*** Subfooter ***/
.subfooter-wrap {position: relative;}
subfooter-wrap {  position: relative;  overflow: hidden;}
.subfooter-wrap::after {  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 40%; background-color: var(--primary);  z-index: 0; }
.subfooter {display: flex;justify-content: space-between;align-items: center;max-width: 1290px;margin: 0 auto;padding: 50px 70px;background-color: var(--third);border-radius:10px;z-index: 1;position: relative;}
.subfooter-left {width: 42%;}
.subfooter-right {width: 50%;}
.subfooter-left h2 {/* font-weight: 100; */font-size: 40px;line-height: 1.2;text-transform: unset !IMPORTANT;}
.subfooter-left p {}
.subfooter-right { text-align: right;}

@media (max-width: 768px) {
.subfooter-wrap {top: 0px;position: relative; width:90%; margin:0 auto 25px;}
.subfooter-left { width:100%}
.subfooter-right {width:100%}
.subfooter-wrap::after { display:none;     }
}


/* Subfooter Form Styles */
.subfooter-right .Dialog tbody { display: inline-block; width: auto; }
.subfooter-right .Dialog .mwInput.text {width: calc(100% - 10px);height: 48px;line-height: 48px;border-radius: 8px;}
.subfooter-right .Dialog .mwInput.button { width: auto; text-align: center; }
.subfooter-right .mwInput.button { background:none; border:none; }
.subfooter-right .mwInput.button input[type="submit"] {background:var(--primary);height: 48px;line-height: 48px;border-radius: 25px;padding:0 30px;font-weight: 600;}
.subfooter-right .mwInput.button input[type="submit"]:hover {background:var(--primary-3);}

@media (max-width: 599px) {
	.subfooter-right {}
	.subfooter-right .Dialog {width: 100% !important; }
.subfooter-right .Dialog tbody { display: block; width: 100%;  }
.subfooter-right .Dialog tbody tr { display: block; width: 100%  }
.subfooter-right .Dialog tbody td {display: block;width: 100% !important;text-align: center !important;}
.subfooter-right .Dialog .mwInput.text { width: 100%; }
.subfooter-right .Dialog .mwInput.button {text-align: center;margin: 0 auto;width: 100%;}
	.subfooter-right .mwInput.button input[type="submit"] {text-align:center;margin: 5px auto;width: 120px;}

}
@media (max-width: 768px) {
.subfooter {flex-direction: column;text-align: center;padding: 50px 50px;}
.subfooter-left, .subfooter-right {padding: 10px 0;}
.subfooter-right {text-align: center;}
}

/*** Footer ***/
.footerBottom { display:flex; justify-content: space-between;}
.footer-col-1 { width:37.984496124%}
.footer-col-2 { width:23.255813953%}
.footer-col-3 { width:14.72868217%}
.footer-main .footer-sns li {border:1px solid #fff;border-radius:50%;height:33px;width:33px;text-align: center;}
.footer-main .footer-sns li a {font-size: 16px !important;}


@media (max-width: 768px) {
.footerBottom { display:block; }
.footer-col-1 { width:100%}
.footer-col-2 { width:100%}
.footer-col-3 { width:100%}
}






/*** home-banner ***/
.home-banner-wrap {height: 865px; position: relative;background: url(/images/home-banner.jpg) center center no-repeat;background-size: cover;}
.home-banner {max-width: 100%;margin:0 auto;background: rgba(0,0,0,.3);height: 880px;padding: 0 15%;}
.home-banner-content {width: 600px;top: 31%;position: absolute;}
.home-banner-content h1 {font-size:82px;color:#fff;font-weight: 100;line-height: 1;}
.home-banner-decoration {    position: absolute;    bottom: -60px;    z-index: 99;}
.home-banner-buttons {position: absolute;right:0;bottom:70px;font-size: 16px;font-weight: 600;text-transform: uppercase;}
.bbtn {height:60px;line-height:60px;color:#fff;border-radius:30px 0 0 30px;padding:0 20px 0 20px;border: 1px solid #fff;border-right: none;margin-bottom: 3px;width:235px;display: flex;justify-content: flex-start;}
.btna {background:#1C4585;}
.btna:hover {background:#163668;}
.btnb { background:#19A8E6; }
.btnb:hover { background:#75cbf0; }
.btnc {background:#EB7B0B; }
.btnc:hover {background:var(--secondary-6); }
.home-banner-buttons a { text-decoration:none}
.btn-icon {border-right:1px solid #fff; padding-right:10px;}
.btn-text {padding-left:10px;}

@media (max-width: 768px) {
.home-banner-wrap {height: 600px; }
.home-banner {max-width: 100%; padding: 0;}
.home-banner-content {padding:0 10%;}
.home-banner-content h1 {font-size:42px;}
.home-banner-content {width: 100%;}
.home-banner-buttons {bottom:20px;}
}









.header-main:hover .header-main-right-top {background:none; color:#fff !important; }
.header-main:hover .header-main-right-top a {background:none; color:#fff !important; }
.header-main:hover .fa-solid.fa-search { color:#fff;}











/*** home-4 card ***/
.card-holder {position: relative;width: 100%;margin: auto;border-radius: 8px;overflow: hidden;}
.card-bg-top, .card-bg-bottom {  position: absolute;  width: 100%;  height: 249px;  background: linear-gradient(45deg, #444, #666);   z-index: 1; }
.card-bg-top {  top: 0;  left: 0;  background: var(--fourth); }
.card-bg-bottom {bottom: 0;left: 0;background: var(--fourth-1);height: 290px;}
.card-4-wrap {max-width: 1290px;position: relative;z-index: 2;display: flex;justify-content: center;padding-top: 50px;padding-bottom: 25px;margin: 0 auto;}
.card-4 {  display: flex;  flex-wrap: wrap;  justify-content: space-around;  width: 100%;}
.card-item { background: #FFF8F0; border-radius: 10px; width: 22%; margin-bottom: 20px; padding: 15px 0 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); }
.counter {width: 100%;height: 155px;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;font-size: 58px;}
.counter h3 {margin:0;}
.card-content {padding: 20px 20px 0;color: #000;}
.card-content p { font-size:16px; }
.counter.aa  {background-color: #C1EBFE;}
.counter.bb  {background-color: #DCF2EF;}
.counter.cc  {background-color: #EFE1FA;}
.counter.dd  {background-color: #FFD5AC;}

.counter .count-up-num {font-size:58px; color:#10274B }

@media (max-width: 1100px) {
	.card-item {width: 48%;margin: 0 auto 25px;}
.counter {height: 105px;font-size: 38px;}
.counter .count-up-num {font-size:38px;  }
.counter .count-up-suffix  {font-size:38px;  }
		.card-holder{ background: var(--fourth);}

}

@media (max-width: 768px) {
	
	.card-holder{ background: var(--fourth);}
.card-4 {  display: block; }
.card-item {width: 90%;margin: 0 auto 25px;}
.card-bg-top, .card-bg-bottom {  display:none;}

	
}













.posts-list-5-grid .posts-list-wrap {    display: grid;    grid-template-columns: 2fr 2fr;    grid-template-rows: repeat(2, auto);    gap: 20px;}
.posts-list-5-grid .posts-list-item {    border-radius: 10px;    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);    overflow: hidden;    display: flex;    flex-direction: column;    justify-content: space-between;    transition: transform 0.3s;    background: #FFF8F0;}
.posts-list-5-grid .posts-list-item:first-child {    grid-row: span 2;}




.posts-list-5-grid .posts-list-item:first-child h4 { color:#fff;}
.posts-list-5-grid .posts-list-item-img {    display: none;}
.posts-list-5-grid .posts-list-item-body {    padding: 20px;}
.posts-list-5-grid .posts-list-item-body h4 {    font-size: 22px;}
.posts-list-5-grid .posts-list-item-title {font-size: 1.5em;background: #4FC7FC;display: inline-block;padding: 10px 20px;border-radius: 30px;margin-bottom: 25px;}
.posts-list-5-grid .posts-list-item-title a {text-decoration: none;color: inherit;font-size: 16px;text-transform: none;font-weight: 100;line-height: 1;color: #fff;}
.posts-list-5-grid .posts-list-item-des {    margin: 0 0 16px;    color: #666;    line-height: 1.5;}
.posts-list-5-grid .posts-list-item-btn {    font-size: 16px;    font-weight: 700;}
.posts-list-5-grid .posts-list-item-btn a {    border: none;}
@media (max-width: 768px) {
    .posts-list-5-grid .posts-list-wrap { grid-template-columns: 1fr; grid-template-rows: none;    }
    .posts-list-5-grid .posts-list-item:first-child { grid-row: span 1;    }
}
.posts-list-5-grid .posts-list-item:nth-child(2) {background:#fff !important}
.posts-list-5-grid .posts-list-item:nth-child(3) {background:#fff !important}
.posts-list-5-grid .posts-list-item:first-child::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%; background: linear-gradient(rgba(16, 39, 75, 0), rgba(16, 39, 75, 0.7));    z-index: 1;  }
.posts-list-5-grid .posts-list-item:first-child .posts-list-item-body {    position: relative;    z-index: 2;}
.posts-list-5-grid .posts-list-item:first-child h4 { margin-top:50%;}
.posts-list-5-grid .posts-list-item:first-child  a { color:#fff}






/*** Outline ***/
.outlined-text { text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; color:#000; }









/*** Image Card 1 ***/
.image-card-wrap {    border-radius: 10px;    overflow: hidden;    margin-bottom: 0px;    max-width: 100%;    margin-left: auto;    margin-right: auto;}
.image-card-image {}
.image-card-image a {    height: 250px;    display: flex;    justify-content: center;    align-items: center;    overflow: hidden;    position: relative;}
.image-card-image img {    width: 100%;    height: 100%;    object-fit: cover; /* Ensures image covers the container */    position: absolute; /* Stretches the image over the entire container */}
.image-card-content {    padding: 20px;    min-height: 300px;}
.image-card-title {    font-size: 22px !important;    font-weight: 900;    color: #e0e0e0;    font-family: "lektorat-display-variable", sans-serif !important;    font-variation-settings: 'wght' 700, 'wdth' 87;}
.image-card-content p {    margin: 0 0 15px;    line-height: 1.3;    font-size: 16px;    color: #10274B;}
.image-card-content p a {    text-decoration: none;    color: #10274B;}
.image-card-content p a:hover {    text-decoration: underline;    color: #10274B;}

@media (max-width: 968px) {
    .image-card-content {        min-height: unset;    }
	.image-card-content {    padding: 20px;    min-height: 0; height:unset;}
	
}




/*** Grid 3 Posts ***/
.grid-3-post-list {    display: flex;    justify-content: space-between;}
.grid-3-post-item {    background: #FFF8F0;    border-radius: 10px;    width: 30%;    display: flex;    flex-direction: column;    align-items: center;}
.grid-3-post-bottom {padding: 35px;}
.grid-3-post-image img {    border-radius: 10px;    width: 100%;    height: auto;    /* margin-bottom: 20px; */}
.grid-3-post-bottom a {font-size:16px;font-weight: 800;}
.grid-3-post-top { position:relative; }
.grid-3-post-label {    font-size: 14px;    background: #9DD9D2;    border-radius: 20px;    padding: 10px 20px;    display: inline-block;    position:absolute;    top:10px;    left:10px;    font-weight: 600;}
.grid-3-post-date {    color: #888;    font-size: 14px;    margin-bottom: 10px;}
.grid-3-post-title {    font-size: 18px;    font-weight: bold;    /* text-align: center; */    margin-bottom: 20px;    font-family: "lektorat-display-variable",sans-serif !important;    font-size: 20px;    font-weight: 900;    color: #10274B;    font-family: "lektorat-display-variable", sans-serif !important;    font-variation-settings: 'wght' 700, 'wdth' 87;}
@media (max-width: 768px) {
.grid-3-post-list {    display: block;    }
.grid-3-post-item {       width: 100%; margin:0 0 25px;}
}








/*** Grid 6 Posts ***/
.grid-6-post-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.grid-6-post-item {
    background: #FFF8F0;
    border-radius: 10px;
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    transition: transform 0.3s ease;
}

.grid-6-post-item a {text-decoration:none}


.grid-6-post-item:hover {
    transform: scale(1.03);
}

.grid-6-post-bottom {
    padding: 20px;
}

.grid-6-post-image img {
    border-radius: 10px;
    width: 100%;
    height: auto;
}

.grid-6-post-bottom a {
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
}

.grid-6-post-top {
    position: relative;
}

.grid-6-post-label {
    font-size: 14px;
    background: #9DD9D2;
    border-radius: 20px;
    padding: 10px 20px;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: 600;
    color: #10274B;
}

.grid-6-post-date {
    color: #888;
    font-size: 14px;
    margin-bottom: 10px;
}

.grid-6-post-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    font-family: "lektorat-display-variable", sans-serif !important;
    font-variation-settings: 'wght' 700, 'wdth' 87;
    color: #10274B;
    text-decoration: nont;
}

/* Responsive Adjustments */
@media (max-width: 1024px) {
    .grid-6-post-item {
        width: 45%;
    }
}

@media (max-width: 768px) {
    .grid-6-post-list {
        display: block;
    }
    .grid-6-post-item {
        width: 100%;
        margin: 0 0 25px;
    }
}



















/*** Image Round ***/
.img-rounded { border-radius: 20px;}












/** .image-card-b  **/ 
.image-card-b-wrap { position: relative; width: 100%; max-width: 600px; height: 586px; background-size: cover; border-radius: 10px; overflow: hidden; transition: transform 0.3s, box-shadow 0.3s; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
.image-card-b-wrapF:hover { transform: scale(1.05); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);    }
.image-card-b-tag { position: absolute;  top: 30px; left: 30px; padding: 10px 20px; border-radius: 25px; font-size: 16px; color: var(--text); font-weight: 600; }
.image-card-b-content { position: absolute; bottom: 0px; left: 0px; right: 0px; background-color: rgba(255, 255, 255, 0.9); padding: 20px 40px;
 background: linear-gradient(to bottom, rgba(28, 69, 133, 0) 0%, rgba(28, 69, 133, 0.95) 100%); height: 48%;   }
.image-card-b-title { margin: 0 0 10px;  font-size: 22px; font-weight: bold; color: #fff; font-family: "lektorat-text-variable", sans-serif;
 line-height: 1.2;    }
.image-card-b-content a { color: white; text-transform: uppercase; font-weight: 600;    }
.image-card-b-content a:hover {text-decoration:none; }









/** .image-card-c  **/ 
.image-card-c-wrap {  border-radius: 10px;  background-color: #fff;  padding: 20px 25px;  max-width: 100%;  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.image-card-c-tag {  display: inline-block;  margin-bottom: 22px;  padding: 10px 20px;  border-radius: 25px;  font-size: 16px;  color: var(--text);  font-weight: 600;}
.image-card-c-content {  }
p.image-card-c-title {font-size: 22px;margin: 0 0 10px;font-size: 22px;font-weight: bold;font-family: "lektorat-text-variable", sans-serif;line-height: 1.2;color: var(--heading-color);min-height: 140px;}
.image-card-c-content a {  font-weight: bold;  text-transform: uppercase;  font-weight: 600;}
.image-card-c-content a:hover {  text-decoration:none; }







/** career-card-wrap  **/ 

.career-card-wrap {width: 100%;max-width: 100%;border-radius: 10px 10px 0 0;overflow: hidden;background-color: #fff;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);border-bottom: 5px solid #4FC7FC;}
.career-card-item {padding: 16px;text-align: center;height: 173px;}
.career-card-category { font-size: 14px;  font-weight: 600;  margin-bottom: 8px;  background: #C1EBFE;  display: inline-block;   padding: 10px 20px;  border-radius: 25px;  color: #10274B; }
.career-card-title {font-weight: bold;font-size: 22px;line-height: 1.2;max-width: 90%;margin: 7% auto 0;}
.career-card-title a {text-decoration: none;color: #10274B;}
.career-card-title a:hover {  color: #007BFF; }






/** Sidebar menu **/ 

.col-lg-4 .Menu {    padding: 15px;    border-radius: 5px;}
.col-lg-4 .Menu ul {    list-style-type: none;    padding: 0;}
.col-lg-4 .Menu ul li {}
.col-lg-4 .Menu ul li a {    display: block;    text-decoration: none;    padding: 10px 0px 5px;    transition: background-color 0.3s;    border-bottom:1px solid #B0BED4;    font-size: 22px;    font-weight: 600;    font-family: "lektorat-display-variable", sans-serif !important;    font-variation-settings: 'wght' 600, 'wdth' 87;    color: #10274B;}
.col-lg-4 .Menu ul li a:hover {}




._border-rounded { border-radius:20px;}








.post-details-body-inner h2,
.post-details-body-inner h3,
.post-details-body-inner h4,
.post-details-body-inner h5,
.post-details-body-inner h6 {         font-family: "lektorat-display-variable", sans-serif !important;
 font-weight:600;  }



  .post-details-style-1 .h1, 
	.post-details-style-1 .h2,
	.post-details-style-1 .h3,
	.post-details-style-1 .h4,
	.post-details-style-1 .h5,
	.post-details-style-1 .h6  {
        font-family: "lektorat-display-variable", sans-serif !important;
        font-variation-settings: 'wght' 700, 'wdth' 87 !important;
    }