/* ---- css/_default-banner.css ---- */

/* ---- css/_badges-module.css ---- */
.badges-module {clear: both; width: 100%; position: relative; z-index: 2; margin-top: -50px; margin-bottom: -40px;}
.hero-badges {display: flex; flex-wrap: wrap; width: 100%; border-radius: 14px; box-shadow: 0 8px 24px rgba(6,29,73,.06); padding:26px 20px; background: var(--white);}
.counter-main {gap:20px; flex-wrap: nowrap;}
.badge-icon {width: 42px;}
.badge-icon img {width: 100%; height: 100%; filter: invert(10%) sepia(98%) saturate(3734%) hue-rotate(216deg) brightness(75%) contrast(118%);}
.badge {flex:1; display: flex; flex-wrap: wrap; align-items: center; padding: 0 2.7434842249657065%; border-right: 1px solid var(--line);}
.badge:last-child {border: 0 none;}
.badge-txt {flex:1; color: var(--blue-sky); font-weight: 700; font-size: 28px; line-height: normal;}
.badge-desc {display: block; line-height: normal; font-weight: 700; color: var(--navy); font-size: 18px; margin: 0 0 2px 0;}
.badge-txt-two {display: block; color: var(--muted2); font-size: 14px; line-height:20px; font-weight: normal; padding-right: 8px;}


@media screen and (max-width:1023px) and (min-width:601px) {
.hero-badges {gap: 40px 0;}
.badge {flex: 0 0 50%; padding: 0 20px;}
.badge:nth-child(2n) {border: 0 none;}
}

@media screen and (max-width:767px) and (min-width:200px) {
.badges-module {margin-bottom: 0;}
	
}

@media screen and (max-width:600px) and (min-width:200px) {
.badge {flex:100%; border-bottom:1px solid var(--line); border-right:0 none; padding: 30px 0;}
.badge:first-child {padding-top: 0!important;}
.badge:last-child {padding-bottom: 0!important;}
}



