@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Figtree-VariableFont_wght_ae1cd01943.woff2");
}
@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Figtree-VariableFont_wght_ae1cd01943.woff2");
}
@font-face {
  font-family: "GreatVibes";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/GreatVibes-Regular_a053398712.woff");
}

:root{
    
    --primary: #01487f;
	--dark-primary: #003356;
    --secondary: #f99c30;
    --gray: #333333;
    --white: #fff;
    --black: #000;
    --light-gray: #f9f4f4;

    
    --font-size--h1: clamp(25px, 3vw, 50px);
    --font-size--h2: clamp(19px, 3vw, 36px);
    --font-size--h3: clamp(20px, 2.5vw, 40px);
    --font-size--h4: clamp(18px, 2.5vw, 30px);
    --font-size--h5: clamp(18px, 2.2vw, 25px);
    --font-size--h6: clamp(18px, 1.9vw, 21px);
    --font-size--big: clamp(30px, 4.5vw, 62px);
    --font-size--body: 16px;
    --font-size--button: 18px;
    --font-size--little-text: 12px;
    
    --font-weight--h1: 900;
    --font-weight--h2: 900;
    --font-weight--h3: 900;
    --font-weight--h4: 900;
    --font-weight--h5: 900;
    --font-weight--h6: 900;
    --font-weight--button: 900;
    
    --font-family--h1: "Figtree";
    --font-family--h2: "Figtree";
    --font-family--h3: "Figtree";
    --font-family--h4: "Figtree";
    --font-family--h5: "Figtree";
    --font-family--h6: "Figtree";
    --font-family--button: "Figtree";
    --font-family--body: "Figtree", sans-serif;
    
    --margin-bottom--title: 32px;
    --margin-top--title: 0;
    --margin-bottom--p: 16px;
}


body{
    margin: 0;
    box-sizing: border-box;
    font-family: var(--font-family--body);
    font-size: var(--font-size--body);
    background-color: var(--white);
}
html {
  scroll-behavior: smooth;
}
.section{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background-size: cover;
	background-repeat:no-repeat;
    position: relative;
}
@media(min-width:501px){
	.section{
		padding-right: 40px;
		padding-left: 40px;
	}
}
@media(max-width:500px){
	.section{
		padding-right: 16px;
		padding-left: 16px;
	}
}
.one-col{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction:column
}
.two-col{
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    flex-direction:column
}
.three-col {
    width: 33%;
    display: flex;
	flex-wrap: wrap;
	flex-direction:column
}
.four-col {
    display: flex;
	flex-wrap: wrap;
	width: 25%;
	flex-direction:column
}
.three-quarters-col {
    display: flex;
	flex-wrap: wrap;
	width: 75%;
	flex-direction:column
}
.section-wrap{
	display: flex;
	justify-content: center;
	width:100%;
	max-width:1550px;
    flex-wrap: wrap;
}
.entry-content {
    overflow: hidden;
}


.parallax{
    background-attachment: fixed;
}


a.btn,
input[type="submit"].btn{
    min-width: 118px;
    font-family: var(--font-family--button);
    display: flex;
    justify-content: center;
    width: fit-content;
    padding: 8px 16px;
    font-size: var(--font-size--button);
    font-weight: var(--font-weight--button);
}
.btn.btn-white {
    background-color: var(--white);
    color: var(--secondary)
}
.btn.btn-white:hover {
    color: var(--white);
    background-color: var(--secondary)
}
.btn.btn-secondary {
    background-color:var(--secondary);
    color:var(--white)
}
.btn.btn-secondary:hover {
    background-color:#b86301;
    color:var(--white)
}
.btn.btn-line-yellow {
    border-bottom: 2px solid var(--secondary);
    gap:16px
}
.btn.btn-line-yellow:hover {
    background-color: var(--secondary);
    color:var(--white)
}
.btn.btn-text-blue {
    color:var(--primary);
    background-color:transparent
}
.btn.btn-text-blue:hover {
    color:var(--secondary)
}
.btn.btn-border-primary {
    border: 2px solid var(--primary);
}
.btn.btn-border-primary:hover {
    background-color:var(--primary);
    color:var(--white)
}

.btn-hdr {background-color: var(--primary); padding: 4px 17px;color:var(--primary)}
.btn-hdr:hover,.btn-hdr a:hover {background-color: var(--scondary);color:var(--primary);cursor:pointer}


