/* font-famliy */
@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}
a:hover {
  text-decoration: none;
}
a {
  display: inline-block;
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Fira Sans", sans-serif;
  font-weight: 600;
}
p {
  font-size: 14px;
  color: #555555;
  line-height: 24px;
  margin-bottom: 0;
}
section {
  padding: 60px 0px;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
p:last-of-type {
  margin-bottom: 0;
}
.container {
  max-width: 1200px;
}
h3 {
  font-size: 26px;
  font-weight: 500;
}
h2 {
  font-size: 36px;
  font-weight: 500;
}
h6 {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
}

/* buttons*/
.btn-outline-primary{margin-right: 8px;border: 2px solid #ffffff;color: #ffffff;font-size: 15px;font-weight: 500;border-radius: 0;padding: 12px 27px;transform: skewX(-12deg);display: inline-block;position:relative;font-weight: 500;color: #fff;border-style: solid;border-width: 2px 2px 2px 2px;border-color: #fff;border-radius: 0px 0px 0px 0px;padding: 12px 27px;transform: skewX(-12deg);display: inline-block;position:relative;}
.btn-outline-primary span{transform: skewX(12deg);display: inline-block;}
.btn-outline-primary:hover{background-color: #ff5f04;font-weight: 500;border-radius: 0;padding: 12px 27px;transform: skewX(-12deg);border-color: #9c0;}
.btn-outline-orange{border: 2px solid #ff5f04;color: #ffffff; background-color: #ff5f04;font-weight: 500;border-radius: 0;padding: 12px 27px;
    transform: skewX(-12deg);}
	
.btn-outline-primary span{transform: skewX(12deg);display: inline-block;}
.btn-outline-primary:hover{color: #fff;background-color: #ff5f04;border-color: #ff5f04}
.btn-outline-primary:before{content: "";background: #fff;position: absolute;display: block;transition: all .5s;width: 0;height: 100%;top: 0;left: 0;}
.btn-outline-primary:hover:before {background-color: #ff5f04;width: 100%;}
.btn-outline-orange:hover{color: #000;background-color: #fff;border-color: #fff}
.btn-outline-orange:before{content: "";background: #fff;position: absolute;display: block;transition: all .5s;width: 0;height: 100%;top: 0;left: 0;}
.btn-outline-orange:hover:before {background-color: #fff;width: 100%;}

/* top-banner-sec */

.top-banner {
  background: url(../img/top-banner-bg.jpg) no-repeat;
  background-size: cover;
  background-color: #05194b;
  background-position-x: -68px;
}
.top-container {
  max-width: 1400px;
}
.navbar-custom .nav-link {
  color: #ffffff;
  font-weight: 500;
  padding: 25px 0px
}
.navbar-custom .nav-item {
  margin-right: 16px;
}
.navbar-custom .nav-item:last-child {
  margin-right: 0;
}
.navbar-custom .navbar-nav .nav-link.active,
.navbar-custom .navbar-nav .nav-link.show {
  color: #ffffff;
}
.make-call i {
  color: #ff5f04;
  font-size: 40px;
  margin-right: 5px;
}
.make-call .title {
  font-size: 13px;
  color: #ff5f04;
  line-height: 14px;
  font-weight: 600;
}
.make-call .number {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}
.sub_title {
  background-color: #fff;
  padding: 6px 28px;
  font-size: 20px;
  border-radius: 30px;
  color: #104cba;
  font-weight: 500;
}
.main-heading {
  color: #ffffff;
  font-size: 51px;
  line-height: 60px;
}
.p_one {
  max-width: 547px;
}

/* bottom_sec_blue */
.bottom_sec_blue {
  background-color: #104cba;
}
.service_box {
  background-color: #ffffff;
  padding: 20px 15px;
  position: relative;
  min-height: 176px;
}
.service_box::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #ff5f04;
}
.minus_mt {
  margin-top: -148px;
}

.h2_subtitle {
  font-size: 16px;
  color: #104cba;
  font-weight: 500;
}
.que_points li {
  position: relative;
  color: #000000;
  padding-left: 25px;
  margin-bottom: 6px;
}
.que_points li::before {
  content: "\eed8";
  font-family: IcoFont;
  font-style: normal;
  font-weight: 400;
  position: absolute;
  left: 0;
  top: -3px;
  color: #104cba;
  font-size: 20px;
}

/* our_approach */
.our_approach {
  background: url(../img/image-2.webp) no-repeat;
  background-size: cover;
}
.p_light-white {
  color: #dadada;
}
.approach_box {
  background-color: #ffffff;
  padding: 26px 18px;
}
h4 {
  font-size: 24px;
  font-weight: 500;
}
p {
  font-size: 14px;
  color: #777777;
  line-height: 20px;
}
.h2_max-with {
  max-width: 675px;
}
.p_two {
  max-width: 776px;
}

.steps_box {
  background-color: #ffffff;
  border: 2px solid #d4e3ff;
  border-radius: 50%;
  width: 134px;
  height: 134px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 50px #d4e3ff;
}

.step_counting {
  width: 38px;
  height: 38px;
  font-size: 14px;
  background-color: #ff5f04;
  border: 2px solid #ffffff;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  position: relative;
  z-index: 99;
}

.progressbar li {
  list-style: none;
  display: inline-block;
  position: relative;
  text-align: center;
  cursor: pointer;
}

.progressbar:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #ff5f04;
  left: 0;
  z-index: -1;
  bottom: 74px;
}

.left_circle {
  position: absolute !important;
  top: 163px;
  left: 0;
}
.right_circle {
  position: absolute !important;
  top: 163px;
  right: 0;
}

.steps_box h5 {
  font-size: 20px;
  font-weight: 500;
}

.bt_tech li {
  padding: 10px 0;
  text-align: center;
}

.bt_tech li img {
  display: block;
  width: 100%;
  max-width: 60px;
  max-height: 60px;
  margin: 0 auto;
}

.bt_tech li span {
  display: block;
  margin: 10px auto 0;
  color: #333;
  font-weight: 600;
}

.footer_free_consult {
  width: 100%;
  background: #104cba;
  padding: 25px 0 20px;
}

.footer_free_consult h5 {
  font-weight: 300;
  font-size: 36px;
  line-height: 24px;
  margin: 0 0 10px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* footer */
footer {
  padding: 60px 0;
  background: url(../img/footer-bg.jpg) no-repeat;
  background-size: cover;
}
h4 {
  text-transform: uppercase;
  font-size: 16px;
}
.footer_links li a {
  position: relative;
  padding-left: 18px;
  font-size: 13px;
  color: #ffffff;
}

.footer_links li a::before {
  content: "\eab8";
  font-family: IcoFont;
  font-style: normal;
  font-weight: 400;
  position: absolute;
  left: 0;
  top: 1px;
  color: #ffffff;
  font-size: 13px;
}
.footer_btm li {
  display: inline-block;
  padding: 0 5px;
}
.footer_btm li a {
  float: left;
  width: 48px;
  height: 48px;
  line-height: 44px;
  border: 2px solid #ffffff;
  text-align: center;
  color: #fff;
  font-size: 26px;
  border-radius: 50%;
}
.footer_btm li a:hover{
    border-color: #ff5f04;
    background-color: #ff5f04;
    color: #ffffff;
}

.footer_end {
  position: relative;
  margin-top: 74px;
}
.footer_end::before {
  content: "";
  background-color: #ffffff;
  width: 100%;
  max-width: 620px;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -21px;
}
.footer_links li a:hover, .footer_links li a:hover:before{color: #ff5f04;}
.link_orange:hover{color: #ff5f04 !important;}


.navbar .navbar-brand img.on-scroll{display:none;}
header .navbar{padding: 0;-ms-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  /* height:74px; */
}
header.sticky-header .navbar{ top: 0; position:fixed;left:0;right:0;width:100%;background:#fff;height: 65px;z-index:999;box-shadow: 0px 1px 8px 2px rgb(0 0 0 / 20%);}
header.sticky-header .navbar .navbar-brand img.no-scroll{display:none;}
header.sticky-header .navbar .navbar-brand img.on-scroll{display:block;}
header.sticky-header .navbar-custom .nav-link{color:#000 !important;font-weight:400;}
header.sticky-header .navbar-custom .make-call .number{color:#000;}
header.sticky-header .navbar-custom .btn-outline-primary{border: 2px solid #ff5f04;color:#ff5f04;}
header.sticky-header .navbar-custom .btn-outline-primary:hover{color:#fff;}
header.sticky-header .hambuger_menu{filter: grayscale(1);}
header.sticky-header .navbar .navbar-brand svg .d{    fill: #000;}

@media(min-width:991px){
  .dropdown{position: static;}
  .navbar-custom .dropdown:hover .dropdown-menu {
    display: block;
   
  }
}
.navbar-custom .dropdown-menu{position: absolute;width: 100%;border-radius: 0px;padding: 30px 0;}
.service_box:hover:after{height: 100%;transition: 0.5s all ease;}
.service_box:hover figure img{filter: brightness(0) invert(1);}
.service_box:hover figure, .service_box:hover h6{position: relative;z-index: 1;color:#fff;}
.service_box a{position: absolute;top: 0;left: 0;right: 0;height: 100%;z-index: 1;}
.progressbar li.active .steps_box{background-color: #ff5f04;}
/* .progressbar li.active figure img, .approach_box:hover figure img{filter: brightness(0) invert(1);}
.progressbar li.active h5{color:#ff5f04;}
.approach_box:hover h4, .approach_box:hover p{color:#fff;} */
.btn-outline-orange.btn-outline-orange-whitebg:hover{border-color: #ff5f04;}
.about img{-webkit-animation: mover 2s infinite  alternate;animation: mover 2s infinite  alternate;}
@-webkit-keyframes mover {0% { transform: translateY(0); }100% { transform: translateY(-50px); }}
@keyframes mover {0% { transform: translateY(0); }100% { transform: translateY(-20px); }}



.mega_menu_links li {
  margin-bottom: 10px;
}

.mega_servive_icons li {
  width: 80px;
  height: 80px;
  justify-content: center;
  display: flex;
  align-items: center;
  margin-right: 10px;
  padding: 10px;
}
.mega_menu_links li a{color: #777777;font-size: 14px;position: relative;padding-left: 16px;}
.mega_menu_links li a::before {
  content: "\eab8";
  font-family: IcoFont;
  font-style: normal;
  font-weight: 400;
  position: absolute;
  left: 0;
  top: 1px;
  color: #777777;
  font-size: 13px;
}

.mega_menu_links li a:hover, .mega_menu_links li a:hover:before, .navbar-custom .nav-link:hover{color: #ff5f04;}


.dropdown-menu h5{position: relative;padding-bottom: 10px;font-size: 19px;}
.dropdown-menu h5::before{
    content: "";
    width: 100%;
    max-width: 30px;
    height: 2px;
    background-color: #ff5f04;
    position: absolute;
    left: 0;
    bottom: 0;
}

.btn-end{
    padding: 9px 58px;
}
.btn-end:hover{
    padding: 9px 58px;
}


   span.cursor {
    display: inline-block;
    background-color: #ccc;
    margin-left: 0.1rem;
    width: 3px;
    animation: blink 1s infinite;
  }
  .cursor.typing {
    animation: none;
  }
  @keyframes blink {
    0%  { background-color: #ccc; }
    49% { background-color: #ccc; }
    50% { background-color: transparent; }
    99% { background-color: transparent; }
    100%  { background-color: #ccc; }
  }

  .dropdown-toggle::after{
    content: "\eab2";
    font-family: IcoFont;
    padding: 0;
    border: 0;
    vertical-align: 0px;
  }

  .footer_btns .btn-outline-primary{
    padding: 8px 20px 8px 10px;
    min-width: 252px;
  }

  .footer_btns .btn-outline-primary i{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffff;
    color: #ff5f04;
    transform: skew(-11deg);
    margin-right: 15px;
    font-size: 23px;
    
}


.animate__animated.animate__fadeInUp, .animate__animated.animate__zoomIn{
  --animate-duration: 1000ms;
  --animate-delay: 0.1s;
}

/* dropdown in hover css */
.navbar-custom .dropdown:hover .dropdown-menu {
  left: 0;
  top: 100%;
}

.col_bw_space{--bs-gutter-x: 6rem;}
.mob_flex .me-5 {margin-right: 90px!important;}
.data_base{padding-left: 50px;}

.btn-outline-footer{background-color: #ffffff;color: #000000;border-color: #ffffff;}
.btn-outline-footer:hover {
  color: #ffffff;
  background-color: transparent;
  border-color: #fff;
}
.btn-outline-footer:hover:before{
 background-color: transparent;
}

.btn-outline-footer i{
  background-color: #ff5f04 !important;
  color: #ffffff !important;
  }
  .btn-outline-contact:hover {
    color: #000000;
    background-color: transparent;
    border-color: #fff;
  }
.btn-outline-contact:hover:before {
    background-color: #ffffff;
}

.btn-outline-contact:hover.btn-outline-contact i{
  background-color: #ff5f04;color: #ffffff;
}

/* animation-css */
.approach_box{position:relative;}
  .hover-image{display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-size: cover;background-position: 50% 50%; -webkit-transition: all .8s ease;transition: all .8s ease;opacity:0;}
  .approch_content{position: relative;}
  .row-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    opacity: 0;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: opacity .8s ease,-webkit-transform 1s linear .8s;
    transition: opacity .8s ease,-webkit-transform 1s linear .8s;
    transition: opacity .8s ease,transform 1s linear .8s;
    transition: opacity .8s ease,transform 1s linear .8s,-webkit-transform 1s linear .8s;
}

.row-background.active-img {
    -webkit-transition: opacity .8s ease,-webkit-transform 10s linear 0s;
    transition: opacity .8s ease,-webkit-transform 10s linear 0s;
    transition: opacity .8s ease,transform 10s linear 0s;
    transition: opacity .8s ease,transform 10s linear 0s,-webkit-transform 10s linear 0s;
    opacity: 1;
    -webkit-transform: scale(1) rotate(.02deg);
    -ms-transform: scale(1) rotate(.02deg);
    transform: scale(1) rotate(.02deg);
}

.our_approach{overflow:hidden;}
.approch_main{position:relative;z-index:9;}
.approach_box-1 .hover-image.active-img{opacity:1;}
.approach_box-2 .hover-image.active-img{opacity:1;}
.approach_box-3 .hover-image.active-img{opacity:1;}
.row-background.active-img{opacity:1;}
.row-background:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background: rgb(0 0 0 / 32%);}

.progressbar li.active figure img, .approach_box:hover figure img{filter: brightness(0) invert(1);}
.progressbar li.active h5{color:#ff5f04;} 
.approach_box:hover h4, .approach_box:hover p{color:#fff;}
.approach_box-1.light-opacity, .approach_box-2.light-opacity, .approach_box-3.light-opacity{opacity:0.5;transition: 0.5s all ease;}


/* DevOps-consulting-page-css */
.devops_consulting{
  background: rgb(26,5,82);
background: linear-gradient(142deg, rgba(26,5,82,1) 0%, rgba(61,7,95,1) 66%, rgba(26,5,82,1) 99%);
}
.punch_text {
  font-size: 24px;
  line-height: 30px;
}

.Custom_breadcum li a{color: #ffffff;}
.Custom_breadcum .breadcrumb-item+.breadcrumb-item::before {
  color: rgba(255, 255, 255, 0.75);
  content: var(--bs-breadcrumb-divider, "/");
}
.Custom_breadcum .active_link{color: #ff5f04;}
.devops_head {padding: 70px 0 !important;}

.heading_p {
  font-size: 18px;
  line-height: 28px;
  color: #000000;
}

.solutions {
  background: #ecf5ff;
}
.services_content_page h6 {
  font-size: 14px;
  color: #ff5f04;
}

.services_content_page p{
color: #000000;
line-height: 24px;
font-size: 16px;
}

.servies_wrapper {
  margin-top: 30px;
}

.servies_wrapper figure {
  width: 8%;
}

.servies_wrapper .image-box-content h4 {
  margin-bottom: 7px;
  color: #000;
  font-size: 20px;
  text-transform: capitalize;
}

.hire_developers{
  background: rgb(81,108,240);
background: linear-gradient(228deg, rgba(81,108,240,1) 0%, rgba(255,95,4,1) 99%);
}

/* devops-service */
.services_content{background: #fff;padding: 40px 20px;border-radius: 10px;text-align: center;margin-bottom:30px;transition: top ease 0.5s;position:relative;top: 0;}
.services_content:hover{top: -10px;}
.services_content img{margin-bottom: 30px;}
.services_content a{display: block;font-size: 22px;font-weight: 600;font-family: 'Jost', sans-serif;margin-bottom: 10px;color:var(--black);}
.servies_wrapper{margin-top:30px;}
.services_main .services_content{background: #f5f5f5;}

.servies_wrapper figure{width:8%;}
.servies_wrapper .image-box-content{width: 100%;padding-right:30px;}
.servies_wrapper .image-box-content h4{margin-bottom: 7px;color: #000;}

.services_diffrent{display: flex;flex-direction: column;align-items: center;margin-bottom: 30px;padding: 30px 0px;}
.services_diffrent img{max-width: 64px;}
.services_diffrent h4{font-size: 18px;margin-top: 10px;}
.svg_img img{width: 65%; max-width: 370px;}


/* cloud-solution */
.cloud_consulting{
  background: #1e1462;
}

.cicd_service{
  background: rgb(4,47,107);
  background: linear-gradient(127deg, rgba(4,47,107,1) 0%, rgba(3,143,164,1) 99%);
}

.iam_consulting{
  background:#030e15;
}

.digital_transformation{
  background: #2f2772;
}

.web_dev_service{
  background: #37075d;
}

.mob_app_development{
  background: #180057;
}

.p_m_consulting{
  background: url(../img/project-m-bg.jpg) no-repeat;background-size: 100%;
}

.technologies_bg{
  background: url(../img/technology_main_bg.jpg) no-repeat center center;background-size: cover;
  background-position-x: inherit !important;
}

.botton-beadcum .breadcrumb-item a{color: #717171;}
.botton-beadcum .active_breadcum{color: #ff5f04;}
.node_precess h6{font-size: 18px;color: #000000;font-weight: 400;margin-bottom: 0;}
.nj-content__icon {
  line-height: 0;
    margin-right: 16px;
    border-radius: 50%;
    box-shadow: 0 0 4px 0 rgba(60,65,140,.08), 0 5px 15px 0 rgba(60,65,140,.1);
    background-color: #fff;
    flex: 0 0 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.middel_services{background-color: #f6f7fa;}
.h3_title_service{font-size: 22px;
  margin-bottom: 10px;
  font-weight: 400;}
.nj-service__picture{width: 60px;
  flex: 0 0 60px;}
.nj_points{flex:0 0 50%;max-width:50%;}
.heading_p_s {
  font-size: 16px;
  line-height: 26px;
  color: #555555;
}

.nj-services-other__inside{
  background: url(../img/nj-bg.jpg) no-repeat;background-size: cover;
  border-radius: 10px;
  padding: 60px 70px;
}

.nj_points li{
  color: #ffffff;
  margin-bottom: 18px;
  padding-left: 30px;
  position: relative;
}

.nj_points li::before{
  content: "\ea7c";
    font-family: icofont;
    font-size: 24px;
    color: #ffffff;
    position: absolute;
    top: -6px;
    left: 0;
}

.nj_points li:last-child{
 margin-bottom: 0;
}

.nj-benefit__number {
  color: #ff5f04;
  font-weight: 500;
  font-size: 48px;
  line-height: 54px;
  padding-right: 20px;
  padding-left: 20px;
}

.steps_node{position: relative;}
.steps_node::before{content: "";position: absolute;top: 0; left: 0;height: 100%;width: 2px;background-color: #cccccc;}

.nj-node_box{background-color: #516cf0; padding: 30px 40px; border-radius: 10px;}
/* .nj-node_box h6{
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
} */
.nj-node_box h6 {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
.w_70{width: 80%;}

/* about */
.work_life.right-border{border-right: 1px solid #ddd;margin-bottom: 30px;}
.work_life h4{text-transform: capitalize;font-weight: 400;color: #000;line-height: 24px;}
.facts{background: #516cf0;position: absolute;left: 0;right: 0;max-width: 1200px;margin: 0 auto;bottom: -50px;border-radius: 30px;padding: 25px;}
.story p{margin-bottom:25px;}
.counting-numbers h2 {color: #fff;font-weight: 600;line-height: 48px;margin-top: 10px;font-size: 48px;}
.counting-numbers img{max-height:70px;}
.counting-numbers h5 {color: #fff;font-size: 18px;font-weight: 400;}
.our_best{padding-bottom: 160px;margin-bottom: 95px;}
.team-single-wrap {position: relative;display: block;overflow: hidden;-webkit-transition: all .3s ease;transition: all .3s ease;}
.team-img {position: relative;overflow: hidden;}
.rounded-custom {border-radius: 1rem !important;}
.team-img img {-webkit-transition: all .3s ease;transition: all .3s ease;}
.team-social-list {position: absolute;top: 8%;right: 8%;}
.team-social-list li { margin: 3px 0 !important;}
.team-social-list li a{display: block;width: 32px;height: 32px;line-height: 32px;text-align: center;font-size: 15px;border-radius: 3px;background: #f5f5f5;color: #737373;-webkit-transform: translateX(250px);transform: translateX(250px);-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.team-single-wrap:hover .team-img img {-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-box-shadow: 0 0 1.25rem rgba(31,45,61,.05);box-shadow: 0 0 1.25rem rgba(31,45,61,.05);}
.team-single-wrap:hover .team-social-list li a{-webkit-transform: translateX(10px);transform: translateX(10px);}
.our-team{margin-bottom:30px;}
.agile-content p{font-size:16px;line-height:24px;margin-bottom:25px;color:#000;}
.left-0 {left: 0;}
.right-0 {right: 0;}
.mb-32 {margin-bottom: 32px;}
.review-rate li {margin-right: 2px !important;}
.our_team .border{overflow:hidden;margin-bottom:30px;}
.our_team blockquote{position: relative;z-index: 99;}

.top-banner.plain-header{background: none;}
.top-banner.plain-header .d {fill: #000;}
.top-banner.plain-header .navbar-custom .nav-link, .top-banner.plain-header .make-call .number, .top-banner.plain-header .Custom_breadcum li a, .top-banner.plain-header .main-heading {color: #000;}
.top-banner.plain-header .btn-outline-primary{border: 2px solid #ff5f04;border-color: #ff5f04;color: #000;}
.top-banner.plain-header .navbar{box-shadow: 1px 1px 4px 2px rgb(0 0 0 / 20%);}
.top-banner.plain-header p.punch_text{color:#000;}

.blog-img img {transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);-webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);height: 100%;width: 100%;object-fit: cover;object-position: center;display: flex;margin: auto;}
.blog-img a {overflow: hidden;border-radius: 8px;display: flex;width: 100%;height: 100%;position: relative;}
.blog-content h2 a{color:#000;margin:10px 0px;}
.blog-content h2 a:hover{color: #516cf0;}
.blog-content p{font-size: 16px;margin-bottom: 20px;line-height: 24px;}
.blog-content.small_blog{padding: 20px 0px;}
.blog-content.small_blog h2{font-size: 24px;}
.blog-content.small_blog h2 a{margin: 0px 0px 0px;}
.blog-content.blog-details h2 a{margin:0px;}
.blog-content.blog-details span{display:block;margin-bottom: 30px;font-size: 18px;}
.blog-content-details p{font-size: 16px;line-height: 24px;color: #555;margin-bottom: 30px;}
.blog-content-details h4{font-size: 24px;text-transform: capitalize;margin-bottom: 15px;}

.portfolio{background-color:#fff;padding:10px;border-radius:8px;margin-bottom:30px;}
.portfolio .blog-content a{text-transform: uppercase;text-decoration: underline;font-weight: 500;}
.portfolio .blog-content img {max-height: 50px !important;}

.pricing-table{background-color:#fff;border-radius:8px;padding: 40px 60px;margin-top:40px;}
.pricing-table h4{font-size: 24px;text-transform: capitalize;margin: 26px 0px;font-weight: 400;min-height: 57px;}
.pricing-table p{font-size: 18px;color: #555;line-height: 28px;margin-bottom: 30px;}
.most-popular{position: absolute;height: 151px;width: 152px;top: -10px;left: -10px;display: block;background-size: cover;}
.success{display: block;padding: 8px;border-radius: 16px;background-color: #e0e4f2;box-shadow: 1px 1px 2px 0 rgba(0,19,108,.1), 10px 10px 20px 0 rgba(0,14,95,.15);overflow: hidden;}

.susscess-content{padding-left:30px;}
.susscess-content a {text-transform: uppercase;text-decoration: underline;font-weight: 500;margin-top:20px;}
.susscess-content h3{font-size: 28px;}
.susscess-content h5{font-weight: 400;color: #555;margin-bottom: 16px;}
.susscess-content p{color: #3a3a3a;    margin-bottom: 20px;}
.technical{margin-bottom:10px;}
.technical span{display: inline-block;font-size: 12px;background: #ccc;padding: 3px 10px;border-radius: 30px;}
.technical.technical-color-1 span{background: #516cf021;}
.technical.technical-color-2 span{background: #ff5f0438;}

.contact-form {background: #fff;border-radius: 8px;margin-top: -93px;overflow: hidden;box-shadow: 0px 0px 13px 3px rgb(0 0 0 / 15%);}
.contact-form h3{background: #f5f5f5;font-size: 36px;font-weight: 400;text-transform: capitalize;padding: 25px 0px;}
.contact-form-propsel{padding: 40px;}
.contact-form-propsel .form-floating label{text-transform: uppercase;font-size: 14px;padding-left: 0;left: -3px;}
.contact-form-propsel .form-floating input, .contact-form-propsel .form-floating select, .contact-form-propsel .form-floating textarea{border: none;border-bottom: 2px solid #ddd;border-radius: 0px;padding-left: 0;}
.contact_content p {padding-top: 10px;font-weight: 500;color: #2c3c4a;margin-bottom: 30px;}
.phone_img {font-size: 24px;background-color: #29235c;color: #ffffff;border-radius: 50%;width: 50px;height: 50px;display: flex;justify-content: center;padding: 20px;align-items: center;}
.phone_cont h3 {font-weight: 500;color: #040b11;margin: 0;font-size: 16px;text-transform: capitalize;}
.phone_cont a {font-size: 16px;color: #2c3c4a;font-weight: 400;}
.social li {list-style: none;display: inline-block;margin-right: 12px;}
.social li a {font-size: 24px; border: 1px solid #29235c;background-color: #ffffff;color: #29235c;width: 50px;height: 50px;border-radius: 50%;padding: 20px;display: flex;justify-content: center;align-items: center;}
.contact_content h4{font-size: 24px;margin-top: 40px;}
.contact_content .d-flex{margin-bottom:30px;}
.contact-form-propsel .form-floating input:focus, .contact-form-propsel .form-floating select:focus, .contact-form-propsel .form-floating textarea:focus{box-shadow:none;}

.single_services {
  padding: 40px 20px;
  min-height: 243px;
}

.single_services figure{
  margin-bottom: 30px !important;
}


.single_services  h6 {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #000000;
}

.plain-header .navbar-toggler img{filter: brightness(0) invert(0);}
.style_head_one .top_content .p_one, .about-inner p, .story p{font-size: 16px;line-height: 24px;}
.about-inner p{margin-bottom: 25px;}

.process{background:url(../img/process-bg.png) no-repeat center center/cover;}

/* team Technlogy */

.technology-expert .heading{margin-bottom:40px;}
.team-technology{overflow: hidden;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;border-radius: 30px;padding: 40px;min-height: 405px;transition: transform ease 300ms;}
.team-technology h3{font-size: 20px;margin-bottom: 15px;line-height: 28px;}
.team-technology ul li{line-height: 36px;color: #555;font-size: 16px;font-family: "Fira Sans", sans-serif;position: relative;padding-left: 28px;}
.team-technology ul li:before{content:'\ea94';font-family: IcoFont!important;font-size: 20px;position: absolute;left: 0;top: 0;}
.team-technology:hover {transform: translate(0, -10px);background-color: rgba(16, 76, 186, 0.1);}
.background-image{position: absolute;bottom: 0;max-width: 200px;right: 0;filter: grayscale(1);opacity: 0.2;z-index: -1;}
.team-technology:hover .background-image{filter: grayscale(0);opacity: 0.6;}
.our_approach  a{color:#333;}
.our_approach .approch_main P{font-size: 16px;line-height: 24px;}

/*talk-expert*/
.talk-expert .modal-body button.btn-close{position: absolute;top: 10px;right: 10px;}
.talk-expert .modal-content{border-radius: 0px;}
.talk-expert .modal-body h1{text-align: center;padding: 10px 0px;margin-bottom: 14px;font-size: 24px;}
.talk-expert .modal-body .form-group .form-control, .talk-expert .modal-body .form-group .form-select{font-size: 14px;height: 42px;border-radius: 0px;}
.talk-expert .modal-body .form-group label{text-transform: uppercase;font-size: 14px;font-weight: 500;}
.talk-expert .modal-body .form-group{margin-bottom: 20px;}
.talk-expert .modal-body .form-group textarea.form-control{height:auto;}

/*loaction*/
.address_loaction{display: flex;align-items: center;margin-top: 20px;}
.address_loaction p{color: #fff;margin-left: 15px;}
.address_loaction p span.address{display: block;text-transform: uppercase;font-weight: 600;}
.address_loaction p span.address_line{font-size: 13px;display: block;line-height: 18px;margin-top: 4px;}.g-recaptcha.mt-4{margin-top: 0 !important;margin-bottom: 10px;}

.submain_head_main {font-size: 22px;color: #ffffff;font-weight: 500;margin-top: 20px;margin-bottom: 20px;line-height: inherit;}

.m_min_h{min-height: 327px;}