/* Ultra-Wide Screens (1600px and up) */
@media screen and (min-width: 1600px) {
  .slider {
  }
  .slider::before {
  }
}
@media screen and (max-width:1360px){
  .slider{
    max-width: 650px !important;
    aspect-ratio: 650 / 500 !important;
  }
    .cloud-mask {
    background-size: cover !important;
  }
}
/* Extra Large Screens (1360px to 1599px) */
@media screen and (min-width: 1360px) and (max-width: 1599px) {
  .px-6,
  .px-lg-6 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
  }
  button.owl-prev span {
    background: #eb9319;
    right: 10% !important;
  }
  .section-wrapper {
    width: 80% !important;
    padding: 0px 20px !important;
  }
  .col-image img {
    width: 100% !important;
  }
  .contact-section .col-md-7.col-lg-8 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .contact-section .col-md-5.col-lg-4 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .shape-animate.animate-in {
    width: 65% !important;
  }
  .support {
    left: 35% !important;
  }
  .passion {
    left: -16% !important;
  }
  .idea {
    left: 18% !important;
  }
  section.banner-section .row.align-items-center.mb-5 {
    margin-bottom: 0 !important;
  }
  .progress-container {
    top: 28% !important;
  }
  .progress-bar {
    width: 25%;
  }
  .description-box {
    width: 91% !important;
  }
  .services-section .card-inner {
    width: 522px !important;
    height: 500px !important;
  }
  .footer-section img.footer-logo {
    filter: brightness(0.3);
    width: 75%;
  }

  .section-two-image {
    width: 475px !important;
    height: 315px !important;
  }

  .section-two img.hero-backimg[src*="shape11.svg"] {
    top: -30% !important;
  }
  .section-two .description {
    padding-left: 2.8rem !important;
    padding-right: 5rem !important;
    width: 96%;
  }

  .case-studies .description {
    padding-left: 0rem !important;
  }
  .case-studies .row.w-50 {
    width: 70% !important;
  }
  .case-studies .row .col-md-7 {
    padding-left: 50px;
  }
  .portfolio .tabs .overlay {
    width: 85% !important;
    padding: 30px 20px !important;
  }

  .case-hero-img {
    width: 370px;
    height: 370px;
  }

  .case-hero-img::before {
    left: 53% !important;
  }

  img.man2.position-absolute {
    top: -46% !important;
    left: 38% !important;
  }

  img.man1.position-absolute {
    top: -23% !important;
    left: -10% !important;
  }

  img.man3.position-absolute {
    left: 87% !important;
    top: -23% !important;
  }

  .footer-section img.hero-backimg[src*="shape14.svg"] {
    top: -74% !important;
    width: 40% !important;
  }
  section.mobile-section.section-two.pb-0 {
    height: 65vh !important;
  }

  .image-box .image-content {
    height: 400px !important;
    padding: 100px 150px !important;
  }
  .image-box .image-inner img {
    height: 100% !important;
  }

  /*Mobile Phone CSS*/
  .row.justify-content-center.g-4.mobile-row {
    width: 80%;
    margin: 0 auto;
  }
  .mobile-section .row.justify-content-center.g-1.mobile-row {
    width: 85%;
    margin: 0 auto;
  }
  .mobile-section .mobile-frame {
    width: 190px !important;
    height: max-content;
  }
  .mobile-section .mobile-row .justify-content-center:nth-child(1) {
    justify-content: end !important ;
  }
  .mobile-section .mobile-row .justify-content-center:nth-child(2) {
    justify-content: center !important ;
  }
  .mobile-section .mobile-row .justify-content-center:nth-child(3) {
    justify-content: start !important ;
  }

  .box-container .row.row-gap-5 {
    width: 95%;
    margin: 0 auto;
  }
  .services-section img.hero-backimg[src*="shape10.svg"] {
    left: 26% !important;
  }
  .shape10-animate.animate10-in {
    top: 0%;
    width: 75% !important;
  }

  .values-section .d-flex.mt-3 {
    margin-top: 3rem !important;
  }
  .shape19-animate {
    top: -920px !important;
  }

  .shape19-animate.animate19-in {
    top: -929px !important;
  }
}

/* Large Screens / Standard Laptops (1024px to 1359px) */
@media screen and (min-width: 1024px) and (max-width: 1359px) {
  .hero-padding {
    padding: 100px 0 !important;
  }
  .px-6,
  .px-lg-6 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .slider {
    width: 520px !important;
    height: 400px !important;
  }

  .slider::before,
  .cloud-mask {
    background-size: 522px 400px !important;
  }
  .section-two br {
    display: none;
  }
  .about-section h2,
  .values-section h2,
  .contact-section h2,
  .cta-section h2 {
    font-size: 2.6rem !important;
  }

  .section-two h2,
  .section-three h2 {
    font-size: 2rem !important;
  }
  .section-two .w-50 {
    width: 1000% !important;
  }
  section.banner-section .row.align-items-center.mb-5 {
    margin-bottom: 0px !important;
  }
  .about-section .index.description,
  .about-section .stat-box p,
  .map-section .col-md-7.col-lg-7.mb-5 p {
    font-size: 1.55rem !important;
  }
  .card-inner {
    width: 100% !important;
    height: max-content !important;
    padding: 20px 25px !important;
  }
  .card-inner h3,
  .carousel-text h3 {
    font-size: 1.48rem !important;
  }
  .card-inner img,
  .card-inner .owl-carousel .owl-item img {
    width: 35% !important;
  }
  button.owl-prev span {
    right: 14% !important;
  }
  .footer-section img.footer-logo {
    width: 90% !important;
  }
  .footer-section p {
    margin-left: 40%;
  }
  .working-section .image {
    width: 110px !important;
    height: 110px !important;
  }
  .working-section .image img {
    width: 55% !important;
  }
  .hero-img-container {
    width: 80% !important;
  }
  .accent-icon {
    top: -20px !important;
    left: -77px !important;
    width: 18% !important;
  }

  .pink-decoration {
    bottom: -70px !important;
    right: -53px !important;
  }
  .carousel-text h3 {
    line-height: 32px !important;
  }
  .carousel-text {
    padding: 1rem 2rem !important;
    width: 65% !important;
  }
  .carousel-image {
    width: 35% !important;
  }
  .carousel-image img {
    width: 300px !important;
    height: 400px !important;
  }
  .mission-text {
    width: 70% !important;
  }
  .col-image {
    width: 30% !important;
  }
  .section-wrapper {
    width: 100% !important;
  }
  .col-image img {
    width: 100% !important;
  }
  .text-content {
    margin-bottom: 35px !important;
  }
  .map-img {
    width: 100% !important;
    height: auto !important;
  }
  .shape-animate.animate-in {
    width: 65% !important;
  }
  .contact-section .col-sm-12.col-md-7.col-lg-8 {
    width: 55% !important;
  }

  .contact-section .col-sm-12.col-md-5.col-lg-4 {
    width: 45% !important;
  }
  .support {
    left: 44% !important;
  }
  .passion {
    left: -20% !important;
  }
  idea {
    left: 26% !important;
  }
  img.hero-backimg {
    opacity: 1;
  }
  .section-two img.hero-backimg[src*="shape11.svg"] {
    top: -72% !important;
    width: 15% !important;
  }
  .shape10-animate.animate10-in {
    width: 70% !important;
  }
  .portfolio .tabs .overlay,
  .portfolio .content .content .overlay {
    width: 85% !important;
  }

  .mobile-frame {
    width: 220px !important;
  }
  .shape18-animate.animate18-in {
    top: 14% !important;
  }
  .row.image-box {
    margin-top: 5% !important;
  }
  .image-box .image-inner img {
    height: 300px !important;
    object-fit: cover;
    object-position: right cen;
  }
  .image-box .image-content {
    width: 70% !important;
    height: 380px !important;
    padding-left: 150px !important;
    padding-right: 40px !important;
  }
  .index.working-section .progress-container {
    top: 41% !important;
  }
  .working-section .progress-container {
    top: 28% !important;
  }
  .footer-section img.hero-backimg[src*="shape14.svg"] {
    top: -54% !important;
    width: 38% !important;
  }
  .social-icons {
    width: 40px !important;
    height: 40px !important;
    text-align: center;
  }
  .social-icons img {
    width: 90% !important;
  }
}
@media screen and (width: 1024px) {
  .shape-animate.animate-in {
    width: 68% !important;
  }
  .footer-section img.hero-backimg[src*="shape14.svg"] {
    top: -50% !important;
    width: 43% !important;
  }
  .social-icons {
    width: 40px !important;
    height: 40px !important;
    text-align: center;
  }
  .social-icons img {
    width: 90% !important;
  }
  .contact-section img.hero-backimg[src*="shape7.svg"] {
    right: -70px !important;
    top: 10% !important;
  }
}

