/*=============================
[ End table content ]
======================================*/
/*=====================
    Abstracts
=======================*/
:root {
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-black2: #131313;
  --color-grey: #535353;
  --color-grey2: #979797;
  --color-border: #EDEDED;
  --color-red: #ED454F;
}

@media (max-width: 1399.98px) {
  /*=====================
      Who We Are
  =======================*/
  .who-we-are1 .who-we-are-content1 .left-side .title .big-title {
    font-size: 36px;
    line-height: 46px;
  }
  .who-we-are1 .who-we-are-content1 .left-side .image img {
    width: 350px;
  }

  .who-we-are2 .who-we-are-content2 .right-side .title .big-title {
    font-size: 36px;
    line-height: 46px;
  }
  .who-we-are2 .who-we-are-content2 .right-side .image img {
    width: 350px;
  }

  /*=====================
      Brand Section
  =======================*/
  .brand {
    padding: 150px 0px;
  }
  .brand .left-side .title .big-title {
    font-size: 36px;
    line-height: 46px;
  }
  .brand .brand-slider-wrapper {
    margin-top: 100px;
  }

  /* =================
      How We Serve
  =================*/
  /* =================
      Blog
  =================*/
  .blog {
    padding: 150px 0px;
  }
  .blog .title .big-title {
    font-size: 36px;
    font-weight: 46px;
  }
}
@media (max-width: 1199.98px) {
  /*==================
      Banner
  ===================*/
  .hero-banner .banner-container .left-content .text h1 {
    position: relative;
    font-size: 36px;
    line-height: 46px;
    font-weight: 600;
    color: var(--color-grey);
  }
}
@media (max-width: 991.98px) {
  /*=====================
      Who We Are
  =======================*/
  .who-we-are1 .who-we-are-content1 .left-side .image img {
    width: 300px;
  }

  .who-we-are2 .who-we-are-content2 .right-side .image img {
    width: 300px;
  }

  /* =================
      Blog
  =================*/
  .blog .blog-card {
    padding: 10px;
  }

  /*=====================
      Discover More
  =======================*/
  .discover {
    padding: 30px 0px;
  }
  .discover .wrapper {
    padding: 30px 0px;
  }

  /*=====================
      Contact Us
  =======================*/
  .contact {
    padding: 50px 0px;
  }
  .contact .left-side {
    margin-bottom: 50px;
  }
  .contact .left-side .title {
    font-size: 30px;
    line-height: 40px;
  }
  .contact .left-side .info ul li .icon svg {
    --svg-font-size: 18px;
    fill: var(--color-grey);
  }
  .contact .left-side .info ul li .text {
    display: inline-block;
    font-size: 15px;
    line-height: 25px;
    color: var(--color-grey);
  }
}
@media (max-width: 767.98px) {
  /*==================
      Header
  ===================*/
  .header-area .menu-wrapper .header-container {
    max-width: 540px;
    margin: 0 auto;
    padding: 0px 10px;
  }

  /*==================
      Banner
  ===================*/
  .hero-banner {
    padding: 150px 0px 70px 0px;
  }
  .hero-banner .banner-container {
    padding: 0px 10px;
    max-width: 540px;
    margin: 0 auto;
  }
  .hero-banner .banner-container .left-content {
    height: auto;
    padding-top: 70px;
  }
  .hero-banner .banner-container .left-content .text .heading-border {
    margin-bottom: 10px;
  }
  .hero-banner .banner-container .left-content .text h1 {
    position: relative;
    font-size: 26px;
    line-height: 36px;
    font-weight: 600;
    color: var(--color-grey);
  }
  .hero-banner .banner-container .right-content .mask {
    justify-content: center;
  }
  .hero-banner .banner-container .right-content .mask svg {
    height: 300px;
  }

  /*=====================
      Who We Are
  =======================*/
  .who-we-are1 .bg-image {
    height: 100%;
    object-fit: cover;
  }
  .who-we-are1 .who-we-are-content1 .left-side .title .big-title {
    font-size: 26px;
    line-height: 36px;
  }
  .who-we-are1 .who-we-are-content1 .left-side .image {
    margin-top: 20px;
    text-align: center;
  }

  .who-we-are2 .bg-image {
    height: 100%;
    object-fit: cover;
  }
  .who-we-are2 .who-we-are-content2 .title .title-red .small-title {
    text-align: left;
  }
  .who-we-are2 .who-we-are-content2 .right-side .title .big-title {
    font-size: 26px;
    line-height: 36px;
    text-align: left;
  }
  .who-we-are2 .who-we-are-content2 .right-side .image {
    margin-top: 20px;
    text-align: center;
  }

  /*=====================
      Brand Section
  =======================*/
  .brand {
    padding: 100px 0px;
  }
  .brand .left-side .title .big-title {
    font-size: 26px;
    line-height: 36px;
  }
  .brand .brand-slider-wrapper {
    margin-top: 60px;
  }

  /* =================
      How We Serve
  =================*/
  /* =================
      Blog
  =================*/
  .blog {
    padding: 70px 0px;
  }
  .blog .title {
    margin-bottom: 30px;
  }
  .blog .title .big-title {
    font-size: 26px;
    font-weight: 36px;
  }
  .blog .blog-card {
    padding: 10px;
  }

  /* =================
      Footer
  =================*/
  footer .copyright,
footer .credit {
    text-align: center;
  }

  /*=====================
      Discover More
  =======================*/
  .discover .wrapper .image {
    width: 100%;
  }
  .discover .wrapper .content {
    margin-top: 50px;
  }

  /*=====================
      Contact Us
  =======================*/
  .contact .left-side .title {
    font-size: 26px;
    line-height: 36px;
  }
}
@media (max-width: 575.98px) {
  /*==================
      Header
  ===================*/
  .header-area .menu-wrapper .header-container {
    padding: 0px 10px;
  }

  /*==================
      Banner
  ===================*/
  .hero-banner {
    padding: 120px 0px 70px 0px;
  }
  .hero-banner .banner-container {
    padding: 0px 10px;
  }
  .hero-banner .banner-container .left-content {
    padding-top: 50px;
  }
  .hero-banner .banner-container .right-content .mask svg {
    height: auto;
    width: 100%;
  }

  /*=====================
      Who We Are
  =======================*/
  .who-we-are1 .who-we-are-content1 .left-side .image img {
    width: 250px;
  }

  .who-we-are2 .who-we-are-content2 .right-side .image img {
    width: 250px;
  }

  /*=====================
      Brand Section
  =======================*/
  .brand .brand-slider-wrapper .arrow-icon .arrow {
    visibility: visible;
    opacity: 1;
  }
}

/*# sourceMappingURL=responsive.css.map */