@charset "utf-8";
/* CSS Document */
::selection {
  color:var(--bs-white);
  background:var(--bs-primary);
}
.accordionjs .acc_section { position:relative; z-index:10; margin-top:0; overflow:hidden; padding:0; background: linear-gradient(90deg,rgba(17, 16, 92, 1) 0%, rgba(94, 94, 224, 1) 35%, rgba(51, 93, 184, 1) 100%); border-radius: 12px;}
.accordionjs .acc_section + .acc_section{ margin-top: 20px;}
.accordionjs .acc_section .acc_head {cursor:pointer; position:relative; padding:20px 35px 20px 20px; font-size:18px; font-weight:700;}
.accordionjs .acc_section .acc_content { padding:0 20px 20px 20px;}
.accordionjs .acc_section .acc_head:after{ content:'\2b'; right:24px; top:50%; -webkit-transform:translateY(-40%); -ms-transform:translateY(-40%); transform:translateY(-40%); position:absolute; font-family:'Font Awesome 6 Free'; font-weight:900}
.accordionjs .acc_section.acc_active > .acc_head:after{ content:'\f068';}


.header{ position:fixed; top:0; left:0; right:0; z-index:1000; padding-top:20px; padding-bottom:20px; -moz-transition:all 0.5s ease;  -webkit-transition:all 0.5s ease;  -o-transition:all 0.5s ease; transition:all 0.5s ease}
.header .logo img{ width:200px; height:auto;}
.header.fixed-header{ background:#020024; box-shadow:rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }

.banner{ /*background:url(images/bg-1.svg) no-repeat top center; background-size:cover;*/ padding:140px 0 40px; background: radial-gradient(circle,rgba(48, 158, 242, 1) 0%, rgba(0, 132, 255, 1) 100%);} 
.banner h4{ display:flex; align-items:center; justify-content:center;}
.banner h4 span{ border-radius:10px; display:inline-block; background:#020024; padding:6px 16px;}
.banner .ratio{ overflow: hidden; border-radius: 16px; border: 5px solid #fff; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}

.w2{ padding:40px 0;}
.w2 .box-content .box{ background: linear-gradient(135deg,rgba(2, 130, 227, 1) 0%, rgba(0, 75, 145, 1) 100%); padding:24px; border-radius:8px; text-align: center; box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;}
.w2 .box-content .box img{ width:100px; height:100px; margin-bottom:10px;}
.w2 .mid-content{ padding:48px 0; border-bottom:1px solid #188bf6; border-top:1px solid #188bf6; text-align:center;}
.w2 .bottom-content h3{ color:#00D4FF; font-weight:400;}

.content-style ul{ padding:0; list-style:none;}
.content-style ul li{ position:relative; padding-left:24px;}
.content-style ul li:before{font-family:'Font Awesome 6 Free'; font-weight:900; content:'\f058'; color:var(--bs-blue); position:absolute; top:0; left:0;}
.content-style ul li strong{ color:var(--bs-blue)}
.content-style ul li + li{ margin-top:6px;}

.w3{ padding:40px 0; background-color: #090979;}
.w3 .title h4{color:#00D4FF; font-weight:400;}
.w3 .content{ padding:20px; background: radial-gradient(circle,rgba(48, 158, 242, 1) 0%, rgba(0, 132, 255, 1) 100%); border-radius:12px; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}
.w3 .content .inner-content{ /*background: #020024; border-radius:12px; padding:18px;*/ margin-top:30px;}
.w3 .content .inner-content h3{color:#fff; font-weight:400;}
.w3 .content .inner-content h5{color:#fff; font-weight:500; letter-spacing:2px; margin:0 15px;}
.w3 .content .inner-content ul{ padding:15px; border: 1px solid #020024; background-color: #020024; border-radius: 12px;}

.w4{ padding:40px 0;  background-color: #020024;}
.w4-top .title{color:#00D4FF;}
.w4-top .box-content .d-flex{ padding:30px; background-color: #fff; border-radius: 16px; color: #020024;}
.w4-top .box-content .d-flex .icon{ width:60px;}
.w4-top .box-content .d-flex h5{color:#020024; margin:5px 0 10px;}

.w5{ padding:40px 0;}
.w5 .content{ padding:24px; border-radius:16px; background: #020024}
.w5 .content h4{color:#00D4FF;}

.footer{ padding:30px 0; background-color: #020024;}
.footer .top-content{ font-style:italic; text-align:center;}
.footer .top-content span{ color:#F00;}
.footer-logo img{ width:160px;}
.footer-bottom{ font-size:14px;}
.footer-bottom div + div, .footer-bottom ul{ margin-left:auto;}
.footer-bottom ul{ margin:0 0 0 auto; padding:0; list-style:none;}

.video-section{ padding:40px 0; background: linear-gradient(135deg,rgba(2, 130, 227, 1) 0%, rgba(0, 75, 145, 1) 100%);}
.VideoSlider{ margin: 0 -15px;}
.VideoSlider .item{ padding: 0 15px; text-align: center;}
.VideoSlider  .ratio{ overflow: hidden; border-radius: 16px; border: 5px solid #fff; }

.profile-info{ background: linear-gradient(90deg,rgba(17, 16, 92, 1) 0%, rgba(94, 94, 224, 1) 35%, rgba(51, 93, 184, 1) 100%); border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}


@media (min-width:320px) {
h1{ font-size:calc(2.1875rem + ((1vw - 3.2px) * 0.8125));}
h2{font-size:calc(1.875rem + ((1vw - 3.2px) * 0.625));}
h3{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{font-size:calc(1rem + ((1vw - 3.2px) * 0.125)); min-height:0vw;}
.font-20{font-size:calc(1rem + ((1vw - 3.2px) * 0.25)); min-height:0vw;}
.font-24{font-size:calc(1rem + ((1vw - 3.2px) * 0.5)); min-height:0vw;}
}

@media (min-width:1400px) {
h1, .section-title h2{font-size:48px;}
h2, .section-title h3{font-size:40px;}
h3{font-size:32px;}
h4{font-size:24px;}
h5{font-size:20px;}
.font-18{font-size:18px;}
.font-20{ font-size:20px;}
.font-24{ font-size:24px;}
}


@media (min-width:576px) {
}

@media (min-width:768px) {
.w5 .content{ padding:40px;}
.footer-bottom ul li + li:before{ content:"|"; margin:0 5px; float:left;}
}

@media (min-width:992px) {
.w2 .mid-content{ padding:50px 0;}
.w3 .content{ padding:30px 40px;}
}

.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:#fff url(../images/theme-img/ajax-loader.gif) center center no-repeat; }
.slick-prev, .slick-next{font-size:0; line-height:0; position:absolute; top:40%; display:block; width:40px; height:40px; padding:0; -webkit-transform:translate(0, -40%); -ms-transform:translate(0, -40%); transform:translate(0, -40%); cursor:pointer; color:transparent; border:none; outline:none; z-index:100; background:var(--bs-white); border-radius:50%; color:#000; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color:#fff; outline:none; background:var(--bs-secondary); }
.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:30px; }
[dir='rtl'] .slick-prev{right:0px; left:auto; }
.slick-prev:before{content:'\f104'; }
[dir='rtl'] .slick-prev:before{content:'\f105'; }
.slick-next{right:30px; }
[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;}
.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; margin:0 9px; 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:#fff; }
.slick-dots li.slick-active button{ background:var(--bs-primary); height:14px; width:14px; opacity:1}