@import url(../../../css2);
body {
  margin : 0;
  padding : 0;
  font-family : 'Rubik', sans-serif!important
}
h1, h2, h3, h4, h5, h6 {
  font-family : 'Rubik', sans-serif!important;
  font-weight : 500!important
}
.justify-center {
  justify-content : center
}
.clear {
  clear : both
}
  a : focus {
  outline : none
}
body.contact footer {
  margin-top : 0
}
.navbar-light .navbar-toggler {
  color : #fff!important;
  border-color : #fff!important;
  background-color : transparent!important;
  padding : 3px 8px!important;
  box-shadow : none
}
.main_slider_portfolio button.slick-next.slick-arrow {
  left : inherit!important;
  right : 0;
  font-size : 50px
}
.main_slider_portfolio button.slick-prev.slick-arrow {
  left : 0;
  font-size : 50px
}
.portfolio-detail figcaption ol {
  padding : 0
}
.navbar-nav.ms-auto>div {
  position : relative
}
  .main_slider_portfolio .slick-arrow : focus {
  border : 0;
  outline : 0
}
.dropdow-carrer {
  position : absolute;
  width : 180px!important;
  display : none;
  background : #fff;
  padding : 15px 0;
  right : 0;
  border-radius : 5px
}
.dropdow-carrer a.nav-item {
  color : #000!important
}
  .main-carrer7 : hover .dropdow-carrer {
  display : block
}
.job-detail-view ul.d-flex.flex-wrap {
  padding-left : 0
}
.main-carrer {
  position : relative
}
.white-link {
  color : #fff
}
.job_section_main .hiring-box h1 span.large-text {
  font-weight : 600;
  font-size : 54px
}
.job_section_main .hiring-box p.global_p {
  font-size : 16px;
  line-height : 27px;
  color : #212529
}
.portfolio-information .list-img-text .list-img img {
  width : 100%
}
.portfolio-detail figcaption ol li ul {
  padding-left : 0
}
.about-team-img img {
  z-index : 9;
  position : relative
}
.dummy-class.another-dummy-class button.accordion-button {
  width : 100%;
  text-align : left;
  background : linear-gradient(to right, #ff0000 0%, #ff0000 100%);
  color : #fff;
  font-size : 18px;
  font-weight : 500;
  padding : 10px 0 10px 20px;
  border : 1px solid #ad3d0b;
  position : relative
}
form.contact-formss textarea {
  min-height : 110px
}
form.contact-formss span {
  margin-top : 10px;
  display : inline-block;
  width : 100%;
  color : #d84401!important
}
  .dummy-class.another-dummy-class button.accordion-button.collapsed : after {
  content : "+";
  position : absolute;
  right : 20px;
  font-size : 22px;
  top : 6px
}
  .dummy-class.another-dummy-class button.accordion-button : after {
  content : "-";
  position : absolute;
  right : 20px;
  font-size : 28px;
  top : 3px
}
.dummy-class.another-dummy-class h2 {
  margin-bottom : 0
}
.dummy-class.another-dummy-class .accordion-item .accordion-collapse {
  border : 1px solid #ccc;
  border-top : none
}
.dummy-class.another-dummy-class .accordion-item {
  margin-bottom : 20px;
  border-top : none
}
.dummy-class.another-dummy-class .accordion-body {
  padding : 10px 20px
}
  .dummy-class.another-dummy-class button.accordion-button : focus {
  outline : none
}
.toggle-skill, .toggle-description {
  cursor : pointer;
  margin-left : 5px
}
.navbar-light .navbar-toggler-icon {
  background-image : url(../frontend_images/humberger-white.svg)
}
.home-banner {
  background : url(../frontend_images/main-banner.png);
  min-height : 944px;
  background-size : cover;
  background-repeat : no-repeat;
  background-position : center
}
.home-banner.service-banner {
  background : url(../frontend_images/other-banner.png);
  min-height : 531px;
  background-size : cover;
  background-repeat : no-repeat;
  background-position : center;
  padding-top : 45px
}
.contact-banner.home-banner.service-banner {
  background : url(../frontend_images/other-banner.png);
  min-height : 531px;
  background-size : cover;
  background-repeat : no-repeat;
  background-position : center;
  padding-top : 45px
}
.home-banner.service-banner .text-lg-start {
  padding-left : 0
}
.carrer-banner.home-banner.service-banner {
  background : url(../frontend_images/other-banner.png);
  background-size : cover;
  background-repeat : no-repeat;
  background-position : center;
}
.home-banner.service-banner .home-banner-content {
  padding-top : 120px
}
.contact-banner.home-banner.service-banner .home-banner-content {
  padding-top : 170px
}
.home-banner.service-banner.about-banner {
  background : url(../frontend_images/other-banner.png);
  min-height : 531px;
  background-size : cover;
  background-repeat : no-repeat;
  background-position : center;
  padding-top : 45px
}
.home-banner.service-banner.blog-banner, .home-banner.service-banner.portfolio-banner, .home-banner.service-banner.team-banner {
  min-height : 517px;
  background-size : cover;
  background-repeat : no-repeat;
  background-position : center;
  padding-top : 45px
}
.home-banner.service-banner.portfolio-banner {
  background : url(../frontend_images/other-banner.png);
  background-size : cover;
  background-repeat : no-repeat;
  background-position : center;
}
.home-banner.service-banner.blog-banner {
  background : url(../frontend_images/blog-banner.jpg);
  background-size : cover;
  background-repeat : no-repeat;
  background-position : center;
}
.home-banner.service-banner.team-banner {
  background : url(../frontend_images/team-banner.jpg);
  background-size : cover;
  background-repeat : no-repeat;
  background-position : center;
}
section.portfolio .portfolio-detail figcaption p {
  display : -webkit-box;
  max-width : 100%;-webkit-line-clamp : 2;-webkit-box-orient : vertical;
  overflow : hidden
}
.portfolio-banner .home-banner-content h1 {
  padding-bottom : 20px
}
.portfolio-banner .home-banner-content p.text-white {
  max-width : 996px;
  margin : 0 auto
}
.home-banner.service-banner h1 {
  padding-bottom : 18px
}
section.latest-blog .portfolio-detail a {
  text-align : center;
  display : block
}
section.portfolio.team-portfolio .portfolio-detail figure {
  padding : 0;
  margin : 0;
  border : none
}
section.portfolio .portfolio-detail {
  cursor : default
}
section.testimonail-slider .container {
  max-width : 1180px
}
section.testimonail-slider .card {
  border : 7px solid #000;
  border-radius : 45px;
  position : relative;
  margin-right : 50px;
  background-color : #f9f9f9;
  border-radius : 50px
}
section.testimonail-slider .card .card-body {
  padding : 50px
}
  section.testimonail-slider .card : before {
  content : "1";
  position : absolute;
  background : url(../frontend_images/quote.png) no-repeat #f9f9f9;
  background-size : 60%;
  width : 126px;
  height : 100px;
  transform : rotate(180deg);
  background-position : center;
  position : absolute;
  left : -30px;
  top : -47px;
  color : #fff0
}
  section.testimonail-slider .card : after {
  content : "";
  position : absolute;
  right : -35px;
  bottom : -34px;
  background : url(../frontend_images/quote.png) no-repeat #f9f9f9;
  background-size : 60%;
  width : 126px;
  height : 100px;
  background-position : 34px 19px
}
.testimonail-slider .client-response .testimonail-text p {
  padding-top : 0!important
}
section.testimonail-slider .carousel-inner {
  padding-top : 40px
}
section.testimonail-slider .card .card-body p {
  padding-top : 30px
}
.round {
  width : 100%;
  height : 100%;
  position : absolute;
  z-index : 1
}
  .round-1 : before {
  content : "";
  position : absolute;
  left : 88px;
  top : -7px;
  width : 50px;
  height : 7px;
  background : #000;
  border-radius : 30px
}
  .round-1 : after {
  content : "";
  position : absolute;
  left : -7px;
  top : 62px;
  width : 7px;
  height : 50px;
  background : #000;
  border-radius : 30px
}
  .round-2 : before {
  content : "";
  position : absolute;
  right : 87px;
  bottom : -7px;
  width : 50px;
  height : 7px;
  background : #000;
  border-radius : 30px;
  z-index : 1
}
  .round-2 : after {
  content : "";
  position : absolute;
  right : -7px;
  bottom : 62px;
  width : 7px;
  height : 50px;
  background : #000;
  border-radius : 30px;
  z-index : 1
}
.text-uppercase {
  text-transform : uppercase
}
.flex {
  display : flex
}
.home-banner.service-banner p.text-white {
  max-width : 996px;
  font-size : 19px;
  margin : 0 auto;
  padding-bottom : 21px
}
.home-banner.service-banner a.btn {
  font-size : 20px;
  padding : 7px 39px!important
}
div#navbarCollapse {
  width : 78%
}
.internal-work {
  flex-wrap : wrap
}
nav.navbar {
  align-items : center;
  justify-content : space-between
}
.navbar-light .navbar-toggler {
  color : rgb(0 0 0 / .55);
  border-color : rgb(0 0 0 / .1);
  background-color : #fff;
  padding : 0 5px
}
.new-header.top-header {
  background-color : #000000!important;
  padding-bottom : 30px
}
section.testimonial.team-progress-bar .professional-team img {
  height : auto;
  object-fit : contain
}
.testimonial img {
  height : 100%;
  object-fit : cover;
  width : 100%
}
.color-transparent {
  color : #fff0;
  font-size : 0
}
.padding-zero {
  padding : 0
}
.testimonial .row {
  --bs-gutter-x : 0
}
.align-center {
  align-items : center
}
.container {
  max-width : 1444px
}
.top-header {
  background-color : transparent!important;
  box-shadow : none!important;
  padding-top : 30px;
  transition : all 0.5s ease;-ms-transition : all 0.5s ease;-webkit-transition : all 0.5s ease
}
.navbar-nav.ms-auto {
  margin : 0 auto!important;
  padding-left : 0;
  flex-wrap : wrap
}
a.navbar-brand {
  padding : 0
}
div#navbarCollapse {
  justify-content : space-between
}
.get-in-touch-btn {
  background-color : #fff0;
  border : 1px solid #fff;
  font-size : 16px;
  font-weight : 500;
  text-transform : uppercase;
  color : #fff;
  border-radius : 90px;
  padding : 0!important;
  position : relative;
  transition : .2s ease-in-out 0s;-ms-transition : .2s ease-in-out 0s;-webkit-transition : .2s ease-in-out 0s
}
  a.btn.btn-common : hover {
  box-shadow : none
}
  .get-in-touch-btn : hover {
  box-shadow : 0 0 10px #ff0000, 0 0 20px #ff0000, 0 0 20px #ff0000 inset;
  border : 1px solid #ff0000;
  background-color : #ff0000
}
.home-about a {
  transition : .2s ease-in-out 0s;-ms-transition : .2s ease-in-out 0s;-webkit-transition : .2s ease-in-out 0s
}
  .business-btn : hover {
  border : none!important
}
  .home-about a : hover {
  box-shadow : 0 0 10px #ff0000, 0 0 20px #ff0000, 0 0 20px #ff0000 inset;
  background-color : #ff0000
}
a.btn {
  transition : .2s ease-in-out 0s;-ms-transition : .2s ease-in-out 0s;-webkit-transition : .2s ease-in-out 0s
}
  a.btn : hover {
  box-shadow : 0 0 10px #ff0000, 0 0 20px #ff0000, 0 0 20px #ff0000 inset;
  border : 1px solid #ff0000
}
.get-in-touch-btn span {
  display : block;
  width : 100%;
  padding : 5px 35px;
  border-radius : 90px
}
.about-team-img img {
  animation : bounce 3s infinite;-webkit-animation : bounce 3s infinite;-moz-animation : bounce 3s infinite;-o-animation : bounce 3s infinite
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100%{-webkit-transform : translateY(0)
}
40% {
  -webkit-transform : translateY(-30px)
}
60% {
  -webkit-transform : translateY(-15px)
}
}@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100%{-moz-transform : translateY(0)
}
40% {
  -moz-transform : translateY(-30px)
}
60% {
  -moz-transform : translateY(-15px)
}
}@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100%{-o-transform : translateY(0)
}
40% {
  -o-transform : translateY(-30px)
}
60% {
  -o-transform : translateY(-15px)
}
}@keyframes bounce {
  0%, 20%, 50%, 80%, 100%{transform : translateY(0)
}
40% {
  transform : translateY(-30px)
}
60% {
  transform : translateY(-15px)
}
}.navbar-nav a {
  color : #fff!important;
  font-size : 16px;
  font-weight : 400;
  padding : 0 29px!important
}
  .navbar-nav a.active, .navbar-nav a : hover {
  text-decoration : underline
}
.home-banner-img {
  text-align : right
}
.home-banner-content {
  padding-top : 168px
}
.typed-cursor {
  opacity : 0!important
}
p.outsource-text {
  font-size : 20px;
  color : #fff;
  text-transform : uppercase;
  letter-spacing : 4px;
  font-weight : 500;
  padding-bottom : 5px
}
.home-banner-content h1 {
  font-size : 85px;
  line-height : 81px
}
.home-banner-content p.text-white {
  font-size : 30px;
  line-height : 29px;
  max-width : 532px;
  padding-bottom : 10px;
  padding-top : 10px;
  font-weight : 400
}
.home-banner-content a.btn {
  border-radius : 50px;
  background : linear-gradient(to right, #ff0000 0%, #4c3add 100%);
  font-size : 18px;
  font-weight : 500;
  padding : 6px 36px!important;
  text-transform : uppercase;
  margin-right : 4px!important
}
.about-team-img .about-number {
  width : 72px;
  height : 72px;
  border-radius : 50px;
  background : linear-gradient(to right, #ff0000 0%, #ff0000 100%);
  line-height : 72px;
  font-size : 49px;
  color : #fff;
  font-weight : 700;
  position : absolute;
  top : -1px;
  right : 20px;
  z-index : 9
}
.home-banner-content a.btn.home-contact-btn {
  background : #3D4373;
  color : #fff
}
  .about-text-inner : nth-child(2) .about-team-img .about-number {
  top : 30px;
  right : -23px
}
.about-texting-team {
  position : relative;
  padding-top : 74px
}
.about-texting-team h3 {
  font-size : 25px;
  padding-top : 45px;
  padding-bottom : 14px
}
.about-text-inner p {
  max-width : 342px;
  margin : 0 auto;
  font-size : 16px;
  line-height : 20px;
  color : #000
}
  .about-texting-team : after {
  background : url(../frontend_images/process-line.png);
  min-height : 147px;
  background-size : cover;
  background-repeat : no-repeat;
  background-position : center;
  position : absolute;
  content : "1";
  width : 100%;
  color : #fff0;
  top : 130px
}
  .about-texting-team.info-team : after {
  display : none
}
.offer.about-offer.future-new {
  background-image : none;
  background-color : #fff;
  padding-top : 14px;
  padding-bottom : 17px
}
.about-future-team {
  background-color : #f9f9f9;
  border-radius : 10px;
  padding-bottom : 58px
}
.about-texting-team.info-team .about-future-team img {
  margin-top : -68px
}
.about-texting-team.info-team .about-future-team h3 {
  color : #000
}
.about-texting-team.info-team {
  column-gap : 0;
  padding-top : 104px
}
.about-texting-team.info-team .about-text-inner {
  padding : 0 10px
}
.about-texting-team.info-team .about-future-team p {
  max-width : 393px;
  line-height : 28px;
  padding-top : 12px;
  padding-left : 20px;
  padding-right : 20px
}
.offer.about-offer {
  padding-bottom : 160px
}
.offer.about-offer.future-new .offer-detail {
  max-width : 779px!important
}
.about-team-img {
  position : relative;
  max-width : 276px;
  margin : 0 auto
}
.business-sol {
  position : relative
}
  .business-sol.service-business-sol : before {
  display : none
}
section.business-sol.service-business-sol .business-detail {
  padding-left : 15px;
  padding-top : 0
}
.business-sol.service-business-sol .business-detail-text p {
  color : #000;
  max-width : 824px;
  padding-left : 108px
}
section.business-sol.service-business-sol .business-detail h3 {
  padding-bottom : 25px
}
section.business-sol.service-business-sol .business-detail h2 {
  padding-bottom : 60px
}
  .business-sol : before {
  content : "1";
  position : absolute;
  left : 20px;
  top : -50px;
  background : url(../frontend_images/services-img.png);
  min-height : 361px;
  width : 187px;
  color : #fff0
}
.business-list {
  display : flex;
  padding-left : 0;
  z-index : 1
}
.business-list-right {
  margin-top : 83px
}
.business-list-right ul {
  padding-left : 18px
}
.business-list li {
  list-style : none;
  background-color : #f8f8f8;
  border : 1px solid #e6e6e6;
  border-radius : 20px;
  padding : 22px 30px;
  transition : .3s;
  margin-bottom : 18px
}
  .business-list li : hover {
  background-color : #000000
}
  .business-list li : hover h2, .business-list li : hover p, .business-list li : hover a {
  color : #fff
}
.business-list li h2 {
  font-size : 23px;
  color : #000;
  transition : .3s;
  padding-top : 35px
}
.business-list li p {
  font-size : 16px;
  line-height : 27px;
  color : #000;
  transition : .3s
}
.business-list li a {
  color : #ff0000;
  font-size : 18px;
  font-weight : 500;
  display : block;
  transition : .3s;
  padding-top : 7px
}
.business-top-list {
  padding-top : 50px
}
.business-detail {
  padding-top : 97px;
  padding-right : 0;
  padding-left : 97px
}
.business-detail h3 {
  color : #ff0000;
  font-size : 20px;
  text-transform : uppercase;
  letter-spacing : 3px;
  padding-bottom : 35px
}
.business-detail h2 {
  font-size : 45px;
  line-height : 55px;
  max-width : 488px;
  padding-bottom : 28px
}
.business-detail p {
  font-size : 16px;
  line-height : 27px;
  color : #000;
  max-width : 580px;
  padding-bottom : 40px
}
.business-btn {
  background : linear-gradient(to right, #ff0000 0%, #4c3add 100%);
  border : none;
  border-radius : 90px;
  font-size : 20px;
  text-transform : uppercase;
  font-weight : 500;
  padding : 14px 46px!important
}
.offer {
  background : url(../frontend_images/offer-img.png);
  min-height : inherit;
  background-size : cover;
  background-repeat : no-repeat;
  background-position : center;
  margin-top : 82px;
  padding-top : 92px;
  padding-bottom : 92px
}
.offer-detail h2 {
  color : #ff0000;
  font-size : 20px;
  letter-spacing : 5px;
  padding-bottom : 18px
}
.offer h1 {
  font-size : 45px;
  font-weight : 700
}
.offer-detail {
  max-width : 800px!important
}
.offer-detail p {
  font-size : 16px;
  line-height : 27px;
  padding-top : 7px
}
.offer .product-item {
  background-color : #fff;
  border-radius : 10px
}
.offer .card {
  border : none
}
.offer .card-body .offer-sign-img img {
  margin : 0 auto;
  display : block;
  position : relative;
  margin-top : -50px
}
.team p.card-text {
  font-size : 25px;
  font-weight : 500;
  color : #000;
  padding-top : 35px;
  padding-bottom : 16px
}
.team {
  position : relative
}
a.btn.btn-common {
  position : absolute;
  top : 50%
}
a.btn.btn-prev.btn-common {
  left : -40px;
  background : url(../frontend_images/arrow-circle-prev.png);
  background-size : cover;
  background-repeat : no-repeat;
  background-position : center;
  width : 25px;
  height : 25px;
  border : none!important
}
a.btn.btn-next.btn-common {
  right : -40px;
  background : url(../frontend_images/arrow-circle-next.png);
  background-size : cover;
  background-repeat : no-repeat;
  background-position : center;
  width : 25px;
  height : 25px;
  border : none!important
}
.team .card-body {
  border-radius : 0 0 10px 10px
}
.home-about {
  background-color : #fff;
  padding : 100px 0
}
.home-about h3 {
  color : #ff0000;
  font-size : 20px;
  font-weight : 500;
  text-transform : uppercase;
  padding-bottom : 13px
}
.home-about h2 {
  font-size : 45px;
  padding-bottom : 36px
}
.home-about p {
  font-size : 16px;
  color : #000;
  line-height : 27px;
  padding-bottom : 10px
}
.home-about a {
  background : linear-gradient(to right, #ff0000 0%, #4c3add 100%);
  text-decoration : none;
  color : #fff;
  font-weight : 500;
  font-size : 20px;
  border-radius : 50px;
  padding : 13px 48px;
  text-transform : uppercase;
  margin-top : 40px;
  display : table
}
.latest-work {
  background : url(../frontend_images/blue-bg.jpg);
  background-size : cover;
  background-repeat : no-repeat;
  background-position : center;
  padding-top : 100px;
  position : relative
}
  .latest-work : after {
  content : "1";
  position : absolute;
  bottom : -6px;
  width : 100%;
  background-color : #fff;
  height : 366px;
  color : #fff0
}
.work-detail {
  color : #fff;
  max-width : 824px!important
}
.work-detail h2 {
  font-size : 20px;
  color : #fff;
  text-transform : uppercase;
  padding-bottom : 22px
}
.work-detail h1 {
  font-size : 45px;
  color : #fff;
  text-transform : uppercase;
  padding-bottom : 14px
}
.internal-work {
  display : flex;
  align-items : center;
  position : relative;
  z-index : 1
}
section.latest-work .carousel-inner .carousel-item {
  padding : 30px;
  border-radius : 10px
}
section.latest-work .carousel-inner .carousel-item img.latest-img {
  height : auto;
  width : 100%
}
.blue-inner-sec {
  padding-left : 0;
  padding-top : 0;
  padding-bottom : 0;
  border-radius : 0
}
.internal-work .slide-content {
  padding-left : 40px;
  padding-top : 80px;
  padding-bottom : 80px;
  border-radius : 10px;
  padding-right : 40px;
  min-height : 620px
}
.internal-work .slide-content .row {
  align-items : center
}
.country-text p {
  font-size : 20px;
  line-height : 27px
}
.work-country-detail {
  display : flex;
  padding-top : 17px
}
.latest-work button.carousel-control-next {
  opacity : 1;
  background-color : #fff0;
  border : none;
  width : auto;
  right : -60px;
  top : 62%;
  height : 25px
}
.latest-work button.carousel-control-prev span.carousel-control-prev-icon {
  background-image : url(../frontend_images/arrow-circle-left-dark.png);
  width : 25px;
  height : 25px;
  background-size : cover;
  background-repeat : no-repeat;
  background-position : center
}
.latest-work button.carousel-control-next span.carousel-control-next-icon {
  background-image : url(../frontend_images/arrow-circle-right-dark.png);
  width : 25px;
  height : 25px;
  background-size : cover;
  background-repeat : no-repeat;
  background-position : center
}
.latest-work button.carousel-control-prev {
  opacity : 1;
  background-color : #fff0;
  border : none;
  width : auto;
  left : -60px;
  top : 62%;
  height : 25px
}
.internal-work h2 {
  font-size : 30px;
  color : #fff;
  line-height : 38px;
  padding-bottom : 14px
}
.internal-work p {
  color : #fff;
  font-size : 16px;
  line-height : 27px;
  max-width : 599px
}
.work-country-detail .country-text p {
  margin-bottom : 0;
  font-size : 20px;
  line-height : 27px
}
.work-country-detail .country-img {
  margin-right : 18px
}
.tech-platform ul {
  display : grid;
  grid-template-columns : repeat(2, 1fr);
  padding-left : 0;
  width : 282px;
  padding-left : 13px;
  padding-top : 10px
}
.tech-platform ul li {
  list-style : none;
  color : #fff;
  font-size : 23px;
  font-weight : 500
}
  .tech-platform ul li : first-child {
  font-size : 20px
}
  .tech-platform ul li : nth-child(2) {
  font-size : 20px
}
.blue-inner-sec img {
  margin-bottom : 25px;
  width : auto
}
img.latest-img {
  border-radius : 0 10px 10px 0;
  width : 100%;
  height : 100%
}
section.latest-work .carousel-inner {
  z-index : 1
}
.work-detail p {
  padding-bottom : 40px
}
section.partner .offer-detail h2 {
  text-transform : uppercase;
  padding-bottom : 7px
}
.main_slider_portfolio {
  overflow-x : hidden;
  background-color : #000000
}
section.partner .offer-detail h1 {
  text-transform : uppercase;
  font-size : 45px;
  margin-bottom : 0
}
.main_slider_portfolio .slick-track .item.slick-slide {
  width : 600px;
  height : 70vh!important;
  background-position : top center!important
}
section.partner .offer-detail {
  max-width : 824px!important
}
section.partner {
  padding-top : 92px
}
section.partner .owl-dots {
  text-align : center
}
section.partner .owl-dots button.owl-dot span {
  width : 57px;
  background-color : #ececec;
  display : block;
  height : 4px
}
section.partner .owl-dots button.owl-dot.active span {
  background-color : #ff0000
}
.partner .card {
  border : none;
  margin-bottom : 3px
}
.partner-dots a.btn {
  width : 57px;
  height : 4px!important;
  margin : 0;
  padding : 0;
  border-radius : 0;
  background-color : #ececec;
  border : 1px solid #ececec
}
.partner .offer-detail p {
  font-size : 16px;
  line-height : 27px;
  padding-top : 12px;
  padding-bottom : 28px
}
div#partner-carousel {
  padding-bottom : 38px
}
.partner-dots a.btn.active {
  background-color : #ff0000;
  border : 1px solid #ff0000
}
.testimonial {
  background-color : #f9f9f9;
  margin-top : 85px
}
.client-info {
  padding-top : 50px;
  padding-left : 56px;
  padding-bottom : 50px;
  padding-right : 56px
}
.client-info h3 {
  font-size : 20px;
  text-transform : uppercase;
  color : #ff0000;
  letter-spacing : 4.6px;
  padding-bottom : 36px
}
.client-info h2 {
  font-size : 45px;
  line-height : 55px;
  padding-bottom : 35px
}
.client-info .carousel .carousel-inner {
  max-width : 1200px;
  margin : 0 auto
}
.client-info p {
  font-size : 16px;
  color : #000;
  line-height : 27px;
  max-width : 700px
}
.client-response {
  display : flex;
  align-items : center
}
.client-info button.carousel-control-prev, .client-info button.carousel-control-next {
  width : 50px;
  border : none;
  background-color : #de4a07;
  height : 50px;
  top : 30%
}
.client-response .testimonail-text h2 {
  font-size : 22px;
  line-height : 27px;
  margin-bottom : 0;
  color : #000;
  padding-bottom : 0
}
.client-response .testimonail-text p {
  margin-bottom : 0;
  font-size : 16px;
  color : #000
}
.client-response .testimonail-text {
  padding-left : 24px
}
section.latest-blog {
  padding-top : 100px
}
section.latest-blog .offer-detail h1 {
  font-size : 45px;
  padding-bottom : 40px
}
section.latest-blog .offer-detail {
  max-width : 1026px!important
}
.blog-detail h2 {
  font-size : 32px;
  line-height : 33px;
  color : #000;
  padding-top : 50px;
  padding-bottom : 28px
}
.blog-detail p {
  font-size : 16px;
  line-height : 28px;
  color : #000;
  padding-bottom : 24px
}
.blog-detail a {
  font-size : 20px;
  font-weight : 700;
  text-transform : uppercase;
  color : #ff0000
}
section.latest-blog .offer-detail p {
  padding-bottom : 33px
}
section.offer.contact-offer .form-inner-output button.btn.btn-primary {
  font-size : 20px;
  font-weight : 500;
  text-transform : uppercase;
  border-radius : 70px;
  padding : 8px 46px;
  background : linear-gradient(to right, #ff0000 0%, #ff0000 100%);
  border : 1px solid #ff0000;
  margin-top : 36px
}
footer {
  margin-top : 102px;
  color : #fff
}
footer.mycontactpg {
  margin-top : 0
}
.footer-inner {
  background : url(../frontend_images/banner.png);
  min-height : 463px;
  background-size : cover;
  background-repeat : no-repeat;
  background-position : center;
  padding-top : 113px
}
.footer-inner p {
  font-size : 16px
}
.footer-first p {
  max-width : 360px
}
footer ul.social-links {
  padding : 22px 0 0 0;
  display : flex;
  list-style : none;
  column-gap : 7px
}
footer .footer-inner h2 {
  font-size : 18px;
  line-height : 28px;
  text-transform : uppercase;
  padding-bottom : 30px;
  padding-top : 10px
}
.footer-item ul {
  padding : 0
}
.footer-item ul li {
  list-style : none;
  padding-bottom : 14px
}
.footer-item ul li a {
  color : #fff;
  text-decoration : none
}
.footer-item img.footer-logo {
  margin-bottom : 40px
}
.footer-third.footer-item p, .footer-four.footer-item p {
  line-height : 41px
}
.footer-item p a {
  color : #fff;
  text-decoration : none
}
.footer-second.footer-item {
  padding-left : 72px
}
.footer-third.footer-item {
  padding-left : 80px
}
.footer-four.footer-item {
  padding-left : 30px
}
.footer-copyright {
  background-color : #000;
  padding : 10px 0
}
p.copyright {
  font-size : 14px;
  margin-bottom : 0
}
section.service-tab .nav-tabs {
  column-gap : 12px;
  padding-bottom : 47px
}
section.service-tab .nav-tabs, section.service-tab .nav-tabs .nav-link.active {
  border : none
}
section.service-tab a.nav-link {
  font-size : 18px;
  color : #000;
  line-height : 29px;
  font-weight : 400;
  background-color : #F7F7F7!important;
  border : 1px solid #d9d9d9!important;
  border-radius : 0;
  padding : 8px 31px
}
section.service-tab .nav-tabs .nav-link.active {
  background : linear-gradient(to right, #ff0000 0%, #4c3add 100%);
  color : #fff;
  border : 1px solid #fff0!important
}
section.service-tab ul.tab-list li {
  list-style : none
}
section.service-tab ul.tab-list li .list-img-text {
  background-color : #f7f7f7;
  border : 1px solid #d9d9d9;
  border-radius : 3px;
  display : flex;
  padding-top : 33px;
  padding-bottom : 16px;
  padding-left : 28px;
  position : relative;
  transition : .3s
}
section.service-tab ul.tab-list {
  grid-template-columns : repeat(4, 1fr);
  display : grid;
  column-gap : 22px;
  row-gap : 20px;
  padding-left : 0
}
section.service-tab .list-text h3 {
  font-size : 18px;
  font-weight : 500;
  color : #000
}
section.service-tab .list-text a.btn.btn-primary {
  font-weight : 500;
  padding : 0;
  font-size : 17px;
  text-transform : uppercase;
  background-color : #fff0;
  border : none;
  color : #ff0000;
  text-decoration : underline
}
  section.service-tab .list-text a.btn.btn-primary : hover {
  text-decoration : none;
  box-shadow : none
}
section.service-tab .list-text p {
  font-size : 14px;
  line-height : 25px;
  color : #000;
  max-width : 190px;
  display : -webkit-box;-webkit-line-clamp : 2;-webkit-box-orient : vertical;
  overflow : hidden;
  text-overflow : ellipsis
}
section.service-tab .list-text {
  padding-left : 28px;
  position : relative;
  z-index : 1
}
.service-business-sol.about-sec h2 {
  max-width : 100%;
  padding-bottom : 54px!important
}
section.business-sol.service-business-sol.about-sec .business-top-list {
  padding-top : 36px
}
.about-vision-sec {
  display : flex
}
.about-vision-sec h4 {
  font-size : 22px;
  color : #000;
  margin-bottom : 0;
  padding : 3px 0 15px
}
.about-vision-sec .about-vision-text {
  padding-left : 35px
}
.about-vision-sec .about-vision-text p {
  max-width : 419px;
  padding-bottom : 26px
}
section.portfolio .portfolio-detail figure {
  border : 1px solid #d9d9d9;
  padding : 20px;
  margin-bottom : 25px
}
section.portfolio.blog-portfolio figure {
  margin-bottom : 1rem;
  border : none;
  padding : 0
}
section.portfolio .portfolio-detail figure img {
  margin : 0 auto;
  display : block;
  object-fit : cover
}
section.portfolio.blog-portfolio .portfolio-detail figcaption {
  padding-top : 25px
}
section.portfolio .portfolio-detail figcaption {
  max-width : 100%;
  margin-top : 0;
  box-shadow : none;
  opacity : 1;
  padding-left : 0;
  padding-right : 0;
  padding-bottom : 0
}
section.portfolio.blog-portfolio .portfolio-detail img {
  min-height : 304px
}
section.portfolio {
  padding-top : 50px
}
.portfolio-detail {
  cursor : pointer
}
section.portfolio.team-portfolio .portfolio-detail {
  cursor : auto
}
section.portfolio.blog-portfolio .portfolio-detail {
  cursor : auto;
  padding-bottom : 45px
}
.portfolio-detail figcaption {
  background-color : #fff;
  box-shadow : 3px 4px 5px 0 rgb(0 0 0 / .25);
  padding : 25px 20px;
  max-width : 392px;
  margin : 0 auto;
  margin-top : -135px;
  position : relative;
  transition : all 0.5s ease;-ms-transition : all 0.5s ease;-webkit-transition : all 0.5s ease;
  opacity : 0
}
.portfolio.blog-portfolio .portfolio-detail figcaption {
  opacity : 1;
  margin-top : 0;
  max-width : 100%;
  box-shadow : none;
  padding-top : 46px
}
  .portfolio-detail : hover figcaption {
  opacity : 1
}
.portfolio-detail figcaption span {
  font-size : 18px;
  color : #000
}
.portfolio.blog-portfolio .portfolio-detail figcaption h2 {
  font-size : 30px;
  line-height : 35px;
  padding-bottom : 26px
}
.portfolio.blog-portfolio .portfolio-detail p {
  font-size : 16px;
  line-height : 28px;
  padding-bottom : 0;
  max-width : 414px;
  display : -webkit-box;-webkit-line-clamp : 3;-webkit-box-orient : vertical;
  overflow : hidden;
  text-overflow : ellipsis
}
.portfolio-detail figcaption ol li {
  text-align : center;
  list-style : none
}
.portfolio-detail figcaption h2 {
  font-size : 24px;
  line-height : 29px;
  color : #000;
  margin-bottom : 7px;
  word-break : break-all
}
.portfolio-detail figcaption p, .portfolio-detail figcaption p span {
  font-size : 14px;
  line-height : 21px;
  color : #000
}
.portfolio-detail figcaption a {
  color : #ff0000;
  font-size : 14px;
  line-height : 21px;
  font-weight : 500;
  text-decoration : none
}
section.portfolio.blog-portfolio .portfolio-detail figcaption a {
  display : block;
  font-size : 20px;
  line-height : 28px;
  text-decoration : underline
}
  section.portfolio.blog-portfolio .portfolio-detail figcaption a : hover {
  text-decoration : none
}
  .portfolio-detail figcaption a : hover {
  text-decoration : underline
}
section.portfolio ul.pagination li.page-item {
  background-color : #f9f9f9;
  border-radius : 4px
}
section.portfolio ul.pagination {
  column-gap : 10px
}
section.portfolio ul.pagination li.page-item a {
  color : #6B6B6B;
  font-size : 39px;
  font-weight : 400;
  border : none;
  background-color : #f9f9f9;
  padding : 0 23px;
  text-align : center;
  border-radius : 4px
}
section.portfolio ul.pagination li.page-item a[aria-label="Previous"] {
  padding : 0 21px
}
section.portfolio ul.pagination li.page-item a[aria-label="Next"] {
  padding : 0 21px
}
section.portfolio ul.pagination li.page-item.active a {
  background : linear-gradient(to right, #ff0000 0%, #ff0000 100%);
  color : #fff
}
.portfolio.team-portfolio .offer-detail h1 {
  font-size : 45px;
  font-weight : 700
}
.portfolio.team-portfolio .offer-detail {
  max-width : 1088px!important
}
.portfolio.team-portfolio .offer-detail p {
  padding-bottom : 53px
}
.portfolio.team-portfolio .portfolio-detail figcaption {
  opacity : 1;
  margin : 0;
  max-width : 100%;
  box-shadow : none;
  background-color : #f7f7f7;
  border-radius : 0 0 10px 10px;
  padding-top : 13px;
  padding-bottom : 13px
}
.portfolio.team-portfolio .portfolio-detail figcaption h2 {
  font-size : 20px;
  margin-bottom : 0
}
.portfolio.team-portfolio .portfolio-detail figcaption h3 {
  font-size : 16px
}
.portfolio.team-portfolio .portfolio-detail {
  padding-bottom : 25px
}
section.testimonial.team-progress-bar {
  padding : 100px 0;
  margin-top : 60px
}
.professional-team {
  position : relative
}
.professional-team img {
  z-index : 1;
  position : relative
}
  .professional-team : after {
  background : url(../frontend_images/service-dots.png);
  min-height : 243px;
  background-size : cover;
  background-repeat : no-repeat;
  background-position : center;
  content : "1";
  width : 180px;
  color : #fff0;
  position : absolute;
  top : 0;
  left : -157px
}
section.testimonial.team-progress-bar .client-info h3 {
  padding-bottom : 17px
}
section.testimonial.team-progress-bar .client-info p {
  max-width : 430px;
  padding-bottom : 15px
}
section.testimonial.team-progress-bar .client-info h2 {
  padding-bottom : 17px;
  text-align : left
}
section.testimonial.team-progress-bar .client-info {
  padding-left : 117px;
  padding-top : 52px
}
.skill-wrrap {
  padding-bottom : 10px
}
.skill-main {
  width : 100%;
  max-width : 600px;
  display : flex;
  flex-direction : column;
  gap : 20px
}
.skill-wrrap {
  display : flex;
  flex-direction : column;
  gap : 10px
}
.skill-name {
  color : #000;
  font-size : 16px;
  font-weight : 600;
  padding-bottom : 5px
}
.skill-bar {
  height : 8px;
  background-color : #dfdfdf;
  border-radius : 50px
}
.skill-per {
  height : 8px;
  background : #ff0000;
  border-radius : 50px;
  width : 0;
  transition : 1s linear;
  position : relative
}
  .skill-per : before {
  content : attr(per);
  position : absolute;
  padding : 4px 6px;
  background-color : #fff0;
  color : #000;
  font-size : 14px;
  border-radius : 4px;
  top : -35px;
  right : 0;
  transform : translateX(50%);
  font-weight : 600
}
  .skill-per : after {
  content : "";
  position : absolute;
  width : 10px;
  height : 10px;
  top : -20px;
  right : 0;
  transform : translateX(50%) rotate(45deg);
  border-radius : 2px
}
.contact-detail-inner {
  display : flex;
  align-items : center
}
.contac-detail-text h2 {
  font-size : 20px;
  color : #000;
  padding-bottom : 10px
}
.contac-detail-text p a {
  font-size : 16px;
  font-weight : 400;
  color : #000;
  text-decoration : none;
  margin-bottom : 7px;
  max-width : 280px
}
section.contact-detail .contac-detail-img img {
  filter : drop-shadow(2px 2px 22px rgb(0 0 0 / .25))
}
.contact-detail-inner .contac-detail-text {
  padding-left : 40px
}
section.contact-detail .container {
  max-width : 1300px
}
section.contact-detail {
  padding-top : 49px
}
.contact-form {
  display : flex
}
.form-inner-output {
  padding : 0 10px
}
.form-inner-output label.form-label {
  font-size : 18px;
  font-weight : 400;
  color : #000;
  padding-bottom : 6px
}
.contact-text h3 {
  font-size : 20px;
  color : #ff0000;
  font-weight : 600;
  letter-spacing : 3px;
  padding-bottom : 10px
}
.contact-text h2 {
  font-size : 45px;
  color : #000;
  font-weight : 700;
  padding-bottom : 5px
}
.contact-text p {
  font-size : 16px;
  line-height : 27px;
  color : #000;
  max-width : 480px;
  padding-bottom : 20px
}
section.offer.contact-offer input {
  height : 44px
}
section.offer.contact-offer input[type="textarea"] {
  height : 141px
}
.contact-text ul {
  display : flex;
  list-style : none;
  padding-left : 0;
  column-gap : 14px
}
.career-form-inner {
  display : flex;
  align-items : center;
  justify-content : center;
  padding-top : 54px
}
.career-form-right {
  padding-left : 48px
}
section.career-form h2 {
  font-size : 45px;
  font-weight : 700
}
.career-form-inner label {
  font-size : 18px;
  font-weight : 600
}
.career-form-inner label {
  font-size : 18px;
  font-weight : 600;
  padding-bottom : 8px
}
.career-form-inner input {
  margin-bottom : 30px;
  height : 46px;
  background-color : #F7F7F7;
  border : 1px solid #d7d7d7
}
section.career-form .select-position h2 {
  font-size : 22px;
  font-weight : 600
}
.select-position {
  padding-top : 35px
}
.select-position ul {
  padding : 0;
  list-style : none;
  display : flex;
  column-gap : 20px;
  flex-wrap : wrap;
  padding-top : 15px
}
.select-position ul li {
  margin-bottom : 20px
}
.select-position ul li a {
  font-size : 16px;
  color : #000;
  text-decoration : none;
  background-color : #f7f7f7;
  border : 1px solid #ff0000;
  display : block;
  padding : 8px 36px;
  font-weight : 500
}
input[type="checkbox"].carrer-checkout {
  display : none
}
input[type="checkbox"].carrer-checkout+label {
  padding : 8px 33px;
  display : inline-block;
  font-size : 16px;
  font-weight : 500;
  color : #000;
  cursor : pointer
}
input[type="checkbox"].carrer-checkout+label {
  position : relative;
  background-color : #F7F7F7;
  color : #000;
  border : 1px solid #ff0000
}
  input[type="checkbox"].carrer-checkout : checked+label {
  background-color : #ff0000;
  color : #fff;
  border : 1px solid #F7F7F7
}
.cv .form-container {
  width : 100%;
  height : 250px;
  background-color : #F7F7F7;
  border : 1px solid #D7D7D7;
  border-radius : 7px;
  display : flex;
  justify-content : center;
  align-items : center
}
.cv .upload-files-container {
  background-color : #fff0;
  width : 100%;
  padding : 0;
  border-radius : 0;
  display : flex;
  align-items : center;
  justify-content : center;
  flex-direction : column
}
.cv .drag-file-area {
  border-radius : 0;
  margin : 0;
  padding : 0;
  width : 100%;
  text-align : center
}
.cv .browse-files span img {
  display : block;
  margin : 0 auto
}
.cv .drag-file-area .upload-icon {
  font-size : 0
}
.cv .drag-file-area h3 {
  font-size : 26px;
  margin : 15px 0
}
.cv .drag-file-area label {
  font-size : 19px
}
.cv .drag-file-area label .browse-files-text {
  color : #000;
  font-weight : 600;
  cursor : pointer;
  font-size : 16px
}
.cv .browse-files span {
  position : relative
}
.cv .default-file-input {
  opacity : 0
}
.cv .cannot-upload-message {
  background-color : #ffc6c4;
  font-size : 17px;
  display : flex;
  align-items : center;
  margin : 5px 0;
  padding : 5px 10px 5px 30px;
  border-radius : 5px;
  color : #B00;
  display : none
}
section.career-form .cv h2 {
  font-size : 22px;
  font-weight : 600;
  padding-bottom : 15px;
  color : #000;
  padding-top : 30px
}
@keyframes fadeIn {
  0%{opacity : 0
}
100% {
  opacity : 1
}
}.cv .cannot-upload-message span, .cv .upload-button-icon {
  padding-right : 10px
}
  .cv .cannot-upload-message span : last-child {
  padding-left : 20px;
  cursor : pointer
}
.cv .file-block {
  color : #f7fff7;
  background-color : #ff0000;
  transition : all 1s;
  width : 390px;
  position : relative;
  display : none;
  flex-direction : row;
  justify-content : space-between;
  align-items : center;
  margin : 10px 0 15px;
  padding : 10px 20px;
  border-radius : 25px;
  cursor : pointer
}
.cv .file-info {
  display : flex;
  align-items : center;
  font-size : 15px
}
.cv .file-icon {
  margin-right : 10px
}
.cv .file-name, .cv .file-size {
  padding : 0 3px
}
.cv .remove-file-icon {
  cursor : pointer
}
.cv .progress-bar {
  display : flex;
  position : absolute;
  bottom : 0;
  left : 4.5%;
  width : 0;
  height : 5px;
  border-radius : 25px;
  background-color : #4BB543
}
.cv .upload-button {
  font-family : 'Montserrat';
  background-color : #7b2cbf;
  color : #f7fff7;
  display : flex;
  align-items : center;
  font-size : 18px;
  border : none;
  border-radius : 20px;
  margin : 10px;
  padding : 7.5px 50px;
  cursor : pointer
}
.cv .upload-button {
  opacity : 0
}
section.career-form .form-check {
  padding : 36px 0 0 0;
  width : 100%;
  display : flex
}
section.career-form .form-check .form-check-input {
  margin-left : 0;
  max-width : 466px;
  width : 100%;
  border : none;
  padding-left : 30px
}
section.career-form .form-check input[type="checkbox"] {
  margin : 0
}
section.career-form .form-check .form-check-input .radio {
  display : flex!important
}
section.career-form .form-check .form-check-input input[type="radio"]+label {
  display : inline-block;
  cursor : pointer;
  position : relative;
  padding-left : 47px;
  margin-right : 15px;
  font-size : 16px;
  line-height : 27px
}
  section.career-form .form-check .form-check-input input[type="radio"]+label : before {
  content : "";
  display : block;
  width : 27px;
  height : 27px;
  margin-right : 14px;
  position : absolute;
  top : 10px;
  left : 0;
  border : 1px solid #d7d7d7;
  background-color : #f7f7f7;
  border-radius : 50%
}
  section.career-form .form-check .form-check-input input[type="radio"] : checked+label : after {
  content : "";
  display : block;
  position : absolute;
  top : 15px;
  left : 5px;
  width : 17px;
  height : 17px;
  border-radius : 50%;
  background : #ff0000
}
section.career-form .form-check .form-check-input input[type="radio"] {
  display : none!important
}
section.career-form .form-check .form-check-btn button.btn {
  font-size : 20px;
  font-weight : 700;
  border-radius : 50px;
  padding : 8px 47px;
  background : linear-gradient(to right, #ff0000 0%, #ff0000 100%);
  border : none
}
section.career-form .form-check .form-check-btn {
  padding-top : 3px
}
section.career-form .container {
  max-width : 1210px
}
.footer-second.footer-item ul {
  padding-top : 10px
}
.footer-first.footer-item p {
  padding-top : 5px
}
.footer-four.footer-item span {
  display : block;
  padding-top : 9px
}
.footer-four.footer-item a {
  color : #fff;
  text-decoration : none
}
.dummy-class ul li {
  list-style : none
}
.dummy-class .list-text h3 {
  font-size : 40px;
  font-weight : 600;
  padding-top : 20px
}
.dummy-class ul.tab-list {
  padding-left : 0;
  margin-bottom : 0
}
.home-banner {
  background-color : transparent!important
}
section.testimonail-slider {
  background-color : #f9f9f9;
  padding : 50px 0;
  position : relative
}
.testimonail-slider-icon {
  position : absolute;
  left : 0;
  right : 0;
  margin : 0 auto;
  top : 60%;
  max-width : 1520px;
  display : flex;
  justify-content : space-between
}
section.testimonail-slider h3 {
  font-size : 20px;
  text-transform : uppercase;
  color : #ff0000;
  font-weight : 600;
  letter-spacing : 4.6px;
  padding-bottom : 20px;
  margin-bottom : 0
}
section.testimonail-slider h2 {
  font-size : 45px;
  line-height : 55px;
  font-weight : 700;
  padding-bottom : 20px
}
  section.testimonail-slider a.btn : hover {
  box-shadow : none
}
.testimonail-slider .client-response .testimonail-text p {
  text-align : left
}
section.testimonail-slider .client-response {
  padding-top : 0
}
section.testimonail-slider .client-response img {
  width : 80px;
  height : 80px
}
section.testimonail-slider a.btn {
  background-color : #fff0;
  border : none;
  padding : 0;
  margin-bottom : 0!important;
  z-index : 1
}
.dummy-class .list-text span {
  font-size : 18px;
  font-weight : 500;
  color : #000;
  padding-top : 10px;
  display : block;
  padding-bottom : 4px
}
.new-class-name {
  min-height : 100px!important;
  padding-top : 0!important
}
.blog-detail-main {
  margin-top : 100px
}
.blog-detail-main .blog-detail-inner .list-text h3 {
  font-size : 35px;
  font-weight : 700;
  margin-bottom : 20px
}
.blog-detail-main .blog-detail-inner .list-text {
  font-size : 18px
}
.blog-detail-main .blog-detail-inner ul li {
  list-style : none
}
.blog-detail-main .blog-detail-inner {
  padding-left : 50px
}
.blog-detail-main .blog-detail-inner .list-text h2 {
  font-size : 24px;
  font-weight : 600;
  margin-top : 30px;
  margin-bottom : 10px
}
.blog-detail-main .list-img img {
  width : 100%
}
.header-services {
  min-height : 100px!important;
  padding : 0!important
}
.hero-header.portfolio-banner {
  padding-top : 150px
}
.hero-header.portfolio-banner h2 {
  color : #ff0000;
  font-size : 20px;
  text-transform : uppercase;
  letter-spacing : 3px;
  padding-bottom : 3px
}
.hero-header.portfolio-banner .card .card-footer {
  text-align : left!important;
  padding-left : 9px
}
.hero-header.portfolio-banner h4.card-title {
  font-size : 44px;
  line-height : 55px;
  text-transform : uppercase;
  padding-left : 9px
}
.hero-header.portfolio-banner .card h2 {
  padding-left : 9px
}
.hero-header.portfolio-banner .card .card-body {
  padding-left : 9px!important
}
.hero-header.portfolio-banner .card .card-body .container {
  padding-left : 0;
  padding-right : 0
}
.hero-header.portfolio-banner ul.row-gap-2 {
  margin-top : 0!important;
  padding-top : 0!important;
  padding-left : 0!important;
  margin-bottom : 0
}
.hero-header.portfolio-banner .accordion-body {
  font-size : 16px;
  line-height : 27px
}
.hero-header.portfolio-banner h2.accordion-header {
  padding-bottom : 0
}
.hero-header.portfolio-banner .card-footer {
  background-color : #fff0;
  border : none
}
.hero-header.portfolio-banner .card-footer button.btn.btn-primary {
  background : #fff0;
  padding-left : 0;
  padding-right : 0;
  border : none
}
.hero-header.portfolio-banner .recent-box .role-title h5 {
  font-size : 23px;
  text-transform : uppercase
}
.hero-header.portfolio-banner form#contact-form button#apply {
  border-radius : 90px;
  padding : 12px 48px;
  font-weight : 500;
  font-size : 20px;
  margin-top : 4px
}
  .hero-header.portfolio-banner form#contact-form button#apply : hover {
  background-color : #1f2020;
  border : 1px solid #1f2020
}
.hero-header.portfolio-banner .card-footer button.btn.btn-primary a {
  background : #fff0;
  text-decoration : none;
  color : #e24d0a;
  font-weight : 500;
  font-size : 20px;
  border-radius : 50px;
  padding : 13px 48px;
  text-transform : uppercase;
  margin-top : 0;
  border : 1px solid #e24d0a
}
.hero-header.portfolio-banner .recent-box {
  margin-top : 0!important
}
  .hero-header.portfolio-banner .card-footer button.btn.btn-primary a : hover {
  box-shadow : 0 0 10px #ff0000, 0 0 1px #ff0000, 0 0 1px #ff0000 inset
}
.container-fluid.job_section_main {
  max-width : 1444px;
  padding-left : 16px!important;
  padding-right : 16px!important
}
.job_section_main .hiring-box {
  background-color : rgb(0 0 0 / .03);
  padding : 40px 30px;
  transition : all ease 0.5s;-ms-transition : all ease 0.5s;-webkit-transition : all ease 0.5s;
  border : 1px solid rgb(0 0 0 / .125)
}
.job_section_main .hiring-box span.small-text {
  color : #212529;
  font-size : 45px
}
  .job_section_main .hiring-box : hover {
  -webkit-transform : translateY(-5px);-ms-transform : translateY(-5px);
  transform : translateY(-5px)
}
.container-fluid.job_section_main .contact-details-box h1 span {
  font-size : 45px;
  text-transform : uppercase;
  line-height : 55px;
  color : #212529
}
.container-fluid.job_section_main .main_second {
  padding : 40px 30px!important
}
.container-fluid.job_section_main .main_second ul.contact-box {
  padding-left : 0
}
.container-fluid.job_section_main .main_second ul.contact-box a {
  font-size : 20px;
  font-weight : 500
}
.job_section_main .btn {
  background : #fff;
  border : none;
  border-radius : 90px;
  font-size : 20px;
  text-transform : uppercase;
  font-weight : 500;
  padding : 14px 35px!important;
  color : #ff0000;
  border : 1px solid #ff0000
}
.contact-details-box p.global_p {
  letter-spacing : 0;
  font-size : 16px
}
.job_section_main .btn.btn-light {
  color : #ff0000!important;
  background : #fff0;
  border : 1px solid #ff0000
}
.job_section_main .contact-box span {
  background : #5e5c5c;
  min-width : 44px;
  min-height : 44px
}
  .job_section_main .btn : hover {
  box-shadow : 0 0 10px #ff0000, 0 0 1px #ff0000, 0 0 1px #ff0000 inset;
  background : #ff0000!important;
  color : #fff!important
}
.hero-header.portfolio-banner .card .first_hearing {
  padding : 6px;
  text-align : center;
  background : red;
  font-weight : 600;
  color : #fff;-webkit-transform : rotate(-45deg);
  transform : rotate(-45deg);
  font-size : 14px;
  position : absolute;
  top : 10px;
  left : -34px;
  width : 120px
}
.hero-header.portfolio-banner .card {
  overflow : hidden;
  padding : 40px 26px 19px 40px;
  transition : .5s;
  transform : translateY(0)
}
  .hero-header.portfolio-banner .card : hover {
  transform : translateY(-10px)
}
.jobs_contaner .card {
  padding : 0!important;
  transform : none!important
}
.form-group .message_error, .form-group .text-danger, .form-group .invalid-feedback {
  color : #fff!important
}
.portfolio-detail figure {
  transition : 0.3s
}
  .portfolio-detail : hover figure {
  box-shadow : 0 0 30px 5px #00000085
}
  section.service-tab ul.tab-list li .list-img-text : hover {
  background-color : #000000
}
  section.service-tab ul.tab-list li .list-img-text : hover : :after {
  opacity : 0;
  visibility : hidden
}
  section.service-tab ul.tab-list li .list-img-text : hover .list-text h3, section.service-tab ul.tab-list li .list-img-text : hover .list-text p, section.service-tab ul.tab-list li .list-img-text : hover .list-text a.btn.btn-primary {
  color : #fff
}
  section.service-tab ul.tab-list li .list-img-text : hover .list-img img {
  filter : invert(1)
}
section.main_counter {
    /* background-color: #000000; */
    background: url(../frontend_images/banner1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 70px 0;
}
.main_counter h1 {
  color : #fff;
  font-size : 70px;
  margin-top : 26px;
  margin-bottom : 0
}
.main_counter h3 {
  color : #fff;
  font-size : 20px;
  font-weight : 400!important
}
.main_counter .col-md-3 {
  text-align : center
}
  .main_counter .col-md-4 : last-child {
  border-right : 0
}
.main_counter .counter {
  animation-duration : 1s;
  animation-delay : 0s
}
.main_counter img {
  width : auto
}
  @media only screen and (max-width : 1600px) {
  .latest-work button.carousel-control-next{right : 0
}
.latest-work button.carousel-control-prev {
  left : 0
}
a.btn.btn-next.btn-common {
  right : 0
}
a.btn.btn-prev.btn-common {
  left : 0
}
.footer-four.footer-item {
  7 padding-left : 0
}
.footer-third.footer-item {
  padding-left : 40px
}
.footer-second.footer-item {
  padding-left : 20px
}
  }@media only screen and (max-width : 1500px) {
  .footer-four.footer-item{padding-left : 8px
}
  .about-texting-team : after {
  width : 97%;
  background-size : contain
}
  }@media only screen and (max-width : 1300px) {
  .navbar-nav a{padding : 0 23px!important
}
a.btn.btn-next.btn-common {
  right : 30px;
  z-index : 1
}
a.btn.btn-prev.btn-common {
  left : 30px;
  z-index : 1
}
  }@media only screen and (max-width : 1199px) {
  section.contact-map img{min-height : 250px;
  object-fit : cover
}
.contact-detail-inner .contac-detail-text {
  padding-left : 20px
}
section.contact-detail .contac-detail-img img {
  width : 80px;
  height : 80px
}
.portfolio-detail figcaption {
  margin-top : 0;
  opacity : 1;
  width : 100%;
  max-width : 100%
}
.portfolio-detail {
  margin-bottom : 15px
}
section.portfolio {
  padding-top : 10px
}
  .about-texting-team : after {
  display : none
}
section.testimonial.team-progress-bar .client-info {
  padding-left : 37px
}
.navbar-nav a {
  padding : 0 10px!important
}
.navbar-nav.ms-auto {
  padding-left : 0
}
.business-detail {
  padding-right : 15px;
  padding-left : 37px
}
section.service-tab ul.tab-list {
  grid-template-columns : repeat(3, 1fr)
}
  }@media only screen and (max-width : 991px) {
  .internal-work .slide-content .row{--bs-gutter-x : 0
}
section.contact-detail {
  padding-top : 0
}
.contact-detail-inner {
  flex-direction : column
}
.contact-detail-inner .contac-detail-text {
  padding-left : 0;
  text-align : center;
  padding-top : 20px
}
.contac-detail-text h2 {
  padding-bottom : 0
}
.about-vision-sec .about-vision-text p {
  max-width : 100%
}
.about-vision-sec .about-vision-text {
  padding-left : 25px
}
.about-team-img {
  max-width : 226px
}
.about-team-img .about-number {
  width : 55px;
  height : 55px;
  line-height : 56px;
  font-size : 39px
}
.top-header {
  background-color : #000000!important;
  padding-bottom : 20px;
  padding-top : 20px
}
.footer-item img.footer-logo {
  margin-bottom : 10px
}
footer ul.social-links {
  padding : 0
}
section.business-sol.service-business-sol .business-detail h3 {
  padding-bottom : 10px
}
.business-top-list {
  padding-top : 0
}
section.service-tab .nav-tabs {
  padding-bottom : 10px
}
.business-sol.service-business-sol .business-detail-text p {
  max-width : 100%;
  padding-left : 0
}
section.business-sol.service-business-sol .business-detail h2 {
  padding-bottom : 0
}
section.service-tab ul.tab-list {
  grid-template-columns : repeat(2, 1fr)
}
.navbar-nav.ms-auto {
  padding-left : 0;
  padding-top : 10px
}
.navbar-nav a {
  padding : 10px 10px 10px 0!important
}
.home-banner-img {
  text-align : center
}
.business-detail {
  padding-left : 15px;
  padding-top : 20px
}
.business-detail p {
  max-width : 100%
}
.team p.card-text {
  font-size : 19px;
  padding-top : 25px;
  padding-bottom : 16px
}
.offer .card-body .offer-sign-img img {
  width : 90px;
  height : 90px
}
.home-banner {
  padding-bottom : 50px;
  background-color : #1b2038!important;
  background-image : none
}
.home-about-img {
  padding-top : 30px
}
.footer-item {
  padding-left : 15px!important
}
footer .footer-inner h2 {
  padding-bottom : 0
}
.footer-inner {
  padding-top : 50px
}
.blog-detail h2 {
  font-size : 27px;
  line-height : 33px;
  padding-top : 30px;
  padding-bottom : 12px;
  margin-bottom : 0
}
.client-info h2 {
  font-size : 38px;
  line-height : 55px;
  padding-bottom : 10px
}
.client-info h3 {
  padding-bottom : 10px
}
.client-response {
  padding-top : 10px
}
.client-response img {
  width : 80px;
  height : 80px
}
.client-info {
  padding-top : 34px
}
section.latest-blog {
  padding-top : 50px
}
.internal-work .slide-content {
  padding-left : 20px;
  padding-right : 20px;
  padding-top : 40px;
  padding-bottom : 40px
}
.internal-work h2 {
  font-size : 26px;
  line-height : 34px;
  padding-bottom : 10px
}
.latest-work {
  padding-top : 40px;
  position : relative
}
.home-about {
  padding : 59px 0
}
.offer {
  margin-top : 50px;
  padding-top : 60px;
  padding-bottom : 0
}
.business-detail p {
  padding-bottom : 20px
}
.internal-work p {
  max-width : 100%
}
.work-detail p {
  padding-bottom : 20px
}
.work-detail h2 {
  padding-bottom : 2px
}
.work-detail h1 {
  padding-bottom : 0
}
.home-about a {
  margin-top : 10px
}
.home-about h2 {
  padding-bottom : 6px
}
.home-banner-content h1 {
  font-size : 48px;
  line-height : 60px;
  word-wrap : break-word
}
.home-banner-content p.text-white {
  max-width : 100%
}
.testimonial {
  margin-top : 45px
}
section.partner {
  padding-top : 45px
}
img.latest-img {
  border-radius : 10px;
  margin-top : 20px
}
.blue-inner-sec {
  border-radius : 10px
}
.about-texting-team .about-text-inner {
  padding : 0 8px
}
.about-texting-team.info-team .about-future-team img {
  margin-top : -48px;
  width : 100px;
  height : 100px
}
.main_counter .col-md-3 {
  width : 50%;
  margin : 30px auto
}
  .main_counter .col-md-4 : last-child {
  border-bottom : 0
}
  }@media only screen and (max-width : 768px) {
  .another-dummy-class{padding-top : 30px;
  padding-left : 15px!important
}
section.portfolio.blog-portfolio .portfolio-detail img {
  min-height : inherit
}
.home-banner.service-banner {
  margin-bottom : 30px!important
}
section.portfolio .portfolio-detail figure img {
  width : auto
}
section.portfolio .portfolio-detail figure {
  margin-bottom : 5px
}
section.testimonail-slider .card .card-body {
  padding : 50px 30px;
  z-index : 1
}
section.testimonail-slider .client-response .testimonail-text {
  padding-left : 19px
}
section.testimonail-slider .client-response .testimonail-text h2 {
  font-size : 18px
}
  section.testimonail-slider .card : after {
  right : -22px
}
section.testimonail-slider .card .card-body p {
  padding-top : 0
}
section.testimonail-slider .card {
  margin-right : 0;
  margin-bottom : 30px
}
.form-inner-output {
  padding : 0
}
.portfolio-detail figcaption a {
  text-align : center!important;
  display : block
}
.portfolio-detail img {
  width : 100%
}
section.testimonail-slider {
  margin-top : 40px
}
section.testimonail-slider .client-response img {
  width : 70px;
  height : 70px
}
.testimonail-slider-icon {
  top : inherit;
  justify-content : center;
  bottom : 30px
}
.home-banner.service-banner .text-lg-start {
  padding-left : 15px
}
section.latest-blog .offer-detail h1 {
  padding-bottom : 20px
}
.home-banner.service-banner.portfolio-banner, .home-banner.service-banner, .home-banner.service-banner.team-banner, .carrer-banner.home-banner.service-banner {
  background-position : center
}
.home-banner.service-banner.blog-banner {
  background-position : center
}
.footer-four.footer-item {
  padding-bottom : 15px
}
.top-header .container {
  padding-left : 0;
  padding-right : 0
}
.home-banner.service-banner h1 {
  padding-bottom : 0
}
.home-banner.service-banner p.text-white {
  padding-bottom : 0;
  padding-top : 0
}
section.offer.contact-offer {
  margin-top : 10px;
  padding-bottom : 44px
}
.contact-detail-inner {
  padding-bottom : 20px
}
.contact-text p {
  max-width : 100%
}
.contact-form {
  display : flex;
  flex-direction : column
}
.contact-form .form-inner-output {
  width : 100%;
  padding-left : 0;
  padding-right : 0
}
.contact-form .form-inner-output {
  padding-left : 0;
  padding-right : 0
}
section.career-form h2 {
  font-size : 36px
}
.select-position {
  padding-top : 10px
}
section.career-form {
  padding-bottom : 30px
}
section.testimonial.team-progress-bar {
  padding : 50px 0 30px;
  margin-top : 30px
}
.portfolio.team-portfolio .offer-detail p {
  padding-bottom : 23px
}
.portfolio.team-portfolio .portfolio-detail {
  padding-bottom : 10px
}
.portfolio.blog-portfolio .portfolio-detail figcaption {
  padding-top : 20px;
  padding-bottom : 10px;
  padding-left : 0;
  padding-right : 0
}
.portfolio.blog-portfolio .portfolio-detail figcaption h2 {
  padding-bottom : 10px;
  font-size : 25px
}
.portfolio.blog-portfolio .portfolio-detail p {
  padding-bottom : 0;
  max-width : 100%
}
section.portfolio.blog-portfolio .portfolio-detail {
  padding-bottom : 0
}
section.business-sol.service-business-sol.about-sec .business-top-list {
  padding-top : 0
}
.business-sol.service-business-sol.about-sec .about-vision-sec {
  flex-direction : column;
  align-items : center
}
.about-vision-sec .about-vision-text {
  padding-left : 0;
  text-align : center;
  padding-top : 20px
}
.testimonial {
  margin-top : 30px
}
.about-vision-sec h4 {
  padding : 3px 0 0
}
  .offer.about-offer .about-texting-team .about-text-inner : last-child .about-future-team {
  margin-bottom : 0
}
.about-future-team {
  padding-bottom : 28px
}
.offer.about-offer.future-new .about-texting-team.info-team {
  padding-top : 74px
}
.offer.about-offer.future-new .about-future-team {
  margin-bottom : 80px
}
.about-texting-team.info-team .about-future-team p {
  max-width : 100%
}
.offer.about-offer {
  padding-bottom : 30px;
  padding-top : 30px
}
.offer.about-offer .about-texting-team {
  flex-direction : column;
  padding-top : 30px
}
.offer.about-offer .about-texting-team .about-text-inner {
  padding : 0 8px 20px
}
.offer.about-offer .about-texting-team h3 {
  padding-top : 15px;
  padding-bottom : 0
}
.offer.about-offer .about-team-img .about-number {
  width : 50px;
  height : 50px;
  line-height : 49px;
  font-size : 33px
}
.offer.about-offer .about-team-img {
  max-width : 190px
}
.footer-first p {
  max-width : 100%
}
.offer .card {
  margin-bottom : 10px
}
section.service-tab .nav-tabs {
  padding-bottom : 0;
  margin-bottom : 0!important
}
section.service-tab .nav-tabs li.nav-item {
  margin-bottom : 20px
}
section.career-form .form-check {
  padding : 0;
  flex-direction : column
}
section.career-form .form-check .form-check-input {
  margin-left : 0;
  padding-left : 0;
  padding-top : 20px;
  padding-bottom : 20px
}
.career-form-inner {
  flex-direction : column;
  padding-top : 10px
}
.career-form-inner .career-form-left, .career-form-inner .career-form-right {
  width : 100%
}
.career-form-right {
  padding-left : 0
}
  .professional-team : after {
  display : none
}
section.testimonial.team-progress-bar .client-info {
  padding-left : 15px;
  padding-top : 40px
}
section.portfolio .portfolio-detail img {
  width : 100%
}
.footer-inner {
  padding-top : 30px
}
.footer-inner {
  background-image : none;
  background-color : #010522
}
.footer-item img.footer-logo {
  margin-bottom : 20px
}
footer ul.social-links {
  padding : 0
}
.footer-third.footer-item p, .footer-four.footer-item p {
  line-height : 32px
}
.home-banner-content .text-lg-start {
  padding-left : 15px;
  padding-right : 15px
}
.home-banner-img {
  padding-left : 15px;
  padding-right : 15px
}
.home-banner-content a.btn {
  font-size : 16px;
  padding : 6px 17px!important
}
.client-info {
  padding-top : 30px;
  padding-left : 15px
}
section.latest-blog .blog-detail {
  padding-bottom : 30px
}
footer {
  margin-top : 30px
}
.blog-detail p {
  padding-bottom : 0
}
.service-business-sol.about-sec h2 {
  padding-bottom : 30px!important
}
  section.latest-blog .blog-detail : last-child {
  padding-bottom : 0
}
section.career-form .form-check .form-check-input input[type="radio"]+label {
  font-size : 15px
}
  .business-sol : before {
  display : none
}
.portfolio-detail {
  text-align : center
}
section.testimonial.team-progress-bar .client-info {
  padding-right : 15px;
  padding-bottom : 10px
}
section.testimonial.team-progress-bar .client-info h3 {
  text-align : center;
  margin-bottom : 0
}
section.testimonial.team-progress-bar .client-info p {
  padding-bottom : 0;
  text-align : center;
  max-width : 100%
}
section.testimonial.team-progress-bar .client-info h2 {
  margin-bottom : 0;
  text-align : center
}
section.portfolio.team-portfolio .portfolio-detail {
  width : auto;
  margin : 0 auto
}
section.testimonial.team-progress-bar .professional-team {
  width : auto;
  margin : 0 auto
}
section.partner div#partner-carousel .card img {
  width : auto;
  margin : 0 auto
}
section.portfolio.blog-portfolio img {
  width : auto
}
.hero-header.portfolio-banner .card {
  padding : 50px 15px 19px 15px
}
.job-detail-view {
  padding : 30px 15px 0 15px!important
}
.jobs_contaner .card {
  margin-bottom : 20px
}
  }@media only screen and (max-width : 600px) {
  section.testimonial.team-progress-bar .client-info{padding-right : 0;
  padding-left : 0
}
section.service-tab ul.tab-list {
  grid-template-columns : repeat(1, 1fr)
}
.business-list {
  flex-direction : column
}
.business-list ul {
  padding-left : 15px
}
.business-top-list {
  padding-top : 0
}
.business-list-right {
  margin-top : 0
}
.business-detail h2 {
  font-size : 30px;
  line-height : 40px;
  margin-bottom : 0;
  padding-bottom : 10px
}
  }@media only screen and (max-width : 480px) {
  .hero-header.portfolio-banner .card{padding-left : 15px;
  padding-right : 15px
}
.main_counter .col-md-3 {
  width : 100%;
  margin : 30px auto
}
.hero-header.portfolio-banner .card .card-body div#wrapper {
  padding-left : 0;
  padding-right : 0
}
section.testimonail-slider .card .card-body {
  padding : 50px 20px
}
.dummy-class.new-class .list-img img {
  width : auto
}
.contact-banner.home-banner.service-banner {
  min-height : inherit
}
.contact-banner.home-banner.service-banner .home-banner-content {
  padding-top : 100px
}
.portfolio.team-portfolio .offer-detail h1 {
  font-size : 44px
}
.dummy-class .list-img img {
  width : 100%
}
div#partner-carousel {
  padding-bottom : 20px
}
section.testimonail-slider {
  margin-top : 30px;
  padding-top : 30px
}
section.testimonail-slider h2 {
  font-size : 35px;
  line-height : 40px;
  margin-bottom : 0
}
.cv .file-block {
  width : 260px
}
section.service-tab a.nav-link {
  padding : 4px 13px
}
.home-banner.service-banner {
  min-height : auto!important
}
.home-banner.service-banner .home-banner-content {
  padding-top : 70px
}
.career-form-inner {
  padding-top : 20px
}
section.career-form .cv h2 {
  padding-top : 0
}
input[type="checkbox"].carrer-checkout+label {
  padding : 8px 4px;
  font-size : 15px
}
.home-banner.service-banner.blog-banner, .home-banner.service-banner.portfolio-banner, .home-banner.service-banner.team-banner {
  min-height : inherit
}
section.latest-blog {
  padding-top : 30px
}
section.latest-blog .offer-detail h2 {
  padding-bottom : 0
}
section.latest-blog .offer-detail h1 {
  font-size : 34px;
  font-weight : 700;
  padding-bottom : 10px
}
.client-info h2 {
  font-size : 30px;
  line-height : 39px
}
section.testimonial.team-progress-bar .client-info h3 {
  padding-bottom : 10px
}
section.testimonial.team-progress-bar .client-info h2 {
  padding-bottom : 5px
}
section.testimonial.team-progress-bar .client-info p {
  padding-bottom : 0
}
.internal-work h2 {
  font-size : 22px;
  line-height : 30px;
  padding-bottom : 0
}
.tech-platform ul {
  width : 100%;
  padding-left : 0
}
.internal-work .slide-content {
  padding-left : 15px;
  padding-right : 15px
}
.offer .team .pt-5.pb-5 {
  padding-top : 10px!important
}
.offer h1 {
  font-size : 39px
}
.cv .default-file-input {
  width : 100%
}
.cv .drag-file-area label, .cv span.browse-files {
  width : 100%;
  display : block
}
section.portfolio ul.pagination li.page-item a {
  font-size : 22px;
  padding : 5px 18px
}
section.portfolio ul.pagination li.page-item a[aria-label="Previous"] {
  padding : 5px 10px
}
section.portfolio ul.pagination li.page-item a[aria-label="Next"] {
  padding : 5px 10px
}
.home-banner-content h1 {
  font-size : 30px;
  line-height : 40px
}
.navbar-light .navbar-brand {
  width : 60%
}
.navbar-light .navbar-brand img {
  width : 100%
}
.business-detail h3 {
  padding-bottom : 15px;
  margin-bottom : 0
}
.business-detail p {
  padding-bottom : 20px;
  margin-bottom : 0
}
.top-header {
  padding-top : 20px
}
.new-header.top-header {
  padding-bottom : 20px
}
}