@charset "utf-8";
/* CSS Document */

::selection {
  color:var(--bs-white);
  background:var(--bs-primary);
}

.aligncenter,.gallery-item a{display:block}
.alignleft{float:left; margin-right:15px; margin-bottom:10px}
.alignright{float:right; margin-left:15px; margin-bottom:10px}
.aligncenter{margin-left:auto; margin-right:auto}
.wp-caption{max-width:100%;padding:4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2;}
.full-img { position:relative;}
.full-img img{ width:100%; height:auto; position:relative; z-index:2;}

.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list:focus{outline:none; }
.slick-list.dragging{cursor:pointer; cursor:hand; }
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0);  -o-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0); }
.slick-track{position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto; }
.slick-track:before,.slick-track:after{display:table; content:''; }
.slick-track:after{clear:both; }
.slick-loading .slick-track{visibility:hidden; }
.slick-slide{display:none; float:left; height:100%; min-height:1px; }
[dir='rtl'] .slick-slide{float:right; }
.slick-slide img{display:block; }
.slick-slide.slick-loading img{display:none; }
.slick-slide.dragging img{pointer-events:none; }
.slick-initialized .slick-slide{display:block; }
.slick-loading .slick-slide{visibility:hidden; }
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent; }
.slick-arrow.slick-hidden {display:none; }

