/*
* Template Name: Rocus - Architecture and Interior Design Agency
* Author:  Giantco
* Author URL: https://themeforest.net/user/giantco
* Version: 1.0
*/

/* =============================================================================

[Table of contents]

0.0 Common CSS START 
1.0 HEADER AREA START 
2.0 BANNER AREA START
3.0 BRAND AREA START
4.0 ABOUT AREA START
5.0 SERVICE AREA START
6.0 COUNTER AREA START
7.0 PROTFOLIO AREA START
8.0 REVIEW AREA START
9.0 EXPERT AREA START
10.0 CONTACT AREA START
11.0 BLOG AREA START
12.0 SUBCRIBE AREA START 
13.0 FOOTER AREA START 
14.0 COPY_RIGHT AREA START  
 
/*===========================
0.0 *** Common CSS START ***
=============================*/

* {
    margin: 0;
    padding: 0;
    outline: 0;
}

ul,
ol {
    list-style-type: none;
}

a,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0;
}

img {
    overflow: hidden;
    border: 0;
    vertical-align: middle;
}

.zindex {
    position: relative;
    z-index: 999;
}

.clr {
    clear: both;
}

.vbox-overlay {
    z-index: 999999;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
    margin: 0;
    padding: 0;
}

p {
    line-height: 28px;
}

#dark-mode {
    background: #FFFFFF;
    overflow-x: hidden;
    position: relative;
    height: 100%;
}

@font-face {
    src: url(../fonts/Teko-Regular.ttf);
    font-family: tr;
}

@font-face {
    src: url(../fonts/Teko-Bold.ttf);
    font-family: tb;
}

@font-face {
    src: url(../fonts/Poppins-Bold.ttf);
    font-family: pb;
}

@font-face {
    src: url(../fonts/Poppins-Regular.ttf);
    font-family: pr;
}

/*====================================
	Preloader CSS
======================================*/
.preeloader {
    background: #2b2e35 none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 99999999;
}

.preloader-spinner {
    -webkit-animation: 1s ease-out 0s infinite pulsate;
    animation: 1s ease-out 0s infinite pulsate;
    border: 10px solid #ec7144;
    border-radius: 40px;
    display: block;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    opacity: 0;
    position: fixed;
    top: 50%;
    width: 40px;
    z-index: 10;
}

@-webkit-keyframes pulsate {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes pulsate {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.cancel-perloader {
    position: absolute;
    left: 30px;
    top: 0;
    font-family: pr;
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
    font-size: 19px;
    background: #ec7144;
    width: 250px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: none;

}

.cancel-perloader:hover {
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
}

.vbox-overlay {
    z-index: 9999999;
}

.particles-js-canvas-el {
    position: absolute;
}

/*===========================
1.0 *** HEADER AREA START  ***
=============================*/
.navbar {
    position: fixed;
    width: 100%;
    z-index: 9999999;
    -weebkit-transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
    padding-top: 10px;
    background: transparent !important;
}

.shows-nav {
/*    display: none;*/
}

.menu-item {
    padding-right: 30px;
    padding-left: 55px;
}

.m-ber {
    position: relative;
    top: -1px;
    padding-left: 35px;
}

.m-ber i {
    font-size: 26px;
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
}

.m-ber i:hover {
    cursor: pointer;
}

.menu-close {
    display: none;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-family: pr;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
    position: relative;
    margin-right: 18px;
    text-transform: uppercase;
}

.navbar-light .navbar-nav .nav-link:focus {
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #ec7144;
}

.navbar-light .navbar-nav .nav-link.active {
    color: #ec7144;
}

.navbar-light .navbar-brand {
    color: #fff;
    font-family: tb;
    font-size: 30px;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
}

.navbar-light .navbar-brand span {
    color: #ec7144;
}

.navbar-light .navbar-brand:focus {
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
}

.navbar-light .navbar-brand:hover {
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
}

.nav-bg {
    background: #1e2126 !important;
    padding: 10px 0;
    -webkit-box-shadow: 0 31px 35px rgba(0, 0, 0, .1);
    box-shadow: 0 31px 35px rgba(0, 0, 0, .1);
}

.nav-bg .navbar-brand {
    color: #fff;
    font-size: 26px;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
}

.nav-bg .navbar-brand:hover {
    color: #fff;
}

.nav-bg .bor:after {
    background: #db5536;
}

.nav-bg .bor:hover {
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer> !important;
}

.nav-bg .navbar-nav .nav-link {
    color: #fff;
}

.search-btn {
    text-align: left;
}

.search-btn a {
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
    font-size: 25px;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
}

.search-btn a:hover {
    color: #ec7144;
}

.menus a {
    display: none;
}

.lg-hide {
    display: none;
}

#search,
#search2 {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    z-index: 99999999;
}

#search.open,
#search2.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
}

