@font-face {
  font-family: 'Lexend';
  src: url('../fonts/Lexend-Light.eot');
  src: url('../fonts/Lexend-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lexend-Light.woff') format('woff'),
    url('../fonts/Lexend-Light.ttf') format('truetype'),
    url('../fonts/Lexend-Light.svg#Lexend-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lexend';
  src: url('../fonts/Lexend-ExtraBold.eot');
  src: url('../fonts/Lexend-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lexend-ExtraBold.woff') format('woff'),
    url('../fonts/Lexend-ExtraBold.ttf') format('truetype'),
    url('../fonts/Lexend-ExtraBold.svg#Lexend-ExtraBold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lexend';
  src: url('../fonts/Lexend-Bold.eot');
  src: url('../fonts/Lexend-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lexend-Bold.woff') format('woff'),
    url('../fonts/Lexend-Bold.ttf') format('truetype'),
    url('../fonts/Lexend-Bold.svg#Lexend-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Black.eot');
  src: url('../fonts/Poppins-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins-Black.woff') format('woff'),
    url('../fonts/Poppins-Black.ttf') format('truetype'),
    url('../fonts/Poppins-Black.svg#Poppins-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lexend';
  src: url('../fonts/Lexend-SemiBold.eot');
  src: url('../fonts/Lexend-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lexend-SemiBold.woff') format('woff'),
    url('../fonts/Lexend-SemiBold.ttf') format('truetype'),
    url('../fonts/Lexend-SemiBold.svg#Lexend-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lexend';
  src: url('../fonts/Lexend-Regular.eot');
  src: url('../fonts/Lexend-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lexend-Regular.woff') format('woff'),
    url('../fonts/Lexend-Regular.ttf') format('truetype'),
    url('../fonts/Lexend-Regular.svg#Lexend-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lexend';
  src: url('../fonts/Lexend-Thin.eot');
  src: url('../fonts/Lexend-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lexend-Thin.woff') format('woff'),
    url('../fonts/Lexend-Thin.ttf') format('truetype'),
    url('../fonts/Lexend-Thin.svg#Lexend-Thin') format('svg');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lexend';
  src: url('../fonts/Lexend-Medium.eot');
  src: url('../fonts/Lexend-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lexend-Medium.woff') format('woff'),
    url('../fonts/Lexend-Medium.ttf') format('truetype'),
    url('../fonts/Lexend-Medium.svg#Lexend-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Black.eot');
  src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Black.woff') format('woff'),
    url('../fonts/Roboto-Black.ttf') format('truetype'),
    url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Medium.eot');
  src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Medium.woff') format('woff'),
    url('../fonts/Roboto-Medium.ttf') format('truetype'),
    url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


body {
  margin: 0;
  padding: 0;
  color: #615656;
  font-family: 'Lexend';
  font-size: 20px;
  font-weight: 300;
  line-height: 37px;
}
html {
  scroll-behavior: smooth;
}

p {
  color: #615656;
  font-family: 'Lexend';
  font-size: 20px;
  font-weight: 300;
  line-height: 37px;
  margin: 0 0 25px;
}

.text-light {
  color: #fff;
}

a {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  text-decoration: none;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
  color: #000000;
}

p:last-of-type {
  margin: 0px;
}

h1,
.h1 {
  font-family: 'Lexend';
  font-size: 90px;
  font-weight: 700;
  line-height: 120px;
}

h2 {
  font-family: 'Lexend';
  font-size: 60px;
  font-weight: 500;
  line-height: 80px;
  text-align: left;
}

.align-items-center {
  align-items: center;
}

.justify-content-center {
  justify-content: center;
}

.justify-space-between {
  justify-content: space-between;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.flex-wrap {
  flex-wrap: wrap;
}

.d-flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.main-container {
  max-width: 1500px;
  margin: 0 auto;
  width: 100%;
}

.text-primary {
  color: #e50914;
}

.ml-auto {
  margin: 0 0 0 auto;
}

.small-text {
  font-size: 18px;
}

/* Header Css */
.header-section {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  background-color: #fff;
}

.header-top-bar {
  padding: 0px 20px;
}

.header-top-bar .header-br {
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  padding: 20px 0px;
}

.header-top-bar .top-contact-info ul {
  margin: 0;
  gap: 40px;
  padding: 0;
  list-style: none;
}

.header-top-bar .top-contact-info ul a {
  gap: 12px;
  color: #FFF;
  font-family: 'Lexend';
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.header-top-bar .top-social-icon ul {
  margin: 0;
  gap: 30px;
  padding: 0;
  list-style: none;
}

.header-logo a {
  gap: 13px;
}

.header-bottom-bar {
  padding: 25px 20px;
}

.header-logo {
  width: 25%;
}

.header-menu-bar {
  width: calc(75% - 291px);
  padding: 0 80px 0 0;
}

.header-menu-bar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: flex-end;
  gap: 52px;
}

.header-right-btns {
  width: 291px;
  background: #E50914;
  border-radius: 10px;
  padding: 16px 24px 16px 20px;
}

.header-right-btns button.toggle-menu-button {
  background: transparent;
  border: 0;
  box-shadow: 0 0 0 transparent;
  outline: 0;
  padding: 0;
  cursor: pointer;
}

.header-right-btns button.toggle-menu-button img {
  vertical-align: top;
}

.header-right-btns .work-btn a {
  display: flex;
  align-items: center;
  font-family: 'Roboto';
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  gap: 15px;
  color: #fff;
}

.header-menu-bar ul li {
  font-family: 'Lexend';
  font-size: 17px;
  font-weight: 400;
  line-height: 21px;
}

.header-menu-bar ul li a {
  color: #1B1818;
}
.home .header-section {
	background-color: transparent;
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    width: 100%;
}
.home .header-menu-bar ul li a {
	color: #fff;
}
.home .inner-logo {
	display: none;
}
.home-logo {
	display: none;
}
.home .home-logo {
	display: block;
}
.header-section {
	position: relative;
}

/* Banner Css */

.banner-section {
  background-image: url("../images/banner-bg.jpg");
  padding: 250px 20px 40px;
  background-position: center;
  background-size: cover;
  min-height: 1102px;
  position: relative;
}


.banner-section .banner-description {
  padding: 85px 0 60px;
}


.banner-title-block h1 .title-small-text {
  display: inline-block;
  font-family: 'Lexend';
  font-size: 20px;
  font-weight: 300;
  line-height: 25px;
  text-align: center;
}

.banner-title-block h1 .banner-date {
  font-family: 'Lexend';
  font-size: 48px;
  font-weight: 500;
  line-height: 60px;
}

.banner-left-colm {
  width: 64%;
}

.banner-section .banner-title-block {
  max-width: 818px;
  width: 100%;
}

.banner-right-colm {
  width: 36%;
}

.banner-short-text {
  max-width: 379px;
}

.banner-short-text .banner-btns {
  margin: 42px 0 0px;
}

a {
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

a.primary-btns {
  font-family: 'Lexend';
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  display: inline-block;
  background: #E50914;
  color: #fff;
  border-radius: 10px;
  padding: 15px 26px;
  border: 2px solid #E50914;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

a.primary-btns:hover {background-color: transparent;color: #e50914;}
a.primary-btns:hover::after {filter: invert(90%) sepia(86%) saturate(7464%) hue-rotate(358deg) brightness(99%) contrast(110%);}

a.primary-btns::after {
  display: inline-block;
  content: "";
  margin: 0 0 0 15px;
  width: 16px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/arrow-right-icon.svg");
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

a.btns.secondary-btns {
  font-family: 'Lexend';
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  display: inline-block;
  background: transparent;
  border-radius: 10px;
  padding: 15px 26px;
  border: 2px solid #E50914;
  color: #E50914;
}

a.btns.secondary-btns::after {
  display: inline-block;
  content: "";
  margin: 0 0 0 15px;
  width: 16px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/arrow-right-color-icon.svg");
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

a.btns.secondary-btns:hover {
  background-color: #E50914;
  color: #fff;
}

a.btns.secondary-btns:hover::after {
 filter: brightness(0) invert(1);
}

.large-font {
  font-family: 'Poppins';
  font-size: 50px;
  font-weight: 900;
  line-height: 60px;
  letter-spacing: 23px;
  color: rgba(255, 255, 255, 0.05);
  text-align: right;
  padding: 0 20px 0 0;
}

.animate-text-3 {
  position: absolute;
  left: 20px;
  bottom: 75px;
  writing-mode: sideways-lr;
  font-family: 'Poppins';
  font-size: 90px;
  font-weight: 900;
  line-height: 140px;
  letter-spacing: 23px;
  color: rgba(255, 255, 255, 0.05);
}

#banner-sroll-icon {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 150px;
  margin:0 auto;
  display: table;
}
/* Home About Css */
.hm-about-section {
  padding: 0 20px 45px;
}

.hm-about-counter-sec {
  padding: 60px 0px 100px;
  background-color: rgba(0, 0, 0, 0.02);
}

.span-colm-4 {
  width: 40%;
}

.about-info-text {
  max-width: 869px;
  padding: 0 0 0 30px;
}

.span-colm-8 {
  width: 60%;
}



/* Counter Section Css */
.hm-counter-content {
  padding: 80px 0 0;
}

.hm-counter-content .counter-container {
  display: flex;
  flex-wrap: wrap;
}

.colm-span-9 {
  width: 75%;
}

.counter-image-block {
  position: relative;
}

.hire-us-image {
  position: absolute;
  right: 150px;
  top: -62px;
  width: 181px;
  height: 181px;
}

.counter-image-block .image-div img {
  vertical-align: top;
  width: 100%;
  border-radius: 0 20px 20px 0px;
}

.colm-span-3 {
  width: 25%;
}

.hm-counter-content .colm-span-3 {
  padding: 0 0 0 46px;
  display: flex;
  flex-wrap: wrap;
}

.counter-block {
  background: #2B2424;
  width: 100%;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  gap: 30px;
}

.counter-block .stats-block::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-image: linear-gradient(90deg, #2A2424 0%, #C8C8C8 48.5%, #2A2424 100%);
}

.counter-block .stats-block {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  padding: 0 0 46px;
}

.counter-block .stats-block:last-child {
  padding: 0;
}

.counter-block .stats-block:last-child::after {
  display: none;
}

.counter-block .counter-title {
  font-family: 'Lexend';
  font-size: 60px;
  font-weight: 800;
  line-height: 75px;
}

.counter-text {
  font-family: 'Lexend';
  font-size: 21px;
  font-weight: 300;
  line-height: 25px;
  color: rgba(255, 255, 255, 0.5);
}

.hire-us-image img.hire-image {
  animation-name: spin;
  animation-duration: 7000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.check-mark {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}


.about-review {
  position: absolute;
  right: 420px;
  width: 356px;
  bottom: -12px;
  background: #2A2424;
  border-radius: 10px;
  border: 6px solid #FAFAFA;
  gap: 24px;
  padding: 22px 15px;
}

.ab-review-text img {
  vertical-align: middle;
}

.ab-review-text {
  color: #fff;
  font-family: 'Lexend';
  font-size: 21px;
  font-weight: 300;
  line-height: 28px;
}

.plus-text {
  background: #000000;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-family: 'Lexend';
  font-size: 30px;
  font-weight: 300;
  line-height: 44px;
  border: 2px solid #fff;
}

.ab-review-images .review-img {
  border-radius: 50%;
  width: 46px;
  height: 46px;
}

.m-left {
  margin: 0 0 0 -20px;
}

.ab-review-images .review-img img {
  border: 2px solid #FFFFFF;
  border-radius: 50%;
}



/* Hm Project Section Css */

.hm-project-section {
  padding: 80px 20px 100px;
}

.hm-project-section .title-block {
  max-width: 820px;
}
.hm-project-section .title-block h2 {
  padding:0 0 10px;
}

.project-btns {
  max-width: 310px;
  gap: 18px;
}

.project-btns a.btns {
  font-weight: 300;
}

.project-btns .btns.secondary-btns {
  padding: 15px 18px;
}

.project-grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 60px;
  padding: 45px 0 0;
}

.bg-color-1 {
  background: #5CC779;
}

.bg-color-2 {
  background: #6C66A9;
}

.bg-color-3 {
  background: #F593CE;
}

.bg-color-4 {
  background: #4A0011;
}

.project-items {
  min-height: 500px;
  display: grid;
  border-radius: 20px;
  align-items: flex-end;
  justify-items: center;
  padding: 20px 30px;
}

.project-grid-container .project-items .proejct-logo {
	transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;
}

.project-grid-container .project-items:hover .proejct-logo {
	transform: scale(1.1);
}


.service-items .service-icon img {
  transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;
}
.service-items:hover .service-icon img {
	transform: rotateY(360deg);
}

.pr-view-btns a {
  white-space: nowrap;
}

.pr-view-btns a::before {
  display: inline-block;
  content: "";
  background-image: url("../images/view-icon.svg");
  width: 20px;
  height: 12px;
  background-repeat: no-repeat;
  margin: 0 15px 0px 0px;
}

.project-items .project-info {
  gap: 30px;
  width: 100%;
}

.project-items .proejct-logo img {
  vertical-align: top;
}


/* Hm Services Section */

.hm-service-section {
  padding: 80px 20px 100px;
  background: linear-gradient(113.8deg, #2E0B0B 26.47%, #131212 56.81%, #131212 79.75%, #131212 100.47%);
}

.colm-span-8 {
  width: 70%;
}

.hm-service-section .colm-span-8 {
  padding: 0 30px 0 0;
}

.service-description {
  max-width: 405px;
}

.hm-service-section .services-title-block {
  padding: 0 0 100px;
}

.colm-span-4 {
  width: 30%;
}

.work-text-line {
  width: 100%;
  color: #E50914;
  font-family: 'Lexend';
  font-size: 35px;
  font-weight: 400;
  line-height: 43px;
}

.work-text {
  color: #E50914;
  font-family: 'Lexend';
  font-size: 35px;
  font-weight: 400;
  line-height: 43px;
}

.top-header-info {
  gap: 30px;
  padding: 0 0 75px;
}

.top-header-info .sperater-line {
  flex: 1 auto;
  background: rgba(255, 255, 255, 0.1);
  height: 1px;
}

.service-items .service-icon img {
  vertical-align: top;
}

.service-content-info .sr-heading {
  font-family: 'Lexend';
  font-size: 27px;
  font-weight: 400;
  line-height: 37px;
  color: #FFFFFF;
  margin: 0 0 12px;
}

.service-content-info p {
  color: rgba(255, 255, 255, 0.6);
  line-height: 35px;
}

.service-items .service-icon {
  margin: 0 0 22px;
}

.service-grid-container {
  margin: 0 0 0 -60px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 60px;
}

.service-grid-container .service-items {
  padding: 0 0 0 60px;
  position: relative;
}

.service-grid-container .service-items::before {
  content: "";
  position: absolute;
  left: 0;
  height: 186px;
  width: 1px;
  background: linear-gradient(1800deg, rgba(23, 19, 19, 0.12) 0%, rgba(255, 255, 255, 0.12) 49%, rgba(20, 18, 18, 0.12) 100%);
}

.service-grid-container .service-items:first-child::before {
  display: none;
}

.service-description p {
  color: rgba(255, 255, 255, 0.4);
}

.service-work-infos {
  padding: 0 0 150px;
}


/* tab Css */
.service-offer-info .top-header-info {
  padding: 0 0 50px;
}

.service-accordion-sec h3.accordion-thumb {
  font-family: 'Lexend';
  font-size: 45px;
  font-weight: 300;
  line-height: 56.25px;
  letter-spacing: 2px;
  padding: 50px 0 50px 204px;
  color: #fff;
  position: relative;
  cursor: pointer;
}

h3.accordion-thumb .number-text {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 80px;
  height: 60px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  font-family: 'Lexend';
  font-size: 28px;
  font-weight: 300;
  line-height: 56px;
  letter-spacing: 2px;
  text-align: center;
  border-radius: 27px;
}

.service-accordion-sec .accordion-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.service-accordion-sec .accordion-panel {
  display: none;
}

.service-short-info {
  padding: 0 0 70px 204px;
}

.accordion-panel .service-offer-block {
  padding: 0 0 70px 0px;
}

.learn-more-link {
  margin: 16px 0 0;
}

.learn-more-link a {
  color: #E50914;
  font-family: 'Lexend';
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

.learn-more-link a::after {
  display: inline-block;
  content: "";
  margin: 0 0 0 15px;
  width: 16px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/arrow-right-color-icon.svg");
}

.select-work-items .item-title {
  width: 204px;
  font-family: 'Lexend';
  font-size: 20px;
  font-weight: 400;
  line-height: 37px;
  letter-spacing: 1px;
  padding: 0 30px 0 0;
  text-transform: uppercase;
  color: #fff;
}

.view-work-btns {
  text-align: right;
}

.select-work-items .span-colm-10 {
  width: calc(100% - 204px);
}

.service-project-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 100px;
  padding: 0 0 56px;
}

.service-project-items .img_wrap img {
  vertical-align: top;
  border-radius: 20px;
}

.service-project-items {
  position: relative;
}

.service-project-items .content_block {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 90px 24px 40px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.service-project-items:hover .image_blocks::before,
.service-project-items:hover .content_block {
  opacity: 1;
  visibility: visible;
}

.service-project-items .content_block .h3 {
  font-family: 'Lexend';
  font-size: 30px;
  font-weight: 300;
  line-height: 37px;
  color: #fff;
  margin: 0 0 22px;
}

.service-project-items .image_blocks::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  content: "";
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  border-radius: 20px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.service-project-items .content_block a.outline-btns {
  border: 1px solid #FFFFFF;
  display: inline-block;
  font-family: 'Lexend';
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  color: #fff;
  padding: 10px 18px;
  border-radius: 50px;
}

.service-project-items .content_block a.link-icon {
  position: absolute;
  right: 40px;
  top: 0;
}

.service-accordion-sec .accordion-item:last-child {
  border: 0;
}


/* Product Service Section Css */

.product-services-section {
  padding: 80px 20px 100px;
}

.span-colm-6 {
  width: 50%;
}

.product-services-items {
  max-width: 713px;
}

.product-service-image {
  max-width: 695px;
  padding: 0 30px 0 0;
}

.product_col_right{
  width: 50%;
}
.product_col_left{
  width: 50%;
}



.product-services-section .pr-services-title-block {
  padding: 0 0 45px;
}

.product-services-section .pr-services-title-block h2 {
  padding: 0 0 22px;
}

.product-service-image img {
  border-radius: 20px;
}

.scrollable-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.reveal-items .icon-title {
  color: #000;
  font-family: 'Lexend';
  font-size: 25px;
  font-weight: 500;
  line-height: 37px;
}

.reveal-items .air-icon {
  display: flex;
  align-items: center;
  min-width: 34px;
  width: 34px;
}

.reveal-items .icon-title {
  color: #000;
  font-family: 'Lexend';
  font-size: 25px;
  font-weight: 500;
  line-height: 37px;
  margin: 0 0 0 15px;
}

.reveal-items .content-box p {
  color: #615656;
  font-family: 'Lexend';
  font-size: 18px;
  font-weight: 300;
  line-height: 31px;
  margin: 16px 0 0;
}

.product-services-items .reveal-items {
  padding: 28px 30px 22px;
  border-radius: 10px;
}

.product-services-items .slider_tab.active .reveal-items {
  background: #FFF5F5;
}

/* .product-services-items .reveal-items:last-child {
  margin: 0;
} */



/* Team Section Css */

.fade-text {
  color: rgba(255, 255, 255, 0.4);
}

.hm-success-section .title-block h2 {
  padding: 0 0 5px;
}

.hm-success-section {
  background: linear-gradient(113.8deg, #2E0B0B 26.47%, #131212 56.81%, #131212 79.75%, #131212 100.47%);
  padding: 80px 20px 100px;
}

.hm-success-section .title-block {
  padding: 0 30px 0 0;
  max-width: 810px;
}

.right-btns {
  text-align: right;
}

.success-title-block {
  padding: 0 0 50px;
  position: relative;
}

.icon-description-sec.d-flex {
  gap: 40px;
}

.icon-description-sec .success-box-items {
  max-width: 430px;
  width: 100%;
}

.icon-description-sec .success-box-items:last-child {
  max-width: 345px;
}

.success-box-items:nth-child(2) .icon-block {
  margin: auto;
}

.team-pictures-items {
  display: flex;
  gap: 30px;
}

.team-items-one {
  width: 33.4%;
}

.team-items-two {
  width: calc(46.6% - 60px);
}

.team-items-three {
  width: 20%;
}

.team-pictures-items img {
  border-radius: 10px;
  object-fit: cover;
}

.team-boxs {
  display: flex;
  flex-wrap: wrap;
}

.hm-team-section .team-title-box {
  padding: 0 0 30px;
}

.icon-description-sec {
  padding: 0 0 75px;
}

.icon-block .h3 {
  font-family: 'Lexend';
  font-size: 27px;
  font-weight: 400;
  line-height: 37px;
  margin: 0 0 12px;
}

.success-box-items .icon-block .air-icon img {
  vertical-align: top;
}

.success-box-items .icon-block .air-icon {
  margin: 0 0 15px;
}



/* Testimonial Section Css */

.testimonial-section { padding:90px 20px;}
.tesimonial-video-popup { position: relative;}
.testimonial-section .main-container { position: relative;}
.testimonial-section .testimonial-video-slider { padding:50px 0 0;}
.testimonial-video-items .video-thumbnail img { vertical-align: top; border-radius:10px;}
.testimonial-author-block { display: flex; align-items: center; flex-wrap: wrap;  padding: 35px 0 0;}
.testimonial-author-block .testimonial-logos { width: 180px; padding:0 30px 0 0;}
.testimonial-author-block .testi-author-text { display: flex; flex-direction: column; border-left:1px solid #e7e7e7; padding:0 0 0 30px; width: calc(100% - 180px);}
.testimonial-author-block .testi-author-text .author-name { font-family: 'Lexend'; font-weight: 600; font-size: 20px; line-height: 29px; letter-spacing: 0px; color: #E50914; margin:0; padding:0;}
.testimonial-author-block .testi-author-text .author-role { font-family: 'Lexend'; font-weight: 300; font-size: 18px; line-height: 29px; letter-spacing: 0px; color: #000;}
.testimonial-video-slider .slider-button { position: absolute; right: 0; top: 70px; display: flex; gap:20px;}
.testimonial-video-slider .slider-button .btn-prev, .testimonial-video-slider .slider-button .btn-next { cursor: pointer;}

.tesimonial-video-popup .video-play-btns { position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; z-index: 9; margin:auto; cursor: pointer; background:#fff; border-radius:50%; transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); display: flex; justify-content: center; align-items: center;}
.tesimonial-video-popup .video-play-btns img { position: relative; left: 3px;}
.testimonial-video-slider .slider-button .btn-prev img, .testimonial-video-slider .slider-button .btn-next img { opacity: 0.5;}
.testimonial-video-slider .slider-button .btn-prev:hover img, .testimonial-video-slider .slider-button .btn-next:hover img { opacity: 1;}
.video-modal { display: none; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); justify-content: center; align-items: center;}
.video-modal-content { position: relative; width: 90%; max-width: 800px; background: transparent;}
.video-close { position: absolute; top: -20px; right: -20px; font-size: 30px; color: white; cursor: pointer;}

.testimonial-video-slider .video-thumbnail::before { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.35); content: ""; border-radius:10px;}
.testimonial-video-slider .video-thumbnail { position: relative;}

.testimonial-video-slider .waves {
  position: absolute;
  width: 150px;
  height: 150px;
  background: rgba(255, 255, 255, 0.3);
  opacity: 0;
  border-radius: 100%;
right: -40px;
  bottom: -40px;
  z-index: -1;
   -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}
        
.testimonial-video-slider .wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.testimonial-video-slider .wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.testimonial-video-slider .wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
  }
}


/* Logo Scrolling Section */

/* Logo Carsuel Css Add Here */


 @-webkit-keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-300px * 5));
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-300px * 5));
  }
}
.logo-carousel .slider-container {
  overflow: hidden;
  position: relative;
}

.slide-track {
  -webkit-animation: scroll 20s linear infinite;
          animation: scroll 20s linear infinite;
  display: flex; align-items: center;
  width: calc(300px * 10);
} 
.logo-carousel .slider-logo-items {
  width: 300px; text-align: center; padding: 0 15px;
  position: inherit;
}




/* Blog Section Css */

.hm-blog-section {
  padding: 80px 20px 100px;
}

.blog-grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 45px;
}

.hm-blog-section .blog-title-block {
  padding: 0 0 52px;
}

.blog-items .blog-featured-image img {
  border-radius: 20px;
  vertical-align: top;
}

.hm-blog-section .blog-title-block h2 {
  color: #000;
}

.blog-items .blog-meta ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 12px;
}

.blog-items .blog-meta ul li {
  color: #000;
  font-family: Lexend;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}

.blog-items .blog-meta ul li a {
  color: #000;
}

.blog-featured-image {
  margin: 0 0 20px;
}

.blog-info-content .blog-meta {
  margin: 0 0 30px;
}

.blog-items .blog-meta ul li.blog-separate {
  width: 8px;
  height: 8px;
  background: #E50914;
  border-radius: 20px;
}

.blog-info-content h3 {
  color: #000;
  font-family: Lexend;
  font-size: 23px;
  font-weight: 600;
  line-height: 37px;
  padding: 0 0 8px;
}

.read-more-link a {
  color: #E50914;
  font-family: Lexend;
  font-size: 18px;
  font-weight: 300;
  line-height: 23px;
  display: inline-block;
}

.read-more-link a::after {
  display: inline-block;
  content: "";
  margin: 0 0 0 10px;
  width: 16px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/arrow-right-color-icon.svg");
}


/* Footer Css */

.footer-section { padding: 80px 0px 0; background: linear-gradient(113.8deg, #2E0B0B 26.47%, #131212 56.81%, #131212 79.75%, #131212 100.47%); overflow: hidden;}
.footer-section .footer-top-content { padding:0px 20px 40px 20px;}
.lets-task-section { position: relative; padding: 0 0 95px; margin: 0 0 95px;}
.lets-task-section::after { position: absolute; left: 0; right: 0; bottom: 0; content: ""; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(46, 12, 12, 0.6) 0%, rgba(255, 255, 255, 0.6) 48.5%, rgba(20, 18, 18, 0.6) 100%);}
.span-colm-5 { width: 42%;}
.span-colm-7 { width: 58%;}
.contact-form-items { display: flex; flex-wrap: wrap;}
.contact-form-items .form-group { margin:0 0 40px;}
.contact-form-items .form-group input[type="text"], .contact-form-items .form-group input[type="email"], .contact-form-items .form-group input[type="tel"] { background:transparent; border-width:0 0 1px 0; border-color:rgba(255,255,255,0.2); color: #fff; font-family: 'Lexend'; font-weight: 400; font-size: 20px; line-height: 25px; letter-spacing: 0px; padding:0 0 12px; width: 100%; outline:0; border-radius:0; box-shadow: 0 0 0 transparent;}
.contact-form-items .submit-btns input[type="submit"] { background:#E50914;  border: 1px solid #E50914; outline:0; box-shadow: 0 0 0 transparent; color: #fff; border-radius:10px; font-family: 'Lexend'; font-weight: 300; font-size: 20px; line-height: 25px; letter-spacing: 0px; width: 100%; max-width: 229px; padding:21px 10px; display: inline-block; cursor: pointer;}
.contact-form-items .form-group.submit-btns { margin:0; position: relative; text-align: right;}
.contact-form-items .form-group.submit-btns .wpcf7-spinner { position: absolute; right: 0; top: 0; margin:0;}
.contact-form-items .wpcf7-not-valid-tip { font-family: 'Lexend'; font-weight: 400; font-size: 14px; line-height: 20px; margin:10px 0px 0; color:#E50914;}
.wpcf7 form.invalid .wpcf7-response-output { background:#E50914; color: #fff; font-family: 'Lexend'; font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; width: 100%; border-color:#E50914; padding:6px 10px; margin:20px 0 0;}
.wpcf7 form.sent .wpcf7-response-output { background:#46b450; color: #fff; font-family: 'Lexend'; font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; width: 100%; border-color:#46b450; padding:6px 10px; margin:30px 0 0;}
.contact-form-items .form-group.recaptcha-block { margin:0;}


.contact-form-items .form-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff; opacity:1;
}
.contact-form-items .form-group input::-moz-placeholder { /* Firefox 19+ */
  color: #fff; opacity:1;
}
.contact-form-items .form-group input:-ms-input-placeholder { /* IE 10+ */
  color: #fff; opacity:1;
}
.contact-form-items .form-group input:-moz-placeholder { /* Firefox 18- */
  color: #fff; opacity:1;
}

.contact-form-items .left-colm { width: 50%; padding:0 34px 0 0px;}
.contact-form-items .right-colm { width: 50%; padding:0 0 0 34px;}
.lets-task-section .span-colm-5 { padding: 0 30px 0 0px;}
.lets-talk-content p { font-family: Lexend; font-size: 18px; font-weight: 400; line-height: 35px;}
.lets-talk-content { max-width: 540px;}
.lets-task-section .profile-info { gap: 30px; padding: 30px 0 0;}
.profile-info .up-avatar { width: 83px; min-width: 83px;}
.profile-info .up-avatar img { width: 83px; height: 83px; object-fit: cover; overflow: hidden; vertical-align: top;}
.profile-text-content .profile-name { font-family: Lexend; font-size: 22px; font-weight: 700; line-height: 28px;}
.profile-text-content p { color: rgba(255, 255, 255, 0.7);}
.footer-scroll-text .scroll-text { font-family: 'Roboto'; font-size: 225px; font-weight: 900; line-height: 263.67px; letter-spacing: 30px; white-space: nowrap; -webkit-text-stroke: 2px rgba(255, 255, 255, 0.1); color: transparent;}
.footer-widget-1 { width: 48.5%; padding: 0 30px 0 0;}
.footer-contact-info p { color: rgba(255, 255, 255, 0.4); font-family: Lexend; font-size: 18px; font-weight: 500; line-height: 32px;}

.footer-contact-info .copyright-text ul { padding: 0; margin: 0; list-style: none;}
.footer-contact-info .copyright-text ul li { display: inline-block; color: #fff; font-family: Lexend; font-size: 18px; font-weight: 500; line-height: 28px; padding: 0;}
.footer-contact-info .copyright-text ul li:nth-child(2) { padding: 0 30px;}
.footer-contact-info .footer-logo { margin: 0 0 33px;}
.footer-contact-info .widget-text-block { margin: 0 0 44px;}
.footer-contact-info .copyright-text ul li a { color: #fff;}
.footer-widget-1 .footer-contact-info { max-width: 593px;}
.footer-widget-2,
.footer-widget-3 {width: 18.2%;padding: 0 30px 0 0;}
.footer-widget-4 { width: 15.1%;}
.widget-reviews-items { max-width: 211px; margin: 0 0 0 auto;}
.widget-reviews-items .rating-logos { display: flex; flex-direction: column; gap: 12px;}
.rating-logos .rating-logo-items { background: #FFFFFF; border-radius: 10px; min-height: 58px; gap: 12px; padding: 9px 15px;}
.rating-logo-items .rating-icon { width: 41px; min-width: 41px; display: flex; align-items: center; justify-content: center;}
.rating-logo-items .rating-text { color: #000; font-family: Lexend; font-size: 18px; font-weight: 500; line-height: 22.5px;}
.rating-logo-items .rating-text .revews-text { display: block; color: #B7B7B7; font-family: Lexend; font-size: 12px; font-weight: 400; line-height: 15px;}
.footer-inner-content .footer-widget-box h3 { color: #fff; font-family: Lexend; font-size: 20px; font-weight: 500; line-height: 32px; padding: 0 0 22px;}
.footer-inner-content .footer-widget-box .widget-nav-menu-item ul {margin: 0; padding: 0; list-style: none;}
.footer-inner-content .footer-widget-box .widget-nav-menu-item ul li { font-family: Lexend; font-size: 17px; font-weight: 500; padding: 0 0 12px; line-height: 30px;}
.footer-inner-content .footer-widget-box .widget-reviews-items h3 { padding: 0 0 28px;}
.footer-widget-3 ul li a { display: flex; align-items: center; gap: 16px;  width: max-content;}
.footer-widget-3 ul li a .air-icon { width: 15px; min-height: 15px; display: flex; align-items: center; justify-content: center;}
.footer-inner-content .footer-widget-box .widget-nav-menu-item ul li a { color: rgba(255, 255, 255, 0.4);}
.footer-inner-content .footer-widget-box .widget-nav-menu-item ul li:last-child { padding: 0px;}

/* All Animated Text CSS */

/* Banner Section */

@keyframes float-bob3 {
  0%, 100% {
    transform: translateY(-35px); /* Start & End at same position */
    color: rgb(255 255 255 / 5%);
  }

  50% {
    transform: translateY(-25px); /* Midpoint, lower position */
    color: rgb(255 255 255 / 15%);
  }
}

.animate-text-2.large-font,
.animate-text-1 {
  animation-name: float-bob3;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-timing-function: ease-in-out;
}

/* Inner Pages Css */
.inner-banner-section { background-image: url("../images/inner-banner-bg.jpg"); background-position:center; background-size: cover; min-height: 404px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding:50px 20px;}

.inner-banner-section .inner-banner-title h1 { color: #fff; font-size: 50px; line-height: 63px;}
.breadcrumbs-content { padding:0 0 35px;}
.breadcrumbs-content ul { margin:0; padding:0;list-style:none; display: flex; align-items: center; gap:18px;}
.breadcrumbs-content ul li { font-family: 'Lexend'; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0%; color: #9E9E9E;}
.breadcrumbs-content ul li a {color: #fff;}
.breadcrumbs-content ul li.breadcrumbs-separator { width: 6px; height: 6px; background:#e50914; border-radius:10px;}
.about-info-section { padding:92px 20px 81px;}
.about-info-section .info-gird-boxs { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:40px; padding: 0 0 90px;}
.info-gird-boxs .solution-tetxs p { font-weight: 500;}
.info-gird-boxs .solution-tetxs a { color: #e50914;}
.info-gird-boxs .solution-tetxs { max-width: 626px;}
.about-two-btns { max-width: 554px; width: 100%; display: flex; align-items: center; gap:22px; justify-content: flex-end; margin: 0 0 0 auto;}
.about-two-btns a.video-btns { display: flex; justify-content: center; align-items: center; gap:10px; color: #000000; background-color: rgba(0,0,0,0.05); border:0; padding:22px 10px;}
.about-two-btns a { width: 100%; font-family: 'Lexend'; font-weight: 300; font-size: 20px; line-height: 25px; letter-spacing: 0px; color: #E50914; border:2px solid #E50914; border-radius:10px; text-align: center; padding:20px 10px; display: inline-block;max-width: 266px;}
.about-two-btns a.video-btns span.btns-icon { display: flex; align-items: center;}
.about-image-block { padding:0 0 80px;}
.about-image-block .image-grid-boxs { margin:0 -20px; display: flex; flex-wrap: wrap;}
.col-span-6 { width: 50%;}
.image-grid-boxs .col-span-6 { padding:0 20px; display: flex; flex-wrap: wrap;}
.about-image-div img { border-radius:10px; object-fit: cover;}
.image-grid-boxs .about-image-div { display: flex; flex-wrap: wrap;}
.image-grid-boxs .three-image-block { display: flex; flex-direction: column; gap:40px;}
.cutting-edge-content-boxs h2 { padding:0 0 30px;}
.cutting-edge-content-boxs .small-container { max-width: 1143px; margin:0 auto;}
.cutting-edge-content-boxs .our-project-btns { padding:40px 0 0;}
.cutting-edge-content-boxs p { font-weight: normal;}
.cutting-edge-content-boxs p strong { font-weight: 500; color: #000;}
.about-value-section { padding:80px 20px 98px; background:#FAFAFA;}
.about-value-section .value-max-content { max-width: 1042px;}
.about-value-section .value-title-block { padding:0 0 20px;}
.about-value-section h2 { padding:0 0 15px;}
.value-grid-boxs { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:40px;}
.value-grid-boxs .value-content-items { border:1px solid rgba(0,0,0,0.1); border-radius:5px; background:#fff; padding:20px;}
.value-content-items h5 { font-family: Lexend; font-weight: 600; font-size: 25px; line-height: 1; letter-spacing: 0px; padding: 0 0 15px;}
.value-content-items .value-icon-wrapper { margin:0 0 15px;}


.toggle-menu-button {cursor: pointer;position: relative;width: 30px;height: 30px;display: flex;box-sizing: border-box;flex-direction: column;align-items: flex-end;gap: 6px;justify-content: center;}
.menu_popup_area {position: fixed;top: 0;right: 0;width: 100%;height: 100vh;display: flex;justify-content: center;align-items: center;flex-direction: column;z-index: 999;opacity: 0;visibility: hidden;transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;transform: translateY(0) !important;background-image: url("../images/banner-bg.jpg");background-size: cover;background-position: center;padding-top: 115px;padding-bottom: 20px;padding-left: 20px;padding-right: 20px;}
.menu_popup_area.active {opacity: 1;visibility: visible;}
.menu_popup_area .menu_pop_inner {display: flex;justify-content: space-between;gap: 30px;}
.menu_popup_area .menu_pop_inner ul {padding-left: 0;margin: 0;list-style: none;display: grid;gap: 20px;}
.menu_popup_area .menu_pop_inner ul .menu_list_item a {font-family: 'Lexend';font-size: 30px;font-weight: 600;line-height: 40px;color: #fff;}
.menu_popup_area .menu_pop_inner .adderss_inner_menu p {color: #ffffff85;max-width: 520px;margin-bottom: 50px;width: 100%;}
.menu_popup_area .menu_pop_inner .social_media_menu span {color: #E50914;font-size: 26px;font-weight: 500;margin-bottom: 20px;display: block;}
.menu_popup_area .menu_pop_inner .social_media_menu li a {display: flex;gap: 20px;color: #fff;border-radius: 10px;align-items: center;justify-content: center;width: max-content;}
.menu_popup_area .menu_pop_inner .social_media_menu li a .air-icon {margin-bottom: 0;width: 20px;height: 20px;	display: flex;align-items: center;justify-content: center;}
.nav_line1 {display: block;background: #fff;height: 2px;width: 55%;transition: .3s;position: relative;border-radius: 10px;}
.nav_line2 {display: block;background: #fff;height: 2px;width: 75%;transition: .3s;position: relative;border-radius: 10px;}
.nav_line3 {display: block;background: #fff;height: 2px;width: 100%;transition: .3s;position: relative;border-radius: 10px;}
.toggle-menu-button.popup_menu_btn span.nav_line {background-color: #fff;z-index: 9999;}
.toggle-menu-button.popup_menu_btn .nav_line1 {transform: translateY(6px) rotate(45deg);width: 100%;}
.toggle-menu-button.popup_menu_btn .nav_line2 {opacity: 0;}
.toggle-menu-button.popup_menu_btn .nav_line3 {transform: translateY(-10px) rotate(-45deg);}
.header_top_menu {position: absolute;width: 100%;top: 25px;max-width: 1500px;margin: auto;left: 0;right: 0;}
.sticky-wrapper {display: flex;min-height: 400vh; /* Scroll space for tabs */}

.sticky-wrapper .product-services-items{width: 100%;position: sticky;top: 20px;min-height: 835px;display: flex;align-items: flex-start; justify-content: center;}
.slider_tab { font-size: 24px;margin-bottom: 10px;transition: background 0.3s, color 0.3s;}

.slider_tab.active {font-weight: bold; color: #007BFF;}
.product-service-image { position: sticky;top: 20px;min-height: 835px;display: flex;align-items: flex-start; justify-content: center;}
.image-display img {max-width: 100%; max-height: 100%; transition: opacity 0.5s;-webkit-transition: opacity 0.5s;}
.mb-reveal {display: none;}
/*footer bar*/
.app-menus {position: fixed;bottom: 10px;left: 0px;right: 0px;z-index: 98;background-color: rgb(255, 255, 255);display: flex;min-height: 61px;
border-top: solid 1px rgba(0,0,0,.05);text-align: center;transition: transform 350ms ease !important;align-items: center;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;padding: 12px 20px;border-radius: 10px 10px 10px 10px;width: 97%;
margin:auto;}
.app-menus .footer-bar {display: flex;justify-content: space-between;align-items: center;}
.app-menus .footer-bar a {display: flex;align-items: center;color: #000;gap: 8px;font-family: Lexend;font-size: 17px;font-weight: 500;line-height: 30px;flex-direction: column;}
.app-menus .footer-bar a img {max-width: 100%;}
.app-menus {display: none;}
.app-menus .app-menu-inner {width: 100%;}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.footer-scroll-text .scroll-text {position: absolute;white-space: nowrap;will-change: transform;animation: marquee 80s linear infinite;bottom: -3px;top: auto;}
.footer-scroll-text {position: relative;width: 100vw;max-width: 100%;height: 250px;overflow: hidden;display: none;}
.footer-section .slide-track .slider-logo-items {text-align: center;padding: 0 50px;}
.footer-section .slide-track {width: 100%;padding-top: 50px;}
@keyframes infiscroll {
  0% {
      transform: translate(0, 0);
  }
  100% {
      transform: translate(-50%, 0);
  }
}
.slider-logo-items {position:absolute; overflow:hidden; white-space: nowrap;bottom:0px; animation: infiscroll 40s linear infinite;}
.slide-track-style img {    margin: 0 4rem;max-height: 275px;height: 100%;object-fit: cover;}
.slide-track-style {position: relative;height: 200px;}

/*about us*/
.meeting-section .meet-title-block {text-align: center;display: flex;flex-direction: column;justify-content: center;}
.meeting-section {background: linear-gradient(113.8deg, #2E0B0B 26.47%, #131212 56.81%, #131212 79.75%, #131212 100.47%);padding: 80px 20px;}
.book-content h2 {color: #fff;font-size: 42px;line-height: 75px;text-align: center;letter-spacing: 0%;}
.meeting-section .meet-title-block .simple-btns {padding-top: 47px;}
.trusted-section {padding: 80px 20px;}
.about-info-section .title-block p {color: #615656;font-weight: 500;font-size: 20px;line-height: 37px;max-width: 965px;}
.about-info-section .title-block p a {color: #E50914;}
.logo-video-section {background-color: #1C1818;min-height: 700px;padding: 80px 20px;background-image: url("../images/red-logo-text.svg");background-position: center;background-size: 438px;background-repeat: no-repeat;display: flex;align-items: center;justify-content: center;}
.logo-video-section .up-video {text-align: center;}
.logo-video-section .up-video .playBtnIcon {filter: drop-shadow(7px 0px 2px #0000009E);cursor: pointer;}
.our-project-btns a.primary-btns {font-weight: 300;line-height: inherit;padding: 14px 35px;}
.serve-section .built-content {width: 52%;}
.serve-section .built-img {width: 48%;}
.serve-section .built-img img {border-radius: 10px;width: 100%;}
.serve-section {padding: 80px 20px;}
.serve-section .serve-block {gap: 90px;}
.serve-section .built-content h2 {padding-bottom: 18px;}
.serve-section .built-content p {margin-bottom: 18px;}
.serve-section .built-content span {color: #E50914;font-weight: 500;}
.serve-section .built-content img {padding-top: 15px;}
.about-benifits {background-color: #FAFAFA;padding: 80px 20px;}
.client-box {position: relative;background-image: url("../images/union-bg.png");border-radius: 10px;padding: 17px 20px 17px 42px;display: flex;align-items: center;max-width: 770px;width: 100%;}
.about-benifits .rave-review {width: 56%;}
.about-benifits .partner-content {width: 44%;}
.client-box p span {color: #fff;font-weight: 500;font-size: 21px;line-height: 48px;}
.about-benifits .client-box h3 {color: #fff;font-size: 40px;line-height: 50px;}
.about-benifits .feed-back p {color: #fff;}
.client-box .rave-hed {width: 40%;}
.client-box .feed-back {width: 60%;}
.rave-review .review-content h2 {padding-bottom: 35px;}
.about-benifits .partner-block {gap: 109px;}
.partner-content .content-list p {font-size: 26px;color: #615656;line-height: 50px;}
.partner-content .content-list .review-list {padding: 0px 0px 0px 20px;}
.partner-content .content-list .review-list li {color: #000;font-size: 22px;line-height: 48px;font-weight: 400;padding-bottom: 5px;}
.client-box p {padding-top: 8px;}
.team-carousel-section article {
  display: flex;
  width: 200%;
  animation: bannermove 20s linear infinite;
}
.team-block {
  width: 100%;
  padding: 0 13.5px;
}
.team-carousel-section ul li {
	width: 100%;
	list-style: none;
}
.team-carousel-section ul li img {
	width: 100%;
}
@keyframes "bannermove" {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.team-block ul {
	display: flex;
	padding: 0px;
	margin: 0px;
	gap: 27px;
}
.team-carousel-section {
	overflow: hidden;
	padding: 88px 0px 0px;
}
.team-carousel-section .team-hed h2 span {
	color: #E50914;
}
.team-carousel-section .team-hed {
	text-align: center;
	padding-top: 86px;
}
.team-carousel-section .team-hed h2 {
	text-align: center;
}

/*career page*/
.career-banner-section .career-block {display: flex;}
.career-banner-section .career-block .left-col {width: 50%;}
.career-banner-section .career-block .right-col .img-right {text-align: right;}
.career-banner-section .career-block .left-col h1 {color: #fff;font-size: 70px;line-height: 110px;}
.career-banner-section .career-block .left-col p {color: #fff;font-size: 24px;line-height: 37px;padding-top: 16px;}
.career-banner-section .career-block .left-col .career-btn a {width: 100%;font-family: 'Lexend';font-weight: 300;font-size: 20px;line-height: 25px;letter-spacing: 0px;color: #E50914;border: 2px solid #E50914;border-radius: 10px;text-align: center;padding: 20px 10px;display: inline-block;max-width: 266px;}
.career-banner-section .career-block .right-col {width: 50%;}
.career-banner-section {background-color: #220808;padding: 224px 20px;min-height: 1164px;}
.career-banner-section .career-btn {padding-top: 35px;}
.team-carousel-section.style-2 {padding: 0px;margin-top: -270px;}
.mission-section {padding: 80px 20px;}
.mission-section .mission-content .hire-btn a {background-color: #E50914;padding: 7px 35px;border-radius: 180px;color: #fff;appearance: none;cursor: none;font-size: 20px;line-height: 36px;display: inline-block;}
.mission-section .mission-content {width: 100%;max-width: 819px;}
.great-grow-section .grow-grid-boxs {padding-top: 34px;}
.grow-grid-boxs .grow-row .grow-content-items.third-col {width: 33.4%;}
.grow-grid-boxs .grow-row .grow-content-items.second-col {width: 30%;}
.grow-grid-boxs .grow-row .grow-content-items.first-col {width: 36.7%;}
/*tabs*/
.mission-section .inner-content h3 {font-size: 30px;font-weight: 300;padding-bottom: 12px;}
.mission-section .inner-content .tab-btns {display: flex;gap: 25px;padding-top: 16px;}
.mission-section .inner-content .tab-btns a {border: 1px solid #888888;border-radius: 150px;padding: 4px 24px;color: #000;font-size: 18px;font-weight: 400;position: relative;display: flex;width: fit-content;align-items: center;justify-content: center;gap: 10px;}
.mission-section .apply-btn {width: 20%;display: flex;align-items: center;justify-content: flex-end;}
.mission-section .apply-btn .ap-btn::after {position: absolute;content: "";width: 30px;height: 30px;background-image: url("../images/apply-arrow.svg");right: 0;top: 0;bottom: 0;margin: auto;background-size: 30px;background-repeat: no-repeat;}
.mission-section .apply-btn .ap-btn {color: #000000;text-transform: uppercase;font-size: 40px;font-weight: 300;position: relative;padding: 10px 64px 10px 20px;}
.mission-section .inner-content .tab-left {width: 80%;}
.mission-section .inner-content {border-bottom: 1px solid #D0D0D0;padding: 35px 0px;display: flex;}
.mission-section .tab.main-tabs {display: flex;gap: 16px;list-style: none;padding: 40px 0px 50px 0px;border-bottom: 1px solid #D0D0D0;margin: 0px;}
.main-tabs .tablinks {background-color: transparent;box-shadow: none;border: 1px solid #949494;border-radius: 150px;padding: 11px 30px;line-height: normal;color: #000;font-weight: 400;font-size: 20px;cursor: pointer;}
.main-tabs .tablinks.active {background-color: #1B1818;color: #fff;border: 1px solid #1B1818;}

/*slider*/
.great-grow-section {padding: 0px 20px 100px;}
.grow-grid-boxs .grow-row {display: flex;border-bottom: 1px solid #EBEBEB;}
.grow-grid-boxs .grow-row .grow-content-items {border-right: 1px solid #EBEBEB;width: 100%;padding: 36px 0px;}
.grow-grid-boxs .grow-row .grow-content-items:last-child {border: none;}
.grow-content-items.first-col .grow-inner-wrapper {max-width: 490px;margin: auto 0;}
.grow-content-items.second-col .grow-inner-wrapper {max-width: 337px;margin: auto;}
.grow-content-items.third-col .grow-inner-wrapper {max-width: 420px;margin: 0 0 0 auto;}
.grow-grid-boxs .grow-row:last-child {border: none;}
.grow-grid-boxs .grow-row .grow-content-items p {line-height: 31px;}
.grow-grid-boxs .grow-row .grow-content-items h5 {font-size: 25px;font-weight: 600;font-family: 'Lexend';padding-bottom: 5px;}
.employe-section {padding: 80px 20px;background-image: url("../images/testimonial-bg.png");background-size: cover;background-repeat: no-repeat;}
.testimonial-author-slider .testimonial-employe-items {display: flex;align-items: center;justify-content: center;max-width: 1220px;margin: auto;gap: 99px;}
.testimonial-author-slider .testimonial-employe-items .author-img img {border-radius: 10px;vertical-align: top;}
.testimonial-author-slider .testimonial-employe-items .author-img {position: relative;}
.testimonial-author-slider {padding: 80px 0px 0px 0px;}
.testimonial-author-slider .slider-button {display: flex;justify-content: space-between;position: absolute;width: 100%;top: 0;bottom: 0;margin: auto;align-items: center;}
.testimonial-author-slider .slider-button .btn-prev {background-color: #524747;width: 92px;height: 92px;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 1;cursor: pointer;}
.testimonial-author-slider .slider-button .btn-prev img {filter: invert() brightness(100);}
.testimonial-author-slider .slider-button .btn-next {background-color: #524747;width: 92px;height: 92px;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 1;cursor: pointer;}
.testimonial-author-slider .slider-button .btn-next img {filter: invert() brightness(100);}
.testimonial-author-slider .testimonial-employe-items .author-desc p {padding: 20px 0px 17px;}
.testimonial-author-slider .testimonial-employe-items .author-desc .author-name p {padding: 0px;line-height: 28px;}
.moments-sec {padding: 86px 0px 86px 0px;}
.moments-sec .team-hed span {color: #E50914;}
.moments-sec h2 {font-size: 53px;text-align: center;}

/*success storie page*/
.inner-banner-section.success-storie-banner {background-image: url("..images/storie-logo.png");}
.success-storie-banner .inner-banner-title h1 {
	color: #000;
	font-size: 70px;
	line-height: 95px;
	padding-bottom: 20px;
}
.success-storie-banner .breadcrumbs-content ul li a {
	color: #000;
}
.storie-banner .img-col {
	display: flex;
	justify-content: end;
}
.storie-banner .storie-left {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.storie-banner .storie-banner-logo {
	width: 100%;
}
.storie-banner {
	display: flex;
	max-width: inherit !important;
	margin-left: calc((100% - 1500px)/ 2);
	margin-right: 0;
	gap: 0;
}
.success-storie-banner .main-container {
	max-width: inherit;
}
.success-storie-banner {
	padding: 30px 0px 0px 20px;
}
.success-storie-banner p {
	font-size: 24px;
	line-height: 37px;padding-right: 15px;
}
.success-storie-section .storie-box {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 60px;
    row-gap: 45px;
}
.success-storie-section .storie-box .storie-content-items .image-card img {
	border: 1px solid #EDEDED;
	border-radius: 20px;
	height: 500px;
  object-fit: cover;
}

.success-storie-section .storie-box .storie-content-items .content-card h2 {
	color: #000;
	font-size: 20px;
	line-height: 37px;
	font-weight: 500;padding-top: 8px;
}
.success-storie-section .storie-box .storie-content-items .content-card {
	padding-top: 12px;
}
.success-storie-section .storie-box .storie-content-items .content-card h4 {
	color: #E50914;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
}
.success-storie-section {
	padding: 0px 20px 80px 20px;
}
.success-storie-banner .breadcrumbs-content {
	padding: 0 0 40px;
}

/* Responsive Css */

@media(min-width:1340px){
.hm-counter-content .counter-container { max-width: inherit !important; margin-right: calc((100% - 1300px)/ 2); margin-left: 0;}
}

@media(min-width:1601px){
.hm-counter-content .counter-container { max-width: inherit !important; margin-right: calc((100% - 1500px)/ 2); margin-left: 0;}
}

@media(max-width:1600px){
	
.main-container{max-width:1300px;}	
.header_top_menu {max-width: 1300px;}
#banner-sroll-icon { bottom: 80px;}
/* Header Css Add Here */
.header-menu-bar ul{ gap: 30px;}
.header-right-btns { width: 270px;}
.header-menu-bar { width: calc(75% - 270px);}
.banner-section .banner-description { padding:60px 0;}

.banner-section{padding: 250px 20px 200px;  min-height: auto;}
h1, .h1{ font-size: 80px; line-height: 100px;}
.large-font{font-size: 40px; line-height: 50px;}
.animate-text-3{font-size: 70px; line-height: 100px;}
h2{font-size: 50px; line-height: 60px;}
p{ font-size:18px; line-height: 32px;}
.counter-block .counter-title{font-size: 50px; line-height: 65px;}
.counter-text{font-size: 18px; line-height: 24px;}
.hm-counter-content .colm-span-3 { padding:0 0 0 40px;}
.counter-block .stats-block{ padding: 0 0 30px;}
.counter-block{ gap: 20px;}
.service-project-grid{ grid-gap: 60px;}
.service-accordion-sec h3.accordion-thumb { font-size: 40px; font-weight: 300; line-height: 50px; padding:40px 0 40px 160px;}
.service-short-info { padding:0 0 50px 160px;}
.select-work-items .item-title { width: 160px;}
.select-work-items .span-colm-10 { width: calc(100% - 160px);}
.footer-contact-info .copyright-text ul li:nth-child(2) { padding:0 15px;}
.footer-widget-1 .footer-contact-info { max-width: 545px;}
.rating-logos .rating-logo-items{ padding: 9px 8px;}
a.primary-btns {font-size: 18px;line-height: 24px;}
	
}

@media(max-width: 1480px){
.main-container{max-width:1170px;}
.header-right-btns { width: 250px;}
.header-menu-bar { width: calc(75% - 250px); padding:0 50px 0 0;}
.header-menu-bar ul li{ font-size: 16px;}	

 h1, .h1 { font-size: 70px; line-height: 90px; }
.banner-title-block h1 .title-small-text{font-size: 17px; line-height: 24px;}
.banner-title-block h1 .banner-date{font-size: 43px; line-height: 50px;} 

a.primary-btns, a.btns.secondary-btns{ font-size: 18px;}
.project-grid-container{ grid-gap: 40px;}
.project-grid-container .project-items .proejct-logo { text-align: center;}
.project-grid-container .project-items .proejct-logo img { max-width: 50%;}
.project-items { min-height: 400px; padding: 20px;}
.small-text { font-size: 15px; line-height: 28px;}
.blog-grid-container{ grid-gap: 25px;}
.blog-items .blog-meta ul li{ font-size: 16px;}
.select-work-items .item-title{ font-size: 18px;line-height: 32px;}

}


@media(max-width:1339px){
	
.hm-counter-content { padding:80px 20px 0 0;}
h2 {font-size: 40px;line-height: 50px;}
}

/* @media(max-width:1300px){
	

.header-right-btns { width: 250px;}
.header-menu-bar { width: calc(75% - 250px); padding:0 50px 0 0;}
.header-menu-bar ul li{ font-size: 16px;}	

 h1, .h1 { font-size: 70px; line-height: 90px; }
.banner-title-block h1 .title-small-text{font-size: 17px; line-height: 24px;}
.banner-title-block h1 .banner-date{font-size: 43px; line-height: 50px;} 

a.primary-btns, a.btns.secondary-btns{ font-size: 18px;}
.project-grid-container{ grid-gap: 40px;}
.project-grid-container .project-items .proejct-logo { text-align: center;}
.project-grid-container .project-items .proejct-logo img { max-width: 50%;}
.project-items { min-height: 400px; padding: 20px;}
.small-text { font-size: 15px; line-height: 28px;}
.blog-grid-container{ grid-gap: 25px;}
.blog-items .blog-meta ul li{ font-size: 16px;}
.select-work-items .item-title{ font-size: 18px;line-height: 32px;}


	
} */
 @media(max-width:1200px){
  .header-menu-bar {width: calc(75% - 250px);padding: 0 30px 0 0;}
  .header-menu-bar ul {gap: 20px;}
  .header-menu-bar ul li {font-size: 15px;}
  .app-menus {display: flex;}
  .header-section .header-menu-bar {display: none;}
  .header-section .nav-logo-menu {justify-content: space-between;}
  .header_top_menu {padding: 0 20px;}
  .header-right-btns .work-btn a {display: none;}
  .header-right-btns {width: 80px;}
  h1 {font-size: 60px;line-height: 80px;}
  .menu_popup_area .menu_pop_inner .menu_left_col {display: none;}
  .hm-project-section .colm-span-9 {width: 70%;}
  .hm-project-section .colm-span-3 {width: 30%;}
 }

@media(max-width: 1024px) and (min-width: 768px){
.counter-block .stats-block::after {left: auto;right: 0;bottom: auto;width: 1px;height: 100%;background-image: linear-gradient(180deg, #2A2424 0%, #C8C8C8 48.5%, #2A2424 100%);}
}
@media(max-width:1024px){

  h2 {font-size: 36px;line-height: 42px;}
  .about-info-text p {margin: 0 0 14px;}
  .hire-us-image {position: absolute;right: 150px;top: -62px;width: 140px;height: 140px;}
  .counter-block .counter-title {font-size: 32px;line-height: 42px;}
  .colm-span-9 {width: 100%;}
  .colm-span-3 {width: 100%;}
  .hm-counter-content .colm-span-3 {padding: 0px;}
  .counter-block {flex-direction: inherit;justify-content: center;}
  
  .counter-block .counter-title {font-size: 32px;line-height: 42px;text-align: center;}
  .hm-counter-content .counter-container {gap: 25px;}
  .hm-counter-content {padding: 80px 20px 0 20px;}
  .counter-image-block .image-div img {border-radius: 20px;}
  .about-review {right: 0px;width: 290px;bottom: -12px;border: 4px solid #FAFAFA;gap: 15px;left: 0;margin: auto;}
  .ab-review-images .review-img {width: 32px;height: 32px;}
  .ab-review-text {font-size: 18px;line-height: 24px;}
  .m-left {margin: 0 0 0 -15px;}
  .plus-text {width: 32px;height: 32px;font-size: 18px;font-weight: 300;line-height: 25px;}
  .project-btns {max-width: 800px;gap: 18px;flex-direction: row;margin: auto 0;padding-top: 20px;}
  .project-grid-container {grid-gap: 25px;}
  .small-text {font-size: 14px;line-height: 24px;}
  .service-grid-container .service-items {padding: 0 0 0 30px;position: relative;}
  .service-grid-container {margin: 0 0 0 -30px;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 20px;}
  .service-work-infos {padding: 0 0 100px;}
  .service-accordion-sec h3.accordion-thumb {font-size: 32px;font-weight: 300;line-height: 32px;padding: 30px 0 30px 100px;}
  .service-short-info {padding: 0 0 50px 100px;}
  h3.accordion-thumb .number-text {width: 60px;height: 60px;font-size: 22px;font-weight: 300;line-height: 55px;}
  .select-work-items .item-title {width: 150px;}
  .select-work-items .item-title {width: 160px;font-size: 20px;line-height: 34px;letter-spacing: 1px;padding: 0 20px 0 0;}
  .service-project-items .content_block {padding: 0px 20px 20px 20px;}
  .service-project-items .content_block .h3 {font-size: 24px;font-weight: 300;line-height: 32px;}
  .service-project-items .content_block a.outline-btns {font-size: 16px;font-weight: 400;line-height: 22px;}
  .service-project-grid {grid-gap: 25px;}
  .reveal-items .icon-title {font-size: 22px;font-weight: 500;line-height: 34px;margin: 0 0 0 15px;}
  .service-content-info p {line-height: 32px;}
  .service-content-info .sr-heading {font-size: 24px;line-height: 34px;margin: 0 0 8px;}
  .service-project-items .content_block a.link-icon {position: absolute;right: 40px;top: 8px;height: fit-content;display: flex;}
  .link-icon .img-fluid {max-width: 28px;}
  .product-services-section .colm-span-8 {width: 100%;}
  .product-services-section .colm-span-4 {width: 100%;}
  .hm-success-section .colm-span-8 {width: 100%;}
  .hm-success-section .colm-span-4 {width: 100%;}
  .right-btns {text-align: left;padding-top: 20px;}
  .icon-block .fade-text {line-height: 28px;}
  .icon-block .h3 {font-size: 22px;font-weight: 400;line-height: 32px;}
  .icon-description-sec.d-flex {gap: 25px;}
  .success-box-items .icon-block .air-icon {margin: 0 0 15px;min-height: 65px;}
  .testimonial-section .span-colm-6 {width: 70%;}
  .testimonial-video-slider .waves {width: 120px;height: 120px;right: -24px;bottom: -24px;}
  .hm-blog-section .blog-title-block {padding: 0 0 30px;}
  .blog-info-content h3 {font-size: 20px;line-height: 26px;}
  .blog-info-content .blog-meta {margin: 0 0 18px;}
  .blog-items .blog-meta ul li {font-size: 14px;line-height: 20px;}
  h1 {font-size: 42px;line-height: 52px;}
  .project-items {min-height: 320px;padding: 20px;}
  p {font-size: 18px;line-height: 28px;}
  .contact-form-items .form-group input[type="text"], .contact-form-items .form-group input[type="email"], .contact-form-items .form-group input[type="tel"] {font-size: 16px;line-height: 22px;}
  .contact-form-items .form-group {margin: 0 0 30px;}
  .contact-form-items .left-colm {width: 50%;padding: 0 0px 0 0px;}
  .footer-section .lets-task-section .span-colm-5 {width: 100%;}
  .footer-section .lets-task-section .span-colm-7 {width: 100%;}
  .lets-task-section {position: relative;padding: 0 0 70px;margin: 0 0 70px;}
  .footer-widget-1 .footer-contact-info {max-width: 100%;}
  .footer-contact-info .widget-text-block {margin: 0 0 25px;}
  .footer-widget-1 {width: 100%;padding: 0px 0px 25px 0px;}
  .footer-widget-2, .footer-widget-3 {width: 33%;padding: 0 30px 0 0;}
  .footer-widget-4 {width: 33%;}
  .footer-scroll-text .scroll-text {font-size: 120px;font-weight: 900;line-height: 190px;}
  .team-pictures-items {gap: 25px;}
  .team-boxs {width: 33%;}
  .icon-block .h3 {font-size: 20px;line-height: 28px;}
  .testimonial-author-block {align-items: start;padding: 25px 0 0;flex-direction: column;}
  .testimonial-author-block .testimonial-logos {width: 100%;padding: 0 30px 0 0;}
  .testimonial-author-block .testi-author-text {border-left: none;padding: 0px;width: 100%;}
  .counter-block .stats-block:last-child {padding: 0 0 30px;}
  .header-logo {width: 50%;}
  .footer-scroll-text {height: 200px;}
  .slide-track-style {position: relative;height: 120px;}
  .slide-track-style img {height: 100px;}
  .hm-project-section .colm-span-9 {width: 100%;}
  .hm-project-section .colm-span-3 {width: 100%;}
}
@media(max-width:767px){
  .hm-about-section .span-colm-4 {width: 100%;}
  .hm-about-section .span-colm-8 {width: 100%;}
  .hm-about-section .about-info-text {padding: 0px;}
  .hm-about-section .d-flex {gap: 20px;}
  .hm-counter-content {padding: 50px 20px 0 20px;}
  .counter-block .stats-block:last-child {padding: 0 0 10px;}
  .counter-block {flex-direction: inherit;justify-content: center;flex-wrap: wrap;}
  h2 {font-size: 30px;line-height: 40px;}
  p {font-size: 16px;line-height: 24px;}
  .hire-us-image {top: -62px;width: 100px;height: 100px;}
  .hire-us-image .check-mark {max-width: 16px;}
  .hm-about-counter-sec {padding: 70px 0px 70px;}
  .hm-project-section {padding: 70px 20px 70px;}
  .project-btns {max-width: 290px;flex-direction: column;margin: auto 0;padding-top: 20px;}
  .project-grid-container {grid-gap: 20px;grid-template-columns: repeat(1, 1fr);}
  .project-items {min-height: 300px;padding: 20px;}
  .hm-service-section .colm-span-8 {padding: 0px;width: 100%;}
  .hm-service-section .colm-span-4 {width: 100%;}
  .service-description {max-width: 100%;margin: 0;padding-top: 20px;}
  .hm-service-section .services-title-block {padding: 0 0 50px;}
  .work-text {font-size: 30px;line-height: 40px;}
  .service-grid-container {margin: 0 0 0 -30px;grid-template-columns: repeat(1, 1fr);grid-gap: 30px;}
  .service-work-infos {padding: 0 0 50px;}
  .service-offer-info .top-header-info {padding: 0px 0 30px;}
  .top-header-info {gap: 30px;padding: 0 0 40px;}
  h3.accordion-thumb .number-text {width: 45px;height: 45px;font-size: 14px;font-weight: 300;line-height: 44px;}
  .service-accordion-sec h3.accordion-thumb {font-size: 28px;font-weight: 300;line-height: 32px;padding: 30px 0 30px 60px;}
  .service-short-info {padding: 0 0 40px 60px;}
  .select-work-items .item-title {width: 100%;font-size: 20px;line-height: 34px;letter-spacing: 1px;padding: 0px 0px 20px 0px;}
  .select-work-items .span-colm-10 {width: 100%;}
  .service-accordion-sec h3.accordion-thumb {font-size: 24px;font-weight: 300;line-height: 30px;padding: 20px 0 20px 60px;}
  .view-work-btns {text-align: left;}
  .service-project-grid {grid-gap: 20px;padding: 0 0 30px;grid-template-columns: repeat(1, 1fr);}
  .hm-service-section {padding: 70px 20px 70px;}
  .product-services-section {padding: 70px 20px 70px;}
  .product-services-section .product_col_left {display: none;}
  .product-services-section .product_col_right {width: 100%;}
  .product-service-image {min-height: inherit;padding: 0px;}
  .sticky-wrapper {display: flex;min-height: inherit;flex-direction: column;}
  .hm-success-section {padding: 70px 20px 70px;}
  a.primary-btns, a.btns.secondary-btns {font-size: 16px;padding: 14px 24px !important;line-height: 24px !important;}
  .icon-description-sec.d-flex {gap: 20px;flex-direction: column;padding: 0 0 70px;}
  .team-pictures-items {gap: 20px;flex-direction: column;}
  .team-pictures-items .team-boxs {width: 100%;}
  .team-pictures-items img {width: 100%;}
  .testimonial-section {padding: 70px 20px;}
  .success-title-block {padding: 0px 0 40px;position: relative;}
  .hm-blog-section {padding: 70px 20px 70px;}
  .hm-blog-section .colm-span-8 {width: 100%;padding: 0 0 20px;}
  .hm-blog-section .colm-span-4 {width: 100%;}
  .hm-blog-section .right-btns {padding-top: 0px;}
  .blog-grid-container {grid-gap: 20px;grid-template-columns: repeat(1, 1fr);}
  .footer-section {padding: 70px 0px 0;}
  .lets-talk-content p {font-size: 16px;line-height: 24px;}
  .lets-task-section .profile-info {gap: 30px;padding: 20px 0 20px;}
  .contact-form-items .form-group.submit-btns {margin: 0;position: relative;text-align: left;width: 100%;padding: 20px 0px 0px 0px;}
  .lets-task-section {position: relative;padding: 0 0 50px;margin: 0px 0 50px;}
  .footer-contact-info p {font-size: 16px;line-height: 24px;}
  .footer-widget-1 {width: 100%;padding: 0px 0px 10px 0px;}
  .footer-contact-info .footer-logo {margin: 0 0 20px;}
  .footer-contact-info .copyright-text ul li {font-size: 16px;line-height: 24px;}
  .footer-contact-info .copyright-text ul li:nth-child(2) {padding: 0 5px;}
  .footer-section .footer-widget-2, .footer-widget-3 {width: 100%;padding: 20px 0px 0px 0px;}
  .footer-section .footer-widget-4 {width: 100%;padding: 20px 0px 0px 0px; }
  .footer-inner-content .footer-widget-box h3 {font-size: 18px;line-height: 28px;padding: 0 0 18px;}
  .footer-inner-content .footer-widget-box .widget-reviews-items h3 {padding: 0 0 20px;}
  .counter-text {font-size: 16px;line-height: 24px;}
  .service-content-info p {line-height: 24px;}
  .reveal-items .content-box p {font-size: 16px;line-height: 24px;margin: 14px 0 0;}
  .icon-block .fade-text {line-height: 24px;}
  .footer-inner-content .footer-widget-box .widget-nav-menu-item ul li {font-size: 16px;line-height: 24px;}
  .footer-section .footer-widget-4 .widget-reviews-items {max-width: 210px;margin: 0;}
  .counter-image-block .image-div img {height: 220px;object-fit: cover;}
  .ab-review-text {font-size: 16px;line-height: 24px;}
  .banner-section .banner-left-colm {width: 100%;}
  .banner-section .banner-right-colm {width: 100%;}
  .banner-section .banner-short-text {max-width: 379px;margin: 0;padding-top: 25px;}
  .banner-section {padding: 120px 20px 120px;min-height: auto;}
  h1 {font-size: 34px;line-height: 42px;}
  .banner-section .animate-text-1, .banner-section .animate-text-2 {display: none;}
  .menu_popup_area .menu_pop_inner ul .menu_list_item a {font-size: 16px;line-height: 24px;}
  .menu_popup_area .menu_pop_inner ul {gap: 6px;}
  .blog-items .blog-featured-image img {border-radius: 20px;vertical-align: top;width: 100%;}
  .mb-reveal .content-box .air-icon {display: flex;align-items: center;min-width: 34px;width: 34px;}
  .mb-reveal .content-box {background: #FFF5F5;padding: 28px 30px 22px;border-radius: 10px;}
  .mb-reveal {display: flex;flex-direction: column;gap: 20px;}
  .mb-reveal .content-box .icon-title {font-size: 22px;font-weight: 500;line-height: 34px;margin: 0 0 0 15px;color: #000;}
  .product-services-section .sticky-wrapper {display: none;}
  .inner-mb-info .content-box p {color: #615656;font-family: 'Lexend';font-size: 16px;font-weight: 300;line-height: 24px;margin: 12px 0 0;}
  .contact-form-items .submit-btns input[type="submit"] {font-size: 18px;line-height: 25px;max-width: 200px;padding: 15px 24px;}
  .contact-form-items .form-group {margin: 0 0 28px;padding: 0 0 0 20px;}
  .footer-scroll-text {height: 200px;}
}
@media(max-width:450px){
  .contact-form-items {display: flex;flex-wrap: wrap;flex-direction: column;}
  .contact-form-items .form-group {margin: 0 0 28px;padding: 0px;width: 100%;}
}