.default-banner-section {width: 100%; position: relative; z-index: 2; background: var(--navy);}
.default-banner-main {width: 100%; min-height: 480px; position: relative; align-items: center; padding: 54px 0 60px;}
.default-banner-section .default-banner-main .banner-bg img {object-position: center right;}
.default-banner-section .default-banner-main .banner-bg picture, .default-banner-section.inverted .default-banner-main .banner-bg figure{margin-left: auto; width:66%; z-index: 0; position: relative;}
.default-banner-section .default-banner-main .banner-bg picture::before, .default-banner-section .default-banner-main .banner-bg figure::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:linear-gradient( 90deg, #002056 0%, rgba(0, 32, 86, 0.85) 20%, rgba(0, 32, 86, 0.4) 50%, rgba(0, 32, 86, 0.1) 80%, rgba(0, 32, 86, 0) 100% ); z-index: 1;}

.default-banner-section .breadcrumb {display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 36px 0; font-size: 14px; font-weight: 500; color: var(--white-80);}
.default-banner-section .breadcrumb li {margin: 0; display: flex; align-items: center; gap: 8px;}
.default-banner-section .breadcrumb li:before {display: none;}
.default-banner-section .breadcrumb li a {color: var(--white-70); text-decoration: none; transition: color 0.2s;}
.default-banner-section .breadcrumb li a:hover {color: var(--white);}
.default-banner-section .breadcrumb li:last-child {color: var(--white); font-weight: 600;}
.default-banner-section .breadcrumb li:not(:last-child):after {content: "\f105"; font-weight: 600; font-family: "Font Awesome 7 Free"; font-size: 12px; color: var(--white-60);}
.default-banner-section.inverted .breadcrumb {color: var(--muted);}
.default-banner-section.inverted .breadcrumb li a {color: var(--muted);}
.default-banner-section.inverted .breadcrumb li a:hover {color: var(--blue);}
.default-banner-section.inverted .breadcrumb li:last-child {color: var(--global);}
.default-banner-section.inverted .breadcrumb li:not(:last-child):after {color: var(--muted);}

.default-banner-section .default-banner-main .default-banner-text {max-width: 720px; clear: both; color: var(--white);}
.default-banner-section .default-banner-main .default-banner-text h1 {color: var(--white);}
.default-banner-section .default-banner-main .default-banner-text h1 span {color: var(--blue-mid);}
.default-banner-section .default-banner-main .default-banner-text h1 span span {color: var(--orange); font-size: 40px; display: block;}
.default-banner-section .default-banner-main .default-banner-text p {margin-bottom: 30px; font-size: 18px; line-height: 26px;}
.default-banner-section .default-banner-main .default-banner-text p:last-child {margin-bottom: 0;}
.default-banner-section .default-banner-main .default-banner-text .hero-tagline, .default-banner-section .default-banner-main .default-banner-text p > span {font-weight: 700; color: var(--blue-mid); font-size: 20px; line-height: normal; margin-bottom: 20px; max-width: 380px;}
.banner-txt {flex: 1; font-size: 16px; line-height: 1.15;}
.default-banner-section .no-banner-img .banner-bg {background: var(--navy);}

.hero-banner-main {align-items: center; width: 100%; position: relative; gap:2%; flex-direction: row-reverse; justify-content: space-between;}
.hero-banner-main .hero-banner-thumb {width:50%; position: relative;}
.hero-banner-main .hero-banner-thumb .hero-banner-img {}

.default-banner-section .hero-badges {background: transparent; padding:0; width: calc(100% + 40px); max-width:960px; position: relative; left: -20px; margin: 50px 0 0 0; box-shadow: none;}
.default-banner-section .hero-badges .badge-icon {width: 50px; height: 50px; border: 1px solid var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: auto;}
.default-banner-section .hero-badges .badge-icon img {width: 24px; height: auto; filter: brightness(0) invert(1);}
.default-banner-section .hero-badges .badge-icon svg {width: 24px; height: 24px;}
.default-banner-section .hero-badges .badge-icon svg path {fill:var(--white);}
.default-banner-section .hero-badges .badge-txt {color: var(--white); font-size: 22px;}
.default-banner-section .hero-badges .badge {padding: 0 18px; border-right: 1px solid var(--white-30); align-items:flex-start;}
.default-banner-section .hero-badges .badge:last-child {border: 0 none!important;}
.default-banner-section .hero-badges .badge-desc {color: var(--white); font-size: 16px;}
.default-banner-section .hero-badges .badge-txt-two {font-size: 14px; color: var(--white-80);}
.default-banner-section .hero-badges .counter-main {gap:15px;}

.hero-contact-sec {margin-top: 36px; gap: 40px; flex-wrap: wrap; align-items: center; max-width: 680px; width: 100%;}

.hero-cnt-item {flex-shrink: 0;}
.hero-cnt-main {gap: 12px; align-items: center;}
.hero-cnt-icon {width: 26px; height: 26px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.hero-cnt-icon figure {margin: 0; display: flex; align-items: center; justify-content: center; width:100%;}
.hero-cnt-icon figure img {filter: invert(10%) sepia(98%) saturate(3734%) hue-rotate(216deg) brightness(75%) contrast(118%);}
.hero-cnt-icon figure svg {width:100%; height:100%;}
.hero-cnt-icon figure svg path {fill:var(--navy);}

.hero-cnt-txt {flex: 1; display: flex; flex-direction: column; gap: 2px;}
.hero-cnt-desc {display: block; font-size: 16px; font-weight: 800; color: var(--white); line-height:normal;}

.hero-cnt-txt-two {display: block; font-size: 14px; color:var(--white-80); line-height: 1.3; font-weight: 500;}
.hero-cnt-txt-two a {color: var(--white-80); text-decoration: none; transition: color 0.2s; display: inline !important;}
.hero-cnt-txt-two a:hover {color: var(--white);}


.default-banner-section.inverted .optional-text {color: var(--blue-light);}
.default-banner-section.inverted .hero-cnt-txt-two, .default-banner-section.inverted .hero-cnt-txt-two a {color: var(--global);}
.default-banner-section.inverted .hero-cnt-txt-two a:hover {color: var(--anchor-hover);}
.default-banner-section.inverted .hero-cnt-desc {color: var(--navy);}
.default-banner-section.inverted {background: var(--blue-10);}
.default-banner-section.inverted .default-banner-main .hero-banner-main .default-banner-text {max-width:585px;}
.default-banner-section.inverted .default-banner-main .banner-bg picture, .default-banner-section.inverted .default-banner-main .banner-bg figure{margin-left: auto; width: 56%; z-index: 0;}
.default-banner-section.inverted .default-banner-main .banner-bg picture::before, .default-banner-section.inverted .default-banner-main .banner-bg figure::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(-90deg, rgba(241, 245, 252, 0.05) 0%, rgba(241, 245, 252, 0.12) 30%, rgba(241, 245, 252, 0.22) 55%, rgba(241, 245, 252, 0.35) 75%, rgba(241, 245, 252, 0.9) 100%); z-index: 1;}
.default-banner-section.inverted .default-banner-main .default-banner-text h1 {color: var(--navy);}
.default-banner-section.inverted .default-banner-main .default-banner-text h1 span {color: var(--blue);}
.default-banner-section.inverted .default-banner-main .default-banner-text {color: var(--global); max-width: 550px;}
.default-banner-section.inverted .default-banner-main .default-banner-text p {width:calc(100% - 40px);}
.default-banner-section.inverted .default-banner-main .default-banner-text .hero-tagline, .default-banner-section.inverted .default-banner-main .default-banner-text p > span {color:var(--navy);}

.default-banner-section.inverted .hero-badges {max-width: 770px;}
.default-banner-section.inverted .hero-badges .badge {border-right:1px solid rgba(132, 132, 132, 0.3);}
.default-banner-section.inverted .hero-badges .badge-icon {border:0 none; width: 32px; height: 32px;}
.default-banner-section.inverted .hero-badges .badge-icon img {filter: invert(10%) sepia(98%) saturate(3734%) hue-rotate(216deg) brightness(75%) contrast(118%); width: 32px;}
.default-banner-section.inverted .hero-badges .badge-icon svg path {fill:var(--navy);}
.default-banner-section.inverted .hero-badges .badge-txt, .default-banner-section.inverted .hero-badges .badge-desc {color: var(--navy);}
.default-banner-section.inverted .hero-badges .badge-txt-two {color: var(--global);}


@media only screen and (min-width: 1536px) {
	.default-banner-main {min-height: 35vw;}		
}

@media only screen and (max-width: 1199px) and (min-width: 1024px) {
.default-banner-section.inverted .default-banner-main .banner-bg picture::before, .default-banner-section.inverted .default-banner-main .banner-bg figure::before {background: linear-gradient(-90deg, rgba(241, 245, 252, 0.1) 0%, rgba(241, 245, 252, 0.3) 25%, rgba(241, 245, 252, 0.55) 50%, rgba(241, 245, 252, 0.8) 75%, rgba(241, 245, 252, 1) 100%);}
}

@media only screen and (max-width: 1023px) and (min-width: 200px) {
.hero-banner-main {flex-direction: column; gap: 60px;}
.hero-banner-main .hero-banner-thumb {width: 100%;}
.hero-banner-main .hero-banner-thumb .hero-banner-img {max-width:700px; margin: 0 auto;}
.default-banner-section.inverted .default-banner-main .hero-banner-main .default-banner-text {max-width: 100%;}
.default-banner-section.inverted .default-banner-main .default-banner-text p{width:100%;}
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .default-banner-section .default-banner-main .default-banner-text {max-width: 600px;}
.default-banner-section .default-banner-main .banner-bg picture::before, .default-banner-section .default-banner-main .banner-bg figure::before {background: linear-gradient( 90deg, #002056 0%, rgba(0, 32, 86, 0.92) 25%, rgba(0, 32, 86, 0.65) 50%, rgba(0, 32, 86, 0.3) 75%, rgba(0, 32, 86, 0.1) 100% );}
.default-banner-section.inverted .default-banner-main .banner-bg picture::before, .default-banner-section.inverted .default-banner-main .banner-bg figure::before {background: linear-gradient(-90deg, rgba(241, 245, 252, 0.1) 0%, rgba(241, 245, 252, 0.4) 25%, rgba(241, 245, 252, 0.7) 50%, rgba(241, 245, 252, 0.9) 75%, rgba(241, 245, 252, 1) 100%);}

}


@media only screen and (max-width: 767px) and (min-width: 200px) {
    .default-banner-section .default-banner-main .default-banner-text h1 span span {display:inline; font-size: 44px;   line-height: 52px;}
.default-banner-section .default-banner-main .default-banner-text, .default-banner-section.inverted .default-banner-main .default-banner-text {z-index: 1; position: relative; padding: 40px 0 40px 0; max-width:100%;}
.default-banner-main {min-height: inherit; align-items: flex-start; padding:0;}
.default-banner-section .banner-bg {position:relative; height: 320px; overflow: hidden; width: 100%;}
.default-banner-section .default-banner-main .banner-bg picture::before, .default-banner-section .default-banner-main .banner-bg figure::before {background: linear-gradient( 0deg, #002056 0%, rgba(0, 32, 86, 0.78) 10%, rgba(0, 32, 86, 0.48) 22%, rgba(0, 32, 86, 0.28) 35%, rgba(0, 32, 86, 0.18) 62%, rgba(0, 32, 86, 0) 76%, rgba(0, 32, 86, 0) 100% );}
.default-banner-section.inverted .default-banner-main .banner-bg picture::before, .default-banner-section.inverted .default-banner-main .banner-bg figure::before {background: linear-gradient(180deg,rgba(255, 255, 255, 0) 20%, rgb(241, 245, 252) 100%);}
.default-banner-section .default-banner-main .banner-bg img {object-position: 0 0;}
.default-banner-section .default-banner-main .banner-bg picture, .default-banner-section.inverted .default-banner-main .banner-bg figure, .default-banner-section.inverted .default-banner-main .banner-bg picture, .default-banner-section.inverted .default-banner-main .banner-bg figure {width:100%;}
	
.hero-contact-sec {gap: 30px 28px; margin:0 0 60px 0;}
.hero-contact-sec:only-child {margin:60px 0;}
.hero-cnt-icon {width: 32px; height: 32px;}
.hero-cnt-icon figure, .hero-cnt-icon figure img {width: 24px; height: 24px;}
.hero-cnt-main {gap: 10px;}
.hero-cnt-item {width: 100%; flex: 1 1 100%;}
.default-banner-section .hero-badges {padding: 0 20px; margin: 0 0 60px 0; gap:30px 0;}
.default-banner-section .hero-badges:only-child {margin:60px 0;}



.default-banner-section .hero-badges .counter-main {gap:10px;}
.hero-banner-main {gap:0;}
.hero-banner-main .hero-banner-thumb {width: 100%; padding: 60px 0 0 0;}
}

@media screen and (max-width:1023px) and (min-width:601px) {
.default-banner-section .hero-badges {gap: 40px 10px; padding: 0;}
.default-banner-section .hero-badges .badge {flex: 0 0 48%; padding: 0 20px; max-width:100%;}
.default-banner-section .hero-badges .badge:nth-child(2n) {border: 0 none;}
.hero-contact-sec {gap: 24px 32px;}
}

@media screen and (max-width:600px) and (min-width:200px) {
.default-banner-section .hero-badges .badge, .default-banner-section.inverted .hero-badges .badge {max-width:100%; flex:100%; border:0 none; padding: 0!important; align-items: flex-start;}
.default-banner-section .hero-badges .badge:first-child {padding-top: 0;}
.default-banner-section .hero-badges .badge:last-child {padding-bottom: 0;}
}


/* ---- css/_accordion.css ---- */
.accordion-module {clear: both; width: 100%; margin: 60px 0;}
.accordion-main {display: flex; flex-wrap: wrap; width: 100%; gap: 10px;}
.accordion-main .accordion {background-color: var(--blue-10); width: 100%; border-radius: 14px;}
.accordion-item .accordion-heading {display: block; line-height: 1.15; font-size: 20px; color: var(--global); text-decoration: none; font-weight: 600; padding: 22px 80px 25px 26px; position: relative; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.accordion-item .accordion-heading::after {content: "\2b"; font-family: "Font Awesome 7 free"; font-style: normal; font-weight: 900; font-size: 16px; line-height: 33.5px; color: var(--blue); right: 26px; top: 0; position: absolute; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; bottom: 0; display: flex; align-items: center; background: var(--blue-pale); width: 33.5px; height: 33.5px; justify-content: center; border-radius: 50%; margin: auto}
.accordion-item.active .accordion-heading::after {content: "\f068"; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; color: var(--white); background: var(--blue)}
.accordion-item {position: relative;}
.accordion-item .content {display: none; padding: 0 120px 28px 26px;}
.accordion-item .content p {margin-bottom: 21px}
.accordion-item .content p:last-child {margin-bottom: 0}
@media only screen and (max-width:767px) and (min-width:200px) {
.accordion-module {margin: 40px 0}
.accordion-item .accordion-heading {font-size: 18px; padding: 17px 60px 17px 20px}
.accordion-item .accordion-heading::after {right: 20px}
.accordion-item .content {padding: 5px 20px 22px 20px;}
}


.general-default-container {clear: both; width: 100%; margin: 80px 0 80px 0; position: relative; z-index: 1;}
.general-default-container h2 {margin-bottom: 5px;}
.general-default-container h3, .general-default-container h4, .general-default-container h5, .general-default-container h6 {padding-top: 21px; margin-bottom: 5px;}
.general-default-container br {display: none;}
.default-thumb {margin-top: 76px; margin-bottom: 66px; position: relative; clear: both; width: 100%; overflow: hidden; min-height: 600px;}
.default-thumb figure img {height: 600px; border-radius: 60px;}
.default-thumb + h3, .accordion-module + :is(h2, h3, h4, h5, h6) {padding-top: 0;}
@media only screen and (max-width: 1260px) and (min-width: 1024px) {}
@media only screen and (max-width: 1023px) and (min-width: 200px) {
.default-thumb figure img {height: 100%;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.default-thumb {height: 64.735vw; min-height: 460px;}
.default-thumb .default-thumb-inner {height: 64.735vw;}
.default-thumb figure img {border-radius: 40px;}
}
@media only screen and (max-width: 767px) and (min-width: 200px) {
.default-thumb {margin: 74px 0 61px 0; height: 64.735vw; min-height: 268px;}
.default-thumb .default-thumb-inner {height: 64.735vw;}
.default-thumb figure img {border-radius: 20px;}
}