body{font-family:"Inter", sans-serif;overflow-x: hidden;}
a {text-decoration: none;}
ul{margin: 0; padding: 0;}
html{overflow-x: hidden;}
a{color: inherit; transition: all 0.5s;}

.container{max-width:1280px; padding: 0 32px;}

header.main-header{position: relative;z-index: 100;}
header.main-header .header-sticky{position: absolute;top: 0;z-index: 100; left: 0; width: 100%;}
header.main-header .header-sticky.sticky_menu{position: fixed;background: hsl(220deg 25% 6% / 80%);}
header.main-header .header-sticky .navbar-brand img{width: 176px;}
.navbar{padding: 10px 0;align-items: center;}
.navbar-brand{padding: 0;margin: 0;}
.main-menu .nav-menu-wrapper{flex: 1;text-align: center;margin: 0 20px;}
.main-menu .nav-menu-wrapper > ul{align-items: center;display: inline-flex; gap:32px;}
.main-menu ul li{margin: 0;position: relative;}
.main-menu ul li a{font-size: 14px;font-weight: 500;line-height: 1.2em;padding: 0!important;color: hsl(215 20% 55% / 1);text-transform: capitalize;transition: all 0.3s ease-in-out;}
.main-menu ul li.submenu > a:after{content: '\f107';font-family: 'FontAwesome';font-weight: 900;font-size: 14px;margin-left: 8px;}
.main-menu ul li a:hover, .main-menu ul li a:focus{color: #fff;}
.main-menu ul ul{visibility: hidden;opacity: 0;transform: scaleY(0.8);transform-origin: top;padding: 0;margin: 0;list-style: none;width: 230px;border-radius: 20px;position: absolute;left: 0;top: 100%;background: linear-gradient(90.15deg, #015577 1.15%, #1a8cff 98.84%);transition: all 0.3s ease-in-out;text-align: left;}
.main-menu ul li.submenu:first-child ul{width: 230px;}
.main-menu ul li.submenu ul li a{color: #fff;}
.main-menu ul ul ul{left: 100%;top: 0;text-align: left;}
.main-menu ul li:hover > ul{visibility: visible;opacity: 1;transform: scaleY(1);padding: 5px 0;}
.main-menu ul li.submenu ul li.submenu > a:after{content: '\f105';float: right;}
.main-menu ul ul li{margin: 0;padding: 0;}
.main-menu ul ul li a{color: #1a8cff;padding: 8px 20px !important;transition: all 0.3s ease-in-out;}
.main-menu ul li:hover > ul{visibility: visible;opacity: 1;transform: scaleY(1);padding: 5px 0;}
.main-menu ul ul li a:hover, .main-menu ul ul li a:focus{color: #fff;background-color: transparent;padding: 8px 20px 8px 23px !important;}
.main-menu ul li.highlighted-menu{display: none;}
.responsive-menu, .navbar-toggle{display: none;}
.responsive-menu{top: 0;position: relative;}

.slicknav_btn{background: linear-gradient(90.15deg, #015577 1.15%, #1a8cff 98.84%);padding: 0;display: flex;align-items: center;justify-content: center;width: 38px;height: 38px;margin: 0;border-radius: 8px;}
.slicknav_icon .slicknav_icon-bar{display: block;width: 100%;height: 3px;width: 22px;background-color: #fff;border-radius: 6px;margin: 4px auto !important;transition: all 0.1s ease-in-out;}
.slicknav_icon .slicknav_icon-bar:first-child{margin-top: 0 !important;}
.slicknav_icon .slicknav_icon-bar:last-child{margin-bottom: 0 !important;}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1){transform: rotate(-45deg) translate(-5px, 5px);}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2){opacity: 0;}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3){transform: rotate(45deg) translate(-5px, -5px);}
.slicknav_menu{position: absolute;width: 100%;padding: 0;background: linear-gradient(90.15deg, #015577 1.15%, #1a8cff 98.84%);}
.slicknav_menu ul{margin: 5px 0;}
.slicknav_menu ul ul{margin: 0;}
.slicknav_nav .slicknav_row, .slicknav_nav li a{position: relative;font-size: 16px;font-weight: 500;text-transform: capitalize;padding: 8px 20px;color: #fff;line-height: normal;margin: 0;border-radius: 0 !important;transition: all 0.3s ease-in-out;}
.slicknav_nav a:hover, .slicknav_nav a:focus, .slicknav_nav .slicknav_row:hover{background-color: transparent;color: #fff;}
.slicknav_menu ul ul li a{padding: 8px 20px 8px 30px;}
.slicknav_arrow{font-size: 0 !important;}
.slicknav_arrow:after{content: '\f107';font-family: 'FontAwesome';font-weight: 900;font-size: 12px;margin-left: 8px;color: #fff;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);transition: all 0.3s ease-out;}
.slicknav_open > a .slicknav_arrow:after{transform: translateY(-52%) rotate(-180deg);color: #fff;}

.header-btn a{color: #fff; font-weight: 500; font-size:12px;line-height: 16px;background: #1a8cff; border: 1px solid color(srgb 0.28 0.64 1); gap:8px; display: inline-flex; align-items: center; padding: 7px 17px; border-radius: 6px;}

.slider_area:before{content:"";background:linear-gradient(356deg, #030610, rgb(3 7 18 / 82%)); width:100%; height:100%; position:absolute; left:0;top:0;background-size:cover;z-index: 1;}
.slider_area{position:relative;height:100vh;}
.slider_area video{width:100%;height: 100vh;object-fit: cover;}
.text_left{position: absolute;top: 50%;transform: translateY(-50%); z-index: 1; padding: 0 245px 0 0;}
.text_left h3{color: #1a8cff;font-size: 14px;background: hsl(210deg 100% 55% / 10%);display: inline-block;padding: 9px 17px;border: 1px solid hsl(210deg 100% 55% / 20%);border-radius: 100px;margin-bottom: 32px;}
.text_left h1{font-size: 72px;font-weight: 700;line-height: 1;color:#fff;margin-bottom: 20px;}
.text_left h1 span{color: #1a8cff; display: block;}
.text_left p{color: hsl(215 20% 55% / 1); font-size: 1.25rem; line-height: 1.75rem; margin-bottom: 2.5rem;}

.btn_area a{color: #fff; font-weight: 500; font-size:14px;line-height: 16px;background: #1a8cff; border: 1px solid color(srgb 0.28 0.64 1); gap:8px; display: inline-flex; align-items: center; padding: 11px 36px; border-radius: 6px;}
.btn_area .btn2{border-color: rgb(255 255 255 / 10%); background: transparent;}

#what-we-do{background-color: #030611;padding: 128px 0;}
.section-label {color: #3b82f6;font-size: 14px;font-weight: 500;text-transform: uppercase;letter-spacing: .025em;}
.section-head{font-size: 2.25rem;line-height: 2.5rem; color: #F1F5F9; font-weight:bold;line-height: 38px; margin: 10px 0 20px;}
.text-muted-custom {color: #7588A3 !important;font-size: 18px;line-height: 1.7;}
.text-muted-custom2{font-size: 16px;}
.capability-card {background-color: #0f172a;border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 12px;padding: 15px;display: flex;align-items: center;gap: 12px;transition: all 0.3s ease;}
.capability-card:hover {border-color: #3b82f6;background-color: #1e293b;}
.icon-box {width: 40px;height: 40px;background-color: rgba(59, 130, 246, 0.1);color: #3b82f6;border-radius: 8px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.capability-card span{color: #F1F5F9;}
.network-img-container {border-radius: 20px;overflow: hidden;position: relative;}
.network-img-container::after {content: "";position: absolute;inset: 0;background: linear-gradient(to top, rgba(3, 7, 18, 0.4), transparent);}
.what_left{padding-right: 20px;}
.what_right{padding-left: 20px;}

.digital_box{padding-top: 128px;}
.order1{order: 2;}
.order2{order: 1;}
.capability-card2 {display: flex;align-items: center;gap: .75rem;transition: all 0.3s ease-in-out;}
.icon-box2 {width: 32px;height: 32px;background-color: rgba(59, 130, 246, 0.12);color: #3b82f6;border-radius: 10px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.capability-card2 span {font-size: .875rem;font-weight: 500;color: #e5e7eb;letter-spacing: -0.01em;}
.last_para{font-size: 14px; font-style: italic;line-height: 1.625;}

.compliance-section {background-color: #030611;color: #ffffff;position: relative;padding: 80px 20px;overflow: hidden;}
.compliance-section::before {content: "";position: absolute;top: 0; left: 0; right: 0; bottom: 0;background: radial-gradient(circle at center, rgba(59, 130, 246, 0.05) 0%, transparent 70%);pointer-events: none;}
.compliance-label {color: #3b82f6;text-transform: uppercase;font-size: 14px;font-weight: 600;letter-spacing: 1px;display: block;margin-bottom: 12px;}
.compliance-title {font-size: 36px;font-weight: 700;margin-bottom: 16px;}
.compliance-desc {color: #9ca3af;font-size: 18px;max-width: 600px;margin: 0 auto 50px;}
.compliance-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 24px;max-width: 1200px;margin: 0 auto;}
.compliance-card {background-color: #0f172a;border: 1px solid rgba(255, 255, 255, 0.05);border-radius: 16px;padding: 32px;text-align: center;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.icon-wrapper {width: 56px;height: 56px;background-color: rgba(59, 130, 246, 0.1);border-radius: 12px;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;color: #3b82f6;}
.compliance-card h3 {font-size: 20px;font-weight: 600;margin-bottom: 12px;}
.compliance-card p {color: #9ca3af;font-size: 14px;line-height: 1.6;}
.compliance-card:hover {transform: translateY(-8px);background-color: #1e293b;border-color: rgba(59, 130, 246, 0.4);box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(59, 130, 246, 0.04);}
.compliance-card:hover .icon-wrapper {background-color: #3b82f6;color: #ffffff;}

.trust-section{background:#030611;color:#fff;position:relative;overflow:hidden; padding: 120px 0;}
.trust-card{background:hsl(220 25% 9% / 1);border:1px solid rgba(255,255,255,0.05);border-radius:16px;padding:30px;text-align:center;transition:all .3s ease;height:100%;}
.icon-box3{width:56px;height:56px;background:rgba(59,130,246,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transition:.3s;}
.trust-title{font-weight:600;margin-bottom:10px; font-size: 16px;}
.trust-text{color:#7588A3;font-size:14px;line-height: 1.625;}
.section-desc{color:#7588A3;max-width:600px;margin:auto; font-size: 18px;}

.contact{background:#030611;padding: 120px 0;}
.contact-box{background: #091124; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; padding: 5rem;}
.contact p{color:#7588A3; font-size: 18px;}
.mail_text{font-size: 14px !important;}

.footer {background-color: #030611;color: #7588A3;border-top: 1px solid rgba(255,255,255,0.08);}
.footer a {color: #7588A3;text-decoration: none;transition: 0.3s;}
.footer a:hover {color: #ffffff;}
.footer-title {font-size: 14px;font-weight: 600;margin-bottom: 15px;color: #ffffff;}
.footer-text {font-size: 14px;line-height: 1.6;}
.footer-bottom {border-top: 1px solid rgba(255,255,255,0.08);margin-top: 40px;padding-top: 20px;font-size: 12px;}
.footer-email {color: #3b82f6;}
.footer-email:hover {color: #60a5fa;}
.footer .list-unstyled li{margin: 15px 0; font-size: 14px;}

/*===============Inner page Starts===============*/
.inner_area{padding-top: 8rem;padding-bottom: 6rem;background-color: hsl(220 25% 6% / 1);}
.inner_box{max-width: 48rem; padding: 0 2rem; margin: 0 auto;}
.inner_top h1{font-size: 2.25rem;line-height: 2.5rem;font-weight: 700;margin-bottom: .75rem; color: #F1F5F9;}
.inner_top p{font-size: .875rem;line-height: 1.625;color: hsl(215 20% 55% / 1);margin: 0 0 3rem;}
.inner_cont h2{font-weight: 600;font-size: 1.125rem;line-height: 1.75rem;margin-bottom: .75rem; color: #F1F5F9;}
.inner_cont h1{font-weight: 600;font-size: 2.125rem;line-height: 1.75rem;margin-bottom: .75rem; color: #F1F5F9;}
.inner_cont p{font-size: .875rem;line-height: 1.625;color: hsl(215 20% 55% / 1);margin: 5px 0;}
.inner_cont span{font-size: .875rem;line-height: 1.625; color: hsl(215 20% 55% / 1);display: block;}
.inner_cont b{font-size: .875rem;line-height: 1.625; color: hsl(215 20% 55% / 1);display: block;}
.inner_cont ul{margin: 5px 0;}
.inner_cont ul li{list-style: disc;font-size: .875rem;margin-left:20px !important; line-height: 25px;margin-bottom: .75rem; color: hsl(215 20% 55% / 1);margin: 0; padding-left: 10px;}
/*.inner_cont div{margin-top: 2.5rem;}*/
/*===============Inner page Ends===============*/


/*===============Responsive Starts===============*/
@media all and (min-width: 800px) {
}
@media (min-width:981px) and (max-width:1366px){
}

@media (min-width:768px) and (max-width:980px){
    .text_left{padding: 0 40px 0 0;}
    .text_left h1{font-size: 36px;}
    .order1{order: 1;}
    .order2{order: 2;}
}

@media (max-width:767px){
    .responsive-menu, .navbar-toggle{display: block;}
    .text_left{padding: 0 40px 0 0;}
    .text_left h1{font-size: 36px;}
    .text_left p{font-size: 16px;}

    .what_left{padding: 0;}
    .what_right{padding: 0;}
    .order1{order: 1;}
    .order2{order: 2;}

    .inner_box{padding: 0;}
    .inner_top h1{font-size: 30px;}
}
/*===============Responsive Ends===============*/