* {
  margin : 0;
  padding : 0;
  box-sizing : border-box;
}
body {
  font-family : 'Poppins', sans-serif;
  background : #f5f8fc;
}
  :root {
  --primary : #0C4E93;--orange : #ff7a00;--dark : #1d3557;--white : #fff;--light : #f8fbff;
}
a {
  text-decoration : none;
}
section {
  padding : 90px 0;
}
.navbar {
  padding : 0;
}
.nav-link {
  color : #222;
  margin-left : 25px;
  font-weight : 500;
}
  .nav-link : hover {
  color : var(--primary);
}
.logo img{

    border:none !important;

    outline:none;

}
.hero {
  padding-top : 150px;
  padding-bottom : 100px;
  background : linear-gradient(135deg, #0c4e93, #146cc7);
  color : #fff;
  overflow : hidden;
}
.hero-tag {
  background : #ffffff20;
  padding : 10px 18px;
  border-radius : 50px;
  display : inline-block;
  font-size : 14px;
  letter-spacing : 1px;
}
.hero-title {
  margin-top : 25px;
  font-size : 60px;
  font-weight : 700;
  line-height : 1.2;
}
.hero-title span {
  color : #ffb400;
}
.hero-text {
  margin-top : 25px;
  font-size : 18px;
  color : #e9eef5;
  line-height : 32px;
}
.btn-orange {
  background : #ff7a00;
  color : #fff;
  padding : 14px 35px;
  border-radius : 50px;
  font-weight : 600;
  margin-right : 10px;
}
  .btn-orange : hover {
  background : #ff9200;
  color : #fff;
}
.btn-outline-custom {
  border : 2px solid #fff;
  color : #fff;
  padding : 13px 35px;
  border-radius : 50px;
}
  .btn-outline-custom : hover {
  background : #fff;
  color : #0c4e93;
}
.hero-product {
  width : 500px;
  filter : drop-shadow(0px 25px 40px rgba(0, 0,0, .25));
  animation : float 4s ease-in-out infinite;
}
@keyframes float {
  0%{transform : translateY(0);
}
50% {
  transform : translateY(-18px);
}
100% {
  transform : translateY(0);
}
  }@media(max-width : 991px) {
  .hero{text-align : center;
  padding-top : 120px;
}
.hero-title {
  font-size : 40px;
}
.hero-product {
  margin-top : 50px;
  width : 320px;
}
}.about {
  background : #fff;
}
.section-subtitle {
  color : var(--orange);
  font-weight : 600;
  letter-spacing : 2px;
}
.section-title {
  font-size : 42px;
  font-weight : 700;
  margin : 15px 0;
  color : var(--dark);
}
.about-text {
  color : #666;
  line-height : 30px;
  margin-bottom : 20px;
}
.about-image img {
  border-radius : 25px;
}
.feature-box {
  background : #f8fbff;
  border-radius : 15px;
  padding : 18px;
  font-weight : 600;
  transition : .3s;
  box-shadow : 0 10px 20px rgba(0, 0,0, .05);
}
.feature-box i {
  color : var(--primary);
  font-size : 28px;
  display : block;
  margin-bottom : 12px;
}
  .feature-box : hover {
  transform : translateY(-8px);
  background : var(--primary);
  color : #fff;
}
  .feature-box : hover i {
  color : #fff;
}
.stats {
  background : linear-gradient(135deg, #0c4e93, #146cc7);
  color : #fff;
  padding : 80px 0;
}
.counter-box {
  padding : 20px;
}
.counter-box h2 {
  font-size : 52px;
  font-weight : 700;
}
.counter-box p {
  font-size : 18px;
  opacity : .9;
}
.products {
  background : #f8fbff;
}
.product-card {
  background : #ffffff;
  border-radius : 20px;
  overflow : hidden;
  transition : .3s;
  box-shadow : 0 10px 30px rgba(0, 0,0, .08);
  height : 100%;
}
.product-card img {
  width : 100%;
  padding : 20px;
  transition : .3s;
}
.product-body {
  padding : 25px;
}
.product-body h4 {
  font-size : 24px;
  font-weight : 700;
  margin-bottom : 10px;
  color : #0C4E93;
}
.product-body p {
  color : #666;
  min-height : 50px;
}
  .product-card : hover {
  transform : translateY(-10px);
  box-shadow : 0 20px 45px rgba(0, 0,0, .15);
}
  .product-card : hover img {
  transform : scale(1.05);
}
.why-us {
  padding : 90px 0;
  background : white;
}
.choose-card {
  background : #f8fbff;
  padding : 40px 25px;
  text-align : center;
  border-radius : 20px;
  transition : .3s;
  height : 100%;
  box-shadow : 0 10px 25px rgba(0, 0,0, .08);
}
.choose-card i {
  font-size : 55px;
  color : #0C4E93;
  margin-bottom : 20px;
}
.choose-card h4 {
  font-weight : 700;
  margin-bottom : 15px;
}
  .choose-card : hover {
  background : #0C4E93;
  color : white;
  transform : translateY(-10px);
}
  .choose-card : hover i {
  color : #ff7a00;
}
.categories {
  background : #f8fbff;
}
.category-card {
  background : #fff;
  padding : 40px 25px;
  text-align : center;
  border-radius : 20px;
  transition : .35s;
  box-shadow : 0 10px 30px rgba(0, 0,0, .08);
  height : 100%;
}
  .category-card : hover {
  transform : translateY(-10px);
  box-shadow : 0 20px 40px rgba(0, 0,0, .15);
}
.category-icon {
  width : 90px;
  height : 90px;
  margin : auto;
  border-radius : 50%;
  background : #0C4E93;
  color : #fff;
  display : flex;
  align-items : center;
  justify-content : center;
  font-size : 40px;
  margin-bottom : 25px;
  transition : .3s;
}
  .category-card : hover .category-icon {
  background : #ff7a00;
  transform : rotate(360deg);
}
.category-card h4 {
  font-weight : 700;
  margin-bottom : 15px;
  color : #0C4E93;
}
.category-card p {
  color : #666;
  line-height : 28px;
}
.strength {
  background : linear-gradient(135deg, #0C4E93, #1565C0);
  color : #fff;
}
.strength .section-title {
  color : #fff;
}
.strength .text-muted {
  color : #dbe8ff !important;
}
.strength-card {
  background : rgba(255, 255, 255, .12);
  backdrop-filter : blur(8px);
  border-radius : 20px;
  padding : 35px 25px;
  text-align : center;
  transition : .35s;
  height : 100%;
}
  .strength-card : hover {
  background : #fff;
  color : #0C4E93;
  transform : translateY(-10px);
}
.strength-card i {
  font-size : 55px;
  color : #ffb300;
  margin-bottom : 20px;
}
.strength-card h2 {
  font-size : 48px;
  font-weight : 700;
  margin-bottom : 10px;
}
.strength-card h5 {
  font-weight : 600;
  margin-bottom : 15px;
}
.strength-card p {
  margin-bottom : 0;
  line-height : 28px;
}
.process {
  background : #f8fbff;
}
.process-box {
  background : #fff;
  border-radius : 20px;
  padding : 30px 20px;
  text-align : center;
  transition : .35s;
  box-shadow : 0 10px 30px rgba(0, 0,0, .08);
  height : 100%;
}
  .process-box : hover {
  transform : translateY(-10px);
  background : #0C4E93;
  color : #fff;
}
.process-icon {
  width : 80px;
  height : 80px;
  background : #0C4E93;
  color : #fff;
  margin : auto;
  border-radius : 50%;
  display : flex;
  justify-content : center;
  align-items : center;
  font-size : 34px;
  margin-bottom : 20px;
  transition : .3s;
}
  .process-box : hover .process-icon {
  background : #ff7a00;
}
.process-box h5 {
  font-weight : 600;
  margin-bottom : 0;
}
.featured-products {
  background : #ffffff;
}
.featured-card {
  background : #fff;
  border-radius : 25px;
  text-align : center;
  padding : 35px;
  box-shadow : 0 15px 40px rgba(0, 0,0, .08);
  transition : .35s;
  height : 100%;
}
.featured-card img {
  height : 280px;
  object-fit : contain;
  transition : .35s;
}
.featured-card h4 {
  margin-top : 20px;
  font-weight : 700;
  color : #0C4E93;
}
.featured-card p {
  color : #666;
}
  .featured-card : hover {
  transform : translateY(-12px);
}
  .featured-card : hover img {
  transform : scale(1.08);
}
.featured-main {
  border : 3px solid #ff7a00;
}
.quality {
  background : #f8fbff;
}
.quality-text {
  color : #666;
  line-height : 30px;
  margin : 25px 0;
}
.quality-list {
  margin-top : 30px;
}
.quality-item {
  font-size : 18px;
  margin-bottom : 18px;
  font-weight : 500;
}
.quality-item i {
  color : #28a745;
  margin-right : 10px;
}
.quality-card {
  background : #fff;
  border-radius : 20px;
  padding : 35px 20px;
  text-align : center;
  box-shadow : 0 10px 30px rgba(0, 0,0, .08);
  transition : .35s;
  height : 100%;
}
  .quality-card : hover {
  background : #0C4E93;
  color : #fff;
  transform : translateY(-10px);
}
.quality-card i {
  font-size : 48px;
  color : #ff7a00;
  margin-bottom : 20px;
}
.quality-card h5 {
  font-weight : 600;
}
.commitment {
  background : #ffffff;
}
.commit-card {
  background : #f8fbff;
  border-radius : 20px;
  padding : 35px 25px;
  text-align : center;
  transition : .35s;
  height : 100%;
  box-shadow : 0 10px 30px rgba(0, 0,0, .08);
}
  .commit-card : hover {
  transform : translateY(-10px);
  background : #0C4E93;
  color : #fff;
}
.commit-icon {
  width : 90px;
  height : 90px;
  background : #0C4E93;
  color : #fff;
  margin : auto;
  border-radius : 50%;
  display : flex;
  justify-content : center;
  align-items : center;
  font-size : 38px;
  margin-bottom : 25px;
  transition : .35s;
}
  .commit-card : hover .commit-icon {
  background : #ff7a00;
}
.commit-card h4 {
  font-weight : 700;
  margin-bottom : 15px;
}
.commit-card p {
  margin-bottom : 0;
  line-height : 28px;
}
.contact {
  background : #f8fbff;
}
.contact-box {
  display : flex;
  margin-bottom : 30px;
  align-items : flex-start;
}
.contact-icon {
  width : 65px;
  height : 65px;
  background : #0C4E93;
  color : #fff;
  border-radius : 50%;
  display : flex;
  justify-content : center;
  align-items : center;
  font-size : 25px;
  margin-right : 20px;
  flex-shrink : 0;
}
.contact-box h5 {
  font-weight : 700;
  margin-bottom : 8px;
}
.contact-box p {
  color : #666;
  margin : 0;
  line-height : 28px;
}
.contact-form {
  background : #fff;
  padding : 35px;
  border-radius : 20px;
  box-shadow : 0 10px 30px rgba(0, 0,0, .08);
}
.contact-form .form-control {
  height : 55px;
  border-radius : 10px;
}
.contact-form textarea {
  height : auto!important;
}
.footer {
  background : #082f63;
  color : #fff;
  padding : 70px 0 20px;
}
.footer h5 {
  margin-bottom : 20px;
  font-weight : 700;
}
.footer p {
  color : #d6d6d6;
  line-height : 30px;
}
.footer ul {
  padding : 0;
  list-style : none;
}
.footer li {
  margin-bottom : 12px;
}
.footer a {
  color : #d6d6d6;
  text-decoration : none;
  transition : .3s;
}
  .footer a : hover {
  color : #ff7a00;
  padding-left : 8px;
}
.footer hr {
  border-color : rgba(255, 255, 255, .2);
  margin : 40px 0 20px;
}
.whatsapp {
  position : fixed;
  left : 25px;
  bottom : 25px;
  width : 60px;
  height : 60px;
  background : #25D366;
  color : #fff;
  border-radius : 50%;
  display : flex;
  justify-content : center;
  align-items : center;
  font-size : 32px;
  text-decoration : none;
  box-shadow : 0 10px 25px rgba(0, 0,0, .25);
  z-index : 9999;
  transition : .3s;
}
  .whatsapp : hover {
  transform : scale(1.1);
  color : #fff;
}


/*=========================
BACK TO TOP
=========================*/

#backToTop{

    position:fixed;

    right:25px;

    bottom:25px;

    width:55px;

    height:55px;

    background:#0C4E93;

    color:#fff;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:34px;

    text-decoration:none;

    box-shadow:0 10px 25px rgba(0,0,0,.25);

    opacity:0;

    visibility:hidden;

    transition:.3s;

    z-index:999;

}

#backToTop:hover{

    background:#ff7a00;

    color:#fff;

    transform:translateY(-5px);

}

#backToTop.show{

    opacity:1;

    visibility:visible;

}