h1, h2, h3, h4, h5, h6{
    line-height: 1.1;
    margin-bottom: var(--margin-bottom--title);
    margin-top: var(--margin-top--title);
    text-wrap:balance;
}
.h1-style{
    font-size: var(--font-size--h1);
    font-weight: var(--font-weight--h1);
    font-family: var(--font-family--h1);
}
.h2-style{
    font-size: var(--font-size--h2);
    font-weight: var(--font-weight--h2);
    font-family: var(--font-family--h2);
}
.h3-style{
    font-size: var(--font-size--h3);
    font-weight: var(--font-weight--h3);
    font-family: var(--font-family--h3);
}
.h4-style{
    font-size: var(--font-size--h4);
    font-weight: var(--font-weight--h4);
    font-family: var(--font-family--h4);
}
.h5-style{
    font-size: var(--font-size--h5);
    font-weight: var(--font-weight--h5);
    font-family: var(--font-family--h5);
}
.h6-style{
    font-size: var(--font-size--h6);
    font-weight: var(--font-weight--h6);
    font-family: var(--font-family--h6);
}
a {
	color:var(--primary);
}
.p-style{
    margin-bottom: var(--margin-bottom--p);
}
.textalign-center{
    text-align: center;
}
.aligncenter{
    margin-right: auto;
    margin-left: auto;
}
a{
    transition: 0.3s ease;
    text-decoration: none;
}


summary:hover{cursor:pointer}


.hamb-bars summary::marker {content: "☰";}
.hamb-bars[open] summary::marker {content: "✕";}
.hdr-main {width: 100%;padding: 17px 35px;display: flex;justify-content: center;z-index:1000;position:relative;}
.hdr-wrp {width: 100%;display: flex;align-items: center;max-width: 1500px;}
.menu {list-style: none; margin: 0;}
.menu li a {color: var(--gray);font-family: var(--font-family--h4);}
.mobile_menu input[type="checkbox"] {display: none;}
.spt-mn {width: 100%;height: 9px;}
.spt-mn hr {margin-top: 5px; margin-bottom: 5px; border: 0; background: no-repeat;}
.phn-mn a {font-weight: bold;}
.phn-mn {border-left: 1px solid var(--white); padding-left: 18px;}
#menu-main-menu {font-size: clamp(16px, 1.8vw, 20px)}
.menu .menu2-itm a{font-size: clamp(20px, 2vw, 24px)}
.menu li {position: relative;}
.sub-menu li a {color: var(--scondary);font-size: 14px;font-weight: normal;}
.sub-menu li a:hover {color: var(--primary);}
.sub-menu>li {border-bottom: 2px solid var(--primary); padding: 4px 15px;}
header .menu {align-items: center;margin-left: auto;justify-content: flex-end;column-gap: 15px;display: flex;flex-wrap: wrap;}
.lil-text {font-size: 12px; display: block; font-weight:normal;}
.menu-spt {width: 100%;}
.menu-spt hr {margin-top: 10px; margin-bottom: 10px; background: no-repeat;}
.menu-2 {font-weight: bold; font-size: 19px; line-height: 1.1;}
.hdr-col1 {display: flex;gap: 14px;align-items: center;width: 22%;justify-content: center;}
.site_logo {max-width: 250px;}
ul.sub-menu {overflow: visible;}
.menu .sub-menu .sub-menu {left: 100%;top: 0;}
.menu li:hover .sub-menu>li ,
.menu .sub-menu li:hover .sub-menu {display: block;}
.menu .sub-menu li .sub-menu, .sub-menu>li {display: none;}
li.btn-hdr a {color: var(--white);}
.btn-hdr.btn-hdr-2 {background-color: var(--secondary);}
header .menu li a {font-size: 16px;}
header .menu li.menu-2 a {font-size: 19px;color: var(--primary);}
li.btn-hdr.btn-hdr-2 a {color: var(--primary); font-weight: bold;}
header .site_logo img {max-width: 200px}
.menu .btn-mn>a { background: var(--secondary);    color: var(--white);    display: flex;    padding: 8px 16px;    border-radius: 50px;}
header .btn-mn.btn-mn-2>a {background: var(--primary);    color: var(--secondary);    font-weight: bold;}
.hamb-menu .btn-hdr {background-color: var(--secondary);  padding: 2px 18px;}
.sub-menu li{
    line-height:1;
    padding-top:10px;
    padding-bottom:10px
}