#search input[type="search"],
#search2 input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
}

#search .btn,
#search2 .btn {
    position: absolute;
    padding: 13px 20px;
    font-size: 18px;
    top: 50%;
    left: 50%;
    font-family: pb;
    margin-top: 61px;
    margin-left: -45px;
    background: #f0612d;
    border-color: #f0612d;
}

#search .close,
#search2 .close {
    position: fixed;
    top: 15px;
    right: 14px;
    color: #fff;
    background-color: #f0612d;
    border-color: #f0612d;
    opacity: 1;
    padding: 5px 15px 10px 15px;
    font-size: 30px;
}

/*===========================
2.0 *** BANNER AREA START ***
=============================*/
#banner {
    height: 100vh;
    position: relative;
    width: 100%;
}

#banner:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 59%;
    background: #1e2126;
}

.banner-item {
    position: relative;
    height: 100vh;
}

.banner-content-middle {
    position: relative;
    top: 80%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%);
}

#banner img {
    position: absolute;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 1100px;
    right: -200px;
    z-index: 1;
    bottom: 0;
}

.banner-heading {
    position: absolute;
    top: 35%;
    left: 0;
    -webkit-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
    transform: translateY(-35%);
    width: 100%;
}

.banner-heading h1 {
    font-family: tb;
    font-size: 130px;
    color: #1e2126;
    text-transform: uppercase;
    text-align: center;
}

.banner-txt h1 span {
    color: #ec7144;
}

.banner-item h3 {
    font-size: 40px;
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
    font-family: tb;
    padding-bottom: 28px;
    position: relative;
}

.banner-item h3::after {
    position: absolute;
    content: '';
    bottom: 20px;
    left: 0;
    width: 60px;
    height: 2px;
    background: #ec7144;
}

.banner-item h3::before {
    position: absolute;
    content: '';
    bottom: 20px;
    left: 73px;
    width: 10px;
    height: 2px;
    background: #ec7144;
}

.banner-content-middle p {
    font-size: 17px;
    color: #787878;
    padding-right: 30px;
    font-family: pr;
    padding-bottom: 40px;
    padding-top: 8px;
}

.banner-content-middle a i {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #ec7144;
    border: 4px solid #2b2e35;
    border-radius: 50%;
    font-size: 15px;
    margin-right: -30px;
    background: #1e2126;
    letter-spacing: 0;
    -webkit-transition: all linear .5s;
    -o-transition: all linear .5s;
    transition: all linear .5s;
}

.banner-content-middle a {
    color: #ec7144;
    font-family: pb;
    font-size: 19px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 6px;
}

.banner-content-middle a:hover i {
    margin-right: 0;
    border: 4px solid #ec7144;
}

/*===========================
3.0 *** BRAND AREA START ***
=============================*/
#brand {
    padding: 37px 0;
    background: #ec7144;
    position: relative;
}

.brand-main {
    margin-top: 45px;
}

.brand-txt h3 {
    font-size: 55px;
    font-family: tb;
    color: #fff;
  
    position: relative;
    line-height: 120px;
    z-index: 1;
    padding-left: 31px;
}

.brand-txt h3 span {
    padding-left: 17px;
}

.brand-txt h3::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 120px;
    height: 111px;
    border: 8px solid #fff;
  
    text-align: center;
    z-index: -11;
}

.brand-txt h3::before {
    position: absolute;
    content: '';
    top: 24px;
    left: 109px;
    width: 11px;
    height: 62px;
    background: #ec7144;
    text-align: center;
    z-index: -1;
}

.brand-txt h4 {
    font-size: 26px;
    font-family: tr;
    color: #fff;
  
    padding-top: 9px;
}

.brand-item {
    text-align: center;
}

.brand-item img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    display: inline-block;
}

.backtotop {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 9999;
    display: none;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
}

.backtotop i {
    color: #ec7144;
    text-align: center;
    font-size: 23px;
    line-height: 55px;
    width: 60px;
    height: 60px;
    background: #1e2126;
    border: 4px solid #ec7144;
    border-radius: 50%;
}

.backtotop:hover i {
    cursor: pointer;
}