/* Medium Devices (Tablets & Small Laptops) (992px to 1023px) */
@media screen and (min-width: 992px) and (max-width: 1023px) {
  .banner-text h1 {
    font-size: 2.8rem;
  }
  .hero-padding {
    padding: 100px 0 !important;
  }
  .px-6,
  .px-lg-6 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .slider {
    width: 520px !important;
    height: 400px !important;
  }

  .slider::before,
  .cloud-mask {
    background-size: cover !important;
  }
  .section-two br {
    display: none;
  }
  .about-section h2,
  .values-section h2,
  .contact-section h2,
  .cta-section h2 {
    font-size: 2.4rem !important;
  }

  .section-two h2,
  .section-three h2 {
    font-size: 2rem !important;
  }
  .section-two .w-50 {
    width: 1000% !important;
  }
  section.banner-section .row.align-items-center.mb-5 {
    margin-bottom: 0px !important;
  }
  .about-section .index.description,
  .about-section .stat-box p,
  .map-section .col-md-7.col-lg-7.mb-5 p {
    font-size: 1.2rem !important;
    line-height: 30px !important;
  }
  .card-inner {
    width: 100% !important;
    height: max-content !important;
    padding: 20px 25px !important;
  }
  .card-inner h3,
  .carousel-text h3 {
    font-size: 1.3rem !important;
  }
  .card-inner img,
  .card-inner .owl-carousel .owl-item img {
    width: 35% !important;
  }
  button.owl-prev span {
    right: 14% !important;
  }
  .footer-section img.footer-logo {
    width: 90% !important;
  }
  .footer-section p {
    margin-left: 40%;
  }
  .working-section .image {
    width: 100px !important;
    height: 100px !important;
  }

  .working-section .image::before {
    width: 140px !important;
    height: 140px !important;
  }
  .working-section .image::after {
    width: 120px !important;
    height: 120px !important;
  }

  .working-section .description-box {
    margin-top: 18%;
  }
  .working-section .progress-container {
    top: 26% !important;
  }
  .working-section .image img {
    width: 55% !important;
  }
  .hero-img-container {
    width: 80% !important;
  }
  .accent-icon {
    top: -20px !important;
    left: -77px !important;
    width: 18% !important;
  }

  .pink-decoration {
    bottom: -70px !important;
    right: -53px !important;
  }
  .carousel-text h3 {
    line-height: 32px !important;
  }
  .carousel-text {
    padding: 1rem 2rem !important;
    width: 65% !important;
  }
  .carousel-image {
    width: 35% !important;
  }
  .carousel-image img {
    width: 100% !important;
    height: 350px !important;
  }
  .mission-text {
    width: 60% !important;
  }
  .col-image {
    width: 40% !important;
  }
  .section-wrapper {
    width: 100% !important;
  }
  .col-image img {
    width: 100% !important;
  }
  .text-content {
    margin-bottom: 35px !important;
  }
  .map-img {
    width: 100% !important;
    height: auto !important;
  }
  .shape-animate.animate-in {
    width: 100% !important;
  }
  .contact-section .col-sm-12.col-md-7.col-lg-8 {
    width: 55% !important;
  }

  .contact-section .col-sm-12.col-md-5.col-lg-4 {
    width: 45% !important;
  }
  .support {
    left: 44% !important;
  }
  .passion {
    left: -20% !important;
  }
  idea {
    left: 26% !important;
  }
  img.hero-backimg {
    opacity: 0.7;
  }
  .portfolio .tabs .overlay,
  .portfolio .content .content .overlay {
    width: 90% !important;
    padding: 20px !important;
  }
  .portfolio .content .content .overlay h2 {
    font-size: 1.4rem !important;
  }
  .section-two-image {
    width: 100% !important;
  }
  .mobile-frame {
    width: 220px !important;
  }
  .shape18-animate.animate18-in {
    top: 14% !important;
  }
  .row.image-box {
    margin-top: 5% !important;
  }
  .image-box .image-inner img {
    height: 300px !important;
    object-fit: cover;
    object-position: right cen;
  }
  .image-box .image-content {
    width: 70% !important;
    height: 380px !important;
    padding-left: 150px !important;
    padding-right: 40px !important;
  }
}

