#mw-top-message{
font-family: 'Poppins', sans-serif;
background-color:#ADD8E6 !important;
}
.shop-products-skin-2 .img-as-background{
height :173px !important;
}
.checkout-modal-products-wrapper .decrement{
  background:#1E3A5F !important;
  border:1px solid #1E3A5F !important;
}
.checkout-modal-products-wrapper .increment{
  background:#1E3A5F !important;
  border:1px solid #1E3A5F !important;
}
.text-danger{
  color:#1E3A5F !important;
}
.header-background .dropdown-menu{
 background: #ADD8E6 !important;
 color:#fff !important;
 padding: 10px 20px !important;
 border:1px solid black !important;
}
.btn-link ,a {
color:#000 !important;
}
.img-as-background{
height:320px !important;
}
#mw-element-1738651901598,#mw-element-1738679850522,#mw-element-1738679861657,#mw-element-1738679861659,#mw-element-1738667465553,#mw-element-1738742614644
,#mw-element-1738744736263,#mw-element-1738748974231,#mw-element-1738748974220{
font-family: 'Playfair Display', serif;
background: linear-gradient(to right, #003366, #1a3d8f);
-webkit-background-clip: text;
color: transparent;
}
#mw-element-1738656168179,#mw-element-1738656168180{
font-family: 'Playfair Display', serif;
}
#mw-element-1738656306241,#mw-element-1738656168197,#mw-element-1738656168200{
font-family: 'Poppins', sans-serif;
}
.shop-products-skin-2-btn{
 background: linear-gradient(135deg, #ADD8E6, #1E3A5F) !important;
 color: white !important;
 padding: 5px 10px; 
 border: none;
 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
 cursor: pointer;
 transition: all 0.3s ease-in-out;
 text-transform: uppercase !important;
 font-family: 'Poppins', sans-serif;
}
.menu-header-skin-1{
 margin-left:-190px !important;
 font-weight:400 !important;
}
#mw-element-1738576674706{
font-family: 'Playfair Display', serif;
color:#1E3A5F !important
}
#fitty-header-logo-header-layout-2{
font-weight:600 !important;
}
.price{
color:#000 !important;
font-weight:600 !important;
font-family: 'Poppins', sans-serif;
}
.top-header-title{
margin-left:480px !important;
font-size:18px !important;
color:#1E3A5F !important;
font-family: 'Poppins', sans-serif;
font-weight:500 !important;
}
@media (max-width: 768px) {
.top-header-title{
margin-left:40px !important;
font-size:15px !important;
color::#00008B !important;
font-family: 'Poppins', sans-serif;
}
.shop-products-skin-2-btn{
 background: linear-gradient(135deg, #ADD8E6, #1E3A5F) !important;
 color: white !important;
 padding: 2px 5px; 
 border: none;
 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
 cursor: pointer;
 transition: all 0.3s ease-in-out;
 text-transform: uppercase !important;
 font-family: 'Poppins', sans-serif;
}
  #mw-element-1738679861659{
	font-size:20px !important;
	margin-top:-25px !important;
  }
.img-as-background{
height:200px !important;
}
}
/*Investors page*/
.container-11{
background-color: rgba(173, 216, 230, 0.5); 
padding: 30px;
border-radius: 15px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
width: 100%;
text-align: center;
}
.container-11 h2 {
margin-bottom: 20px;
color: #1E3A5F;
font-family: 'Playfair Display', serif;
}
.container-11 ul {
list-style: none;
padding: 0;
}
.container-11 li {
background-color: rgba(255, 255, 255, 0.8);
margin: 10px 0;
padding: 15px;
border-radius: 10px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.3s, box-shadow 0.3s;
}
.container-11 li:hover {
transform: translateY(-5px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.container-11 li strong {
color: #333;
}
/*about us */
.company-info-container {
padding: 20px;
background-color: #f9f9f9;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.section-title p {
font-size: 2rem;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
color: #333;
font-family: 'Poppins', sans-serif;
}
.about-us-content p {
font-size: 1.1rem;
line-height: 1.8;
color: #555;
font-family: 'Poppins', sans-serif;
}
.product-sections {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.product-section {
width: 30%;
padding: 10px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.product-section p {
font-size: 1rem;
color: #444;
font-family: 'Poppins', sans-serif;
}
.product-section strong {
color: #2c3e50;
font-family: 'Poppins', sans-serif;
}
/* Mobile View */
@media (max-width: 768px) {
.product-sections {
flex-direction: column;
align-items: center;
}
  #mw-element-1738679861657{
	margin-top:-25px !important;
	font-size:20px !important;
  }
  .mobile-header{
	margin-top:-14px !important;
  }
.product-section {
width: 90%;
margin-bottom: 20px;
}
.section-title p {
font-size: 1.8rem;
}
.about-us-content p {
font-size: 1rem;
}
}
/*about us  END*/
.hero {
background: #4CAF50;
color: #fff;
text-align: center;
padding: 50px 20px;
}
.hero h1 {
font-size: 3rem;
}
.hero p {
font-size: 1.2rem;
margin-bottom: 20px;
}
.hero .btn {
background: #fff;
color: #4CAF50;
padding: 10px 20px;
border-radius: 30px;
font-size: 1rem;
font-weight: 600;
}
/* Products Section */
.products {
padding: 40px 20px;
background: #f9f9f9;
}
.products h2 {
text-align: center;
margin-bottom: 30px;
}
.product-category {
margin-bottom: 40px;
}
.product-category h3 {
font-size: 2rem;
margin-bottom: 20px;
text-align: center;
}
.product-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 20px;
}
.product-card {
background: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
text-align: center;
}
.product-card img {
max-width: 100%;
height: auto;
margin-bottom: 15px;
}
.product-card h4 {
font-size: 1.2rem;
margin-bottom: 10px;
}
/* Safety Section */
.safety {
background: #fff;
padding: 40px 20px;
text-align: center;
}
.safety ul {
list-style-type: none;
padding: 0;
}
.safety li {
font-size: 1.2rem;
margin: 10px 0;
}
@media (max-width: 768px) {
.hero h1 {
font-size: 2.5rem;
}
.hero p {
font-size: 1rem;
}
.product-category h3 {
font-size: 1.8rem;
}
}
.container-s {
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
text-align: center;
}
h2{
font-size: 2rem;
color: #333;
margin-bottom: 30px;
}
.safety-measures {
display: grid;
grid-template-columns: repeat(3, 1fr); 
gap: 20px;
}
.safety-box {
background-color: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}
.safety-box:hover {
transform: translateY(-10px);
}
.safety-box i {
font-size: 40px;
color: #4a90e2;
margin-bottom: 15px;
}
.safety-box h3 {
font-size: 1.2rem;
color: #333;
}
@media (max-width: 768px) {
.container-s {
padding: 20px;
}
h2{
font-size: 1.5rem;
}
.safety-measures {
grid-template-columns: 1fr 1fr; 
}
.safety-box i {
font-size: 35px;
}
.safety-box h3 {
font-size: 1rem;
}
}
/* CORE AREAS */
.core-areas {
background-color: #ffffff;
padding: 40px 20px;
}
.container-e {
max-width: 1200px;
margin: 0 auto;
}
h2 {
text-align: center;
color: #333;
margin-bottom: 30px;
font-family: 'Playfair Display', serif;
background: linear-gradient(to right, #003366, #1a3d8f);
-webkit-background-clip: text;
color: transparent;
}
/* Core areas container */
.core-areas-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
}
/* Individual core area box */
.core-area {
background-color: #f9f9f9;
padding: 20px;
border: 1px solid #ddd;
width: 30%;
text-align: center;
border-radius: 8px;
}
.core-area h3 {
color: #300524;
font-size: 1.2em;
margin-bottom: 10px;
}
.core-area p {
color: #666;
font-size: 1em;
line-height: 1.5;
}
@media (max-width: 768px) {
.core-areas-list {
justify-content: center;
}
.core-area {
width: 80%;
margin: 10px auto;
}
h2{
font-size: 1.5em;
}
}
@media (max-width: 480px) {
.core-area {
width: 100%;
}
}
/* CORE AREAS End  */
.revenue-areas {
text-align: center;
padding: 50px 0;
}
.container-k {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.box {
background-color: #ffffff;
border-radius: 15px;
padding: 20px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.box:hover {
 transform: scale(1.05);
 box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
}
.box img {
 width: 60px;
 height: 60px;
 margin-bottom: 15px;
}
.box h3 {
font-size: 1.2em;
color: #333;
font-family: 'Poppins', sans-serif;
}
.dots-container {
display: flex;
justify-content: center;
margin-top: 20px;
}
.dot {
width: 10px;
height: 10px;
background-color: #888;
border-radius: 50%;
margin: 0 5px;
animation: dotAnimation 1.5s infinite ease-in-out;
}
.dot:nth-child(1) {
animation-delay: 0s;
}
.dot:nth-child(2) {
animation-delay: 0.5s;
}
.dot:nth-child(3) {
animation-delay: 1s;
}
@keyframes dotAnimation {
0%, 100% {
opacity: 0.5;
}
50% {
opacity: 1;
}
}
@media (max-width: 768px) {
.container-k {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.container-k {
grid-template-columns: 1fr;
}
}
/*[roduct sec*/
.gallery{
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
padding: 20px;
}
.gallery-item {
position: relative;
overflow: hidden;
border-radius: 15px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.gallery-item img {
width: 100%;
height: auto;
display: block;
transition: transform 0.3s ease;
}
.gallery-item:hover img {
 transform: scale(1.1);
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 1rem;
opacity: 0;
transition: opacity 0.3s ease;
font-family: 'Poppins', sans-serif;
}
.gallery-item:hover .overlay {
opacity: 1;
}
@media (max-width: 768px) {
.gallery {
grid-template-columns: repeat(2, 1fr);
}
}

/*BRAND STRATEGY*/
.container-core {
            max-width: 1000px;
            margin: auto;
            background: #ffffff;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            border-radius: 12px;
            padding: 25px;
  
        }
        h1 {
            text-align: center;
            color: #222222;
		  font-family: 'Playfair Display', serif;
background: linear-gradient(to right, #003366, #1a3d8f);
-webkit-background-clip: text;
color: transparent;
        }
        .strategy-list {
            list-style: none;
            padding: 0;
		  font-family: 'Poppins', sans-serif;
        }
        .strategy-item {
            background: #e3f2fd;
            margin: 12px 0;
            padding: 15px;
            border-radius: 10px;
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
            display: flex;
            align-items: center;
        }
        .strategy-item::before {
            content: '\2022';
            color: #1565c0;
            font-weight: bold;
            display: inline-block; 
            width: 1em;
            margin-right: 10px;
        }
        @media (max-width: 600px) {
            .container-core {
                padding: 15px;
            }
            .strategy-item {
                padding: 12px;
                font-size: 14px;
            }
        }
 /*BRAND STRATEGY*/