/*===========================
4.0 *** ABOUT AREA START ***
=============================*/
#about {
    padding: 40px 0;
/*    background: #1e2126;*/
}

.about-pa {
    padding-top: 30px;
}

.about-header h4 {
    font-family: tr;
    color: #ec7144;
    text-transform: uppercase;
    font-size: 21px;
    letter-spacing: 6px;
}

.about-header h3 {
    font-family: pb;
    color: #000;
    font-size: 50px;
    padding-top: 6px;
}

.about-img {
    position: relative;
}

.about-arrow i {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 80px;
    height: 100px;
    line-height: 100px;
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
    background: #ec7144;
    text-align: center;
    font-size: 25px;
}

.social-icon {
    position: absolute;
    width: 400px;
    height: 80px;
    line-height: 80px;
    background: #ec7144;
    text-align: center;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    left: -198px;
    top: 230px;
}

.social-icon span {
    font-size: 19px;
    font-family: pb;
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
    padding-right: 98px;
    position: relative;
}

.social-icon span:after {
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    right: 0;
    width: 60px;
    height: 2px;
    background: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
}

.social-icon a i {
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
    margin: 0 8px;
}

.about-txt h3 {
    font-family: pb;
    font-size: 29px;
    color: #000;
    padding-bottom: 10px;
    line-height: 45px;
    position: relative;
}

.about-txt h3::before {
    position: absolute;
    content: '';
    bottom: 1px;
    left: 73px;
    width: 10px;
    height: 2px;
    background: #ec7144;
}

.about-txt h3::after {
    position: absolute;
    content: '';
    bottom: 1px;
    left: 0;
    width: 60px;
    height: 2px;
    background: #ec7144;
}

.about-txt p {
    font-size: 17px;
    color: #787878;
    padding-top: 30px;
}

.s-p {
    padding-top: 14px;
    padding-bottom: 60px;
}

.about-txt a {
    border: 2px solid #ec7144;
    padding: 14px 20px;
    font-family: pb;
    font-size: 17px;
    color: #ec7144;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
}

.about-txt a:hover {
    background: #ec7144;
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
    border: 2px solid #ec7144;
}

.about-slider:hover {
    cursor: pointer;
}

/*===========================
5.0 *** SERVICE AREA START ***
=============================*/
#service {
    padding: 40px 0 25px;
/*    background: #1e2126;*/
}

.service-pa {
    padding-top: 15px;
}

.ser-item {
    padding: 70px 30px;
}

.ser-img {
    position: relative;
    height: 120px;
    line-height: 110px;
    z-index: 99;
}

.ser-img::after {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 120px;
    height: 120px;
    background: #2b2e35;
    border: 4px solid #ec7144;
    border-radius: 50%;
}

.ser-img img {
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: 9;
}

.ser-item h3 {
    font-size: 29px;
    font-family: tb;
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
    margin: 30px 0 12px;
}

.ser-item p {
    font-size: 17px;
    color: #787878;
    font-family: pr;
}

/*===========================
6.0 *** COUNTER AREA START ***
=============================*/
#counter {
    padding: 80px 0;
/*    background: #1e2126;*/
    position: relative;
}

#counter::after {
    /*position: absolute;
    content: '';
    width: 155px;
    height: 155px;
    border: 1px solid #ec7144;
    top: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 9;*/
}

#counter::before {
    /*position: absolute;
    content: '';
    width: 230px;
    height: 230px;
    border: 1px solid #ec7144;
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 9;*/
}

.counter-main {
    background: #2b2e35;
    padding: 80px 15px;
    border-radius: 3px;
}

.counter-txt h3 {
    font-size: 120px;
    color: #ec7144;
    font-family: tb;
}

.counter-txt p {
    font-size: 40px;
    color: #fff;
    font-family: tr;
}

.counter-ma {
    margin-top: 30px;
}

.counter-item i {
    font-size: 29px;
    color: #ec7144;
}

.counter-item h3 {
    font-size: 32px;
    color: #fff;
  
    font-family: pb;
    margin-top: 20px;
}

.counter-item p {
    font-size: 19px;
    color: #787878;
    font-family: pr;
    margin-top: 8px;
}

.vid-btn {
    position: absolute;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: #ec7144;
    text-align: center;
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
    font-size: 25px;
    top: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 9999;
}

.vid-btn:hover {
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
}

.circle {
    position: absolute;
    width: 120px;
    height: 120px;
    background: #1e2126;
    top: 21px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 9999;
}

