/* =====================================================
   FRISM ENTERPRISE MAIN CSS
   ICT | TELECOMMUNICATIONS | ENGINEERING | ENERGY
===================================================== */


/* ===============================
   ROOT VARIABLES
================================ */

:root {

    --primary:#002244;
    --secondary:#0066cc;
    --accent:#00a8e8;

    --dark:#111827;
    --text:#333333;

    --light:#f5f7fa;

    --white:#ffffff;

    --shadow:
    0 10px 30px rgba(0,0,0,.08);

    --transition:.3s ease;

}



/* ===============================
   GLOBAL
================================ */


* {

    margin:0;
    padding:0;
    box-sizing:border-box;

}



html {

    scroll-behavior:smooth;

}



body {

    font-family:'Inter',sans-serif;

    color:var(--text);

    line-height:1.7;

    background:#ffffff;

}



h1,h2,h3,h4,h5,h6 {

    font-family:'Poppins',sans-serif;

    font-weight:700;

}



a {

    text-decoration:none;

    transition:var(--transition);

}



img {

    max-width:100%;

    height:auto;

}






/* ===============================
   TOP BAR
================================ */


.top-bar {

    background:#001a33;

    color:white;

    padding:10px 0;

    font-size:14px;

}



.top-bar a {

    color:white;

    margin-right:15px;

}



.top-bar a:hover {

    color:var(--accent);

}



.top-bar i {

    color:var(--accent);

    margin-right:6px;

}

/* ===============================
   FRISM LOGO
================================ */


.frism-logo {

    width:100px;

    height:auto;

    object-fit:contain;

    display:block;

}




.navbar-brand {

    padding:0;

    display:flex;

    align-items:center;

}





/* Tablet */

@media(max-width:992px){

    .frism-logo {

        width:150px;

    }

}





/* Mobile */

@media(max-width:576px){

    .frism-logo {

        width:130px;

    }

}




/* ===============================
   NAVBAR
================================ */


.navbar {

    padding:15px 0;

}



.navbar-brand img {

    object-fit:contain;

}



.nav-link {

    font-weight:500;

    color:#222 !important;

    margin-left:15px;

}



.nav-link:hover,
.nav-link.active {

    color:var(--secondary) !important;

}



.navbar .btn-primary {

    margin-left:20px;

}






/* ===============================
   BUTTONS
================================ */


.btn-primary {

    background:var(--secondary);

    border:none;

    padding:12px 30px;

    border-radius:30px;

    font-weight:600;

}



.btn-primary:hover {

    background:var(--primary);

}



.btn-outline-light {

    border-radius:30px;

}






/* ===============================
   HERO SECTION
================================ */


.hero {

    position:relative;

    overflow:hidden;

}



.hero-slide {

    min-height:100vh;

    background-size:cover;

    background-position:center;

    position:relative;

    display:flex;

    align-items:center;

}



.hero-slide::before {

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(
    90deg,
    rgba(0,34,68,.95),
    rgba(0,34,68,.65)
    );

}



.hero-slide .container {

    position:relative;

    z-index:2;

}



.hero-tag {

    display:inline-block;

    background:rgba(0,168,232,.15);

    color:#00c8ff;

    padding:8px 20px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

}



.hero h1 {

    color:white;

    font-size:55px;

    line-height:1.2;

    margin:25px 0;

}



.hero p {

    color:#e5e7eb;

    font-size:18px;

    max-width:650px;

}



.hero .btn {

    margin-top:20px;

}



.swiper-button-next,
.swiper-button-prev {

    color:white;

}



.swiper-pagination-bullet {

    background:white;

}







/* ===============================
   SECTIONS
================================ */


.section-padding {

    padding:90px 0;

}



.section-title {

    text-align:center;

    margin-bottom:50px;

}



.section-title h2 {

    color:var(--primary);

    font-size:40px;

}



.section-title p {

    color:#666;

}







/* ===============================
   ABOUT
================================ */


.about img {

    border-radius:15px;

}







/* ===============================
   SERVICES CARDS
================================ */


.service-card {

    background:white;

    padding:35px 25px;

    border-radius:15px;

    box-shadow:var(--shadow);

    height:100%;

    transition:var(--transition);

}



.service-card:hover {

    transform:translateY(-10px);

}



.service-card i {

    font-size:45px;

    color:var(--secondary);

    margin-bottom:20px;

}



.service-card h3 {

    color:var(--primary);

    font-size:24px;

}



.service-card p {

    color:#666;

}



.service-card a {

    color:var(--secondary);

    font-weight:600;

}







/* ===============================
   PROJECT CARDS
================================ */


.project-card {

    background:white;

    border-radius:15px;

    overflow:hidden;

    box-shadow:var(--shadow);

    height:100%;

}



.project-card img {

    width:100%;

    height:250px;

    object-fit:cover;

}



.project-card h3 {

    padding:20px 20px 0;

    color:var(--primary);

}



.project-card p {

    padding:0 20px 20px;

    color:#666;

}







/* ===============================
   INDUSTRIES
================================ */


.industry-box {

    background:white;

    padding:30px;

    border-radius:15px;

    box-shadow:var(--shadow);

}



.industry-box i {

    color:var(--secondary);

    font-size:40px;

}






/* ===============================
   CTA SECTION
================================ */


.cta-section {

    background:

    linear-gradient(
    90deg,
    #002244,
    #004c99
    );

    color:white;

    padding:90px 0;

}



.cta-section h2 {

    color:white;

    font-size:42px;

}



.cta-section p {

    color:#e5e7eb;

    font-size:18px;

}







/* ===============================
   FOOTER
================================ */


.frism-footer {

    background:#001a33;

    color:#d1d5db;

    padding:70px 0 20px;

}



.frism-footer h4 {

    color:white;

    margin-bottom:25px;

}



.frism-footer p {

    line-height:1.8;

}



.footer-links {

    list-style:none;

    padding:0;

}



.footer-links li {

    margin-bottom:12px;

}



.footer-links a {

    color:#d1d5db;

}



.footer-links a:hover {

    color:var(--accent);

}



.footer-contact {

    list-style:none;

    padding:0;

}



.footer-contact li {

    margin-bottom:15px;

}



.footer-contact i {

    color:var(--accent);

    margin-right:8px;

}



.footer-contact a {

    color:#d1d5db;

}



.footer-social a {

    width:40px;

    height:40px;

    display:inline-flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:rgba(255,255,255,.1);

    color:white;

    margin-right:8px;

}



.footer-social a:hover {

    background:var(--secondary);

}



.footer-regulatory {

    margin-top:40px;

    padding:25px 0;

    text-align:center;

    border-top:1px solid rgba(255,255,255,.15);

    border-bottom:1px solid rgba(255,255,255,.15);

}



.footer-regulatory a {

    color:var(--accent);

    margin:0 8px;

}



.footer-bottom {

    padding-top:25px;

}



.footer-bottom a {

    color:white;

}







/* ===============================
   ANIMATION
================================ */


[data-aos] {

    overflow:hidden;

}







/* ===============================
   RESPONSIVE
================================ */


@media(max-width:992px){


.hero h1 {

    font-size:40px;

}


.hero-slide {

    min-height:80vh;

}



.navbar-nav {

    padding-top:20px;

}



.nav-link {

    margin-left:0;

}


}





@media(max-width:576px){


.hero h1 {

    font-size:32px;

}



.hero p {

    font-size:16px;

}



.section-title h2 {

    font-size:30px;

}



.cta-section h2 {

    font-size:30px;

}



.top-bar {

    text-align:center;

}



}