/* Tablets and Large Mobiles (768px to 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
  img.hero-backimg {
    opacity: 0.5;
  }
  .shape10-animate.animate10-in,
  .shape-animate.animate-in {
    width: 100% !important;
  }
  .banner-text h1,
  .hero-text h1 {
    font-size: 2.5rem !important;
  }
  .about-section h2,
  .values-section h2,
  .contact-section h2,
  .cta-section h2,
  .map-section h2,
  .section-two h2,
  .section-three h2 {
    font-size: 2rem !important;
    line-height: 40px !important;
  }
  .px-6,
  .px-lg-6 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .banner-section .row.align-items-center.mb-5 {
    margin-bottom: 0rem !important;
  }
  .slider {
    width: 400px !important;
    height: 320px !important;
  }

  .slider::before,
  .cloud-mask {
    background-size: 100% 100% !important;
  }

  .about-section .index.description {
    font-size: 1.1rem !important;
    line-height: 28px !important;
  }

  .index.about-section img.hero-backimg[src*="shape8.svg"] {
    bottom: 0% !important;
  }
  .services-section .card-inner img {
    width: 35%;
  }

  .services-section .card-inner {
    width: 100% !important;
    height: 100% !important;
    padding: 30px !important;
    max-height: 480px !important;
  }
  .description-box {
    width: 100% !important;
  }
  .card-inner h3,
  .description-box h3 {
    font-size: 1.4rem !important;
  }

  .footer-section {
    padding: 2rem !important;
  }
  h2.footer-headline {
    font-size: 1.8rem !important;
  }
  button.owl-prev span {
    right: 15% !important;
  }
  .footer-section p {
    margin-left: 40%;
  }
  .footer-section img.hero-backimg[src*="shape14.svg"] {
    top: -70% !important;
    width: 72% !important;
  }

  .footer-section img.footer-logo {
    filter: brightness(0.3);
    width: 65%;
  }
  .stat-box h3,
  .circle-highlight h3,
  .circle-highlight h3 span {
    font-size: 1.8rem !important;
    font-weight: 700;
    line-height: 2.25rem;
  }
  .stat-box p {
    font-size: 1.55rem !important;
  }

  .carousel-image img {
    width: 100% !important;
    height: 300px !important;
  }
  .carousel-text {
    padding: 1rem 2rem !important;
  }
  .carousel-text h3 {
    font-size: 1.25rem !important;
    line-height: 30px !important;
  }
  .section-wrapper {
    width: 100% !important;
    padding: 0px 20px !important;
  }
  .map-img {
    width: 85% !important;
    height: auto !important;
  }
  .map-section .stat-box p {
    font-size: 1rem !important;
  }
  .map-section p,
  .number-box h3,
  .image-box .image-content p.subtext {
    font-size: 1.2rem !important;
    line-height: 24px !important;
  }
  .contact-section .col-md-7.col-lg-8 {
    width: 45% !important;
  }
  .contact-section .col-md-5.col-lg-4 {
    width: 55% !important;
  }
  .graphic {
    margin-top: 30% !important;
  }
  .graphic img {
    width: 60% !important;
  }
  .tag {
    font-size: 1.2rem !important;
    width: 100px !important;
    line-height: 45px !important;
  }
  .portfolio .tabs .content img {
    height: 260px !important;
  }
  .portfolio .tabs .all .content .overlay h3,
  .portfolio .content .content .overlay h3 {
    font-size: 1.2rem;
    font-weight: 700;
  }
  .portfolio .content .content .overlay {
    padding: 20px 10px !important;
  }

  .solutions-section {
    min-height: 400px !important;
    height: 400px !important;
  }

  .box-container .col-md-6.col-lg-6:nth-child(1) .number::before {
    left: 3px !important;
  }
  .box-container .col-md-6.col-lg-6:nth-child(3) .number::before {
    left: 8px !important;
  }

  .box-container .col-md-6.col-lg-6:nth-child(4) .number::before {
    left: 10px !important;
  }

  .box-container .col-md-6.col-lg-6:nth-child(2) .number::before {
    left: 10px !important;
  }
  .mobile-row
    .col-md-4.d-flex.justify-content-center:nth-child(2)
    .mobile-frame {
    margin-top: 20% !important;
  }
  .mobile-section .mobile-frame {
    width: 150px !important;
    height: max-content;
  }
  .row.image-box {
    margin-top: 0;
  }
  .image-box .image-content {
    height: 200px !important;
    padding: 150px 100px !important;
  }
  .section-three img.hero-backimg[src*="shape18.svg"] {
    top: 22% !important;
  }

  .working-section .image {
    width: 100px !important;
    height: 100px !important;
  }
  .image::after {
    width: 120px !important;
    height: 120px !important;
  }
  .working-section .image img {
    width: 60%;
  }
  .working-section .progress-container {
    top: 26% !important;
  }
  .index.working-section .progress-container {
    top: 36% !important;
  }
  .description-box h3 {
    margin-top: 20% !important;
  }

  .hero-padding {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .hero-img-container {
    width: 65% !important;
  }
  .accent-icon {
    left: -50px !important;
    width: 20% !important;
  }

  .about-section h5 {
    font-size: 1.2rem !important;
  }

  .circle-highlight {
    padding: 20px 30px !important;
    width: 250px !important;
    height: 250px !important;
  }
  .bg-accent-left,
  .bg-accent-right {
    width: 235px !important;
    height: 235px !important;
  }
  .about-section .row-gap-5 {
    row-gap: 0rem !important;
  }

  .carousel-text {
    padding: 2rem 2rem !important;
    width: 70% !important;
  }
  .map-section .row.pb-5 {
    padding: 1rem !important;
  }

  .case-hero-img img.monitor {
    width: 100% !important;
    height: a;
  }
  .case-hero-img {
    margin-top: 5rem !important;
    width: 250px !important;
    height: 250px !important;
  }
  img.man1.position-absolute,
  img.man2.position-absolute,
  img.man3.position-absolute {
    width: 60px !important;
  }
  section.case-study-hero.hero-section .section-padding {
    padding-bottom: 0px !important;
  }
  .section-two {
    padding: 50px 0 !important;
  }
  .box-container {
    height: 100% !important;
  }
  .mobile-section.section-two.pb-0 {
    overflow: hidden;
    padding: 0 !important;
    padding-bottom: 0px !important;
    padding-top: 30px !important;
  }
  .custom-section-two.container-fluid.px-6.p-lg-6 {
    margin-top: 2%;
  }
  .support {
    left: 49% !important;
    top: -30px !important;
  }
  .passion {
    left: -15% !important;
    top: 57px !important;
  }
  .idea {
    left: 42% !important;
    bottom: -20px !important;
  }
  .custom-section-one .image-box .image-inner,
  .custom-section-two .image-box .image-inner {
    width: 45% !important;
  }
  .custom-section-one .image-box .image-content,
  .custom-section-two .image-box .image-content {
    width: 65% !important;
  }
  .section-two .row.w-50 {
    width: 100% !important;
  }
  section.case-study-section.section-two.pb-0 {
    padding-bottom: 0px !important;
  }
  .graphic img {
    width: 100% !important;
  }
  .image-box .image-inner img {
    height: auto !important;
  }
  .section-two-image {
    width: 100% !important;
  }
  .section-two .description {
    padding-right: 0rem !important;
  }
}

/* Large Mobiles (600px to 767px) */
@media screen and (min-width: 600px) and (max-width: 767px) {
  .shape10-animate.animate10-in {
    width: 100% !important;
  }

  .section-padding {
    padding: 30px 0 !important;
  }
  .px-6,
  .px-lg-6 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .banner-text h1,
  .hero-text h1 {
    font-size: 2.5rem !important;
  }
  .about-section h2,
  .values-section h2,
  .contact-section h2,
  .cta-section h2,
  .map-section h2,
  .section-two h2,
  .section-three h2 {
    font-size: 2rem !important;
    line-height: 40px !important;
  }
  .banner-section .row.align-items-center.mb-5 {
    margin-bottom: 0rem !important;
  }
  .slider {
    width: 400px !important;
    height: 320px !important;
  }

  .slider::before,
  .cloud-mask {
    background-size: 100% 100% !important;
  }

  .about-section .index.description {
    font-size: 1.1rem !important;
    line-height: 28px !important;
  }

  .index.about-section img.hero-backimg[src*="shape8.svg"] {
    bottom: 0% !important;
  }
  .services-section .card-inner img {
    width: 35%;
  }

  .services-section .card-inner {
    width: 100% !important;
    height: 100% !important;
    padding: 30px !important;
    max-height: 480px !important;
  }
  .description-box {
    width: 100% !important;
  }
  .card-inner h3,
  .description-box h3 {
    font-size: 1.4rem !important;
  }

  .footer-section {
    padding: 2rem !important;
  }
  h2.footer-headline {
    font-size: 1.8rem !important;
    margin-top: 10%;
  }
  .owl-nav button span {
    top: -145px !important;
  }
  button.owl-prev span {
    right: 15% !important;
  }
  .footer-section p {
    margin-left: 0%;
  }
  .footer-section img.hero-backimg[src*="shape14.svg"] {
    top: -15% !important;
    width: 100% !important;
  }

  .footer-section img.footer-logo {
    width: 50%;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
    display: flex;
  }
  .stat-box h3,
  .circle-highlight h3,
  .circle-highlight h3 span {
    font-size: 2rem !important;
    font-weight: 700;
    line-height: 2.25rem;
  }
  .stat-box p {
    font-size: 1.55rem !important;
  }

  .carousel-image img {
    width: 100% !important;
    height: 300px !important;
  }
  .carousel-text {
    padding: 1rem 2rem !important;
  }
  .carousel-text h3 {
    font-size: 1.25rem !important;
    line-height: 30px !important;
  }
  .section-wrapper {
    width: 100% !important;
    padding: 20px!important;
  }
  .map-img {
    width: 85% !important;
    height: auto !important;
  }
  .map-section .stat-box p {
    font-size: 1rem !important;
  }
  .map-section p,
  .number-box h3,
  .image-box .image-content p.subtext {
    font-size: 1.2rem !important;
    line-height: 24px !important;
  }
  .contact-section .col-md-7.col-lg-8 {
    width: 45% !important;
  }
  .contact-section .col-md-5.col-lg-4 {
    width: 55% !important;
  }
  .graphic {
    margin-top: 30% !important;
  }
  .graphic img {
    width: 60% !important;
  }
  .tag {
    font-size: 1.2rem !important;
    width: 100px !important;
    line-height: 45px !important;
  }
  .shape-animate.animate-in {
    width: 75% !important;
  }
  .portfolio .tabs .content img {
    height: 260px !important;
  }
  .portfolio .tabs .all .content .overlay h3,
  .portfolio .content .content .overlay h3 {
    font-size: 1rem;
    font-weight: 700;
  }
  .portfolio .content .content .overlay {
    padding: 20px 10px !important;
    width: 90% !important;
  }

  .solutions-section {
    min-height: 400px !important;
    height: 400px !important;
  }

  .box-container .col-md-6.col-lg-6:nth-child(1) .number::before {
    left: 3px !important;
  }
  .box-container .col-md-6.col-lg-6:nth-child(3) .number::before {
    left: 8px !important;
  }

  .box-container .col-md-6.col-lg-6:nth-child(4) .number::before {
    left: 10px !important;
  }

  .box-container .col-md-6.col-lg-6:nth-child(2) .number::before {
    left: 10px !important;
  }
  .mobile-section .mobile-frame {
    width: 150px !important;
    height: max-content;
  }
  .row.image-box {
    margin-top: 4px !important;
  }
  .image-box .image-content {
    height: 200px !important;
    padding: 150px 100px !important;
  }
  .section-three img.hero-backimg[src*="shape18.svg"] {
    top: 29% !important;
  }

  .working-section .image {
    width: 100px !important;
    height: 100px !important;
  }
  .image::after {
    width: 120px !important;
    height: 120px !important;
  }
  .working-section .image img {
    width: 60%;
  }
  .working-section .progress-container {
    top: 12% !important;
    right: 2% !important;
    left: auto !important;
    height: 65% !important;
    width: 12px !important;
  }
  .working-section .description-box {
    margin-bottom: 10% !important;
  }
  .working-section .description-box h3 {
    margin-top: 0% !important;
  }

  .hero-padding {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .hero-img-container {
    width: 65% !important;
  }
  .accent-icon {
    left: -50px !important;
    width: 20% !important;
  }

  .about-section h5 {
    font-size: 1.2rem !important;
  }

  .circle-highlight {
    padding: 20px 30px !important;
    width: 250px !important;
    height: 250px !important;
  }
  .bg-accent-left,
  .bg-accent-right {
    width: 250px !important;
    height: 250px !important;
  }
  .about-section .row-gap-5 {
    row-gap: 0rem !important;
  }

  .carousel-text {
    padding: 2rem 2rem !important;
    width: 70% !important;
  }
  .map-section .row.pb-5 {
    padding: 1rem !important;
  }

  .case-hero-img img.monitor {
    width: 100% !important;
    height: a;
  }
  .case-hero-img {
    margin-top: 5rem !important;
    width: 250px !important;
    height: 250px !important;
  }
  img.man1.position-absolute,
  img.man2.position-absolute,
  img.man3.position-absolute {
    width: 60px !important;
  }
  section.case-study-hero.hero-section .section-padding {
    padding-bottom: 0px !important;
  }
  .section-two {
    padding: 50px 0 !important;
  }
  .box-container {
    height: 100% !important;
  }
  .mobile-section.section-two.pb-0 {
    overflow: hidden;
    padding: 0 !important;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
  }
  .custom-section-two.container-fluid.px-6.p-lg-6 {
    margin-top: 2%;
  }
  .custom-section-one .image-box .image-inner,
  .custom-section-two .image-box .image-inner {
    width: 45% !important;
  }
  .custom-section-one .image-box .image-content,
  .custom-section-two .image-box .image-content {
    width: 65% !important;
    padding: 20px !important;
  }
  .section-two .row.w-50 {
    width: 100% !important;
  }
  section.case-study-section.section-two.pb-0 {
    padding-bottom: 0px !important;
  }
  .social-icons-container {
    display: flex;
    justify-content: center !important;
    margin-top: 10px !important;
  }
  .footer-section .row.mb-5,
  .footer-section .row.mt-5.mb-4.align-items-center {
    margin-bottom: 0rem !important;
    margin-top: 0rem !important;
  }
  .carousel-item {
    display: block !important;
  }
  .carousel-text,
  .carousel-image,
  .mission-text,
  .col-image,
  .contact-section .col-md-7.col-lg-8,
  .contact-section .col-md-5.col-lg-4,
  section.section-three.position-relative .image-box .image-inner,
  section.section-three.position-relative .image-box .image-content {
    width: 100% !important;
  }
  .carousel-text {
    padding: 1rem !important;
  }
  .values-section .d-flex.mt-3 {
    display: block !important;
  }
  .map-section .row.pb-5 {
    padding: 1rem 0rem !important;
  }
  .map-img {
    width: 100% !important;
    height: 100% !important;
  }
  .map-section .col-lg-5.mb-5::before {
    height: 2px !important;
    width: 100% !important;
    top: 100% !important;
  }
  .map-section p {
    text-align: left !important;
  }
  .map-section p,
  .number-box h3,
  .image-box .image-content p.subtext {
    font-size: 1.4rem !important;
    line-height: 24px !important;
  }
  .graphic {
    margin: 15% 20% !important;
  }
  .graphic img {
    width: 80% !important;
  }
  .idea {
    left: 42% !important;
    top: 92% !important;
  }
  .passion {
    left: -16% !important;
  }
  .support {
    left: 50% !important;
    top: -12% !important;
  }
  .case-hero-img {
    margin-top: 8rem !important;
  }
  .tabs {
    text-align: center;
  }
  .portfolio .tabs label {
    margin: 6px 4px !important;
  }

  .portfolio .tabs .content {
    margin-bottom: 10px !important;
  }
  .section-two .description {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
  }
  .description-box h3 {
    margin-top: 0% !important;
  }
  .description-box {
    margin: 10% 0 !important;
  }
  .mobile-section .mobile-frame {
    width: 100% !important;
    height: max-content;
  }
  .row.image-box {
    display: block !important;
  }

  section.section-three.position-relative
    .custom-section-one
    .image-box
    .image-inner,
  section.section-three.position-relative
    .custom-section-two
    .image-box
    .image-inner {
    position: relative;
  }
  .image-box .image-inner img,
  .image-box .image-content {
    border-top-right-radius: inherit !important;
    border-top-left-radius: inherit !important;
    width: 100% !important;
    height: 100% !important;
  }
  .mobile-row
    .col-md-4.d-flex.justify-content-center:nth-child(2)
    .mobile-frame {
    margin-top: 30% !important;
  }
  .contact-section img.hero-backimg[src*="shape7.svg"] {
    display: none;
  }
  .custom-section-two .image-box .image-content {
    padding-left: 20px !important;
  }
}
/* Large Mobiles (480px to 599px) */
@media screen and (min-width: 480px) and (max-width: 599px) {
  .shape10-animate.animate10-in {
    width: 100% !important;
  }

  .section-padding {
    padding: 20px 0 !important;
  }
  .hero-padding {
    padding: 60px 0 !important;
  }
  .px-6,
  .px-lg-6 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .banner-text h1,
  .hero-text h1 {
    font-size: 2.5rem !important;
  }
  .about-section h2,
  .values-section h2,
  .contact-section h2,
  .cta-section h2,
  .map-section h2,
  .section-two h2,
  .section-three h2 {
    font-size: 2rem !important;
    line-height: 40px !important;
  }
  .about-section .index.description {
    font-size: 1.2rem !important;
    line-height: 30px !important;
  }
  .banner-section .row.align-items-center.mb-5 {
    margin-bottom: 0rem !important;
  }
  .slider {
    width: 302px !important;
    height: 235px !important;
  }
  .slider::before,
  .cloud-mask {
    background-size: cover !important;
  }
  img.hero-backimg {
    opacity: 0.7;
  }
  .owl-nav button span {
    width: 40px !important;
    height: 40px !important;
  }
  button.owl-prev span {
    background: #eb9319;
    right: 16% !important;
  }
  .working-section .progress-container {
    top: 12% !important;
  }
  .working-section .progress-container {
    right: 14px !important;
    width: 12px !important;
    height: 65%;
    left: auto;
  }
  h2.footer-headline {
    font-size: 1.5rem !important;
  }
  .footer-section img.footer-logo {
    justify-content: c;
    width: 80% !important;
    padding: 20px;
    text-align: center;
    margin: 0 auto;
    display: flex;
  }
  .footer-section .col-xs-6.col-sm-4.col-md-4.col-lg-4 {
    width: 50%;
  }
  .footer-section p {
    margin-left: 0% !important;
  }
  .social-icons-container {
    justify-content: center !important;
  }
  section.footer-section .row.mt-5.mb-4.align-items-center,
  section.footer-section .row.mb-5 {
    margin: 0rem !important;
  }
  .stat-box p {
    font-size: 1.3rem !important;
  }

  .carousel-item {
    display: block !important;
  }
  .carousel-text,
  .carousel-image,
  .mission-text,
  .col-image,
  .contact-section .col-md-7.col-lg-8,
  .contact-section .col-md-5.col-lg-4,
  section.section-three.position-relative .image-box .image-inner,
  section.section-three.position-relative .image-box .image-content {
    width: 100% !important;
    padding: 0 !important;
    height: auto !important;
    padding: 20px !important;
  }
  .carousel-text {
    padding: 1rem !important;
  }
  .values-section .d-flex.mt-3 {
    display: block !important;
  }
  .map-section .row.pb-5 {
    padding: 1rem 0rem !important;
  }
  .map-img {
    width: 100% !important;
    height: 100% !important;
  }
  .map-section .col-lg-5.mb-5::before {
    height: 2px !important;
    width: 100% !important;
    top: 100% !important;
  }
  .map-section p {
    text-align: left !important;
  }
  .map-section p,
  .number-box h3,
  .image-box .image-content p.subtext {
    font-size: 1.1rem !important;
    line-height: 24px !important;
  }
  .graphic {
    margin: 10% 20% !important;
  }
  .graphic img {
    width: 100% !important;
  }
  .idea {
    left: 42% !important;
    top: 92% !important;
  }
  .passion {
    left: -26% !important;
  }
  .support {
    left: 50% !important;
    top: -12% !important;
  }
  .case-hero-img {
    margin-top: 8rem !important;
  }
  .tabs {
    text-align: center;
  }
  .portfolio .tabs label {
    margin: 6px 4px !important;
  }

  .portfolio .tabs .content {
    margin-bottom: 10px !important;
  }
  .section-two .description {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
  }
  .description-box h3 {
    margin-top: 0% !important;
  }
  .description-box {
    margin: 10% 0 !important;
  }
  .mobile-section .mobile-frame {
    width: 80% !important;
    height: max-content;
  }
  .row.image-box {
    display: block !important;
  }

  section.section-three.position-relative
    .custom-section-one
    .image-box
    .image-inner,
  section.section-three.position-relative
    .custom-section-two
    .image-box
    .image-inner {
    position: relative;
    padding: 0 !important;
  }
  .image-box .image-inner img,
  .image-box .image-content {
    border-top-right-radius: inherit !important;
    border-top-left-radius: inherit !important;
    height: auto !important;
  }
  .mobile-row
    .col-md-4.d-flex.justify-content-center:nth-child(2)
    .mobile-frame {
    margin-top: 0 !important;
  }
  .box-container {
    padding: 40px 0px !important;
  }
  .hero-img-container {
    width: 50% !important;
  }
  .carousel-image img {
    width: 100% !important;
    height: max-content !important;
  }
  .carousel-text h3 {
    font-size: 1.5rem !important;
    line-height: 30px !important;
  }
  .section-wrapper {
    width: 100% !important;
    padding: 60px 0 !important;
  }
  .stat-box h3,
  .circle-highlight h3,
  .circle-highlight h3 span {
    font-size: 2.2rem !important;
    line-height: 2.25rem !important;
  }
  .map-section .container-fluid {
    width: 90% !important;
    padding: 2rem !important;
  }
  .map-section h2,
  .map-section p {
    text-align: center !important;
  }
  .map-section .col-md-7.col-lg-7.mb-5 {
    margin-bottom: 0px !important;
  }
  .contact-section img.hero-backimg[src*="shape7.svg"] {
    display: none;
  }
  .box-container {
    height: 100% !important;
  }
  .graphic {
    margin: 15% 20% !important;
  }
  .graphic img {
    width: 100% !important;
  }
  .idea {
    left: 42% !important;
    top: 92% !important;
  }
  .passion {
    left: -26% !important;
  }
  .support {
    left: 50% !important;
    top: -12% !important;
  }
  .tag {
    font-size: 1rem !important;
    width: 75px !important;
    line-height: 30px !important;
  }
  .section-two {
    padding: 60px 0 !important;
    padding-bottom: 0px !important;
  }
  .portfolio .tabs .overlay,
  .portfolio .content .content .overlay {
    width: 90% !important;
  }
}

/* Medium Mobiles (425px to 479px) */
@media screen and (min-width: 425px) and (max-width: 479px) {
  .portfolio .tabs .overlay,
  .portfolio .content .content .overlay {
    width: 90% !important;
    padding: 25px 20px !important;
  }
  .shape10-animate.animate10-in {
    width: 100% !important;
  }

  .section-padding {
    padding: 20px 0 !important;
  }
  .hero-padding {
    padding: 60px 0 !important;
  }
  .px-6,
  .px-lg-6 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .banner-text h1,
  .hero-text h1 {
    font-size: 2.5rem !important;
  }
  .about-section h2,
  .values-section h2,
  .contact-section h2,
  .cta-section h2,
  .map-section h2,
  .section-two h2,
  .section-three h2 {
    font-size: 2rem !important;
    line-height: 40px !important;
  }
  .about-section .index.description {
    font-size: 1.2rem !important;
    line-height: 30px !important;
  }
  .banner-section .row.align-items-center.mb-5 {
    margin-bottom: 0rem !important;
  }
  .slider {
    width: 302px !important;
    height: 235px !important;
  }
  .slider::before,
  .cloud-mask {
    background-size: cover !important;
    inset: 0%;
    transform: scale(1.01);
  }
    .index.about-section img.hero-backimg[src*="shape9.png"] {
    width: 50% !important;
}
.index.about-section img.hero-backimg[src*="shape8.svg"]{
     width: 30% !important;
}
  img.hero-backimg {
    opacity: 0.7;
  }
  .owl-nav button span {
    width: 40px !important;
    height: 40px !important;
  }
  button.owl-prev span {
    background: #eb9319;
    right: 20% !important;
  }
  .working-section .progress-container {
    top: 12% !important;
  }
  .working-section .progress-container {
    right: 14px !important;
    width: 12px !important;
    height: 65%;
    left: auto;
  }
  .index.working-section .progress-container {
    right: 14px !important;
    width: 12px !important;
    height: 85% !important;
    left: auto;
  }
  h2.footer-headline {
    font-size: 1.5rem !important;
  }
  .footer-section img.footer-logo {
    justify-content: c;
    width: 80% !important;
    padding: 20px;
    text-align: center;
    margin: 0 auto;
    display: flex;
  }
  .footer-section .col-xs-6.col-sm-4.col-md-4.col-lg-4 {
    width: 50%;
  }
  .footer-section p {
    margin-left: 0% !important;
  }
  .social-icons-container {
    justify-content: center !important;
  }
  section.footer-section .row.mt-5.mb-4.align-items-center,
  section.footer-section .row.mb-5 {
    margin: 0rem !important;
  }
  .stat-box p {
    font-size: 1.3rem !important;
  }

  .carousel-item {
    display: block !important;
  }
  .carousel-text,
  .carousel-image,
  .mission-text,
  .col-image,
  .contact-section .col-md-7.col-lg-8,
  .contact-section .col-md-5.col-lg-4,
  section.section-three.position-relative .image-box .image-inner,
  section.section-three.position-relative .image-box .image-content {
    width: 100% !important;
    padding: 0 !important;
    height: auto !important;
    padding: 20px !important;
  }
  .mission-text{
      padding:0px !important;
  }
  .carousel-text {
    padding: 1rem !important;
  }
  .values-section .d-flex.mt-3 {
    display: block !important;
  }
  .map-section .row.pb-5 {
    padding: 1rem 0rem !important;
  }
  .map-img {
    width: 100% !important;
    height: 100% !important;
  }
  .map-section .col-lg-5.mb-5::before {
    height: 2px !important;
    width: 100% !important;
    top: 100% !important;
  }
  .map-section p {
    text-align: left !important;
  }
  .map-section p,
  .number-box h3,
  .image-box .image-content p.subtext {
    font-size: 1rem !important;
    line-height: 24px !important;
  }
  .about-section .col-xs-12.col-sm-6.col-md-6.col-lg-6.text-left.stat-box {
    width: 50% !important;
}
  .graphic {
    margin: 10% 20% !important;
  }
  .graphic img {
    width: 100% !important;
  }
  .idea {
    left: 42% !important;
    top: 92% !important;
  }
  .passion {
    left: -26% !important;
  }
  .support {
    left: 50% !important;
    top: -12% !important;
  }
  .case-hero-img {
    margin-top: 8rem !important;
    width: 250px !important;
    height: 250px !important;
  }
  .case-hero-img img.monitor {
    width: 100% !important;
  }
  img.man1.position-absolute,
  img.man2.position-absolute,
  img.man3.position-absolute {
    width: 65px !important;
  }
  img.man1.position-absolute {
    left: -7% !important;
  }
  img.man3.position-absolute {
    left: 85% !important;
  }

  .tabs {
    text-align: center;
  }
  .portfolio .tabs label {
    margin: 6px 4px !important;
  }
  .portfolio .tabs .content img{
      height:260px !important;
  }

  .portfolio .tabs .content {
    margin-bottom: 20px !important;
  }
  .section-two .description {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
  }
  .description-box h3 {
    margin-top: 0% !important;
  }
  .description-box {
    margin: 10% 0 !important;
  }
  .mobile-section .mobile-frame {
    width: 80% !important;
    height: max-content;
  }
  .row.image-box {
    display: block !important;
  }

  section.section-three.position-relative
    .custom-section-one
    .image-box
    .image-inner,
  section.section-three.position-relative
    .custom-section-two
    .image-box
    .image-inner {
    position: relative;
    padding: 0 !important;
  }
  .image-box .image-inner img,
  .image-box .image-content {
    border-top-right-radius: inherit !important;
    border-top-left-radius: inherit !important;
    height: auto !important;
  }
  .mobile-row
    .col-md-4.d-flex.justify-content-center:nth-child(2)
    .mobile-frame {
    margin-top: 0 !important;
  }
  .box-container {
    padding: 40px 0px !important;
  }
  .hero-img-container {
    width: 50% !important;
  }
  .carousel-image img {
    width: 100% !important;
    height: max-content !important;
  }
  .carousel-text h3 {
    font-size: 1.5rem !important;
    line-height: 30px !important;
  }
  .section-wrapper {
    width: 100% !important;
    padding: 20px 0px !important;
  }
  .stat-box h3,
  .circle-highlight h3,
  .circle-highlight h3 span {
    font-size: 2.2rem !important;
    line-height: 2.25rem !important;
  }
  .map-section .container-fluid {
    width: 90% !important;
    padding: 2rem !important;
  }
  .map-section h2,
  .map-section p {
    text-align: center !important;
  }
  .map-section .col-md-7.col-lg-7.mb-5 {
    margin-bottom: 0px !important;
  }
  .contact-section img.hero-backimg[src*="shape7.svg"] {
    display: none;
  }
  .box-container {
    height: 100% !important;
  }
  .graphic {
    margin: 15% 20% !important;
  }
  .graphic img {
    width: 100% !important;
  }
  .idea {
    left: 42% !important;
    top: 92% !important;
  }
  .passion {
    left: -26% !important;
  }
  .support {
    left: 50% !important;
    top: -12% !important;
  }
  .tag {
    font-size: 1rem !important;
    width: 75px !important;
    line-height: 30px !important;
  }
  section.case-study-section.section-two.pb-0{
    padding-bottom: 0px !important;
  }
  .section-two {
    padding: 60px 0 !important;
    padding-bottom: 40px !important;
  }
  .contact-section .col-sm-12.col-md-5.col-lg-4 {
    padding: 0px !important;
  }
  
  .services-carousel .card-inner {
    width: 94% !important;
    height: 100% !important;
    background: var(--background-five);
    border-radius: 12px;
    padding: 20px 30px;
    transition: all 0.3s;
}
}

/* Small Mobiles (375px to 424px) */
@media screen and (min-width: 375px) and (max-width: 424px) {
  .portfolio .tabs .overlay,
  .portfolio .content .content .overlay {
    width: 90% !important;
  }
  .shape10-animate.animate10-in {
    width: 100% !important;
  }

  .section-padding {
    padding: 20px 0 !important;
  }
  .hero-padding {
    padding: 60px 0 !important;
  }
  .px-6,
  .px-lg-6 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .banner-text h1,
  .hero-text h1 {
    font-size: 2rem !important;
    line-height: 38px !important;
  }
  .animated-text {
    top: 2.5rem !important;
}
  .about-section h2,
  .values-section h2,
  .contact-section h2,
  .cta-section h2,
  .map-section h2,
  .section-two h2,
  .section-three h2 {
    font-size: 2rem !important;
    line-height: 40px !important;
  }
  .about-section .index.description {
    font-size: 1rem !important;
    line-height: 25px !important;
  }
  .banner-section .row.align-items-center.mb-5 {
    margin-bottom: 0rem !important;
  }
  .slider {
    width: 250px !important;
    height: 193px !important;
  }
  .slider::before,
  .cloud-mask {
    background-size: 100% !important;
    inset: 0%;
    transform: scale(1.01);
  }
  img.hero-backimg {
    opacity: 0.7;
  }
  .owl-nav button span {
    width: 40px !important;
    height: 40px !important;
  }
  button.owl-prev span {
    background: #eb9319;
    right: 20% !important;
  }
  .working-section .progress-container {
    top: 12% !important;
  }
  .working-section .progress-container {
    right: 8px !important;
    width: 10px !important;
    height: 65% !important;
    left: auto;
  }
  .index.working-section .progress-container {
    right: 8px !important;
    width: 10px !important;
    height: 85% !important;
  }
  h2.footer-headline {
    font-size: 1.5rem !important;
  }
  .footer-section img.footer-logo {
    justify-content: c;
    width: 80% !important;
    padding: 20px;
    text-align: center;
    margin: 0 auto;
    display: flex;
  }
  .footer-section .col-xs-6.col-sm-4.col-md-4.col-lg-4 {
    width: 50%;
  }
  .footer-section p {
    margin-left: 0% !important;
  }
  .social-icons-container {
    justify-content: center !important;
  }
  section.footer-section .row.mt-5.mb-4.align-items-center,
  section.footer-section .row.mb-5 {
    margin: 0rem !important;
  }
  .stat-box p {
    font-size: 1.2rem !important;
  }

  .carousel-item {
    display: block !important;
  }
  .carousel-text,
  .carousel-image,
  .mission-text,
  .col-image,
  .contact-section .col-md-7.col-lg-8,
  .contact-section .col-md-5.col-lg-4,
  section.section-three.position-relative .image-box .image-inner,
  section.section-three.position-relative .image-box .image-content {
    width: 100% !important;
    padding: 0 !important;
    height: auto !important;
    padding: 20px !important;
  }
  .mission-text{
     padding: 0px !important;
  }
  .carousel-text {
    padding: 1rem !important;
  }
  .values-section .d-flex.mt-3 {
    display: block !important;
  }
  .map-section .row.pb-5 {
    padding: 1rem 0rem !important;
  }
  .map-img {
    width: 100% !important;
    height: 100% !important;
  }
  .map-section .col-lg-5.mb-5::before {
    height: 2px !important;
    width: 100% !important;
    top: 100% !important;
  }
  .map-section p {
    text-align: left !important;
  }
  .map-section p,
  .number-box h3,
  .image-box .image-content p.subtext {
    font-size: 1rem !important;
    line-height: 24px !important;
  }
  .number-box h3,
  .number-box h3.number{
      font-size: 1.4rem !important;
  }
  section.section-three.position-relative {
        padding-top: 50px;
    }

  .graphic {
    margin: 15% 20% !important;
  }
  .graphic img {
    width: 100% !important;
  }
  .idea {
    left: 42% !important;
    top: 92% !important;
  }
  .passion {
    left: -26% !important;
  }
  .support {
    left: 50% !important;
    top: -12% !important;
  }
  .case-hero-img {
    margin-top: 6rem !important;
    width: 200px !important;
    height: 200px !important;
  }
  .monitor {
    width: 100% !important;
  }
  img.man1.position-absolute,
  img.man2.position-absolute,
  img.man3.position-absolute {
    width: 50px !important;
  }
  img.man1.position-absolute {
    left: -7% !important;
  }
  img.man3.position-absolute {
    left: 85% !important;
  }

  .tabs {
    text-align: center;
  }
  .portfolio .tabs label {
    margin: 6px 4px !important;
  }

  .portfolio .tabs .content {
    margin-bottom: 18px !important;
    padding: 0 10px !important;
  }
  .section-two .description {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
  }
  .description-box h3 {
    margin-top: 0% !important;
  }
  .description-box {
    margin: 15% 0 !important;
  }
  .mobile-section .mobile-frame {
    width: 80% !important;
    height: max-content;
  }
  .row.image-box {
    display: block !important;
  }

  section.section-three.position-relative
    .custom-section-one
    .image-box
    .image-inner,
  section.section-three.position-relative
    .custom-section-two
    .image-box
    .image-inner {
    position: relative;
    padding: 0 !important;
  }
  .image-box .image-inner img,
  .image-box .image-content {
    border-top-right-radius: inherit !important;
    border-top-left-radius: inherit !important;
    height: auto !important;
  }
  .mobile-row
    .col-md-4.d-flex.justify-content-center:nth-child(2)
    .mobile-frame {
    margin-top: 0 !important;
  }
  .box-container {
    padding: 20px 0px !important;
  }
  .hero-img-container {
    width: 50% !important;
  }
  .carousel-image img {
    width: 100% !important;
    height: max-content !important;
  }
  .carousel-text h3 {
    font-size: 1.5rem !important;
    line-height: 30px !important;
  }
  .section-wrapper {
    width: 100% !important;
    padding: 20px !important;
  }
  .stat-box h3,
  .circle-highlight h3,
  .circle-highlight h3 span {
    font-size: 2.2rem !important;
    line-height: 2.25rem !important;
  }
  .map-section .container-fluid {
    width: 95% !important;
    padding: 2rem !important;
  }
  .map-section h2,
  .map-section p {
    text-align: center !important;
  }
  .map-section .col-md-7.col-lg-7.mb-5 {
    margin-bottom: 0px !important;
  }
  .contact-section img.hero-backimg[src*="shape7.svg"] {
    display: none;
  }
  .box-container {
    height: 100% !important;
  }
  .row-gap-5 {
    row-gap: 0rem !important;
    margin-top: 2% !important;
  }
  .about-section .col-sm-12.col-md-8.col-lg-6.col-xl-6 {
    width: 100% !important;
  }
  .pink-decoration {
    bottom: -38px !important;
    right: -40px !important;
    width: 50% !important;
  }
  .accent-icon {
    top: -13px !important;
    left: -50px !important;
    width: 30% !important;
  }
  .about-section h5 {
    font-size: 1.4rem !important;
  }
  .about-section .col-md-4.col-lg-6.mb-5 {
    margin-bottom: 1rem !important;
  }
  .circle-highlight-auto {
    padding: 0px !important;
  }
  .section-two {
    padding: 20px 0 !important;
  }
  .box-container {
    margin: 0px 0 !important;
  }
  .tag {
    font-size: 1rem !important;
    width: 75px !important;
    line-height: 30px !important;
  }
  .contact-form {
    padding: 20px !important;
    gap: 13px !important;
  }
  .section-two-image {
    width: 100% !important;
  }
  .section-two br {
    display: none;
  }
  .portfolio .tabs .overlay,
  .portfolio .content .content .overlay {
    position: absolute;
    width: 85% !important;
    padding: 60px 20px !important;
  }
  .working-section .image {
    width: 100px !important;
    height: 100px !important;
  }
  .image::after {
    width: 120px !important;
    height: 120px !important;
  }
  .working-section .image img {
    width: 60%;
  }
  .working-section .image-box {
    padding-left: 15px !important;
  }
  .card-inner {
    width: 100% !important;
    height: 100% !important;
    padding: 20px !important;
  }
  .card-inner img,
  .card-inner .owl-carousel .owl-item img {
    width: 40% !important;
    height: auto !important;
  }
  .card-inner h3 {
    font-size: 1.2rem !important;
  }
  .section-two {
    padding: 60px 0 !important;
    padding-bottom: 0px !important;
  }
  .contact-section .col-sm-12.col-md-5.col-lg-4 {
    padding: 0px !important;
  }
}

/* Small Mobiles (320px to 374px) */
@media screen and (min-width: 320px) and (max-width: 374px) {
  .portfolio .tabs .overlay,
  .portfolio .content .content .overlay {
    width: 90% !important;
  }
  .shape10-animate.animate10-in {
    width: 100% !important;
  }

  .section-padding {
    padding: 20px 0 !important;
  }
  .hero-padding {
    padding: 60px 0 !important;
  }
  .px-6,
  .px-lg-6 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .banner-text h1,
  .hero-text h1 {
    font-size: 2rem !important;
    line-height: 38px !important;
  }
  .animated-text {
    top: 2.5rem !important;
}
  .about-section h2,
  .values-section h2,
  .contact-section h2,
  .cta-section h2,
  .map-section h2,
  .section-two h2,
  .section-three h2 {
    font-size: 2rem !important;
    line-height: 40px !important;
  }
  .about-section .index.description {
    font-size: 1rem !important;
    line-height: 25px !important;
  }
  .banner-section .row.align-items-center.mb-5 {
    margin-bottom: 0rem !important;
  }
  .slider {
    width: 250px !important;
    height: 193px !important;
  }
  .slider::before,
  .cloud-mask {
    background-size: 100% !important;
    inset: 0%;
    transform: scale(1.01);
  }
  img.hero-backimg {
    opacity: 0.7;
  }
  .index.about-section img.hero-backimg[src*="shape9.png"] {
    width: 50% !important;
}
.index.about-section img.hero-backimg[src*="shape8.svg"]{
     width: 30% !important;
}
  .owl-nav button span {
    width: 40px !important;
    height: 40px !important;
  }
  button.owl-prev span {
    background: #eb9319;
    right: 20% !important;
  }
  .working-section .progress-container {
    top: 12% !important;
  }
  .working-section .progress-container {
    right: 8px !important;
    width: 10px !important;
    height: 65% !important;
    left: auto;
  }
  .index.working-section .progress-container {
    right: 8px !important;
    width: 10px !important;
    height: 85% !important;
  }
  h2.footer-headline {
    font-size: 1.5rem !important;
  }
  .footer-section img.footer-logo {
    justify-content: c;
    width: 80% !important;
    padding: 20px;
    text-align: center;
    margin: 0 auto;
    display: flex;
  }
  .footer-section .col-xs-6.col-sm-4.col-md-4.col-lg-4 {
    width: 50%;
  }
  .footer-section p {
    margin-left: 0% !important;
  }
  .social-icons-container {
    justify-content: center !important;
  }
  section.footer-section .row.mt-5.mb-4.align-items-center,
  section.footer-section .row.mb-5 {
    margin: 0rem !important;
  }
  .stat-box p {
    font-size: 1.2rem !important;
  }

  .carousel-item {
    display: block !important;
  }
  .carousel-text,
  .carousel-image,
  .mission-text,
  .col-image,
  .contact-section .col-md-7.col-lg-8,
  .contact-section .col-md-5.col-lg-4,
  section.section-three.position-relative .image-box .image-inner,
  section.section-three.position-relative .image-box .image-content {
    width: 100% !important;
    padding: 0 !important;
    height: auto !important;
    padding: 20px !important;
  }
    .mission-text{
        padding: 0px !important;
    }
  .carousel-text {
    padding: 1rem !important;
  }
  .values-section .d-flex.mt-3 {
    display: block !important;
  }
  .map-section .row.pb-5 {
    padding: 1rem 0rem !important;
  }
  .map-img {
    width: 100% !important;
    height: 100% !important;
  }
  .map-section .col-lg-5.mb-5::before {
    height: 2px !important;
    width: 100% !important;
    top: 100% !important;
  }
  .map-section p {
    text-align: left !important;
  }
  .map-section p,
  .number-box h3,
  .image-box .image-content p.subtext {
    font-size: 1.1rem !important;
    line-height: 24px !important;
  }
  .graphic {
    margin: 15% 20% !important;
  }
  .graphic img {
    width: 100% !important;
  }
  .idea {
    left: 42% !important;
    top: 92% !important;
  }
  .passion {
    left: -26% !important;
  }
  .support {
    left: 50% !important;
    top: -12% !important;
  }
  .case-hero-img {
    margin-top: 6rem !important;
    width: 200px !important;
    height: 200px !important;
  }
  .monitor {
    width: 100% !important;
  }
  img.man1.position-absolute,
  img.man2.position-absolute,
  img.man3.position-absolute {
    width: 50px !important;
  }
  img.man1.position-absolute {
    left: -7% !important;
  }
  img.man3.position-absolute {
    left: 85% !important;
  }

  .tabs {
    text-align: center;
  }
  .portfolio .tabs label {
    margin: 6px 4px !important;
  }

  .portfolio .tabs .content {
    padding: 0 10px !important;
    margin-bottom: 18px !important;
  }
  .portfolio .tabs .content img{
      height:260px !important;
  }
  .section-two .description {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
  }
  .description-box h3 {
    margin-top: 0% !important;
  }
  .description-box {
    margin: 15% 0 !important;
  }
  .mobile-section .mobile-frame {
    width: 80% !important;
    height: max-content;
  }
  .row.image-box {
    display: block !important;
  }

  section.section-three.position-relative
    .custom-section-one
    .image-box
    .image-inner,
  section.section-three.position-relative
    .custom-section-two
    .image-box
    .image-inner {
    position: relative;
    padding: 0 !important;
  }
  .image-box .image-inner img,
  .image-box .image-content {
    border-top-right-radius: inherit !important;
    border-top-left-radius: inherit !important;
    height: auto !important;
  }
  .mobile-row
    .col-md-4.d-flex.justify-content-center:nth-child(2)
    .mobile-frame {
    margin-top: 0 !important;
  }
  .box-container {
    padding: 20px 0px !important;
  }
  .hero-img-container {
    width: 50% !important;
  }
  .carousel-image img {
    width: 100% !important;
    height: max-content !important;
  }
  .carousel-text h3 {
    font-size: 1.5rem !important;
    line-height: 30px !important;
  }
  .section-wrapper {
    width: 100% !important;
    padding: 20px !important;
  }
  .stat-box h3,
  .circle-highlight h3,
  .circle-highlight h3 span {
    font-size: 2.2rem !important;
    line-height: 2.25rem !important;
  }
  .map-section .container-fluid {
    width: 95% !important;
    padding: 2rem !important;
  }
  .map-section h2,
  .map-section p {
    text-align: center !important;
  }
  .map-section .col-md-7.col-lg-7.mb-5 {
    margin-bottom: 0px !important;
  }
  .contact-section img.hero-backimg[src*="shape7.svg"] {
    display: none;
  }
  .box-container {
    height: 100% !important;
  }
  .row-gap-5 {
    row-gap: 0rem !important;
    margin-top: 2% !important;
  }
  .about-section .col-sm-12.col-md-8.col-lg-6.col-xl-6 {
    width: 100% !important;
  }
  .pink-decoration {
    bottom: -38px !important;
    right: -40px !important;
    width: 50% !important;
  }
  .accent-icon {
    top: -13px !important;
    left: -50px !important;
    width: 30% !important;
  }
  .about-section h5 {
    font-size: 1.4rem !important;
  }
  .about-section .col-md-4.col-lg-6.mb-5 {
    margin-bottom: 1rem !important;
  }
  .circle-highlight-auto {
    padding: 0px !important;
  }
  .section-two {
    padding: 20px 0 !important;
  }
  .box-container {
    margin: 0px 0 !important;
  }
  .tag {
    font-size: 1rem !important;
    width: 75px !important;
    line-height: 30px !important;
  }
  .contact-form {
    padding: 20px !important;
    gap: 13px !important;
  }
  .section-two-image {
    width: 100% !important;
  }
  .section-two br {
    display: none;
  }
  .portfolio .tabs .overlay,
  .portfolio .content .content .overlay {
    position: absolute;
    width: 85% !important;
    padding: 20px !important;
  }
  .working-section .image {
    width: 100px !important;
    height: 100px !important;
  }
  .image::after {
    width: 120px !important;
    height: 120px !important;
  }
  .working-section .image img {
    width: 60%;
  }
  .working-section .image-box {
    padding-left: 15px !important;
  }
  .card-inner {
    width: 100% !important;
    height: 100% !important;
    padding: 20px !important;
  }
  .card-inner img,
  .card-inner .owl-carousel .owl-item img {
    width: 40% !important;
    height: auto !important;
  }
  .card-inner h3 {
    font-size: 1.2rem !important;
  }
  .section-two {
    padding: 60px 0 !important;
    padding-bottom: 0px !important;
  }
  .contact-section .col-sm-12.col-md-5.col-lg-4 {
    padding: 0px !important;
  }
}


@media (max-width: 991px) {
#navbarNav .menu-header-main-menu-container ul#menu-header-main-menu {
    display: block !important;
    margin: 20px 0  !important;
    width: 100%;
}
#navbarNav ul.sub-menu{
    position:relative !important;
        border: none !important;
}
#navbarNav .menu-item-object-custom.menu-item-has-children ul.sub-menu{
        list-style-type: circle !important;
            left: 6% !important;
}
#navbarNav .menu-item-object-custom.menu-item-has-children ul.sub-menu li a{
    padding:10px 0 !important;
}
}