.circle2 {
    position: absolute;
    width: 300px;
    height: 300px;
    border: 1px solid #ec7144;
    top: -65px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 9;
}

/*===========================
7.0 *** PROTFOLIO AREA START ***
=============================*/
#protfolio {
    padding: 80px 0;
/*    background: #1e2126;*/
    position: relative;
}

.protfolio-pa {
    padding-top: 80px;
}

.protfolio-img {
    position: relative;
    margin-bottom: 35px;

}

.overflow-h {
    overflow: hidden;
}

.overflow-h img {
    -webkit-transition: all linear .5s;
    -o-transition: all linear .5s;
    transition: all linear .5s;
}

.protfolio-img:hover .overflow-h img {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}

.overlay {
    position: absolute;
    bottom: -35px;
    left: 50%;
    width: 90%;
    height: 100px;
    background: #ec7144;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-left: 30px;
    padding-top: 18px;
    overflow: hidden;

}

.overlay h3 {
    font-size: 29px;
    font-family: tb;
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
}

.overlay p {
    font-size: 18px;
    font-family: pr;
    color: #fff;
}

.data {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 90px;
    text-align: center;
    background: #ec7144;
    padding-top: 15px;
}

.data h4 {
    font-size: 24px;
    font-family: pb;
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
}

.data span {
    font-size: 18px;
    font-family: pr;
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
}

/*===========================
8.0 *** REVIEW AREA START ***
=============================*/
#review {
    padding: 80px 0;
    background: #1e2126;
    position: relative;
}

.review-pa {
    padding-top: 65px;
}

.review-main {
    background: #2b2e35;
    padding: 60px 15px;
    position: relative;
    border-radius: 5px;
}

.testimonial-main {
    margin-bottom: 5px;
}

.quote1 {
    font-size: 32px;
    color: #ec7144;
    position: absolute;
    top: 50%;
    left: -53px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #1e2126;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    line-height: 80px;
    text-align: center;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
}

.quote1:hover,
.quote2:hover {
    background: #ec7144;
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
    cursor: pointer;
}

.quote2 {
    font-size: 32px;
    color: #ec7144;
    position: absolute;
    top: 50%;
    right: -53px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #1e2126;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    line-height: 80px;
    text-align: center;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;

}

.stars {
    padding-bottom: 30px;
}

.stars i {
    font-size: 18px;
    color: #ec7144;
}

.testimonial-item p {
    font-size: 17px;
    color: #787878;
    font-family: pr;
    padding: 0 110px;
}

.testimonial-item h3 {
    font-size: 30px;
    font-family: tb;
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
    margin: 30px 0 8px;
}

.testimonial-item span {
    font-family: pr;
    color: #ec7144;
}

.testimonial-img-item img {
    border: 3px solid #ec7144;
    border-radius: 50%;
    display: inline-block;
    text-align: center !important;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
    margin-bottom: 25px;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    background: #ec7144;
    -webkit-filter: grayscale(60%);
    filter: grayscale(60%);
}

.slick-center.testimonial-img-item img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.testimonial-main-img .slick-list {
    padding-top: 14px;
}

/*===========================
9.0 *** EXPERT AREA START ***
=============================*/
#expert {
    padding: 80px 0;
    background: #1e2126;
    position: relative;
}

.expert-pa {
    padding-top: 80px;
}

.team-main {
    position: relative;
}

.tm-overlay {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    width: 58%;
    height: 108px;
    background: #ec7144;
    padding-top: 26px;
    padding-left: 30px;
}

.tm-overlay h3 {
    font-size: 29px;
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
    font-family: tb;
}

.tm-overlay p {
    font-size: 18px;
    font-family: pr;
    color: #fff;
}

.team-item-txt {
    position: relative;
}

.social-media {
    position: absolute;
    bottom: 108px;
    left: 50%;
    width: 80%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #ec7144;
    height: 60px;
    line-height: 60px;
    opacity: 0;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
}

.team-item-txt:hover .social-media {
    opacity: 1;
}

.social-media a {
    font-size: 18px;
    margin: 0 6px;
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
}

.team-item-txt h3 {
    font-size: 29px;
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
    font-family: tb;
    padding-top: 30px;
}

.team-item-txt p {
    font-size: 16px;
    font-family: pr;
    color: #ec7144;
}

.team-arrows {
    margin-top: 85px;
}

.team-arrows i {
    font-size: 31px;
    color: #3c3f46;
    margin: 0 16px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border: 2px solid #3c3f46;
    border-radius: 50%;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
}

