/* General Styles */
body {
    font-family: 'Arial', sans-serif;
    background: linear-gradient(135deg, #eef2f3, #594ae0);
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    text-align:  center;
}

/* Navbar */
.navbar-brand {
    font-size: 1.5rem;
    font-weight: bold;
}

img{

    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease-in-out;

}

ul{

    list-style-type: none;
}

.logo {
    height: 40px;
    margin-right: 10px;
}

/* Sections */
.section {
    min-height: 90vh;
    padding-left: 10vw;
    padding-top: 50px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    opacity: 1;
    width: 90vw;
    /*transform: translateY(50px);*/
}

/* Section Colors 
.home { background: linear-gradient(18,blue,rgb(72, 167, 245),blue); color: white; }
.services { background: linear-gradient(180,blue,white,blue); color: black; }
.about { background: linear-gradient(180,blue,white,blue); color: white; }
.testimonials { background: linear-gradient(180,blue,white,blue); color: white; }
.contact { background: linear-gradient(180,blue,white,blue); color: white; }

//Scroll Animation /*
.visible {
    opacity: 1;
    transform: translateY(0);
}


Footer */
.footer {
    bottom: 0;
    width: 100%;
    animation: fadeInUp 1s ease-in-out;
    margin-bottom: -16px;
}

.footer-link {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.footer-link:hover {
    color: white;
}

.social-icon {
    font-size: 20px;
    margin-right: 10px;
    color: rgba(255, 255, 255, 0.7);
    transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
}

.social-icon:hover {
    transform: scale(1.2);
    color: white;
}

/* Smooth Fade-In Animation 
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

*/


[id="tmr"]{

    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);

}

[id="collapseOne"]{
  background: rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}



p{
    font-size: 1.24rem;
}

.b-example-divider {
    width: 100%;
    height: 0.5rem;
    background: linear-gradient(180,green,white,green);
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  }


.img1{

    width: 50%;
}

.services-section {
    padding: 50px;
    background: linear-gradient(135deg, rgba(40, 116, 166, 0.9), rgba(21, 67, 96, 0.9));
    color: rgb(255, 255, 255);
    text-align: center;
}

.services-container {
    display: flex;
    scroll-snap-type: x mandatory;
    gap: 2px;
    padding: 10px;
    scrollbar-width: none; /* Hide scrollbar for Firefox */
}

.services-container::-webkit-scrollbar {
    display: none; /* Hide scrollbar for Chrome/Safari */
}

.service-card {

    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease-in-out;
}

.service-card:hover {
    transform: scale(1.05);
}



img:hover{
    
    transform:scale(1.01);
}

h1,h2,p,h4{
    background: linear-gradient(180,green,white,green);
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
.social-icon{
    background: linear-gradient(180,green,white,green);
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);  
    height: 70px; 
    width: 20vw;
    padding-top: 20px;
}

h5{
    background: linear-gradient(180,green,white,green);
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);  
    height: 80px; 
    padding: 10px;
    color: white;

}

  .bd-heading a::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: .25rem;
    content: "";
  }
  
  /* stylelint-disable-next-line selector-max-universal */
  .bd-heading + div > * + * {
    margin-top: 3rem;
  }
  
  
  .bd-aside .active {
    font-weight: 600;
    color: var(--bs-body-color);
  }
  

  .bd-aside .btn::before {
   
    transition: transform .35s ease;
  
    /* rtl:raw:
    transform: rotate(180deg) translateX(-2px);
    */
    transform-origin: .5em 50%;
  }
  
  .bd-aside .btn[aria-expanded="true"]::before {
    transform: rotate(90deg)/* rtl:ignore */;
  }
  
  
    .bd-header {
      position: fixed;
      top: 0;
      /* rtl:begin:ignore */
      right: 0;
      left: 0;
      /* rtl:end:ignore */
      z-index: 1030;
      grid-column: 1 / span 3;
    }
  
    .bd-aside,
    .bd-cheatsheet {
      padding-top: 4rem;
    }
  
    /**
     * 1. Too bad only Firefox supports subgrids ATM
     */
    .bd-cheatsheet,
    .bd-cheatsheet section,
    .bd-cheatsheet article {
      display: inherit; /* 1 */
      grid-template-rows: auto;
      grid-template-columns: 1fr 4fr;
      grid-column: 1 / span 2;
      gap: inherit; /* 1 */
    }
  

    .bd-cheatsheet section,
    .bd-cheatsheet section > h2 {
      top: 2rem;
      scroll-margin-top: 2rem;
    }
  
    .bd-cheatsheet section > h2::before {
      position: absolute;
      /* rtl:begin:ignore */
      top: 0;
      right: 0;
      bottom: -2rem;
      left: 0;
      /* rtl:end:ignore */
      z-index: -1;
      content: "";
    }
  
    .bd-cheatsheet article,
    .bd-cheatsheet .bd-heading {
      top: 8rem;
      scroll-margin-top: 8rem;
    }
  
    .bd-cheatsheet .bd-heading {
      z-index: 1;
    }

    /* stylelint-disable @stylistic/selector-list-comma-newline-after 

  h1, h2, h3, h4, h5, h6 {
    font-family: "Playfair Display", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif ;
  }
  
  */
  .flex-auto {
    flex: 0 0 auto;
  }
  
  .h-250 { height: 250px; }
  @media (min-width: 768px) {
    .h-md-250 { height: 250px; }
  }
  
  /* Pagination */
  .blog-pagination {
    margin-bottom: 4rem;
  }
  
  /*
   * Blog posts
   */
  .blog-post {
    margin-bottom: 4rem;
  }
  .blog-post-meta {
    margin-bottom: 1.25rem;
    color: #727272;
  }