/* Reset */
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* Body styling */
body {
font-family: Poppins, sans-serif !important;
color: #00303F;
font-size:16px;
}

h5, p{font-family: "Montserrat", sans-serif;}

/* ===== Base Navbar Styling ===== */
.navbar {
background: #ffffff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
padding: 1rem 0;
transition: all 0.4s ease;
}
/* ===== Logo Styling ===== */
.navbar-brand img {
height:45px;
transition: all 0.4s ease;
}
/* ===== Nav Links ===== */
.navbar-nav .nav-link {
font-weight: 500;
color: #1b1b1b;
margin: 0 8px;
transition: color 0.3s ease;
font-size:14px;
}
.navbar-brand img{height:38px;}
.navbar-nav .nav-link:hover {
color: #007a78;
}
/* ===== Toggler ===== */
.navbar-toggler {border:none; transition:transform 0.3s ease;}
.navbar-toggler:focus{box-shadow: none;}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,122,120, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* ===== Smooth Collapse Animation ===== */
.navbar-collapse {
background: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(10px);
transition: all 0.4s ease;
}
.navbar-collapse.show {
max-height: 400px;
opacity: 1;
}
/* ===== Scroll Shrink Effect ===== */
.navbar.shrink {
padding: 0.5rem 0;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
.navbar.shrink .navbar-brand img {height:35px;}

/* ===== Responsive Fix ===== */
@media (max-width: 991px) {
.navbar-collapse {
background: rgba(255, 255, 255, 0.98);
backdrop-filter: blur(10px);
padding: 20px;
border-radius: 10px;
transition: all 0.4s ease-in-out;
}
.navbar-nav{padding:0px 0px;}
.navbar-nav .nav-link {
padding: 10px 0px;
text-align:left; 
font-size:16px;
}
.navbar-nav .nav-link.btn-partner{padding: 10px 30px; margin-top:15px;}
.btn-partner {
display: inline-block;
margin-top: 10px;
}

}
.btn{font-family: "Montserrat", sans-serif; font-size:20px; font-weight:600;}
.btn:hover{color:#fff;}
.text-muted {color:#4E4E4E !important; font-size:12px; font-family: "Montserrat", sans-serif;}
h1{font-family: Poppins, sans-serif !important; display:inline-block;}
h1 span{display:block;}
.head1, .head2, .head3, .head02, .head11, .head03{color:#000;}
.head02, .head11, .head3{font-weight:700; font-size:34px; line-height:50px;}
.head3{width:85%;}
.head03, .head1, .head2{ font-weight:400; font-size:34px; line-height:50px;}
.gradient{ 
font-size:45px;
line-height:60px;
font-weight:700;
background: linear-gradient( 90deg, 
#008080 0%, 
#008080 20%, 
#008080 30%, 
#558000 60%,  
#558000 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
display: inline-block;}
h2{font-size:38px; font-weight:600; text-align:center; padding-bottom:30px;}
.gradient1{ 
background: linear-gradient( 90deg, 
#00008B 0%, 
#00008B 20%, 
#00008B 30%, 
#008080 60%,  
#008080 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
display: inline-block;}

/* Hero Section */
.hero-section {
background: url('../../assets/images/banner-bg.jpg') no-repeat center center/cover;
padding:40px 0;
position: relative;
}
.hero-section::before {
content: "";
position: absolute;
inset: 0;
background: rgba(255, 255, 255, 0.6);
z-index: 1;
}
p.copy-right{font-family: Poppins, sans-serif !important;}
.hero-section .container {position:relative; z-index:2;}
.carousel-item{overflow:hidden;}
.carousel-inner{padding-right:50px;}
.text-success{}
.carousel-item img{float:right; width:45%;}
/* Gradient Button */
.btn-gradient {
background: linear-gradient(to right, #0a56a9, #00b050);
color: white;
border: none;
transition: all 0.3s ease;
}
.btn-gradient:hover {opacity:0.9; transform:translateY(-2px);}
/* Form Box */
.form-box {border:1px solid #eee; border-radius:15px;}
/* Position & style carousel indicators */
.carousel-indicators {
position: absolute;
left: 48px;     /* tweak to align with your left content */
bottom: -30px;   /* distance from bottom of hero */
z-index: 4;     /* sit above overlay & content */
display: flex;
gap: 10px;
padding: 0;
margin: 0 !important;
justify-content: flex-start;
}
/* Change the default indicator color */
.carousel-indicators [data-bs-target] {border-radius:999px}
/* The buttons themselves */
.carousel-indicators button: {opacity: 1; transition: transform 0.25s ease, background 0.25s ease;}
/* Active indicator */
.carousel-indicators .active {
background: linear-gradient(90deg, #e6c44b, #f2df9c); /* gold-ish gradient */
transform: scale(1.05);
width:60px !important; 
height:7px !important;
border-radius:30px;
}
/* Remove default focus outline (keep accessible focus if needed) */
.carousel-indicators button:focus {outline:none;}
.carousel-indicators button:not(.active) {
margin-top:5px;
background:red;
background-color: #cfd8dc;
width:20px !important;
height:1px !important;
}
/* Optional hover effect for dots */
.carousel-indicators [data-bs-target]:hover {background-color:#e6c44b;}
/* Responsive */
@media (max-width: 768px) {
h2{font-size:30px;}
.advantages-section{padding-bottom:0px !important;}
.adv-card img{width:30%; height:80%;}
.hero-section {text-align:center;}
}
/* Description of sif */
.sif-description-section {
background: url('../../assets/images/SIF-Description-bg.png') left top no-repeat;
background-size: cover;
border-radius: 15px;
font-family: "Montserrat", sans-serif;
margin-top:60px;
padding:40px 0px;
}
.sif-description-section  img{width:100%;}
/* Characteristics Section */
.characteristics-section {padding:80px 0; background-color:#fff;}
.char-card {
background: #fff;
border-radius: 12px;
padding: 25px;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease;
text-align: left;
height: 100%;
}
.sif-description-section p{font-size:20px; line-height:32px;}
.char-card:hover {transform:translateY(-5px);}
.char-card img {margin-bottom:15px;}
.char-card h5 {font-weight:600; color:#008080; font-size:20px;}
.char-card p {color:#333333; font-size:18px; margin:0;}
/* Advantages Section */
.advantages-section {padding:80px 0;
background:url('../../assets/images/Advantages-bg.png') left top no-repeat;
}
.adv-card {
background: #fffaf0;
border-radius: 12px;
padding: 25px;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
height: 100%;
display: flex;
justify-content: space-between;
transition: transform 0.3s ease;
}
.adv-card:hover{transform:translateY(-5px);}
.adv-card img{padding-right:20px;}
.adv-card h5 {font-weight:600; color:#008080; font-size:20px;}
.adv-card p {color:#333333; font-size:18px; margin-bottom:0;}
/* Comparison Section */
.comparison-section {padding:80px 0; background:#fff;}
.comparison-table {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
overflow-x: auto;
}
.comparison-table table {
margin: 0;
background-color: #fff;
border-collapse: collapse;
width: 100%;
}
/* Style for odd-numbered rows */
.comparison-table table tr:nth-child(odd) {background-color:#E8EFFB;}
/* Style for even-numbered rows */
.comparison-table table tr:nth-child(even) {background-color:#ffffff;}
.comparison-table th {
background: #fff;
color: #0a1a3d;
font-weight: 600;
text-align: center;
padding: 15px;
font-family: "Montserrat", sans-serif;
}
.comparison-table td {
text-align: center;
vertical-align: middle;
padding: 15px;
border: 1px solid #e4e8ee;
color: #4B4B4B;
font-size:16px;
font-family: "Montserrat", sans-serif;
}
.table-title {text-align:center; margin-bottom:30px;}
.magnum-logo {text-align:center; margin-bottom:20px;}
@media (max-width: 767px) {
.char-card,
.adv-card {text-align: center;}
.char-card img {margin: 0 auto 10px;}

h1 span{display:inline-block;}
.head1, .head2, .head3, .head02, .head11, .head03{color:#000;}
.head02, .head11, .head3{font-weight:700; font-size:22px; line-height:25px;}
.head3{width:100%;}
.head03, .head1, .head2{ font-weight:400; font-size:22px; line-height:25px;}
.carousel-inner{padding-right:0px;}
.gradient{font-size:30px; line-height:35px;}
h1{text-align:center;}
.carousel-item img{width:50%; float:none;}
.innercont{display:flex; flex-flow:column; justify-content:center; align-items:center;}
.form-box{margin-top:35px;}
.carousel-indicators{height:70px; position:initial !important; display:flex; justify-content:center; align-items:end;}
.adv-card{display:flex; flex-flow:column; justify-content:center; align-items:center;}
.sif-description-section p {
    font-size: 18px;
    line-height: 30px;
}
p.copy-right{padding:0px !important; font-family: Poppins, sans-serif !important;}
}