.team-arrows i:hover {
    cursor: pointer;
    color: #ec7144;
    border: 2px solid #ec7144;
}

/*===========================
10.0 *** CONTACT AREA START ***
=============================*/
#contact {
    padding: 80px 0;
    position: relative;
}

.contact-pa {
    padding-top: 60px;
}

.contact-box .form-control {
    font-family: pr;
    font-size: 16px;
    border: 1px solid #1e2126;
    background: #373b43;
    height: 65px;
}

.contact-box #exampleFormControlTextarea1 {
    height: 200px;
    margin: 15px 0 35px;
    padding: 20px;
}

.contact-box .contact-btn {
    padding: 17px 55px;
    background: #ec7144;
    font-size: 20px;
    font-family: pb;
    border-color: #ec7144;
    border-radius: 3px;
}

.contact-box .form-control:focus {
    color: #ededed;
    border: 1px solid #1e2126;
    background-color: #373b43;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.contact-box .contact-btn:hover {
    background: #ec7144;
    border-color: #ec7144;
}

.contact-box input::placeholder,
.contact-box textarea::placeholder,
.contact-box input::-webkit-input-placeholder,
.contact-box textarea::-webkit-input-placeholder,
.contact-box input::-moz-placeholder,
.contact-box textarea::-moz-placeholder,
.contact-box input::-ms-input-placeholder,
.contact-box textarea::-ms-input-placeholder {
    color: #ededed !important;
}

/*===========================
11.0 *** BLOG AREA START ***
=============================*/
#blog {
    padding: 80px 0;
/*    background: #1e2126;*/
    position: relative;
}

.blog-pa {
    padding-top: 80px;
}

.blog-item {
    position: relative;
}

.blog-item:hover .overflow-h img {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}

.blog-txt {
    padding-top: 21px;
}

.blog-txt h3 {
    font-size: 36px;
    font-family: tr;
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
    padding: 3px 0 5px;
}

.blog-txt a {
    font-size: 17px;
    font-family: pb;
    color: #ec7144;
}

.blog-date {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 85px;
    height: 85px;
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
    background: #ec7144;
    border-radius: 10px;
    text-align: center;
    padding-top: 10px;
}

.blog-date span {
    font-size: 24px;
    font-family: pb;
}

.blog-date p {
    font-size: 19px;
    font-family: pb;
}

/*===========================
12.0 *** SUBCRIBE AREA START ***
=============================*/
#subcribe {
    padding: 0 0 30px;
    background: #1e2126;
    position: relative;
}

.sub-main {
    padding: 50px 30px;
    background: #ec7144;
    position: relative;
    bottom: -55px;
}

.sub-main h3 {
    font-size: 30px;
    font-family: pb;
    color: #000
  <div class="widget-area">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-md-6 col-xxl-3 col-xl-4">
          <div class="widget footer-widget">
            <h3 class="widget_title">About Company</h3>
            <div class="th-widget-about">
              <p class="about-text">Forgebyte offers a wide range of Software Development, Data Engineering & Quality Assurance services to optimize your software lifecycle including Application development, functional, non-functional and specialized services that are designed to boost assurance capabilities, reduce costs and shorten time-to-market.</p>
              <div class="th-social">
                   
            <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> </div>
            </div>
          </div>
        </div>
        <div class="col-md-4 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">Quick Links</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="about.html">About Us</a></li>
                <li><a href="frontend.html">Technologies</a></li>
                <li><a href="fintech.html">Industries</a></li>
                <li><a href="careers.html">Careers</a></li>
                <li><a href="contact.html">Contact Us</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-xl-auto">
          <div class="widget widget_nav_menu footer-widget">
            <h3 class="widget_title">IT SERVICES</h3>
            <div class="menu-all-pages-container">
              <ul class="menu">
                <li><a href="experience-engineering.html">Experience Engineering</a></li>
                <li><a href="data.html">Data</a></li>
                <li><a href="Cloud-engineering.html">Cloud and Engineering</a></li>
                <li><a href="ai.html">Artificial Intelligence </a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-md-8 col-xl-auto">
          <div class="widget footer-widget">
            <h3 class="widget_title">Contact Us</h3>
            <div class="th-widget-contact">
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-phone"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Phone Number</p>
        <a href="tel:+181210101266" class="contact-feature_link">+91 81210101266</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-envelope"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">Email address</p>
                  <a href="mailto:info@webteck.com" class="contact-feature_link">info@forgebyte.ai</a></div>
              </div>
              <div class="contact-feature">
                <div class="icon-btn"><i class="fa-solid fa-location-dot"></i></div>
                <div class="media-body">
                  <p class="contact-feature_label">office location</p>
                  <a href="https://www.google.com/maps" class="contact-feature_link">Plot 15/1 Sector-3, HUDA Techno Enclave Madhapur Hyderabad, Telangana - 500081.</a></div>
              </div>
            </div>
          </div>
            
        </div>
      </div>
    </div>
  </div>
  <div class="copyright-wrap bg-title">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-lg-8">
          <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2024 <a href="#">Forgebyte</a>. All Rights Reserved. <a href="#" target="_blank">Designed By Fleet IT Solutions Pvt ltd.</a></p>
        </div>
        
      </div>
    </div>
  </div>
  <div class="shape-left"><img src="assets/img/shape/footer_shape_2.svg" alt="shape"></div>
  <div class="shape-right">
    <div class="particle-1" id="particle-5"></div>
  </div>
</footer>;
    text-transform: uppercase;
    padding: 3px 0;
}

