/*
font-family: "Archivo", sans-serif;
*/
:root {
    --white: #ffffff;
    --primary: #00a0f6; 
}
body{ padding:0; margin:0; font-size:16px; color:#282828; font-family: "Archivo", sans-serif;}
a, button{outline:none !important; text-decoration:none; box-shadow:none; transition:all .4s ease-in-out;}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%; height:auto;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important;}
input, select, textarea, button{ outline:none !important; box-shadow:none;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/ box-shadow:none !important;}

.container{ width:90%; max-width:1350px; margin:0 auto; padding:0;}

p{ padding: 0; margin: 0; font-size: 18px; color: #000000; line-height: 30px; letter-spacing: 0.5px;}

.global_title{ padding: 0; margin: 0; font-size: 50px; color: #000000; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase;}
.global_title small{ margin: 0 0 15px 0; display: block; font-size: 21px; color: #00a8ff; font-weight: 400; letter-spacing: 4px;}
.global_title.white{ color: #fff;}

.btns{ padding: 10px 25px; margin: 0; display: inline-block; font-size: 16px; color: #ffffff; text-transform: uppercase; position: relative; border-radius: 6px; letter-spacing: 0.8px; border: none;
background: hsla(200, 100%, 50%, 1);
background: linear-gradient(90deg, hsla(200, 100%, 50%, 1) 0%, hsla(216, 99%, 29%, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#00A8FF", endColorstr="#013B93", GradientType=1 ); transition: all 0.4s ease-in-out;position:relative;overflow:hidden;z-index:1;z-index:1;display:inline-block;text-decoration:none;cursor:pointer;}
.btns::before{ content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: hsla(216, 99%, 29%, 1);
background: linear-gradient(90deg, hsla(216, 99%, 29%, 1) 0%, hsla(200, 100%, 50%, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#013B93", endColorstr="#00A8FF", GradientType=1 );z-index: -1; transition: all 0.4s ease-in-out;opacity: 0;}
.btns:hover { color: #ffffff;}
.btns:hover::before{ opacity: 1;width: 100%;}

.btns.bdr{ /*border: 1px solid #008be2;*/  background: none;}
.btns.bdr::after{ content: ""; position: absolute; inset: 0; padding: 2px; border-radius: inherit; 
background: linear-gradient(90deg, #00A8FF 0%, #013B93 100%);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none;transition: all 0.4s ease-in-out;}
.btns.bdr:hover{ color: #ffffff;
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#013B93", endColorstr="#00A8FF", GradientType=1 );}
.card-btn{ padding: 10px 20px; margin: 0; display: inline-block; font-size: 15px;color: var(--white);text-transform: uppercase; position: relative; border-radius: 6px; letter-spacing: 0.8px; border: none; background-color:#000000;}

blockquote{}

/*===================
 		HEADER 
 ===================*/
header{ width:100%; padding:15px 0; margin:0; position:fixed; top:0; z-index:150;background: rgba(0, 0, 0, 0.30);box-shadow: 0 13px 40px rgba(0, 160, 247, 0.20);transition: .4s linear;}
header .navbar{ margin:0; padding:0;}
header .navbar-brand{ margin:0; padding:0;}
header .navbar-brand img{ width: auto; max-height: 100px;transition: .4s linear}
header .navbar-light .navbar-nav{align-items: flex-start;}
header .navbar-light .navbar-nav .nav-item{ margin:0 0 0 40px;}
header .navbar-light .navbar-nav .nav-item:last-child{margin: 0 0 0 15px;}
header .navbar-light .navbar-nav .nav-link{ margin:0; padding:9px 0; font-weight: 400; font-size: 19px;  color: var(--white);transition: all 0.3s ease-in-out; line-height: 27px;}
header .navbar-light .navbar-nav .nav-link:focus, header .navbar-light .navbar-nav .nav-link:hover{  color: var(--primary);}
header .navbar-light .navbar-nav .nav-link.active, header .navbar-light .navbar-nav .show > .nav-link{ color: var(--primary);}

header .navbar-light .navbar-nav .nav-link.btns{padding:9px 25px;line-height: 27px;}
header .navbar-light .navbar-nav .nav-link.btns:focus, header .navbar-light .navbar-nav .nav-link.btns:Hover{ color: var(--white);}

header .navbar-light .dropdown-menu{ margin: 0;}
header .navbar-light .dropdown-item{}
header .navbar-light .dropdown-item:focus, header .navbar-light .dropdown-item:hover{}
header .navbar-light .dropdown-item.active, header .navbar-light .dropdown-item:active{}
.header_actions { margin-left: 30px; display: flex; align-items: center; gap: 10px;display: none;}
.search_btn{  width: 45px;  height: 45px;  padding: 7px;  display: flex;  align-items: center;  justify-content: center;  background: transparent;  border: 2px solid rgba(255, 255, 255, 0.2);  border-radius: 6px;  cursor: pointer;
}
.search_btn:hover{ background: #00aaff; border-color: #00aaff;}

header.sticky{ padding: 10px 0; background: #000;}
header.sticky .navbar-brand img{ max-height: 85px;}

.search-in-wrp{ position: fixed; top: -100%; left: 0; right: 0; padding: 50px; background: #fff; z-index: 999; transition: .4s linear; -webkit-transition: .4s linear;}
.search-in-wrp.open-search-box{ top: 0;}
.search-in-wrp .container{ position: relative;}
.search-in-wrp .form-control{ padding: 15px 50px 15px 15px; border: 2px solid #ddd; border-radius: 0; height: auto; box-shadow: none; font-size: 16px; font-weight: 500; color: #000;}
.search-in-wrp .container button{ border: none; outline: none !important; position: absolute; top: 0; right: 0; width: 50px; height: 100%; background: transparent; display: flex; align-items: center; justify-content: center;}
.search-in-wrp .container button:hover{ background: #00A8FF;}
.search-in-wrp .container button:hover img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.btn-close{ position: absolute; right: 30px; top: 30px; background: transparent; padding: 0; opacity: 1; width: 30px; height: 30px;}
.btn-close img{ width: 100%;}
.btn-close:hover{ opacity: 0.60;}

@keyframes slide-down{
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}


/******* Hero Sec *******/
.hero_sec{ padding: 0; margin: 0; position: relative; bottom: -1px;}

.hero_cap{ position: absolute; left: 40px; right: 40px; top: 50%; transform: translateY(-50%);}
.hero_cap .hero_inn{ width: 100%; max-width: 530px;}
.hero_cap h2{ padding: 0; margin: 0 0 25px; font-size: 74px; font-weight: 700; color: var(--white); text-align: left; letter-spacing: 0.5px;text-transform: uppercase;}
.hero_cap h2 strong{ font-size: 105px;font-weight: 700; background: linear-gradient(90deg, #00A8FF 0%, #013B93 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;line-height:1; }
.hero_cap h2 small{font-size: 50px ; color: var(--white); display: block; margin: 0 0 15px 0;}
.hero_cap p {color: var(--white); margin-bottom: 40px;font-size:22px;}

.hero_sec .owl-item.active .hero_cap h2,
.hero_sec .owl-item.active .hero_cap p,
.hero_sec .owl-item.active .hero_cap .btns{
animation-duration: 1s; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}


/******* why_sec *******/
.why_sec{padding:0 0 80px;margin:0;background:#000;position:relative;overflow:hidden;}
.why_sec .why-title{padding:0;margin:0 0 35px 0;text-align:center;color:var(--white);}
.why_sec .why_row{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap:25px;}
.why_sec .card{padding:40px 28px 28px;margin:0;text-align:left;border-radius:15px;background: #1a1a1a;position:relative;overflow:hidden;transition:.4s linear; height: 100%;}
.why_sec .card i{display:block;margin:0 0 35px 0;text-align:left;width:52px;height:52px;}
.why_sec .card i img{display:block;width:100%;max-width:52px;height:52px;object-fit:contain}
.why_sec .card h3{padding:0;margin:0 0 25px 0;color: var(--white);font-size:27px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;}
.why_sec .card .card-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;margin:0;border-radius:6px;background:#222426;color:#dcdcdc;font-size:16px;font-weight:400;text-decoration:none;text-transform:uppercase;transition:all .3s ease;width: fit-content;}
.why_sec .card .card-btn:hover{background:#006fc4;color: var(--white);}
.why_sec:after{content:"";position:absolute;right:-180px;bottom:-300px;width:650px;height:650px;background:radial-gradient(circle,rgba(48,37,126,.75) 0%,rgba(32,25,82,.45) 35%,transparent 72%);pointer-events:none}
.why_sec .card::before{content: "";position: absolute;inset: -1px;border-radius: 15px;padding: 3px;background: linear-gradient(135deg, #00A8FF 0%, #013B93 10%, rgba(0, 143, 255, 0) 35%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}
.why_sec .why_row .item:nth-child(2) .card::before{background: linear-gradient(320deg, #00A8FF 0%, #013B93 10%, rgba(0, 143, 255, 0) 35%);}
.why_sec .why_row .item:nth-child(3) .card::before{background: linear-gradient(225deg, #00A8FF 0%, #013B93 10%, rgba(0, 143, 255, 0) 35%);}
.why_sec .why_row .item:nth-child(4) .card::before{background: linear-gradient(320deg, #00A8FF 0%, #013B93 10%, rgba(0, 143, 255, 0) 35%);}
.why_sec .card:hover{
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}

/******* Welcome Sec *******/
.welcome_sec{ padding: 150px 0; margin: 0;position: relative;}
.welcome_sec::before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 42px; background: url(../images/top_curve.png) no-repeat bottom; background-size: cover;}
.welcome_sec .welcome_left{ padding: 0;margin : 0;}
.welcome_sec .welcome_left  figure{ margin: 0; padding: 0; width: 100%; height: auto;}
.welcome_sec .welcome_left img{ width: 100%; height: auto;display: block; object-fit: cover; object-position: center}
.welcome_sec .welcome_right{ padding: 0; margin: 0;}
.welcome_sec .welcome_right p{margin-bottom:30px}
.welcome_sec .welcome_right p span{color:var(--primary);}
.welcome_sec blockquote{padding: 20px 25px;background: linear-gradient(90deg, #e5f5fe 0%, #e5ecf5 100%);position: relative;margin-bottom: 20px;}
.welcome_sec blockquote span{font-size: 24px; font-weight: 500; position: relative;background: linear-gradient(90deg, #00A8FF 0%, #013B93 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.welcome_sec blockquote::before{content: ''; position: absolute; top: 50%; left: 0; width: 4px; height: 60%;transform: translateY(-50%); background: linear-gradient(180deg, #00a8ff 0%, #0040a8 100%);}
.welcome_right .global_title{margin-bottom:30px}

/******* Location Sec *******/
.location_sec{ padding: 95px 0; margin: 0; background: #000000;position: relative;overflow: hidden;z-index: 1;}
.location_sec .location_left{ padding: 0 60px 0 0; margin-right: 40px;}
.location_sec .location_left .global_title{ margin: 0 0 30px 0;}
.location_sec .location_left p{margin-bottom:40px; color: var(--white);max-width:565px;} 
.location_sec .location_left .location_list{ padding: 0; margin: 0 0 50px 0; display: flex; flex-wrap: wrap; gap:  25px 20px;}
.location_sec .location_left .location_list li.location_title{ font-size: 18px; color: var(--white); font-weight: 400; letter-spacing: 0.5px;gap: 10px; display: flex; align-items: center;}
.location_sec .location_left .location_list li.location_title img{ width: 17px; height: 22px; object-fit: cover;}
.location_sec .location_right{ padding: 0margin-left: -40px; position: relative; display: flex; align-items: center; justify-content: center;  overflow: visible;}  
.location_sec .location_right figure{ width: 100%; height: auto;margin:0; max-width:700px;overflow: hidden;border-radius: 20px;}
.location_sec .location_right figure img{ width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 20px;transform: scale(1);transition: .4s linear;}
.location_sec .location_right:hover figure img{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}
.location_sec .location_right::before{content: "";position: absolute;inset: -1px;border-radius: 20px;padding: 3px;background: linear-gradient(320deg, #00A8FF 0%, #013B93 10%, rgba(0, 143, 255, 0) 20%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;bottom: -15px;right: -15px;}
.location_sec .location_bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden;}
.location_sec .location_bg img{width: 100%; height: 100%; display: block; object-fit: cover;}


/******* News Sec *******/
.news_sec{position: relative; padding: 140px 0;}
.news_sec::before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 42px; background: url(../images/top_curve.png) no-repeat bottom; background-size: cover;}
.news_sec::after{ content: ""; position: absolute; z-index: -1; bottom: 0; left: 0; width: 100%; height: 42px; background: url(../images/top_curve.png) no-repeat bottom; background-size: cover;transform: rotateX(180deg);}
.news_sec .card{padding:20px;margin:0;border:1px solid #e5e5e5;border-radius:20px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.04);transition: .4s linear;}
.news_sec .card:hover{
    box-shadow: 0 3px 35px #C2D0E7;
    border-color: transparent;
}
.news_sec .card figure{padding:0;margin:0 0 25px 0;border-radius:20px;overflow:hidden;height:320px; width:100%;}
.news_sec .card figure img{display:block;width:100%;height:100%;object-fit:cover; transition: transform .6s ease;}
.news_sec .card h3{padding:0;margin:0 0 20px 0;color:#000;font-size:30px;font-weight:700;line-height:1.2;text-transform:uppercase; display:-webkit-box; max-width:100%; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.news_sec .card p{padding:0;margin:0 0 35px 0;color:#000;font-size:20px;font-weight:400;line-height:1.6; display:-webkit-box; max-width:100%; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.news_sec .card .link{display:inline-flex;align-items:center;gap:8px;padding:0;margin:0;color:#008fe0;font-size:18px;font-weight:600;line-height:1.2;text-decoration:none;text-transform:uppercase;  background: linear-gradient( 90deg, #00A8FF 0%, #013B93 100% ); height: 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text; transition: gap .3s ease; }
.news_sec .card .link:after{content:"›";font-size:30px;line-height:15px; transition: transform .3s ease;}
.news_sec .card::before{content: "";position: absolute;inset: -1px;border-radius: 15px;padding: 3px;background: linear-gradient(135deg, #00A8FF 0%, #013B93 10%, rgba(0, 143, 255, 0) 35%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}
.news_sec .row > .col-md-4:nth-child(2) .card::before{background: linear-gradient(320deg, #00A8FF 0%, #013B93 10%, rgba(0, 143, 255, 0) 35%);}
.news_sec .row > .col-md-4:nth-child(3) .card::before{background: linear-gradient(225deg, #00A8FF 0%, #013B93 10%, rgba(0, 143, 255, 0) 35%);}
.news_sec .card:hover figure img { transform: scale(1.06);}   
.news_sec .card .link:hover{ gap: 14px; filter: brightness(1.1);}
.news_sec .card .link:hover::after { transform: translateX(4px); }

/* connect_sec */


.connect_sec{ padding: 0; margin: 0; position: relative; background: linear-gradient(to bottom, #ffffff 0%, #ffffff 35%, #0c081e 35%, #04020a 100%);    }
.connect_sec figure { width: 100%; height: 736px; margin:0;}
.connect_sec figure img { display: block; width: 100%; height: 100%; object-fit: cover; }
.connect_sec .connect_content {   position: absolute; top: 0; left: 0; width: 100%; padding-top: 110px; text-align: center; z-index: 2;}    
.connect_sec .connect_content .global_title {margin: 0 0 20px 0;}
.connect_sec .connect_content .global_title strong {background: linear-gradient( 90deg, hsla(200, 100%, 50%, 1) 0%, hsla(216, 99%, 29%, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;}
.connect_sec .connect_content span { margin: 0 0 15px 0; display: block; font-size: 25px; font-weight: 600; color: var(--primary); }
.connect_sec .connect_content p{ margin: 0 auto 30px; max-width:445px }


/* =========================
   FOOTER
========================= */
.footer .footer_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden;}
.footer .footer_bg img{width: 100%; height: 100%; display: block; object-fit: cover;}
.footer { position: relative; background-color: #000000;   color: color var(--white); padding: 65px 0 75px; overflow: hidden;}
.footer::after { content: ""; position: absolute; right: 0px; bottom: 0px; top: 30px; left: 10px;    width: 650px; height: 650px; background: radial-gradient(circle,rgba(48,37,126,.75) 0%,rgba(32,25,82,.45) 35%,transparent 72%); pointer-events: none;}
.footer .footer_content{position: relative; z-index: 1;}
.footer_content .row > [class*="col-"]:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.15);}
.footer .brand-content { padding: 0 0 70px; margin: 0;}
.footer .brand-content figure { max-width: 320px; height: auto; display: block;}
.footer .brand-content a img { width: 100%; height: auto; display: block;}
.footer .connect-text { margin: 60px 0 15px; font-size: 13px; font-weight: 400; color: var(--white);}
.social-icons { display: flex; align-items: center; gap: 15px;}   
.social-icons a { width: 55px; height: 55px; border-radius: 50%; background: rgba(255,255,255,0.1); transition: all 0.3s ease; padding: 0; display: flex; align-items: center; justify-content: center;}
.social-icons a img { width: auto; max-height: 22px; object-fit: contain; display: block;}
.social-icons a:hover {background: #0879d9;} 
.footer .company-column {padding: 0 0 0 0px; margin: 0 auto;width: fit-content;}      
.footer-column { padding: 50px 0 50px;} 
.footer-column h5 { margin: 0 0 20px; font-size: 25px; font-weight: 700; line-height: 33px; color: var(--white);}
.footer-column ul { list-style: none; padding: 0; margin: 0;}
.footer-column ul li { margin-bottom: 10px;}
.footer-column ul li a { color: rgba(255,255,255,0.70); font-size: 20px; font-weight: 400; text-decoration: none; transition: 0.3s;}
.footer .solution-column {padding: 0 0 0 60px; margin: 0 0 0 auto;width: fit-content;}      
.footer-column ul li a:hover { color: var(--primary);}
.copyright { margin: 0; padding:50px 0 0; border-top: 1px solid rgba(255,255,255,0.15);}
.copyright .row{align-items: center;}
.copyright p{ margin:0; color:rgba(255,255,255,0.7);}
.language-selector { width: 170px; height: 50px; display: flex; align-items: center; padding: 10px; background: transparent; border: 1px solid rgba(255,255,255,0.15); border-radius: 10px; cursor: pointer;}
.icon { width: 37px; height: 37px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.20); border-radius: 7px;}
.icon img { width: 100%; max-width: 21px; height: auto; object-fit: contain;}
.footer .language {margin-left: 10px;  color: var(--white);font-size: 15px;font-weight: 400; margin-right: auto;}
.footer .language-selector i { margin-left: auto; width: 15px; height: 15px; display: flex; align-items: center; justify-content: center;}  
.footer .language-selector i img { width: 100%; height: auto; display: block;}
.language-selector.dropdown-toggle::after { color: var(--white); margin-left: 5px; font-size: 20px; }   
.dropdown-menu { background-color: #060a17; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 10px   ; padding: 8px 0; width: 100%; margin-top: 5px !important;}
.dropdown-menu .dropdown-item { color: var(--white);font-size: 15px; padding: 8px 15px;}
.dropdown-menu .dropdown-item:hover { background-color: rgba(0, 136, 255, 0.2); color: #00a8ff;}
.lang-bx{ display: flex; justify-content: flex-end; align-items: flex-end;}

/* Return To Top */
#return-to-top { position:fixed; bottom:35px; right:20px; background:#6ecff6; width:47px; height:47px; display: block; border-radius:50%; text-decoration: none; text-align:center; display:none; transition: all 0.3s ease; z-index:9999; mix-blend-mode: exclusion; color:#fff;}
#return-to-top i { margin:0; position:relative; left:0; top:10px; font-size:23px; transition: all 0.3s ease; }
#return-to-top:hover { background:#01486d; color: var(--white);}
#return-to-top:hover i {  top:7px; }
body.add-fix{overflow: hidden;}

/*=================================
 		SECTION START HERE 
=================================*/
section{ padding:0; margin:0;}