.menu li:hover .sub-menu a{
    font-size:14px
}
.menu li.current-menu-item a{
    color:var(--primary)
}
.menu-item-has-children::after {content: "›"; color: var(--primary); transform: rotate(90deg); position: absolute; font-size: 20px; line-height: 15px; text-align: center; right: 0;top: 10px;
font-weight: 800;}
@media(max-width:1024px){
.menu-item-has-children::after {right: 18px;}
}
@media (min-width:1025px) {
.top-hdr {display:none}
.sub-menu {opacity: 0;position: absolute;margin-left: 0;width: auto; list-style: none;display: flex;flex-direction: column; width: 100%;z-index: 1;transition: all 0.3s ease-out;height: 0;overflow: hidden;min-width: 150px;}
.menu li:hover .sub-menu {opacity: 1; transition: all 0.3s ease-out; height: auto;}
.menu-item-has-children {padding-right: 17px;}
.hamb-bars summary {display: none;}
.hdr-col2 {flex-grow: 1;background-color: var(--white);display: flex;justify-content: flex-end;align-items: center;}
.menu li:hover .sub-menu{ background-color:var(--secondary);width:190px;box-shadow: 0 0 20px 0 #00000036;}
}
@media (max-width: 1024px) {
.brg_mn {display: flex; flex-direction: column; width: 35px; height: 30px; justify-content: space-between; cursor: pointer;}
.brg_mn>span {width: 100%;height: 4px;background: var(--secondary);}
.menu_tgl {position: absolute;background: var(--color--dark-blue);width: 0;height: auto;top: 100%;padding: 0;overflow-y: scroll;left: 100%;transition: all 0.3s ease-out;visibility: hidden;background-color: var(--white);}
.hdr-col2 {display: flex; justify-content: flex-end;}
.mobile_menu:has(> input:checked) .menu_tgl {left: 0;transition: all 0.3s ease-out;visibility: visible;width: 100%;box-shadow: 0 6px 19px 3px rgba(0,0,0,0.25);}
.spt-mn {display: none;}
.menu_tgl .menu li a {color: var(--primary);}
header .menu_tgl .menu {flex-direction: column;}
.menu_tgl .menu li a {font-size: 19px;}
.menu_tgl .menu li {padding: 5px 20px; border-bottom: 2px solid var(--primary);}
.menu_tgl .menu li:last-child {border: 0;}
.top-hdr {display: flex; justify-content: space-between;}
.top-hdr>div {flex-grow: 1;}
.top-hdr>div>a {display: flex;padding: 12px 20px;justify-content: center;align-items: center;gap: 5px;line-height: 1;font-family: var(--font-family--h4);background: var(--primary);color: white;}
.top-hdr>div>a svg {position: relative;fill: white;}
.top-hdr .ctc-btn>a {background: var(--secondary);color: var(--white);}
.top-hdr .ctc-btn>a>svg {fill: var(--white);}
.hdr-wrp {align-items: center;}
.hdr-main {padding-bottom: 15px;padding-top: 15px;position: relative;box-shadow: 0 10px 11px 0px rgba(0,0,0,0.12);padding-left: 5%;padding-right: 5%;z-index: 10000; overflow: visible;}
header .menu_tgl .menu {max-width: none;}
.btn-red, .menu-spt {display: none;}
.menu_tgl .menu li {width: 100%; min-height: 36px;}
.menu summary {display: flex; justify-content: space-between; align-items: center;}
header .menu_tgl .menu li a {font-size: 16px!important; font-weight: bold!important; line-height: 1.2!important;}
.lil-text {font-size: 1em; display: initial; font-weight: bold;}
.menu ul.sub-menu {margin-left: 0; list-style: none; margin-bottom: 3px;}
.menu_tgl .sub-menu li {border-bottom: 0;}
header .menu_tgl .sub-menu li a {color: var(--scondary); font-weight: normal!important;}
.hdr-col2 {flex-grow: 1;}
.hdr-col1 {padding-top: 0;width:auto}
.btn-hdr {display: none;}
.hamb-bars summary {font-size: 32px;}
.hamb-menu {position: absolute; background-color: var(--white); box-shadow: 0 1px 15px 5px rgba(0,0,0,0.25);left: 0; width: 100%;}
header .menu {flex-direction: column; text-align: left;  align-items: flex-start;}
header .menu>li {border-bottom: 2px solid var(--secondary); width: 100%; padding: 7px 12px;}
.btn-mn {display: none;}
.hamb-bars>summary::marker {content: "";}
header .hamb-bars[open]>summary::marker {content: "";}
.hamb-bars>summary::-webkit-details-marker {display: none;}
.hamb-bars>summary {list-style: none!important;
        counter-increment: none!important;
        list-style-type: none!important;
      }
		
.hamb-bars summary {
          position: relative;
        }

header .hamb-bars>summary::after {
          content: "☰";
        }


        header .hamb-bars[open]>summary::after {         content: "✕";}
}


header.scrolled {
    position: fixed;
    top: 0;
    z-index: 99999 !important;
    box-shadow: 0 0 20px 0 #00000017;
}


.recent-post-list-tle {list-style: none; margin: 0;}
.recent-post-list-tle>li {display: flex; align-items: flex-start; gap: 12px; margin-bottom: 20px;}
.recent-post-list-tle h4 {font-size: 16px; margin-bottom: 0;line-height: 1.2;display: flex;}
.recent-post-list-tle>li>svg {fill: var(--scondary);}
.recent-post-list {display: flex; list-style: none; margin: 0; gap: 68px;}
.recent-post-list>li {display: flex; flex-direction: column;}
.recent-post-list .text {order: 1;background-color: #ededed;padding: 20px;}
.recent-post-list .featured-image img {width: 100%; object-fit: cover; object-position: center;}
.recent-post-list .text h4 {font-size: 16px;margin-bottom: 13px;}
.recent-post-list .text .read-more {color: var(--scondary);font-weight: bold;}
.recent-post-list .text h4>a {color: var(--black); font-weight: bold;}
.recent-post-list-tle a {color: var(--black);    font-weight: bold;}
.recent-post-list-tle>li:last-child {margin: 0;}
.single-post .recent-post-list li{
    max-width:350px
}
.recent-post-list{
    width:100%;
}
.recent-post-list .read-more {
    color: var(--primary);
    border-bottom: 2px solid var(--secondary);
    width: fit-content;
    padding: 4px 16px;
    display:inline-block;
    text-align:center
}
@media(max-width:600px){
    .recent-post-list{
        justify-content:space-evenly
    }
}
@media (max-width: 1200px) {
.recent-post-list {gap: 30px; width: 100%;}
}
@media (max-width: 1024px) {
.recent-post-list .text h4 {font-size: 16px;}
}
@media (max-width: 800px) {
.recent-post-list-tle {max-width: 500px; margin-left: auto; margin-right: auto;}
}
@media (max-width: 500px) {
.recent-post-list {flex-wrap: wrap; gap: 20px;}
}




.internalbanner {
    padding-top: 172px;
    background: linear-gradient(90deg, #050016 0%, #0c264c 74%);
    padding-bottom: 72px;
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
}
.internalbanner .maintitle{
    color: var(--white);
    margin-bottom: 0;
	text-align:center;
	font-size: var(--font-size--h2)
}
.internalbanner hr {
    height: 4px;
    background-color: var(--scondary);
    width: 50%;
    margin-top: 16px;
    margin-bottom: 0;
}
.internalbanner .inner-col{
    flex-direction: column;
    align-items: center;
	max-width: 900px;
}
@media(max-width: 800px){
    .internalbanner {
        padding-top: 32px;
        padding-bottom: 52px;
    }
}



.single-post h1 {
    font-size: clamp(22px, 3vw, 32px)!important;
}
.single-post h2 {
    font-size: clamp(22px, 2.4vw, 26px)!important;
    margin-bottom:20px;
    line-height:1.2;
    font-family: var(--font-family--h3);
    font-weight: 900;
}
.single-post h3 {
    font-size: clamp(18px, 2vw, 22px)!important;
    margin-bottom: 20px;
    line-height: 1.2;
    font-family: var(--font-family--h3);
    font-weight: 900;
}
.single-post h4 {
    font-size: 18px!important;
    margin-bottom:20px;
    line-height:1.2;
    font-family: var(--font-family--h3);
    font-weight: 900;
}
.single-post .site-content{
    flex-wrap:wrap;
    justify-content: center;
}
.single-post .site-content .section{
    max-width: 1200px;
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
}
.single-post  .all-post{
    padding-top: clamp(32px, 4%, 72px)
}
.single-post .post-card{
    padding-bottom:  clamp(32px, 4%, 72px)
}
.single-post .related-post{
    padding-bottom:  clamp(32px, 4%, 72px)
}
.single-post .related-post h3{
    width: 100%
}
@media(max-width: 600px){
    .recent-post-list>li{
        width: 100%
    }
    .recent-post-list{
        flex-wrap:wrap;
    }
    .single-post .related-post h3{
        text-align:center;
        margin-bottom: 0;
    }
}


.ftr-main {display: flex;justify-content: center;padding: 30px 30px 30px 30px;overflow: hidden;}
.ftr-wrp {width: 100%;max-width: 1200px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
footer .menu {display: flex;flex-wrap: wrap;flex-direction: column;}
footer .menu>li {padding: 6px 0;border-bottom: 1px solid var(--secondary);}
footer .menu>li>a {font-family: var(--font-family--h1); font-size: 17px;}
footer .menu>li>a {color: var(--primary);}
.ftrcol-2 {font-family: var(--font-family--h4);}
.ftrcol-3 {width: 44%;display: flex;justify-content: space-between;}
.ftrcol-2 {width: 30%;display: flex;flex-wrap: wrap;padding: 0 24px;row-gap: 10px;max-width: 301px;justify-content: center;text-align: center;}
.copy-txt>div {display: flex; justify-content: center;}
.icon-txt {display: flex;align-items: center;}
.txt p {margin: 0;text-transform: uppercase;color: var(--secondary);}
.txt {border-left: 2px solid var(--secondary);padding-left: 8px;margin-left: 8px;}
.icn {display: flex;align-items: center;max-width: 33px;}
.btns-ftr>a {display: flex;background: var(--secondary);padding: 10px 11px;justify-content: center;font-size: 14px;flex-grow: 1;width: 50%;text-align: center;color: var(--white);line-height: 1.5;max-width: 189px;}
.btns-ftr {display: flex;gap: 10px;flex-grow: 1;align-items: center;justify-content: center;}
.ftrcol-1 {display: flex;}
.copy-txt {background: var(--primary);display: flex;align-items: center;justify-content: center;padding: 10px 30px;max-width: 1338px;margin: 0 auto;clip-path: polygon(35px 0%, calc(100% - 35px) 0%, 100% 100%, 0% 100%);}
.copy-txt p {margin: 0;color: white;text-transform: uppercase;}
.copy-txt p a {color: white;}
.copy-txt>div>div {width: 100%; max-width: 114px; display: flex; align-items: center; justify-content: space-between; gap: 8px;}
.btns-ftr>a:hover {background-color: var(--primary);}
.btns-ftr>a:first-child:hover {background-color: var(--secondary);}
footer .menu .btn-mn>a {font-size: 15px;}
.site-footer {position: relative;border-top: 10px solid var(--primary););}
.ftrcol-2>p {margin-bottom: 0;}
.btns-ftr>a>svg {fill: white;margin-right: 8px;}
.ftrcol-3>div {flex-grow: 1;  max-width: 220px;}
@media (max-width: 950px) {
.ftrcol-1 {width: 100%;  justify-content: center;  margin-bottom: 20px;}
.ftrcol-2 {padding: 0;  width: 50%;}
.ftrcol-3 {width: 50%;  gap: 19px;}
}
@media (max-width: 800px) {
.copy-txt {clip-path: none;  padding: 10px 20px;}
}
@media (max-width: 700px) {
.ftrcol-2 {width: 100%;  margin: 0 auto 20px;}
.ftrcol-3 {width: 100%;  max-width: 500px;  margin: 0 auto;}
.copy-txt {text-align: center;}
}
@media (max-width: 425px) {
.ftrcol-3 {flex-direction: column;  align-items: center;}
.ftrcol-3>div {width: 100%;  text-align: center;}
.ftr-main {padding: 30px 18px;}
}