/*
 Theme Name:   Twenty Twenty-One Child
 Theme URI:    https://diviextended.com/
 Description:  A child theme of Twenty Twenty-One WordPress theme.
 Author:       Elicus Technologies
 Author URI:   https://elicus.com
 Template:     twentytwentyone
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

 :root {

--atlas-navy: #0b1d2e;     
--atlas-dark: #050f1a;   
--atlas-blue: #0062cc;    
--atlas-red: #d92424;     
--atlas-white: #ffffff;
--atlas-gray-light: #f4f6f9; 
--atlas-gray-text: #5a6a7e;
}

html{overflow-x:hidden;}
html, body {height: 100%;}

body{color:#303030; font-size: 15px; font-family: "Inter", sans-serif;}

a{color:#db070f; text-decoration:none;font-family:'Montserrat', sans-serif;}

img{max-width:100%; vertical-align:middle;}
p{line-height: 26px; margin: 0 0 15px;}
h1, h2, h3, h4, h5, h6, .nav-link, .btn {font-family: 'Montserrat', sans-serif;text-transform: uppercase;letter-spacing: 0.5px;}

.pad-t0{padding-top:0 !important;}
.pad-t10{padding-top:10px !important;}
.pad-t15{padding-top:15px !important;}
.pad-t20{padding-top:20px !important;}
.pad-t25{padding-top:25px !important;}
.pad-t30{padding-top:30px !important;}
.pad-t35{padding-top:35px !important;}
.pad-t40{padding-top:40px !important;}
.pad-t45{padding-top:45px !important;}
.pad-t50{padding-top:50px !important;}
.pad-0{padding:0 !important;}
.pad-b0{padding-bottom:0 !important;}
.pad-b5{padding-bottom:5px !important;}
.pad-b10{padding-bottom:10px !important;}
.pad-b15{padding-bottom:15px !important;}
.pad-b20{padding-bottom:20px !important;}
.pad-b25{padding-bottom:25px !important;}
.pad-b30{padding-bottom:30px !important;}
.pad-b35{padding-bottom:35px !important;}
.pad-b40{padding-bottom:40px !important;}
.pad-b45{padding-bottom:45px !important;}
.pad-b50{padding-bottom:50px !important;}
.mrg-0{margin:0px !important;}
.mrb-0{margin-bottom:0px !important;}
.mrb-10{margin-bottom:10px !important;}
.mrb-15{margin-bottom:15px !important;}
.mrb-20{margin-bottom:20px !important;}
.mrb-25{margin-bottom:25px !important;}
.mrb-30{margin-bottom:30px !important;}
.mrb-35{margin-bottom:35px !important;}
.mrb-40{margin-bottom:40px !important;}
.mrb-45{margin-bottom:45px !important;}
.mrb-50{margin-bottom:50px !important;}
.mrb-60{margin-bottom:60px !important;}
.mrb-70{margin-bottom:70px !important;}
.mrb-80{margin-bottom:80px !important;}
.mrb-90{margin-bottom:90px !important;}
.mrb-100{margin-bottom:100px !important;}
.mr20{margin-right: 20px !important;}
.ml20{margin-left: 20px !important;}

       

.navbar-brand img {
    height: 40px;
    width: auto;
    border-radius: 4px;
}

.navbar {background-color: #0b1d2e;padding: 1rem 1rem;border-bottom: 1px solid rgba(255,255,255,0.1);transition: all 0.3s ease;}
.navbar-brand {font-weight: 800;font-size: 1.4rem;display: flex;align-items: center;gap: 12px;color: #ffffff !important;letter-spacing: 1px;}
.logo-img {height: 40px;width: auto;border-radius: 4px;}
.navbar-nav .menu-item a {font-size:.8rem;font-weight: 600;color: rgba(255,255,255,0.75) !important;margin-left: 1.5rem;position: relative;padding-bottom: 5px;transition: color 0.3s ease;    text-transform: uppercase;}
.navbar-nav .menu-item a:hover {color: #ffffff !important;}
.navbar-nav .menu-item a::after {content: '';position: absolute;width: 0;height: 2px;bottom: 0;left: 0;background-color: #d92424;transition: width 0.3s ease-in-out;}
.navbar-nav .menu-item a:hover::after {width: 100%;}


.hero-section {position: relative;width: 100%;height: 100vh;overflow: hidden;display: flex;align-items: center;justify-content: center;text-align: center;}
.hero-video {position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;object-fit: cover;transform: translate(-50%, -50%);z-index: 1;}
.hero-overlay {position: absolute;inset: 0;background: rgba(0, 0, 0, 0.45); /* optional dark overlay */z-index: 2;}
.hero-content {position: relative;z-index: 3;color: #fff;padding: 20px;}
.hero-section {height: 100vh;min-height: 600px;position: relative;display: flex;align-items: center;justify-content: center;color: var(--atlas-white);}
.hero-content {z-index: 2;text-align: center;max-width: 1000px;padding: 0 20px;}
.hero-title {font-size: 60px;font-weight: 900;margin-bottom: 1.5rem;line-height: 60px;}
.hero-subline {font-size: 1.25rem;color: rgba(255,255,255,0.9);margin-bottom: 3rem;font-weight: 400;letter-spacing: 2px;}

      

.btn{background:#003164; border: 0; text-decoration: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius:5px; position: relative; z-index: 1; display: inline-block; text-align: center; font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 600; color: #fff; margin: 0; padding: 12px 30px; overflow: hidden; text-shadow: none; text-transform: capitalize; letter-spacing: 0;}
.btn:hover{background:#003164; color: #fff;}
.btn:hover i{transition: 0.3s;}
.btn i{position: relative; margin: 0 0 0 10px; top: 1px; z-index: 10; color: inherit;}
.btn:after{content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index: -1; background: #d92424;}
.btn:hover:after{width: 100%;}
.btn-atlas-outline{background: transparent;border: 2px solid #fff;}
.btn-atlas-outline:after{content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index: -1; background: #003164;}
.btn-atlas-outline:hover{background:none; color: #fff;border:2px solid #003164;}




/* --- Section 1: Platforms (Monolith Cards) --- */
.section-platforms {padding: 8rem 0;background-color: var(--atlas-white); /* Clean Enterprise Background */}
.section-title-dark {color: var(--atlas-navy);font-weight: 800;font-size: 2.5rem;margin-bottom: 4rem;text-align: center;}




/* The "Rocket" Cards - Tall and Dark */
.platform-card {height: 550px;background-color: var(--atlas-navy);color: var(--atlas-white);position: relative;overflow: hidden;display: flex;flex-direction: column;justify-content: flex-end; /* Text at bottom like a poster */transition: transform 0.4s ease, box-shadow 0.4s ease;cursor: pointer;border-bottom: 4px solid transparent;}
.platform-card-img {position: absolute;top: 0; left: 0; width: 100%; height: 60%;background-size: cover;background-position: top center;opacity: 0.4;transition: opacity 0.4s ease, transform 0.4s ease;/* Use gradient to blend image into the dark card body */-webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);mask-image: linear-gradient(to bottom, black 50%, transparent 100%);}
.platform-body {padding: 2.5rem;position: relative;z-index: 2;}
.platform-title {font-size: 24px;font-weight: 700;margin-bottom: 1rem;}
.platform-stats-list {list-style: none;padding: 0;margin: 0 0 40px 0;font-family: 'Inter', sans-serif;font-size: 0.95rem;color: rgba(255,255,255,0.7);transform: translateY(20px);transition: all 0.4s ease;}
.platform-stats-list li {margin-bottom: 0.5rem;display: flex;align-items: center;gap: 10px;}
.learn-more-link {color: var(--atlas-red);font-weight: 700;text-decoration: none;font-size: 0.9rem;display: flex;align-items: center;gap: 5px;opacity: 0.8;transition: opacity 0.3s;position: relative;}
.learn-more-link:before { content: ""; width: 0%; position: absolute; bottom: -4px; background: #d92424; height: 2px;transition: .2s width ease-in; }
.learn-more-link:hover:before {width: 43%;}
.learn-more-link:hover .fa-arrow-right{transform: rotate(0deg);}
.learn-more-link .fa-arrow-right {transform: rotate(-45deg);transition: .2s transform ease-out;}
.section-scale {padding: 6rem 0;background-color: #191A18;color: var(--atlas-white);text-align: center;position: relative;}
.section-scale .counter-box {background: #fff;padding: 40px 32px 35px;border: 1px solid #282926;position: relative;}
.section-scale .counter-box i{font-size: 50px;margin-bottom: 30px;color:var(--atlas-navy);}
.section-scale .counter-box:not(:last-child)::before {content: "";width: 6px;height: 6px;background-color:var(--atlas-navy);border-radius: 20px;position: absolute;inset-inline-end: 0;top: 50%;transform: translate(50%, -50%);z-index: 1;animation: running-2 4s linear infinite;right:-1px;}
.section-scale .first-counter{border-radius: 10px 0px 0px 10px;}
.section-scale .last-counter{border-radius: 0px 10px 10px 0px;align-content: center;}
@keyframes running-2 {0% {top: 0%;}50% {top: 100%;}100% {top: 0%;}}
.scale-title {font-size: 2.5rem;font-weight: 800;margin-bottom: 3rem;letter-spacing: 1px;}
.counter-number {font-size: 70px;font-weight: 800;color: var(--atlas-navy);display: block;line-height: 1;margin-bottom: 0.5rem;}
.counter-label {font-size: 0.85rem;color:rgb(55 49 49 / 60%);text-transform: uppercase;letter-spacing: 1px;}



/* --- Section 3: Industries (Light) --- */
.section-industries {padding: 6rem 0;background-color: var(--atlas-gray-light);border-bottom: 1px solid #e0e0e0;}



/* Owl Carousel Customizations for Industry Cards */
.owl-carousel .industry-item {width: 100%;background: var(--atlas-white);padding: 30px 20px 25px;border-radius: 4px;box-shadow: 0 4px 10px rgba(0,0,0,0.05);text-align: center;border-top: 3px solid transparent;transition: all 0.3s;}
.owl-carousel .industry-item:hover {transform: translateY(-5px);box-shadow: 0 10px 25px rgba(0,0,0,0.1);border-top-color: var(--atlas-blue);}
.industry-icon {font-size: 2.5rem;color: var(--atlas-navy);margin-bottom: 1.5rem;}
.industry-item .case-img img { width: 60px; height: 60px; object-fit: contain; margin: auto;}


/* Custom Owl Nav Styles */
.section-industries .owl-nav button {position: absolute;top: 50%;transform: translateY(-50%);background: rgba(255,255,255,0.8) !important;border: 1px solid #ddd !important;width: 40px;height: 40px;border-radius: 50% !important;box-shadow: 0 2px 10px rgba(0,0,0,0.1);transition: background 0.3s;}
.section-industries .owl-nav button:hover {background: var(--atlas-red) !important;color: white !important;}
.section-industries .owl-prev {left: -25px;}
.section-industries .owl-next {right: -25px;}
/* Hide dots and nav on smaller screens */
@media (max-width: 992px) {.section-industries .owl-prev,.section-industries .owl-next {display: none !important;}}



/* --- Section 4: Recent Launches (Mission Patches) --- */
.section-launches {padding: 7rem 0;background-color: var(--atlas-white);}
.launch-header {display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 3rem;border-bottom: 2px solid var(--atlas-navy);padding-bottom: 1rem;}
.launch-header h2 {color: var(--atlas-navy);font-weight: 800;margin: 0;}
.mission-patch-card {background: #fff;border: 1px solid #eee;padding: 0;height: 100%;transition: 0.3s;position: relative;}     
.mission-patch-card:hover {box-shadow: 0 15px 30px rgba(0,0,0,0.1);}
.mission-top {background: var(--atlas-navy);padding: 2rem;display: flex;justify-content: center;align-items: center;height: 150px;position: relative;}
.mission-badge {width: 80px;height: 80px;border-radius: 50%;background: rgba(255,255,255,0.1);border: 2px solid rgba(255,255,255,0.3);display: flex;align-items: center;justify-content: center;color: white;font-size: 1.5rem;}


/* Tooltip-like details on hover */
.mission-hover-detail {position: absolute;top: 0; left: 0; width: 100%; height: 100%;background: rgba(11,29,46,0.95);color: white;display: flex;flex-direction: column;justify-content: center;align-items: center;opacity: 0;transition: 0.3s;padding: 1rem;text-align: center;}
.mission-patch-card:hover .mission-hover-detail {opacity: 1;}
.mission-content {padding: 2rem;}
.mission-name {font-weight: 700;font-size: 1.2rem;color: var(--atlas-navy);margin-bottom: 0.5rem;}
.mission-result {font-family: 'Inter', sans-serif;color: var(--atlas-red);font-weight: 600;margin-bottom: 1rem;}


/* --- Final CTA Band (Dark Navy) --- */
.cta-band {background-color: var(--atlas-navy);padding: 6rem 0;text-align: center;}   
.cta-band h2 {color: var(--atlas-white);font-weight: 800;font-size: 2.5rem;margin-bottom: 3rem;}


/* --- Footer --- */
.entry-footer{display:none;}
footer {background-color: var(--atlas-dark);color: rgba(255,255,255,0.5);padding: 5rem 0 2rem 0;font-size: 0.9rem;border-top: 1px solid rgba(255,255,255,0.05);}
footer h5 {color: var(--atlas-white);font-weight: 700;margin-bottom: 1.5rem;letter-spacing: 1px;}
footer ul { list-style: none; padding: 0;}
footer li {margin-bottom: 0.8rem;}
footer a {color: rgba(255,255,255,0.5);text-decoration: none;transition: color 0.2s;}
footer a:hover {color: var(--atlas-white);}
.footer-logo {font-size: 1.5rem;color: var(--atlas-white);margin-bottom: 1rem;display: block;font-weight: 800;font-family: 'Montserrat', sans-serif;}



/* Responsive */
@media (max-width: 768px) {.hero-title { font-size: 2.8rem; }.platform-card { height: 400px; margin-bottom: 1rem; }.scale-title { font-size: 1.8rem; }.counter-number { font-size: 3rem; } .navbar-brand{font-size: 10px;}    }


/* --- Partnership Section --- */ 
.partnership-section { background-color: var(--color-gray-100); padding: 4rem 0; border-bottom: 1px solid var(--color-gray-200); } 
.partnership-title { font-size: 1.5rem; font-weight: 600; color: var(--color-gray-600); margin-bottom: 2.5rem; } 
.partnership-logos { display: flex;justify-content: center;align-items: center; gap: 2rem; } 
.logo-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; color: inherit;width: 30%;background: #efefef;padding: 30px 0px;border-radius: 10px; } 
.logo-item svg { width: 4rem; /* w-16 */ height: 4rem; /* h-16 */ transition: color 0.3s; } 
.logo-item .title { margin-top: 0.75rem; font-size: 1.25rem; font-weight: 800; letter-spacing: -0.025em; } 
.logo-item .subtitle { font-size: 0.875rem; color: var(--color-gray-500); margin-top: 0.25rem; } 
.logo-atlas svg { color: var(--color-gray-900); } 
.logo-atlas:hover svg { color: var(--color-red); } 
.logo-partner svg { color: var(--color-gray-500); } 
.logo-partner:hover svg { color: var(--color-red); } 
.logo-partner .title { color: var(--color-gray-700); } 
.logo-partner:hover .title { color: var(--color-gray-900); }
 .relationship-link { font-size: 1.875rem; font-weight: 300; color: var(--color-gray-400); display: block; /* Hidden by default, show on desktop */ }
 
 
 .relationship-mobile { font-size: 1rem; font-weight: 500; color: var(--color-red); border-top: 1px solid #FCA5A5; border-bottom: 1px solid #FCA5A5; padding: 0.5rem 0; display: block;  width: 100%; }
.partnership-section .partnership-logos .logo-item img{width:60%;}




.calendar { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; margin-top: 15px; } 
.calendar-day { aspect-ratio: 1; display: flex; align-items: center; justify-content: center; border: 1px solid #dee2e6; border-radius: 8px; cursor: pointer; transition: all 0.2s; font-size: 14px; } 
.calendar-day:hover:not(.disabled) { background: #667eea; color: white; transform: scale(1.1); } 
.calendar-day.selected { background: #764ba2; color: white; font-weight: bold; } 
.calendar-day.disabled { color: #ccc; cursor: not-allowed; } 
.weekday { text-align: center; font-weight: 600; color: #666; padding: 10px 0; font-size: 12px; }
 .form-title { color: #667eea; font-weight: bold; margin: 0px 0;    color: #003164; } 
 .btn-open-modal { background: white; color: #667eea; font-weight: bold; padding: 15px 40px; border: none; border-radius: 50px; box-shadow: 0 5px 20px rgba(0,0,0,0.2); } 
.btn-open-modal:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0,0,0,0.3); }




.banner{background-image: url(images/background-02.jpg); height: 300px; width: 100%; background-size: cover; background-position: center center; position: relative;}
.banner:before{content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000; opacity: 0.3;}
.banner .banner-text{display: flex; align-items: center; justify-content: center; height: 300px; position: relative;}
.banner .banner-text h2{margin: 0; color: #fff;}
/------/ banner ------/

.who-we-are{padding: 100px 0; position: relative;}
.who-we-are .about-us-image{position:relative;}
.who-we-are .about-us-image, .who-we-are .about-us-image figure{height: 90%; width: 90%;}
.who-we-are .about-us-image figure img{height: 100%; width: 100%; object-fit: cover; object-position: center center;border-radius:5px;}
/----/ .who-we-are -----/

.our-mission{padding: 100px 0; position: relative;}
.our-mission .about-us-image, .our-mission .about-us-image figure{height: 100%; width: 100%;}
.our-mission .about-us-image figure img{height: 100%; width: 100%; object-fit: cover; object-position: center center;}

.banner-inner{padding:0 0 0; background-image:url(https://atlassystemsolutions.com/wp-content/uploads/2026/01/banner-inner-scaled.jpg); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow: hidden; position:relative; z-index:1;}

.entry-title { display: none;}
  .banner-inner::before{content: ""; position: absolute; height: 100%; width: 100%; left: 0; bottom: 0; z-index: 1; right: 0; margin: 0 auto; background: #000; opacity: 0.6;}
  .banner-inner::after{content: ""; background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.65) 100%); position: absolute; left: 0; bottom: 0; width: 100%; height: 50%;}
  .banner-inner .textblock{height: 350px; position: relative; z-index:2; text-transform:capitalize;}
  .banner-inner .block{bottom: 90px; left: 0; position: absolute; width: 100%; z-index: 1;}
  .banner-inner .page-title .holder {overflow: hidden; position: relative; padding: 0;}
  .banner-inner h1{color: #fff; margin: 0 0 20px; font-size:30px;}
  .breadcrumb{line-height: 22px; position: relative; z-index: 5; margin: 0; padding:0; background: none; border-radius: 0; color: #fff;}
  
.breadcrumb > li {font-family: 'Poppins', sans-serif; font-weight:400; font-size:20px; margin: 0 0 5px;}
.breadcrumb > li + li:before {content: "+"; margin: 0 9px; color: #fff; font-size: 15px; float: left;}
.breadcrumb > li .fa-home{margin: 0 10px 0 0;}
.breadcrumb li a{color: #fff;}
.breadcrumb li a:hover{color: #fff;}   
.mid-inner{padding: 80px 0 40px;}   
  .mid-inner ul{margin: 0; padding: 0 0 5px;}
  .mid-inner ul li{list-style: none; margin: 0 0 15px; padding: 0; position: relative;}
  .mid-inner ul li::before{content: "\f0a4"; font-family: FontAwesome; display: inline-block; margin: 0 10px 0 0;} 
  .mid-inner ol{margin: 0; padding: 0 0 5px; counter-reset: section;}
  .mid-inner ol li{margin: 0; padding: 0 0 15px; list-style: none;}
  .mid-inner ol li::before{content: counters(section, ".") " - "; counter-increment: section;}





.align-left{float: left; width: 50%; margin: 7px 20px 10px 0;} 
.align-right{float: right; width: 50%; margin: 7px 0 10px 20px;} 

.abt-2 {
    position: absolute;
    bottom: 0;
    height: 345px !important;
    width: 340px !important;
    z-index: 9999;
    right: -60px;
    border-radius: 12px;
    object-fit: cover;
}


@media (min-width: 320px) and (max-width: 767px) {
	.who-we-are .about-us-image, .who-we-are .about-us-image figure { height: 100%; width: 100%; }
	.abt-2{display:none !important; }
	.navbar-nav .menu-item a:hover { color: #000000 !important; }
 h2 {font-size: 28px !important; margin: 0 0 20px !important;text-align: center;}
.section-scale {padding: 3rem 10px;}	
.section-scale .counter-box {width: 100%;}
.section-scale .last-counter { border-radius: 0;}
.section-scale .first-counter {border-radius: 0;}		
.section-launches { padding: 3rem 0;}	
.launch-header { display: block; text-align: center;}
.section-industries { padding: 4rem 0;}	
.partnership-logos { display: block;}	
.partnership-logos .logo-item { width: 100%;}
.section-platforms {padding: 3rem 0;}	
.section-industries .d-flex.justify-content-between.align-items-center.mb-5.px-3 { display: block  !important;}	
nav#navbar { padding: 0 0 0 !important;}
#navbar ul.navbar-nav {
    align-items: start;
    background: #fff;
    margin: 20px 0 0;
    padding: 20px 20px 20px;
}
.navbar-nav .menu-item a {margin-left: 0; color: #000 !important;}	
	#navbar ul.navbar-nav li {
    margin: 0 0 5px;
}
	
	
}
#navbar ul.navbar-nav {
    align-items: center;
}