.slick-loading .slick-list{background:var(--bs-white) url(../images/theme-img/ajax-loader.gif) center center no-repeat; }
.slick-prev, .slick-next{font-size:0; line-height:0; position:absolute; top:50%; display:block; width:40px; height:40px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; z-index:100; background:var(--bs-primary); border-radius:50%; color:var(--bs-white);}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color:var(--bs-white); outline:none; background:var(--bs-black); }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity:1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:1; }
.slick-prev:before, .slick-next:before{font-family: var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight:900; font-size:16px; line-height:1; opacity:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; z-index:100;}
.slick-prev{left:-12px; }
[dir='rtl'] .slick-prev{right:0px; left:auto; }
.slick-prev:before{content:'\f104'; }
[dir='rtl'] .slick-prev:before{content:'\f105'; }
.slick-next{right:-12px; }
[dir='rtl'] .slick-next{right:auto; left:15px; }
.slick-next:before{content:'\f105'; }
[dir='rtl'] .slick-next:before{content:'\f104'; }
/* Dots */
.slick-dotted.slick-slider{margin-bottom:0; }
.slick-dots{position:relative; margin-top:30px; display:block; width:100%; padding:0; margin-bottom:0; list-style:none; text-align:center; display:flex; align-items:center; justify-content:center; height: 40px; gap: 8px;}
.slick-dots li{position:relative; display:inline-block; margin:0; padding:0; cursor:pointer; text-align:center; }
.slick-dots li button{font-size:0; line-height:0; display:block; width:100%; height:8px; width:8px; border-radius:50px; padding:0; cursor:pointer; color:transparent; border:0; outline:none; background:var(--bs-primary); opacity:0.2 }
.slick-dots li button:hover, .slick-dots li button:focus{outline:none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before{ background:var(--bs-white); }
.slick-dots li.slick-active button{ background:var(--bs-primary); height:14px; width:14px; opacity:1}

.accordionjs .acc_section { position:relative; z-index:10; margin-top:0; overflow:hidden; padding:0;  border-radius:0; background: var(--bs-white); padding:0 24px}
.accordionjs .acc_section + .acc_section{ margin-top:20px;}
.accordionjs .acc_section .acc_head {cursor:pointer; color: var(--bs-primary); }
.accordionjs .acc_section .acc_head strong{ display: flex; position:relative; padding:20px 30px 20px 0; }
.accordionjs .acc_section .acc_content { padding:20px 0; border-top: 1px solid rgba(0, 0, 0, 0.2);}
.accordionjs .acc_section .acc_head strong:after{ content:'\f107'; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); position:absolute;  font-family: var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free")); font-weight:900; font-size: 14px;}
.accordionjs .acc_section.acc_active > .acc_head strong:after{ content:'\f106';}
.accordionjs .acc_section.acc_active{ background: var(--bs-white);}

.Slider-1 .slick-prev{ left: 16px; background-color: #fff; color: #000;}
.Slider-1 .slick-next{ right: 16px; background-color: #fff; color: #000}

.Slider-1 .slick-prev:hover{ left: 16px; background-color: var(--bs-primary); color: #fff;}
.Slider-1 .slick-next:hover{ right: 16px; background-color: var(--bs-primary); color: #fff}

#page{ overflow:hidden; padding-top:0;}
.ratio .full-img{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;}
.ratio .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.color-fff{ color:var(--bs-white);}
.title-uppercase h1, .title-uppercase h2, .title-uppercase h3, .title-uppercase h4, .title-uppercase h5, .title-uppercase h6{ text-transform:uppercase;}
.title-primary h1, .title-primary h2, .title-primary h3, .title-primary h4, .title-primary h5, .title-primary h6{ color:var(--bs-primary);}
.title-secondary h1, .title-secondary h2, .title-secondary h3, .title-secondary h4, .title-secondary h5, .title-secondary h6{ color:var(--bs-secondary);}
.title-dark h1, .title-dark h2, .title-dark h3, .title-dark h4, .title-dark h5, .title-dark h6{ color:var(--bs-dark);}

.header{ background-color: var(--bs-primary); color: var(--bs-white); position: fixed; top: 0; right: 0; left: 0; z-index: 1000;}
.header .container{ height: 77px; display: flex; align-items: center;}
.header .container a{ color: var(--bs-white); text-decoration: none; font-weight: 400; display: flex; align-items: center; gap: 10px;}
.header .container a + a{ margin-left: auto;}
.header .logo{height: 137px; width: 244px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); background-color: var(--bs-primary); display: flex; align-items: center; justify-content: center; padding: 10px;}
.header.fixed-header .logo{ height: 75px;}
.header .logo img{ height: 73px; width: auto;}
.header.fixed-header .logo img{ height: 55px;}

.banner{ position: relative; z-index: 2;}
.banner .image-fit{ top: 0; right: 0; bottom: 0; left: 0; z-index: 1; position: absolute;}
.banner .image-fit:before{ top: 0; right: 0; bottom: 0; left: 0; z-index: 2; content: ''; position: absolute; background: linear-gradient(360deg, #002147 0%, rgba(0, 33, 71, 0) 30%),
linear-gradient(360deg, rgba(0, 33, 71, 0) 60%, rgba(0, 33, 71, 0.53) 100%);}
.banner .container{ padding-top: 150px;}
.banner .container .content{backdrop-filter: blur(10px); background: #0021474D;}

.section{ padding: 80px 0; position: relative; z-index: 1;}
.section .image-bg{ top: 0; right: 0; bottom: 0; left: 0; z-index: 1; position: absolute;}
.section .image-bg img{ opacity: 0.2;}
.section-dark{ background-color: var(--bs-primary);}
.section-lt{ background-color: #F0F7FF;}

.why-item{ position: relative;}
.why-item .image-fit{ top: 0; right: 0; bottom: 0; left: 0; z-index: 1; position: absolute;}
.why-item .content{background: #00000099; padding: 32px; position: relative; z-index: 2; text-align: center; display: flex; flex-direction: column; gap: 12px; align-items: center; justify-content: center;}
.why-item .content .icon{border: 2px solid var(--bs-white)FFF; width: 100; height: 100; padding: 20px; border-width: 2px; border-radius: 100px;  display: flex; align-items: center; justify-content: center;}
.why-item .content h4, .why-item .content h6{ margin: 0; text-transform: capitalize;}

.SlickSlider{ margin-left: -12px; margin-right: -12px;}
.SlickSlider .item{ padding-left: 12px; padding-right: 12px;}
.SlickSlider .slick-dots{height: 50px;}
.SlickSlider .slick-prev, 
.SlickSlider .slick-next{top:auto; transform:translate(0); -webkit-transform:translate(0); -ms-transform:translate(0); bottom: 0;}
.SlickSlider .slick-prev{ left: 30%;}
.SlickSlider .slick-next{ right: 30%;}

.step-section{ display: flex; gap: 22px; flex-wrap: wrap;}
.step-section .content{ width: 26.69753086419753%; box-shadow: 0px 15px 30px 0px #0000001F; background-color: var(--bs-white); text-align: center; display: flex; align-items: center; justify-content: center; gap: 24px; flex-direction: column; padding: 32px;}
.step-section .content h4{ margin-bottom: 0;}
.step-section .content span{ display: flex; align-items: center; justify-content: center; background-color: #002147; border-radius: 50%; height: 100px; width: 100px; color: var(--bs-white); font-weight: 700; font-size: 36px; flex-direction: column; line-height: 1;} 
.step-section .content span small{ font-size: 14px;}
.step-section .arrow{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 6.558641975308642%;}
.step-section .arrow .ratio{ overflow: hidden; background-color: #002147; color: var(--bs-white); width: 75%; border-radius: 50%;}
.step-section .arrow .ratio span{display: flex; flex-direction: column; align-items: center; justify-content: center;}

.slide-2-content{ display: flex; align-items: center;  gap: 20px; margin-top: 24px;}

.cta-section{background: linear-gradient(90deg, #002147 0%, #0050AD 100%); color: var(--bs-white);}
.cta-section .content{ padding-top: 80px; padding-bottom: 80px;}
.cta-section .content ul li{ font-weight: 700;}

.Slider-4 .item{ padding-bottom: 10px;}
.member-box{box-shadow: 0px 5px 10px 0px #0000001A; background-color: var(--bs-white); text-align: center;}
.member-box .info{ padding: 24px; display: flex; align-items: center; justify-content: center; gap: 10px; flex-direction: column;}
.member-box .info h4{ margin-bottom: 0;}

.logo-scroll ul{ margin:0; padding:0 8px; list-style:none; display:flex; align-items:center; gap: 24px;}
.logo-scroll ul li{ width: 250px; border-radius: 8px; border: 1px solid #EEE; background: #F0F7FF; display: flex; align-items: center; justify-content: center; padding: 20px;}

.footer-cta{background: linear-gradient(90deg, #002147 0%, #0050AD 100%); color: var(--bs-white);}
.footer-cta a.link + a.link{ margin-top: 24px;}
.footer-cta a.link{ background: #FFFFFF33; color: var(--bs-white); display: flex; text-decoration: none; align-items: center; padding: 20px; gap: 20px; line-height: 1;}
.footer-cta a.link i{ line-height: 1;}
.footer-cta a.link strong{ display: block;}

.footer{ color: var(--bs-white); background-color: var(--bs-primary);}
.footer a{ color: var(--bs-white); text-decoration: none;}
.footer a:hover{ color: var(--bs-white); text-decoration: underline;}
.footer-top{ padding: 40px 0;}
.footer-top .container{ display: flex; gap: 24px;}
.footer-top .footer-content{ width: 198px;}
.footer-top .social { display: flex; align-items: center; gap: 12px;}
.footer-top .social a{ color: var(--bs-white); text-decoration: none; display: flex; align-items: center; justify-content: center; height: 42px; width: 42px; border: 1px solid var(--bs-white); border-radius: 50%; text-decoration: none;}
.footer-top .social a:hover{ background-color: var(--bs-white); color: var(--bs-primary);}
.footer-info{ display: flex; flex-direction: column; gap: 16px;}
.footer-info a.link{ display: flex; gap: 12px; color: var(--bs-white); line-height: 1.2;}
.footer-info a.link i{ height: 36px; width: 36px; color: var(--bs-primary); background-color: var(--bs-white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 15px; color: #002147;}
.footer-info a.link strong{ display: block; font-size: 20px;}
.footer-bottom{ padding: 16px 0; background-color: var(--bs-black); text-align: center;}

@media (min-width:320px) {
h1, .footer-cta h3{ font-size:calc(2.1875rem + ((1vw - 3.2px) * 0.8125));}
h2, .slide-2-content h3{font-size:calc(1.875rem + ((1vw - 3.2px) * 0.625));}
h3, .footer-cta a.link strong{font-size:calc(1.5rem + ((1vw - 3.2px) * 0.5));}
h4{font-size:calc(1.1875rem + ((1vw - 3.2px) * 0.3125));}
h5{font-size:calc(1.0625rem + ((1vw - 3.2px) * 0.1875));}
.font-18, .header .container a, .why-item .content h6{font-size:calc(1rem + ((1vw - 3.2px) * 0.125));}
.font-20{font-size:calc(1rem + ((1vw - 3.2px) * 0.25));}
.font-24{font-size:calc(1rem + ((1vw - 3.2px) * 0.5));}
.footer-cta a.link i{font-size: calc(2rem + ((1vw - 3.2px) * 2.963));}
}
@media (min-width:1400px) {
h1, .footer-cta h3{font-size:48px;}
h2, .slide-2-content h3{font-size:40px;}
h3, .footer-cta a.link strong{font-size:32px;}
h4{font-size:24px;}
h5{font-size:20px;}
.font-18, .header .container a, .why-item .content h6{font-size:18px;}
.font-20{ font-size:20px;}
.font-24{ font-size:24px;}
.footer-cta a.link i{font-size: 64px;}
}
@media (min-width:992px) {
.cta-section .image{ position: absolute; top: 0; right: 0; bottom: 0; width: 63.05031446540881%; display: flex; align-items: flex-end;}
}