/* Global Styles */
    body {
        font-family: "Poppins",Sans-serif;
        }
        h2 {
            font-weight: bold;
            margin-bottom: 30px;
        }
        p {
            margin: 0;
        }
        .category_box_btn{
            background-color: #2c2c2c !important;
            border-radius: 20px !important;
            font-size: 15px !important;
            width: 30%;
            margin-top: 45px;
            padding: 12px 0;
            color: #fff !important;
        }
        .container{
            max-width: 1140px;
        }
        .btn-primary {
            background-color: #0071F2;
            border: none;
            padding: 10px 20px;
        }
        .btn_grey{
            font-family: "Poppins",Sans-serif;
            font-weight: 500 !important;
            letter-spacing: .5px !important;
            background-color: #2c2c2c !important;
            border-radius: 20px !important;
            color: #fff !important;
        }
    
        /* TopBar */
        .top_bar{
            background-color: #114b5f;
            height: 52px;
        }
        .top_bar a{
            color: #fff;
            padding-left: 5px;
            text-decoration: none;
            font-size: 14px;;
        }
        .top_bar i{
            color: #b4e2ea;
            padding-right: 10px;
            font-size: 14px;
        }
    
        /* Header and Navbar */
        .brand-text {
            color: green;
            font-weight: bold;
            font-size: 24px;
            margin-bottom: 20px;
        }
    
        .dropdown-submenu {
            position: relative;
        }
    
        .dropdown-submenu .dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: -6px;
            margin-left: 0;
            border-radius: 0.25rem;
            display: none;
        }
    
        .dropdown-submenu:hover .dropdown-menu {
            display: block;
        }
    
        .dropdown-menu.show {
            display: block;
            border: 0;
        }
        .dropdown-item{
            font-size: 14px;
            font-weight: 600 !important;
            letter-spacing: .5px;
            text-transform: capitalize;
            padding: 14px 22px;
        }
        .dropdown-item.active, .dropdown-item:hover{
            background-color: #134d61 !important;
            color: #fff;
        }
        .dropdown-item.active, .dropdown-item:active{
            background-color: #134d61 !important;
            color: #fff;
        }
        .navbar {
            background-color: #b4e2ea;
            box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5);
        }
        .navbar-brand{
            width:180px;
            height: 64px;
            margin-bottom: 10px;
        }
        .navbar-brand, .nav-link {
            color: #121617;
            font-weight: 600;
            font-size: 14px;
        }
    
        /* banner Section */
        .banner {
            background-color: #b4e2ea;
            padding: 80px 20px;
        }
        .banner h1 {
            color: #2c2c2c;
            font-family: "Poppins",Sans-serif;
            font-size: 55px;
            font-weight: 600;
            text-transform: uppercase;
            line-height: 65px;
        }
        .banner h3{
            color: #2c2c2c;
            font-family: "Poppins",Sans-serif;
            font-size: 24px;
            font-weight: 600;
            text-transform: uppercase;
        }
        .banner p{
            color: #6c6c6c;
            font-family: "Poppins",Sans-serif;
            font-size: 18px;
            font-weight: 400;
        }
    
        /* Features Section */
        .features-section {
            background-color: #114b5f;
            color: white;
            padding: 60px 20px;
        }
        .features-section h2{
            color: #fff;
            font-family: "Poppins",Sans-serif;
            font-size: 40px;
            font-weight: 500;
        }
        .features-section i {
            font-size: 2rem;
            margin-bottom: 10px;
            color: #fff;
        }
        .features-section p{
            font-size:16px;
            color: #fff;
            font-family: "Poppins",Sans-serif;
        }
        .features-section hr{
            height:3px;
            background-color: #fff;
            opacity: 1;
            margin: 0 auto;
            width: 25%;
        }
        .features_inner{
            display: inline-block;
            width: 137px;
            margin-right:50px;
            font-size: 16px;
            font-family: "Poppins",Sans-serif;
        }
    
        /* Product Section */
        .product-section {
            padding: 60px 20px;
            text-align: center;
        }
        .product-section h2{
            color: #212529;
            font-family: "Poppins",Sans-serif;
            font-size: 45px;
            font-weight: 700;
            line-height: 55px;
        }
        .product-section p{
            text-align: center;
            color: #212529;
            font-family: "Poppins",Sans-serif;
            font-size: 22px;
            font-weight: 400;
        }
        .product-section hr{
            height: 3px;
            background-color: #212529;
            opacity: 1;
            margin: 0 auto;
            width: 25%;
            margin-bottom: 65px;
            margin-top: 25px;
        }
        .product-card img {
            border-radius: 10px;
        }
        .product-card p {
            text-align: center;
            color: #2c2c2c;
            font-family: "Poppins",Sans-serif;
            font-size: 18px;
            font-weight: 500;
            margin-top: 10px;
        }
    
        /* Testimonials */
        .testimonials {
            background-color: #f2f1f1;
            padding: 60px 20px;
        }
        .testimonials h2{
            color: #212529;
            font-family: "Poppins",Sans-serif;
            font-size: 35px;
            font-weight: 700;
        }
        .testimonial-box {
            background: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .testimonial-box p{
            color: #2c2c2c;
            font-family: "Poppins",Sans-serif;
            font-size: 16px;
            font-weight: 400;
            font-style: normal;
            line-height: 30px;
            margin-bottom: 25px;
        }
        .testimonial-box img {
            border-radius: 50%;
            margin-bottom: 10px;
        }
    
         /* Custom Designs Styles */
         .custom-section {
            padding: 50px 0;
        }
        .custom-heading {
            color: #212529;
            font-family: "Poppins",Sans-serif;
            font-size: 45px;
            font-weight: 700;
            line-height: 55px;
        }
        .custom-text {
            color: #212529;
            font-family: "Poppins",Sans-serif;
            font-size: 22px;
            font-weight: 400;
        }
        .image-grid img {
            width: 100%;
            border-radius: 10px;
        }
        .image-grid {
            gap: 15px;
        }
    
        /* Free Services Section */
        .free-services-section {
            background-color: #114b5f;
            color: white;
            padding: 60px 20px;
        }
        .free-services-section h2{
            color: #fff;
            font-family: "Poppins",Sans-serif;
            font-size: 40px;
            font-weight: 500;
            margin-bottom: 0;
        }
        .free-services-section i{
            font-size: 30px;
            margin-bottom: 20px;
        }
        .free-services-section p{
            color: #fff;
            font-family: "Poppins",Sans-serif;
            font-size: 18px;
            font-weight: 400;
        }
        .free-services-section .feature-icon {
            font-size: 2rem;
            margin-bottom: 10px;
            color: #00B4D8;
        }
        .free-services-section hr{
            height:3px;
            background-color: #fff;
            opacity: 1;
            margin: 0 auto;
            width: 25%;
        }
    
    
        /* How it works Section */
        .how-it-works {
            padding: 50px 0;
            text-align: center;
        }
    
        .how-it-works h2 {
            color: #212529;
            font-family: "Poppins",Sans-serif;
            font-size: 45px;
            font-weight: 700;
            line-height: 55px;
        }
    
        .how-it-works .step-number {
            font-family: "Poppins",Sans-serif;
            font-size: 5rem;
            font-weight: 800;
            color: #114b5f;
        }
    
        .how-it-works p {
            color: #212529;
            font-family: "Poppins",Sans-serif;
            font-size: 26px;
            font-weight: 500;
        }
    
        .custom-button {
            background-color: #000;
            color: #fff;
            border: none;
            padding: 10px 20px;
            border-radius: 25px;
            text-transform: uppercase;
            font-weight: bold;
        }
    
        .custom-button:hover {
            background-color: #333;
            color: #fff;
        }
    
        .content-section {
            padding: 50px 0;
        }
    
        .content-section h3 {
            font-size: 23px;
            font-weight: bold;
            color: #212529;
        }
    
        .content-section p {
            text-align: justify;
            color: #2c2c2c;
            font-family: "Poppins",Sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 30px;
        }
    
        /* Process Section */
        .process-section {
            padding: 60px 20px;
            text-align: center;
        }
        .process-box h3 {
            color: #114b5f;
            font-size: 2rem;
        }
    
        /* Footer */
        .footer {
            background-color: #2c2c2c;
            color: white;
            padding: 40px 20px;
            text-align: left;
        }
        .footer_logo{
            width: 200px;
            height: 70px;
            margin-bottom: 10px;
        }
        .footer h2{
            color: #fff;
            font-family: "Poppins",Sans-serif;
            font-size: 20px;
            font-weight: 600;
        }
        .footer h4{
            color: #b4e2ea;
            font-family: "Poppins",Sans-serif;
            font-size: 20px;
            font-weight: 700;
            text-transform: capitalize;
            margin-bottom: 25px;
        }
        .footer p{
            color: #fff;
            font-family: "Poppins",Sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 28px;
        }
        .footer_a{
            display: grid;
        }
        .footer_a i{
            margin-right: 25px;
        }
        .footer a {
            color: #fff !important;
            text-decoration: none;
            padding-bottom:10px;
            font-size:14px;
        }
        .footer span{
            padding-bottom: 5px;
        }
        .footer a:hover {
            color: #ffffff;
        }
    
        /*bottom Footer */
        .footer_end{
            background-color: #1e1e1e;
            padding:20px 0;
        }
        .footer_end p{
            color: #fff;
        }
        .footer_img_one{
            width: 265px;
            height: 53px;
        }
    
    
    
        /*product slider  */
        .produt_slider .wrapper{
            display: flex;
            max-width: 100%px;
            position: relative;
            margin: o auto;
          }
          .produt_slider .wrapper i{
            top: 50%;
            height: 44px;
            width: 44px;
            color: #343F4F;
            cursor: pointer;
            font-size: 1.15rem;
            position: absolute;
            text-align: center;
            line-height: 44px;
            background: #fff;
            border-radius: 50%;
            transform: translateY(-50%);
            transition: transform 0.1s linear;
          }
          .produt_slider .wrapper i:active{
            transform: translateY(-50%) scale(0.9);
          }
          .produt_slider .wrapper i:hover{
            background: #f2f2f2;
          }
          .produt_slider .wrapper i:first-child{
            left: 20px;
            display: none;
            z-index: 1;
          }
          .produt_slider .wrapper i:last-child{
            right: 20px;
          }
          .produt_slider .wrapper .carousel{
            font-size: 0px;
            cursor: pointer;
            overflow: hidden;
            white-space: nowrap;
            scroll-behavior: smooth;
          }
          .produt_slider .carousel.dragging{
            cursor: grab;
            scroll-behavior: auto;
          }
          .produt_slider .carousel.dragging img{
            pointer-events: none;
          }
          .produt_slider .carousel img{
            height: 340px;
            object-fit: cover;
            user-select: none;
            /* margin-left: 35px; */
            width: calc(100% / 6);
          }
          .produt_slider .carousel img:first-child{
            margin-left: 0px;
          }
          @media screen and (max-width: 900px) {
            .produt_slider .carousel img{
              width: calc(100% / 2);
            }
          }
          @media screen and (max-width: 550px) {
            .produt_slider .carousel img{
              width: 100%;
            }
          }
          /* contact us css */
          .contact-section {
            padding: 50px 0;
            background-color: #333;
            /* background-image: */
          }
          .contact-details {
            padding: 30px;
            border-radius: 10px;
          }
          .contact-details h4 {
            margin-bottom: 20px;
            color: #f0ad4e;
          }
          button.btn.w-100 {
            background: #f0ad4e;
        }
        button.btn.w-100:hover {
            background:rgb(0, 119, 255);
        }
          .contact-details h2{
            color: #fff;
            font-family: "Roboto",Sans-serif;
            font-size: 3rem;
            font-weight: 500;
            line-height: 1.1666em;
          }
          .contact-details p{
            color: #fff;
            font-family: "Roboto",Sans-serif;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.617em;
          }
          .contact-details h5{
            color: rgba(255,255,255,.87);
            font-family: "Roboto",Sans-serif;
            font-size: .75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-top: 40px;
            margin-bottom: 24px;
          }
          .contact-details span{
            font-family: "Roboto",Sans-serif;
            font-size: .875rem;
            line-height: 2.5em;
            color: rgba(255,255,255,.7);
          }
          .contact-details i{
            color: #c95;
          }
          .send_us h4{
            color: #fff;
            font-family: "Roboto",Sans-serif;
            font-size: 1.5rem;
            font-weight: 400;
            text-transform: capitalize;
            line-height: 1.33em;
            margin-top: 30px;
            margin-bottom: 44px;
          }
          .send_us input{
            background-color: rgba(255,255,255,.16);
            border-width: 0;
            border-radius: 20px;
            color: rgba(255,255,255,.62);
          }
          .send_us textarea{
            background-color: rgba(255,255,255,.16);
            border-width: 0;
            border-radius: 20px;
            color: rgba(255,255,255,.62);
          }
          .form-control,
          .btn {
            border-radius: 20px;
          }
    
          /*about us css*/
          .about-section {
            padding: 50px 0;
            background-color: #333;
            background-image{}   
          }
          .about-image {
            position: relative;
          }
          .about-image img {
            border: 5px solid #f0ad4e;
            border-radius: 10px;
          }
          .about-text h6{
            color: #fff;
            font-family: "Nunito",Sans-serif;
            font-size: 1em;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 4px;
            margin-bottom: 10px;
          }
          .about-text h2 {
            color: #fff;
            font-family: "Nunito Sans",Sans-serif;
            font-size: 3.8em;
            font-weight: 800;
            line-height: .8em;
            margin-top: 20px;
          }
          .about-text p{
            text-align: left;
            color: #fff;
            font-family: "Nunito",Sans-serif;
            font-size: 1em;
            line-height: 1.7em;
          }
          .btn-custom {
            background-color: transparent;
            color: #f0ad4e;
            border: 1px solid #f0ad4e;
            border-radius: 20px;
            margin-top: 40px;
          }
          .btn-custom:hover {
            background-color: #f0ad4e;
          }  
    
          /*brand slider */
          .brand_slider .wrapper{
            display: flex;
            max-width: 100%px;
            position: relative;
            margin: o auto;
          }
          .brand_slider .wrapper i{
            top: 50%;
            height: 44px;
            width: 44px;
            color: #343F4F;
            cursor: pointer;
            font-size: 1.15rem;
            position: absolute;
            text-align: center;
            line-height: 44px;
            background: #fff;
            border-radius: 50%;
            transform: translateY(-50%);
            transition: transform 0.1s linear;
          }
          .brand_slider .wrapper i:active{
            transform: translateY(-50%) scale(0.9);
          }
          .brand_slider .wrapper i:hover{
            background: #f2f2f2;
          }
          .brand_slider .wrapper i:first-child{
            left: 20px;
            display: none;
            z-index: 1;
          }
          .brand_slider .wrapper i:last-child{
            right: 20px;
          }
          .brand_slider .wrapper .carousel{
            font-size: 0px;
            cursor: pointer;
            overflow: hidden;
            white-space: nowrap;
            scroll-behavior: smooth;
          }
          .brand_slider .carousel.dragging{
            cursor: grab;
            scroll-behavior: auto;
          }
          .brand_slider .carousel.dragging img{
            pointer-events: none;
          }
          .brand_slider .carousel img{
            height: 340px;
            object-fit: cover;
            user-select: none;
            margin-left: 35px;
            width: calc(100% / 6);
          }
          .brand_slider .carousel img:first-child{
            margin-left: 0px;
          }
          .box_info{
            padding: 3em 2em;
            background-color: #b4e2ea;
            border-radius: 15px;
            box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5);
          }
          .box_info .form-check{
            display: inline-block;
          }
          .box_info button{
            background-color: #2c2c2c;
            color: #fff;
            width: 100%;
          }
          .main_heading h1{
            color: #212529;
            font-family: "Poppins",Sans-serif;
            font-size: 45px;
            font-weight: 700;
            text-transform: uppercase;
            line-height: 55px;
          }
          .main_heading p{
            text-align: center;
            color: #212529;
            font-family: "Poppins",Sans-serif;
            font-size: 20px;
            font-weight: 400;
          }
          .main_heading hr{
            height: 3px;
            background-color: rgb(33, 37, 41);
            opacity: 1;
            margin: 33px auto 33px;
            width: 10%;
          }
          .text-warning{
            font-size: 18px;
          }
          .text-warning span{
            color: #2c2c2c;
            font-size: 18px;
            font-weight: 500;
          }
    
          /*blog */
          .blog-title {
            color: #000;
            font-family: "Poppins",Sans-serif;
            font-size: 50px;
            font-weight: 800;
            text-align: center;
            margin-top: 25px;
          }
          .blog hr{
            height: 2px;
            background-color: #212529;
            opacity: 1;
            margin: 0 auto;
            width: 9%;
            margin-bottom: 20px;
            margin-top: 12px;
          }
          .blog-card {
            transition: transform 0.2s ease-in-out;
            min-height: 450px;
          }
          .blog-card:hover {
            transform: translateY(-10px);
          }
          .card-title {
            font-size: 21px;
            color: #c36;
            margin-bottom:25px;
            text-decoration: none;
          }
          .card-text {
            line-height: 1.3em;
            font-size: 12px;
            color: #adadad;
            padding-top: 25px;
          }
          .read-more {
            font-size: 0.9rem;
            color: #c36;
          }
          .read-more:hover {
            color: #800040;
          }
    
          @media screen and (max-width: 900px) {
            .brand_slider .carousel img{
              width: calc(100% / 2);
            }
          }
          @media screen and (max-width: 569px){
            .sm-view{
                margin: 0 auto;
            }
            .sm-mt-10{
                margin-top: 10px;
            }
            .sm-mt-40{
                margin-top: 40px;
            }
          }
          @media screen and (max-width: 550px) {
            .brand_slider .carousel img{
              width: 100%;
            }

          }
          .box_info h4{
            text-align: center;
            font-size: 20px;
            font-weight: 700;
            color: #2c2c2c;
            margin-bottom: 10px;
          }
          .nice-select .list {
            max-height: 200px; 
            overflow-y: auto; 
            scrollbar-width: thin; 
            overflow: auto !important;

        }
    
        
        .nice-select .list::-webkit-scrollbar {
            width: 10px;
        }
    
        .nice-select .list::-webkit-scrollbar-thumb {
            background-color: #ccc; 
            border-radius: 4px;
        }
    
        .nice-select .list::-webkit-scrollbar-track {
            background-color: #f9f9f9; 
        }
    
        .text-danger {
          font-size: 0.9em;
          margin-top: 5px;
          display: block;
      }
      .card-header.text-center {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .carousel-indicators {
      display: flex;
      justify-content: center;
      padding-left: 0;
      list-style: none;
  }
  
  .carousel-indicators li {
      background-color: #007bff; /* Dot color */
      width: 10px;
      height: 10px;
      margin: 0 5px; /* Add spacing between dots */
      border-radius: 50%;
  }
  
  .carousel-indicators .active {
      background-color: #ff5733; /* Active dot color */
  }
  /*thankyou page*/
  .thankyou_page{
    margin: 45px 0;
  }
  .thankyou_page h1{
    font-weight: bold;
  }
  .thankyou_page .check_mark{
    width: 1080px;
    height: 1080px;
  }
  .thankyou_page img{
    margin-bottom: 25px;
    width: 200px;
    height: auto;
  }
  /*blog detail */
  .blog_detail_para{
    margin-top: 45px;
  }
  .blog_detail_para h1{
    margin-bottom: 25px;
  }
  .blog_detail_para img{
    width: 300px;
    height: 300px;
    margin: 0 auto;
    display: block;
  }
  .blog_detail_para .img_anchor{
    color: #c36;
    font-style: italic;
    text-decoration: underline;
    font-size: 16px;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 25px;
  }
  .blog_detail_para a{
    font-size: 16px;
    color: #c36;
    text-decoration: underline;
  }
  .blog_detail_para h2{
    font-size: 2rem;
  }
  .blog_detail_para p{
    text-align: justify;
    color: #2c2c2c;
    font-family: "Poppins",Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 15px;
  }
  .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 0.5 !important;
    align-items: center;
}