.sub-btn {
    height: 60px;
    width: 75%;
    font-size: 17px;
    font-family: pb;
    background: #000;

    border: 1px solid #000;
  
    color: #ec7144;
    border-radius: 0;
    text-transform: uppercase;
}

.sub-btn:hover {
    background: #000;
 
    border: 1px solid #000;
  
    color: #ec7144;
    background: #000;
  
    cursor: pointer;
}


.sub-box .form-control {
    font-family: pr;
    font-size: 16px;
    height: 60px;
    border-radius: 0;
}

.sub-box .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.sub-m {
    margin-top: 8px;
}

/*===========================
13.0 *** FOOTER AREA START ***
=============================*/

#footer {
    padding: 110px 0 80px;
    background: #2b2e35;
}

.footer-logo p {
    color: #cbc8c8;
    font-family: pr;
    padding-top: 10px;
    line-height: 29px;
    font-size: 16px;
    padding-bottom: 13px;
}

.footer-social {
    padding-right: 100px;
}

.footer-social i {
    font-size: 18px;
    color: #ffffff;
    margin: 0 8px;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;

}

.footer-social i:hover {
    color: #ec7144;
}

.links {
    padding-left: 25px;
}

.links h3 {
    font-size: 20px;
    font-family: pb;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 4px;
    position: relative;
    margin-bottom: 20px;
}

.links h3::after {
    position: absolute;
    content: '';
    bottom: -9px;
    left: 0;
    width: 40px;
    height: 2px;
    background: #ec7144;
}

.links h3::before {
    position: absolute;
    content: '';
    bottom: -9px;
    left: 46px;
    width: 12px;
    height: 2px;
    background: #ec7144;
}

.links ul li a {
    color: #cbc8c8;
    text-transform: capitalize;
    line-height: 38px;
    font-size: 16px;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
    font-family: pr;
}

.links ul li a:hover {
    color: #ff7657;
    padding-left: 10px;
}

.location p {
    padding-bottom: 5px;
}

.location a {
    color: #ccc;
    font-size: 15px;
    line-height: 25px;
}


.f-logo {
    font-size: 34px;
    color: #000;
    font-family: tb;
}

.f-logo span {
    color: #ec7144;
}

.f-logo:hover {
    color: #ff7657;
}

.insta-item {
    color: #000

}

.fg2 input {
    border-radius: 50px;
    background: none;
    color: #fff;
    border: 1px solid #ff416c;
}

.fg2 input:focus {
    background: none;
    border: 1px solid #ff416c;
    position: relative;
    right: 0;
}

.fg2 input:hover {
    border-radius: 50px;
    border: 1px solid #ff416c;
}

.fg2 button i {
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s;
}

.fg2 button {
    border-radius: 50px;
    position: absolute;
    right: 16px;
    top: 65px;
    border: none;
    background: #ff416c;
    color: #fff;
}

.fg2 button:hover {
    border: none;
    background: #ff416c;
}

.fg2 button:hover i {
    padding-right: 8px;
}

/*===========================
14.0 *** COPY_RIGHT AREA START ***
=============================*/

#footer-btm {
    padding: 25px 0;
}

.fop-btm h2 {
    color: #fff;
    font-size: 16px;
    font-family: pr;
    margin-bottom: 0;
}

.fop-btm a {
    color: #ec7144;
    font-family: pb;
}