/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap'); */
/**** css ****/
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
}
body{
  font-family: 'Poppins', sans-serif;
}
h1 , h2 , h3 , h4 , h5 , h6 , span , p{
  font-family: 'Poppins', sans-serif;
}
ul , ol{
  list-style: none;
  padding: 0;
}
p{
color: #101840;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 28px;
}
.container{
  max-width: 1464px;
  padding: 0 12px;
  margin: 0 auto;
}
.row{
  margin: 0;
}
.section-heading{
  color: #101840;
  font-size: 40px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1px;
  margin-top: -12px;
}
.section-heading-bold{
  color: #0088C0;
  font-weight: 600;
}
.bg-main{
background-color: #F3FBFF;
}
.btn-check:focus+.btn, .btn:focus {
outline: 0;
box-shadow: none;
}
/* animation section start */
.fade-in-down {
animation: fade-in-down 2s ease infinite;
}
@keyframes fade-in-down {
0% {
  opacity: 0;
  transform: translateY(-10px);
}
100% {
  opacity: 1;
  transform: translateY(0);
}
}



/*** loader ***/
.loader {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 89%;
height: 100vh;
z-index: 99;
background-color: #fff;
padding-bottom: 50px;
}
.loader div {
animation: loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 40px 40px;
}
.loader div:after {
content: " ";
display: block;
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
background: #0088C0;
margin: -4px 0 0 -4px;
}

.loader div:nth-child(1) {
animation-delay: -0.036s;
}
.loader div:nth-child(1):after {
top: 63px;
left: 63px;
}
.loader div:nth-child(2) {
animation-delay: -0.072s;
}
.loader div:nth-child(2):after {
top: 68px;
left: 56px;
}
.loader div:nth-child(3) {
animation-delay: -0.108s;
}
.loader div:nth-child(3):after {
top: 71px;
left: 48px;
}
.loader div:nth-child(4) {
animation-delay: -0.144s;
}
.loader div:nth-child(4):after {
top: 72px;
left: 40px;
}
.loader div:nth-child(5) {
animation-delay: -0.18s;
}
.loader div:nth-child(5):after {
top: 71px;
left: 32px;
}
.loader div:nth-child(6) {
animation-delay: -0.216s;
}
.loader div:nth-child(6):after {
top: 68px;
left: 24px;
}
.loader div:nth-child(7) {
animation-delay: -0.252s;
}
.loader div:nth-child(7):after {
top: 63px;
left: 17px;
}
.loader div:nth-child(8) {
animation-delay: -0.288s;
}
.loader div:nth-child(8):after {
top: 56px;
left: 12px;
}
@keyframes loader {
0% {
  transform: rotate(0deg);
}
100% {
  transform: rotate(360deg);
}
}




/**** back to top ***/
.back-to-top {
background-color: #0088C0;
position: fixed;
display: none;
right: 40px;
bottom: 45px;
z-index: 99;
border-radius: 50px;
width: 50px;
height: 50px;
padding: 16px 19px;
}

.back-to-top  i{
color: #fff;
font-size: 18px;
}


/**** header start ****/
/* header + section{
margin-top: 90px;
} */

.navbar-section{
 /*padding: 22px 0;*/
 background-color: #fff;
  position: sticky;
  width: 100%;
  z-index: 9;
  /*top: 0%;*/
}
.nav-menu-link{
position: relative;
}
.nav-menu-link a.nav-menus{
color: #16253A;
font-size: 15px;
font-weight: 400;
line-height: normal;
padding:30px 30px;
}
.nav-menu-link a.nav-menus:hover{
color: #0088C0;
}
.nav-btn .btn-outline-success{
  background-color: #0088C0;
  border: none;
  color: #fff;
  border-radius: 8px;
}
.nav-btn .btn-outline-success:focus{
  box-shadow: none;
}
.nav-btn .btn{
  padding: 10px 16px;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  text-transform: capitalize;
}
.nav-dropdown-icon{
  margin-left: 4px;
  font-size: 12px;
}
.navbar-dropdown-menu{
width: 731px;
position: absolute;
top: 230%;
left: 20%;
border-radius: 9px;
border: 1px solid rgba(169, 176, 191, 0.20);
background: #FFF;
padding: 21px 20px;
visibility: hidden;
transition: all linear 0.3s;
z-index: 98;
}
.navbar-dropdown-menu-2{
left: -77%;
width: 377px !important;
}
.navbar-dropdown-menu:before {
content: '';
position: absolute;
top: -19px;
left: 27px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 18px solid;
border-bottom-color: inherit;
}
.navbar-dropdown-menu:after {
content: "";
position: absolute;
animation: 0;
top: -17px;
left: 24px;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-bottom: 24px solid #fff;
}
.navbar-dropdown-menu-2:before{
 left:45%;
}
.navbar-dropdown-menu-2:after{
 left: 44%;
}
.nav-menu-link:hover  .navbar-dropdown-menu{
visibility: visible;
transition: all linear 0.3s;
transform: translateY(0px);
}
.nav-dropdown-link{
column-gap: 19px;
padding: 15px 13px;
max-width: 336px;
}
.nav-dropdown-link:hover{
background: #EAF8FF;
}
.nav-dropdown-link:hover h6{
color: #0088C0;
}
.nav-dropdown-link svg{
fill: #16253A;
 stroke: #16253A;
 stroke-width: 1px;
}
.nav-dropdown-link svg path{
fill: #16253A;
}
.nav-dropdown-link:hover svg path , .nav-dropdown-link:hover svg rect{
stroke: #0088C0;
fill: #0088C0;
}
.nav-dropdown-link:hover svg circle{
stroke: #0088C0;
}
.seo-svg{
fill: white;
}
.seo-svg path{
fill: white !important;
}

.nav-dropdown-link .lims-svg{
fill: unset;
stroke: unset;
}


.nav-dropdown-content h6{
color:  #16253A;
font-weight: 600;
letter-spacing: -0.4px;
}
.nav-dropdown-content p {
color: #16253A;
font-size: 13px;
line-height: normal;
letter-spacing: -0.325px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;
} 
.navbar-menu-open{
display: none;
}




/**** home page ****/
/** hero section start **/
.hero-section{
  padding-bottom: 54px;
}
.hero-content span{
  color: #274073;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  text-transform: uppercase;
}
.hero-content{
  max-width: 806px;
}
.hero-content h1{
  color:  #16253A;
  font-size: 60px;
  font-weight: 400;
  line-height: 71px; 
  letter-spacing: -1.5px;
}
.hero-content h5{
  color:  #16253A;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.55px;
  margin-bottom: 20px;
}
.hero-content h1 strong{
font-weight: 600;
}

.hero-content h5 strong{
  color: #0088C0;
  letter-spacing: 0;
  text-transform: uppercase;
}
.hero-content p{
  font-size: 18px;
  padding-bottom: 30px;
}
a.hero-btn {
  border-radius: 8px;
  background:  #0088C0;
  padding: 11px 26px;
  color: #FFF;
  font-size: 15px;
  font-weight: 600;
  border: 2px solid #0088C0;
}
a.hero-btn:hover {
border: 2px solid #0088C0;
background-color: #ffffff;
color: #0088C0;
}
/** hero section end **/


/** branding logos section start**/
.marquee-wrapper {
  max-width: 100%!important;
  margin: 0 auto;
  display:  inline-block;
  white-space: nowrap;
}
h5.brand-heading{
  margin-bottom: 25px;
  color: #16253A;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.45px;
}
h5.brand-heading strong{
   color: #0088C0;
}
.marquee {
    display:  inline-block;
    white-space: nowrap;
    /* position: relative; */
    transform: translate3d(0%, 0, 0);
    animation-name: marquee;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    overflow: hidden;
    animation-duration: 57s;
}
.marquee-wrapper:hover .marquee {
    animation-play-state: paused !important;
}
@keyframes marquee {
    0% {
        transform: translate3d(0%, 0, 0);
    }
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}
.brands{
  margin: 0 40px;
}
/** branding logos section end**/


/** about-us start**/
.about-us-section{
  padding: 112px 0 160px;
}
.about-us-image{
  border-radius: 27px;
}
.about-us-content{
  max-width: 788px;
  margin: 0 0 0 auto;
}
.about-us-content .section-heading{
  margin-bottom: 12px;
}
.about-us-content p{
  text-align: justify;
}
.p-first{
  margin-bottom: 12px;
}
.p-sec{
  margin-bottom: 57px;
}
/*counter */
.counter-digit{
  color: #0088C0;
  font-size: 44px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.1px;
  font-family: Helvetica;
}
.counter-heading{
  color:  #16253A;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px; 
  margin: 0;
}
.counter-digit-1{
  color: rgba(0, 136, 192, 0.2);
  text-align: center;
  font-size: 67px;
  font-style: normal;
  font-weight: 400;
  line-height: 71px;
  letter-spacing: -1.65px;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px;
  position: absolute;
  top: -26%;
}
.digit-style-1{
  right: 30%;
}
.digit-style-2{
  right: 21%;
}
.digit-style-3{
  right: 6%;
}
.digit-style-4{
  right: 15%;
}

/** about-us end**/


/** our service strat **/
.our-service-section{
  padding: 79px 0 135px;
}
.our-service-section .gaping{
  row-gap: 50px;
  column-gap: 20px;
}
.our-service-section .section-heading{
  margin-bottom: 51px;
}
.service-card .svg-gaping{
  margin-left: 8px;
}
.element {
  height: 100%;
}
.service-card{
  border-radius: 33px;
  background: #FFF;
  box-shadow: 0px 4px 22px 0px rgba(0, 136, 192, 0.05);
  padding: 41px 36px;
  max-width: 456px;
  /* max-height: 313px; */
  transition: all 0.4s ease-in-out;
}

.service-card:hover , .service-card-2:hover{
  box-shadow: 0px 3.432px 18.876px 0px rgba(0, 136, 192, 0.08);
  transform: translateY(-8px);
  transition: all 0.4s ease-in-out;
}
.service-content{
  padding-left: 26px;
}
.service-card-2{
  background-image: url(../image/dedicated-deveoper-bg\ 1.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
}
.service-content-2{
  border-radius: 33px;
  opacity: 0.8999999761581421;
  background: var(--blue, #0088C0);
   padding:41px 35px;
  box-shadow: 0px 4px 22px 0px rgba(0, 136, 192, 0.05);
}
.service-content-2 h4{
  color: #FFF;
  font-size: 26px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.65px;
  margin-bottom: 25px;
}

.service-btn{
  padding: 11px 17px;
  border-radius: 8px;
  background: #FFF;
}
.service-svg{
   margin-left: 12px;
}
a.service-btn{
  color: #0088C0;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
}
.service-content h5{
  color: #101840;
  font-size: 22px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.55px;
}
.service-content p{
  margin-bottom: 30px;
  text-align: justify;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.service-content a{
  color:  #0088C0;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
}
/** our service end **/
/** technologies work with **/
.technologies-section{
padding:109px 0 138px;
}
.technologies-section .section-heading{
margin-bottom: 39px;
}
.technologies-section ul#tabs {
list-style-type: none;
padding: 0;
text-align: center;
margin-bottom: 59px;
border-bottom: 1px solid rgba(169, 176, 191, 0.20);
}
.technologies-section ul#tabs li {
display: inline-block;
padding: 11px 30px;
color: #101840;
font-size: 16px;
font-weight: 400;
line-height: 28px; 
}
.technologies-section ul#tabs li.active {
border-bottom: solid 2px #0088C0;
color: #0088C0;
}
.technologies-section ul#tab {
list-style-type: none;
padding: 0;
width: 919px;
margin: 0 auto;
}
.technologies-section ul#tab li {
display: none;
}
.technologies-section ul#tab li.active {
display: block;
}
.technology-one img {
margin-bottom: 18px;
width: 80px;
height: 80px;
}
.technology-one h6 {
color: #000;
text-align: center;
font-size: 16px;
font-weight: 400;
margin-bottom: 0;
line-height: 28px;
}
/** technologies work with **/
/** industry start **/
.industry-section{
padding: 94px 0;
}
.container-industry{
max-width: 1454px;
padding: 0 12px;
margin: auto;
}
.industry-section .section-heading{
 margin-bottom: 63px;
}
.industries-services{
column-gap: 34px;
}
.industry-service-one:hover{
transform: translateY(-8px);
transition: all 0.4s ease-in-out;
}
.industry-service-one{
border-radius: 21px;
background: #FFF;
box-shadow: 0px 4px 22px 0px rgba(0, 136, 192, 0.05);
max-width: 210px;
/* max-height: 210px; */
text-align: center;
padding: 44px 0 37px;
transition: all 0.4s ease-in-out;
}
.industry-service-one img {
margin-bottom: 34px;
width: 70px;
height: 70px;
}
.industry-service-one h6 {
color:  #16253A;
font-size: 16px;
font-weight: 500;
line-height: normal;
letter-spacing: -0.4px;
margin-bottom: 0;
}
/** industry end **/
/** why choose us start **/
.benefits-to-choose-section{
padding: 143px 0 159px;
}
.benefits-list .benefits h5{
color: #101840;
font-size: 20px;
font-weight: 600;
line-height: 28px;
}
.benefits{
margin-bottom: 21px;
}
.benefits-list {
max-width: 551px;
max-height: 399px;
overflow: scroll;
scroll-behavior: smooth;
}
.benefits-list {
-ms-overflow-style: none;  /* Internet Explorer 10+ */
scrollbar-width: none;  /* Firefox */
}
.benefits-list::-webkit-scrollbar { 
display: none;  /* Safari and Chrome */
}
.benefits{
animation-name: move;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-timing-function: linear;
} 
@keyframes move {
0% {
  transform: translateY(0%);
}
100% {
  transform: translatey(-600%);
}
}
/** why choose us end **/
/** testimonial start **/
.testimonial-section{
padding: 103px 0;
}
.container-testimonial{
 max-width: 1310px;
 margin: auto;
}
.testimonial-section .section-heading{
 margin-bottom: 43px;
}
.testimonial-section .owl-stage{
display: flex;
/* column-gap: 36px; */
justify-content: center;
margin: 20px 0;
}
.testimonial-section .owl-dots {
display: none;
}
.testimonial-section .owl-carousel .owl-item img{
  width:25%;
  height: 100%;
}
.testimonial-section .item {
border-radius: 33px;
background: #FFF;
box-shadow: 0px 4px 22px 0px rgba(0, 136, 192, 0.05);
padding: 54px 44px;
position: relative;
max-width: 637px;
margin:auto;
}
.testimonial-detail{
column-gap: 31px;
}
.testimonial-detail .clients-name-designation span {
color: #101840;
font-size: 14px;
font-weight: 300;
line-height: 178.5%;
letter-spacing: 0.07px;
}
.testimonial-detail .clients-name-designation h5 {
color: #101840;
font-weight: 600;
margin-bottom: 0;
line-height: normal;
}
.testimonial-detail .client-detail p {
line-height: 1.8;
letter-spacing: 0.08px;
font-style: italic;
margin-bottom: 5px;
}
.testimonial-review{
 column-gap: 5px;
}
.testimonial-review li i{
font-size: 18px;
color: #FFBE00;
}
.testimonial-detail .clients-name-review{
margin-bottom: 12px;
}
.testimonial-svg-2{
position: absolute;
top: -20px;
}
.testimonial-section .owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev{
padding: 0!important;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background: #0088C0;
border-radius: 45px;
font-size: 35px;
}
.testimonial-section .owl-nav .owl-prev , .owl-nav .owl-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: flex;
flex-direction: column;
}
.testimonial-section .owl-nav .owl-prev{
left: -7%;
}
.testimonial-section .owl-nav .owl-next {
right: -7%;
}
.testimonial-section .owl-carousel .owl-nav button.owl-next:hover, 
.owl-carousel .owl-nav button.owl-prev:hover{
 background: #274073;
}
/** testimonial end **/
/** contact us  start **/
.contact-us-section{
position: absolute;
top: -19%;
left: 0;
right: 0;
}
.container-contact{
  max-width: 1457px;
  padding: 0 12px;
  margin: auto;
}
.contact-us-detail{
border-radius: 25px;
background: #0088C0;
padding: 71px 54px;
position: relative;
background-image: url(../images/bg.png);
background-repeat: space;
}
.contact-us-content h2{
 color: #fff;
}
.contact-us-content p{
color: #FFF;
font-size: 18px;
letter-spacing: -0.45px;
margin-bottom: 0;
}
.contact-us-btn {
border-radius: 8px;
background: #FFF;
box-shadow: 0px 4px 27px 0px rgba(0, 0, 0, 0.18);
padding: 14px 17px;
}
a.contact-us-btn span {
color:  #274073;
font-size: 15px;
font-weight: 600;
}
.contact-us-svg {
margin-left: 12px;
}
.contact-us-arrow{
position: absolute;
top: auto;
bottom: 7%;
left: auto;
right: 20%;
}
/** contact us  end **/
/** footer section **/
.footer-section {
margin-top: 256px;
background: #16253A;
padding-top:223px;
position: relative;
}
.footer-spacing{
padding-bottom: 43px;
}
h6.footer-heading {
color: #FFF;
font-size: 18px;
font-weight: 600;
line-height: 20px;
margin-bottom: 21px;
}
.footer-detail li {
margin-bottom: 16px;
}
.footer-detail li:last-child {
margin-bottom: 0;
}
.footer-detail li a {
color: #FFF;
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
a.hiring-btn {
border-radius: 5.124px;
background: var(--blue, #0088C0);
padding: 1px 6px;
margin-left: 8px;
}
a.hiring-btn span {
color: #FFF;
font-size: 11px;
font-weight: 500;
line-height: normal;
}
.footer-1 img{
  width: 180px;
  height: auto;
  margin-bottom: 13px;
}
.footer-1 p {
color: #FFF;
font-size: 14px;
font-weight: 300;
margin-bottom: 26px;
}
ul.footer-social-icons.d-flex {
column-gap: 8px;
padding: 0;
margin: 0;
}
.footer-services-main{
column-gap: 20px;
}
.footer-useful-links li a{
font-weight: 300;
}
.footer-contact .footer-add{
column-gap: 16px;
}
.footer-add p {
color: #FFF;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: normal;
}
.footer-no-mail a {
color: #FFF;
}
/* copy-right */
.copy-right-section {
border-top: 1px solid rgba(255, 255, 255, 0.10);
width: 100%;
}
.copy-right-section p{
padding: 20px 0;
  text-align: center;
  color: #FFF;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
}
.copy-right-section p strong{
color:  #0088C0;
font-weight: 500;
}
/** footer section **/
/**** contact us page ****/
.contact-us-main-section{
padding: 52px 0 0;
}
.get-in-touch-section {
border-radius: 25px;
background: #FFF;
box-shadow: 0px 10px 51px 0px rgba(0, 0, 0, 0.10);
padding:18px;
}
.contact-us-main-section h2{
margin-bottom: 56px;
}
.container-contact-us{
max-width: 1180px;
padding: 0 20px;
margin: auto;
}
.contact-information {
border-radius: 18px;
background: linear-gradient(137deg, #DFF4FF 0%, #EAE4FF 100%);
padding: 30px;
max-width: 465px;
}
.contact-info-heading{
font-size: 26px;
font-weight: 600;
line-height: 28px;
margin-bottom: 20px;
}
.contact-information p{
font-weight: 400;
line-height: 24px;
flex: 1;
}
.contact-information p.info-1{
margin-bottom: 10px;
}
.contact-information p.info-2{
margin-bottom: 50px;
}
.contact-addresses .contact-gaping{
column-gap: 12px;
}
.contact-phone-num a{
color:  #16253A;
margin-bottom: 30px;
}
.contact-email a{
color:  #16253A;
margin-bottom: 30px;
}
.contact-office-add{
margin-bottom:102px;
}
.contact-social-icons{
column-gap: 8px;
}
.help-section h4{
margin:7px 0 26px;
}
.help-section form.row{
row-gap: 24px;
}
.help-section .form-label {
margin-bottom: 4px;
color:  #16253A;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.help-section .form-control{
max-width: 297px;
padding: 12px 17px;
border-radius: 6px;
border: 1px solid var(--gray-300, #D1D5DB);
background: var(--white, #FFF);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.help-section textarea.form-control{
min-height: 122px;
max-width: 623px;
}
.help-section .input-subject{
max-width: 100%;
}
.help-section .contact-submit-btn{
  padding: 10px 26px;
  border-radius: 8px;
  background: #0088C0;
  color: #FFF;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  margin-top: 7px;
}
/**** contact us page ****/




/**** Career page start ****/
/* join team section */
.team-section{
padding: 52px 0;
}
.team-section .join-team{
height: 100%;
}
.team-section .join-team p{
max-width: 655px;
text-align: justify;
}
.team-section .join-team .hero-btn{
width: fit-content;
}
.team-section >div >h2.section-heading{
margin-bottom: 70px;
}
.team-space{
padding: 96px 0;
}
.team-left{
position: relative;
}
.it-team >li{
position: absolute;
}
.it-team >li:first-child{
top: -17%;
right: 35%;
}
.it-team >li:nth-child(2){
top: -7%;
right: 16%;
}
.it-team >li:nth-child(3){
transform: scaleX(-1);
top: 46%;
right: 12%;
}
.it-team >li:nth-child(4){
top: 56%;
right: 5%;
}
.it-team >li:nth-child(5){
transform: scaleY(-1) rotate(-30deg);
bottom: -15%;
left: 18%;
}
.it-team >li:last-child{
bottom: -4%;
left: 11%;
}
.it-team >li:last-child h6{
width: 140px;
line-height: 1.5;
}
.join-team{
padding-left: 60px;
padding-top: 20px;
}
.it-team .card{
padding: 12px 14px;
border: none;
box-shadow: 0px 9px 45px -12px rgba(0, 0, 0, 0.24);
border-radius: 16px;
}
.it-team .card h6{
font-size: 14px;
font-weight: 500;
color: #16253A;
}


/* modal css */
.apply-modal .modal-content{
border-radius: 15px;
border-top: 8px solid #0088C0;
box-shadow: 0px 10px 51px 0px rgba(0, 0, 0, 0.10);
}
.apply-modal .modal-dialog{
max-width: 695px;
}
.apply-modal .modal-header{
border: 0;
display: unset;
padding: 28px;
}
.apply-modal .modal-body{
padding: 0 30px 40px;
}
.apply-modal .btn-close{
position: absolute;
top: 14px;
right: 30px;
visibility: hidden;
padding: 0;
}
.apply-modal .btn-close span{
visibility: visible;
font-size: 36px;
color: #16253A;
}
.apply-modal .modal-dialog h2{
font-size: 26px;
font-weight: 600;
text-align: center;
padding-bottom: 5px;
position: relative;
}
.apply-modal .modal-dialog h2::before{
width: 28px;
height: 5px;
display: block;
content: "";
position: absolute;
bottom: 3px;
left: 50%;
margin-left: -14px;
background-color: #0088C0;
}
.apply-modal .modal-dialog h2::after{
width: 100px;
height: 1px;
display: block;
content: "";
position: relative;
margin-top: 15px;
left: 50%;
margin-left: -50px;
background-color: #0088C0;
}
.apply-modal form.row{
row-gap: 24px;
}
.apply-modal .form-label {
margin-bottom: 4px;
color:  #16253A;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.apply-modal form input[type="file"]{
border: 1px dashed #D1D5DB;
padding: 14px 20px;
color: #000000;
font-weight: 300;
font-family: 'Poppins', sans-serif;
}
.apply-modal form input[type="file"]::file-selector-button{
padding: 4px 10px 6px 12px;
background-color: rgba(244, 244, 244, 0.98);
border: 1px solid #D1D5DB;
border-radius: 6px;
color: #000000;
font-size: 14px;
font-weight: 400;
font-family: 'Poppins', sans-serif;
}
.apply-modal .form-control{
padding: 12px 17px;
border-radius: 6px;
border: 1px solid var(--gray-300, #D1D5DB);
background: var(--white, #FFF);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.apply-modal textarea.form-control{
min-height: 122px;
max-width: 623px;
}
.apply-modal .input-subject{
max-width: 100%;
}
.apply-modal .contact-submit-btn{
  padding: 10px 40px;
  border-radius: 8px;
  background: #0088C0;
  color: #FFF;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  margin-top: 7px;
}
/* perk and benefit section */
.industry-section.perk-section .industry-service-one{
width: 180px;
height: 180px;
padding: 0;
}
.industry-section.perk-section .industry-service-one img{
margin-bottom: 28px;
}
.industry-section.perk-section .industries-services{
gap: 28px 20px;
}
.industry-section.perk-section .industry-service-one h6{
font-size: 14px;
}
.industry-section.perk-section .industry-service-one .element{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
border-radius: 18px;
box-shadow: 0px 3.432px 18.876px 0px rgba(0, 136, 192, 0.05);
}
.combine-user{
display: flex;
}
.combine-user li img{
width: 32px;
height: 32px;
border-radius: 100%;
border: 2px solid #fff;
}
.combine-user li +li{
margin-left: -12px;
}
.combine-user ~ span{
color: #516371;
font-size: 16px;
font-weight: 400;
}
/* job section */
.job-section{
padding: 94px 0 0;
}
.job-section p{
max-width: 1028px;
line-height: 28px;
margin: 0 auto;
}
.job-section .job-wrapper{
margin-top: 62px;
gap: 32px;
}
.job-section .job-wrapper .btn-light{
border-radius: 8px;
background: #D9F4FF;
padding: 11px 26px;
color: #0088C0;
font-size: 15px;
font-weight: 600;
width: fit-content;
}
.job-section .job-wrapper .btn-light:hover{
background-color: #0088C0;
color: #ffffff;
}
.job-section .job-wrapper .card{
padding: 24px;
border: 1px solid rgba(169, 176, 191, 0.40);
border-radius: 22px;
width: 335px;
transition: all 0.4s ease-in-out;
}
.job-section .job-wrapper .card:hover{
box-shadow: 0px 3.432px 18.876px 0px rgba(0, 136, 192, 0.08);
transform: translateY(-8px);
transition: all 0.4s ease-in-out;
}
.job-section span{
font-size: 16px;
font-weight: 500;
color: #000000;
}
.job-section .job-wrapper .flex-shrink-0{
border-radius: 100%;
width: 80px;
height: 80px;
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.10));
}
.job-section .job-wrapper .flex-shrink-0 img{
width: 42px;
height: 42px;
}
.job-section .job-wrapper .card:first-child .flex-shrink-0 img{
width: unset;
height: unset;
border-radius: 100%;
}
.job-section .job-wrapper .flex-grow-1{
margin: 24px 0;
}
.job-section .job-wrapper .flex-grow-1 h5{
font-size: 18px;
margin-bottom: 5px;
font-weight: 600;
}
.job-section span strong{
color: #0088C0;
font-weight: 500;
}
/**** Career page end ****/




/**** service page start ****/
.service-heading-main {
padding: 55px 0 75px;
}

.service-main-section{
padding: 109px 0;
}

.service-heading-main h2{
margin-bottom: 12px;
}

.service-heading-main P{
max-width: 750px;
margin: auto;
}
/**** service page end ****/




/**** blog page ****/
.blog-section .row{
row-gap: 40px;
margin-bottom: 72px;
}
.blog-section{
 padding: 55px 0 0;
}

.blog-section-heading{
 padding:0 0 91px;
}

.blog-section-heading p{
 margin-bottom: 55px;
}

form.blog-search-section{
display: flex;
justify-content: center;
column-gap: 20px;
}
.blog-search-section .input-group{
border-radius: 6px;
border: 1px solid var(--gray-300, #D1D5DB);
background: var(--white, #FFF);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
padding: 13px 17px;
max-width: 444px;
color: rgba(136, 136, 136, 0.70);
font-size: 14px;
font-weight: 400;
line-height: 24px;
flex-wrap: nowrap;
}
.blog-search-section .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
border: none;
margin-left: 10px;
}
.blog-search-section input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance:none;
}
.blog-selector{
border-radius: 6px;
border: 1px solid rgba(209, 213, 219, 0.50);
background-color: #F4F4F4;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
padding: 13px 16px;
-webkit-appearance: none;
color:  #16253A;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
min-width: 225px;
}
select {
background: url(../images/search-01.png) no-repeat;
background-size: 20px;
background-position: calc(100% - 13px) 18px;
background-repeat: no-repeat;
}
.blog-section .card{
border-radius: 22px;
border: 1px solid rgba(169, 176, 191, 0.40);
background: #FFF;
transition: all 0.4s ease-in-out;
/* max-width: 454px; */
}

.blog-section .card:hover{
box-shadow: 0px 3.432px 18.876px 0px rgba(0, 136, 192, 0.08);
transform: translateY(-6px);
transition: all 0.4s ease-in-out;
}

.blog-section .card-img-top{
border-radius: 22px 22px 0px 0px;
height: 237px;
object-fit: cover;
}

.blog-section .card-body{
padding: 26px 30px 31px;
}

.blog-badge{
border-radius: 12px;
background: #F0F0F0;
padding: 2px 12px;
text-align: center;
font-size: 13px;
font-weight: 400;
padding: 2px 12px;
}
.blog-section .card-title{
font-weight: 400;
line-height: normal;
margin:12px 0 16px;
}
.blog-post-date{
color: #888;
font-size: 13px;
padding-left: 10px;
}

.blog-section .pagination{
justify-content: center;
column-gap: 16px;
}

.blog-section .page-link{
border-radius: 4px;
border: 1px solid rgba(169, 176, 191, 0.40);
width: 40px;
height: 40px;
text-align: center;
color: #16253A;
font-size: 16px;
font-weight: 500;
line-height: normal;
border-radius: 4px;
}

.page-link:active , .page-link:hover{
border: 1px solid #0088C0;
background: #D9F4FF;
box-shadow: none;
color:  #0088C0;
}

.page-link:focus{
border: 1px solid #A9B0BF;
opacity: 0.25;
background: #FFF;
box-shadow: none;
}

.page-item:first-child .page-link:active , 
.page-item:first-child .page-link:hover,
.page-item:last-child .page-link:active ,
.page-item:last-child .page-link:hover {
border: 1px solid #A9B0BF;
opacity: 0.25;
background: #FFF;
}
/**** blog page end ****/




/**** blog-detail page strat ****/
/** blog detail **/
.blog-detail-section {
padding: 35px 0 123px;
}

.container-blog-detail{
 max-width: 1194px;
 padding: 0 12px;
 margin: 0 auto;
}

.blog-detail-section .breadcrumb{
 margin-bottom: 36px;
}

.blog-detail-section li.breadcrumb-item a {
color: #000;
font-size: 14px;
font-weight: 400;
}
.breadcrumb-item.active{
color:  #0088C0;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}

.side-bar {
position: sticky;
left: 13%;
top: 28%;
float: left;
row-gap: 14px;
}

.blog-detail-img {
margin-bottom: 32px;
border-radius: 20px;
}

.blog-details .section-heading{
margin-bottom: 10px;
}

.blog-detail-content p{
text-align: justify;
line-height: 29.5px;
margin-bottom: 42px;
}

.blog-detail-content p:last-child{
margin-bottom: 0px;
}

.detail-steps h3 {
margin-bottom: 18px;
font-size: 28px;
font-weight: 500;
line-height: 24px;
}

/**related blog**/
.related-blog-secion .section-heading{
margin-bottom: 49px;
}

.blog-detail-section .social-media-icon-box{
background-color: white;
width: 43px;
height: 43px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
filter: drop-shadow(0px 6px 15px rgba(0, 0, 0, 0.12));
}

.social-media-icon-box i{
font-size: 18px;
color: black;
}

.side-bar-2{
display: none ;
}
/**** blog-detail page end ****/




/**** about-us section start ****/
/**heading section**/
.about-us-heading-main{
background: linear-gradient(180deg, #FFF 0%, #E8F7FF 100%);
padding:72px 0 106px;
position: relative;
}
.about-us-heading-section h2{
margin-bottom: 12px;
}

.about-us-heading-section p{
max-width: 1028px;
margin:0 auto 28px;
}

.about-us-heading-section .hero-btn{
padding: 9px 25px;
line-height: 2.9;
}

.about-us-badge-1 .card{
 width: 100px;
 height: 100px;
 fill: #FFF;
 filter: drop-shadow(0px 9px 45px rgba(0, 0, 0, 0.24));
 border-radius: 50%;
 padding: 41px 14px 25px;
}
.about-us-badge-1 img {
position: absolute;
top: 6%;
left: 50%;
right: 0;
transform: translate(-50%, -50%);
}
.about-us-badge-1 h6{
text-align: center;
font-size: 13px;
font-weight: 400;
line-height: 131.5%;
}
.about-us-badge-1 {
position: absolute;
top: 20%;
}
.about-us-badge-2 {
position: absolute;
right: 13%;
top: 47%;
bottom: 0%;
left: auto !important;
}
.about-us-badge-2 .card{
 padding:52px 25px 27px;
}
.about-us-badge-2 img{
top: 12%;
}
.about-us-arrow {
position: absolute;
bottom: 6%;
left: 37%;
right: unset;
}


/** about-dis section **/
section.who-are-we-section {
padding:58px 0 139px;
}
.who-are-we-section .section-heading{
margin-bottom: 65px;
}
.about-us-content-side .about-us-content{
 max-width: 745px;
}
.about-us-content-side .about-us-content p strong{
font-weight: 500;
}
.about-us-content-side .p-second{
margin-bottom: 40px;
}

.about-us-services .industry-service-one{
border-radius: 18.019px;
background: #FFF;
box-shadow: 0px 3.4321677684783936px 20px 0px rgba(0, 136, 192, 0.12);
max-width: 200px;
/* max-height: 180px; */
padding: 38px 0 32px;
}

.about-us-services .industry-service-one img{
 margin-bottom: 29px;
 width: auto;
 height: auto;
}

.about-us-services .industry-service-one h6{
font-size: 14px;
font-weight: 500;
letter-spacing: -0.35px;
}


/** about-img-grid **/
.about-us-grid-section{
margin-bottom: 92px;
}

.grid-1 , .grid-2{
row-gap: 27px;
}


/** our-values **/
.about-our-value-section{
margin-bottom: 85px;
}
.about-our-value-section .section-heading.our-value{
 margin-bottom: 105px;
}

.our-story-section{
display: flex;
justify-content: center;
margin: auto;
column-gap: 260px;
margin-bottom: 69px;

}
.about-our-value-section .card{
max-width: 460px;
min-height: 381px;
border: none;
border-radius: 21px;
background: #FFF;
text-align: center;
row-gap: 30px;
padding: 50px 35px 68px;
box-shadow: 0px 10px 51px 0px rgba(0, 0, 0, 0.10);
}
.about-our-value-section .card img{
width: 62px;
height: 62px;
margin: auto;
}

.about-our-value-section .card-body{
padding: 0;
}

.about-our-value-section .card-body h4{
font-weight: 600;
line-height: normal;
margin-bottom: 10px;
}

.about-our-value-section .card-body p{
 font-size: 18px;
 line-height: normal;
}

.line-images img {
position: absolute;
top: -7%;
left: 23.7%;
}


/** core values **/
.core-values-section {
border-radius: 20px;
padding: 41px 47px;
}

.core-values-section-main .section-heading{
margin-bottom: 46px;
}
.core-values-section .row{
row-gap: 38px;
}
.core-values-section .card{
border-radius: 33px;
 background: #FFF;
 box-shadow: 0px 4px 22px 0px rgba(0, 136, 192, 0.05);
 padding: 41px 26px 36px;
 max-width: 424px;
  min-height: 318px;
  transition: all 0.4s ease-in-out;
}

.core-values-section .card:hover{
box-shadow: 0px 3.432px 18.876px 0px rgba(0, 136, 192, 0.08);
transform: translateY(-8px);
transition: all 0.4s ease-in-out;
}

.core-values-section .card-body h5{
font-size: 22px;
font-weight: 600;
line-height: normal;
letter-spacing: -0.55px;
margin-bottom: 6px;
}

.core-values-section .card-body p{
font-size: 16px;
font-weight: 300;
line-height: 28px;
}

/**our achivments**/
.our-achievments-section {
margin-bottom: 123px;
}
.our-achievments-heading .section-heading {
margin-bottom: 12px;
}
.our-achievments-heading{
margin-bottom: 96px;
}
.our-achievments {
max-width: 1178px;
margin: auto;
}
.our-achievments .counter-digit{
font-size: 48px;
font-weight: 700;
letter-spacing: -1.2px;
font-family: Helvetica;
}

.our-achievments .counter-digit span , .our-achievments .counter-digit-1 span{
  font-family: Helvetica;
}
.our-achievments .counter-digit-1{
font-family: Helvetica;
font-size: 70px;
font-weight: 700;
letter-spacing: -1.75px;
top: -35%;
}
.our-achievments .digit-style-1 {
right: 32%;
}
.our-achievments .digit-style-2 {
right: 31%;
}
.our-achievments .digit-style-3 {
right: 19%;
}
.our-achievments .digit-style-4 {
right: 23%;
}


/** expert team member **/
.our-expert-member-heading .section-heading {
margin-bottom: 12px;
}

.our-expert-member-heading{
margin-bottom: 55px;
}

.our-expert-member-heading p {
max-width: 1086px;
margin: auto;
}

.team-member-section .card {
/* max-width: 221px; */
border: none;
margin: 0 10px;

}
.team-member-section{
  display: block;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
}

.team-member-section .card img{
border-radius: 10px;
}

.team-member-section .card-body{
 padding: 19px 0 0 0;
}

.team-member-section .card-body .card-title{
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 28px;
}

.team-member-section .card-body h6{
font-size: 14px;
font-weight: 300;
line-height: 28px;
}

.our-expert-member-section button.slide-arrow.prev-arrow ,
button.slide-arrow.next-arrow{
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #0088C0;
  border-radius: 45px;
  font-size: 35px;
  border: 0;
}

.our-expert-member-section button.slide-arrow.prev-arrow i, 
button.slide-arrow.next-arrow i{
 font-size: 20px;
}

.team-member-section button.slide-arrow.prev-arrow ,
.team-member-section button.slide-arrow.next-arrow {
  position: absolute;
  top: 33%;
  z-index: 98;
}
.team-member-section button.slide-arrow.prev-arrow{
  left: -4%;
}
.team-member-section button.slide-arrow.next-arrow {
  right: -4%;
}

.our-expert-member-section button.slide-arrow.prev-arrow:hover ,
.our-expert-member-section  button.slide-arrow.next-arrow:hover {
background: rgba(39, 64, 115, 1);
}
/**** about-us section end ****/



/**** web-devlopment strat****/
/** main-sec**/
.team-section.web-devlopment-section {
padding: 42px 0 86px;
}

.web-devlopment-section .team-space {
padding: 87px 0 89px;
}

.web-devlopment-left-side .web-left-img{
border-radius: 27px;
}

.development-language.it-team .card{
border-radius: 12px;
}
.development-language.it-team.it-team .card h6{
font-size: 16px;
  line-height: normal;
}

.development-language.it-team >li:first-child {
top: -17%;
left: 15%;
right: auto;
}

.development-language.it-team >li:nth-child(2) {
top: -5%;
left: 13%;
right: auto;
}
.development-language.it-team .card.card-1{
padding: 14px 40px;
}

.development-language.it-team >li:nth-child(3){
top: -6%;
right: 41%;
}
.development-language.it-team .card.card-2 {
padding: 10px 15px;
}

.development-language.it-team >li:nth-child(4){
top: 19%;
right: 11%;
}
.development-language.it-team >li:nth-child(5){
transform: scaleX(-1);
top: 34%;
right: 10%;
left: auto;
}
.development-language.it-team >li:nth-child(6){
top: 45%;
right: 14%;
}

.development-language.it-team >li:nth-child(7){
right: 14%;
bottom: 20%;
}

.development-language.it-team >li:nth-child(8){
right: 32%;
bottom: -3%;
}

.development-language.it-team >li:nth-child(9){
right: 54%;
bottom: -2%;
}

.development-language.it-team >li:nth-child(10){
transform: rotate(-2.056deg);
bottom: -12%;
left: 9%;
}

.development-language.it-team .card.card-3 {
padding: 14px 24px;
}

.development-language.it-team >li:last-child{
left: 14%;
bottom: -2%;
}
.development-language.it-team >li:last-child h6{
width: auto;
}
.join-team.web-devlopment-right-side {
padding-top: 0;
}
.web-devlopment-right-side .section-heading ,
.web-devlopment-right-side p{
margin-bottom: 12px;
}
.web-devlopment-types{
margin-bottom: 30px;
}

.web-devlopment-type-1 {
column-gap: 18px;
align-items: center;
margin-bottom: 18px;
}
.web-devlopment-type-1:last-child{
margin-bottom: 0;
}
.web-devlopment-type-1 i.fa.fa-check-circle{
font-size: 24px;
color: rgba(11, 208, 153, 1);
}
.web-devlopment-type-1 h6{
font-weight: 300;
line-height: normal;
margin-bottom: 0;
}
.web-devlopment-right-side .hero-btn{
padding: 9px 25px;
}



/**how-we-do**/
section.how-we-do-section-main{
padding: 67px 0 109px;
}

section.how-we-do-section-main .section-heading{
margin-bottom: 53px;
}

.how-we-do-section-main .row{
row-gap: 24px;
}
.how-we-do-section-main .how-we-step-1 .card{
max-width: 462px;
text-align: center;
padding: 41px 19.5px 16px;
row-gap: 30px;
min-height: 357px;
border: 0;
border-radius: 33px;
background: #FFF;
box-shadow: 0px 4px 22px 0px rgba(0, 136, 192, 0.05);
transition: all 0.4s ease-in-out;
}


.how-we-do-section-main .how-we-step-1 .card:hover{
box-shadow: 0px 3.432px 18.876px 0px rgba(0, 136, 192, 0.08);
transform: translateY(-8px);
transition: all 0.4s ease-in-out;
}

.how-we-do-section-main .how-we-step-1 .card img{
width: 65px;
height: 65px;
margin: auto;
}

.how-we-step-1 .card .card-title {
font-size: 22px;
font-weight: 600;
line-height: normal;
letter-spacing: -0.55px;
margin-bottom: 6px;
}

/**our-process**/
.our-process-section{
padding:88px 0 109px;
}
.our-process-section .section-heading{
margin-bottom: 69px;
}
.process-mq-section {
padding: 0 40px;
}

.process-mq-section .row{
row-gap: 30px;
}
.process-1{
column-gap: 25px;
}
.process-mq-section .process-1 .flex-shrink-0{
border-radius: 79.8px;
background:  #0088C0;
width: 70px;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
}
.process-1 .flex-shrink-0 h3{
color: #FFF;
font-size: 25px;
font-weight: 600;
line-height: normal;
margin-bottom: 0;
}
.process-1 .flex-grow-1 h5{
color: #000;
font-size: 20px;
font-weight: 600;
line-height: 150%;
margin-bottom: 5px; 
}
.process-1 .flex-grow-1 p{
color: #000;
line-height: 180%;
margin-bottom: 0;
}


/**** web-devlopment end****/




/**** mobile-devlopment start ****/
/** mobile-app **/
.team-section.mobile-app-devlopment{
padding: 42px 0 106px;
}
.mobile-app-devlopment .team-space{
padding: 81px 0 66px;
}
.join-team.app-devlopment-right-side{
padding-left: 35px;
}
.app-devlopment-languages.it-team .card{
padding: 9px 16px;
}

.app-devlopment-languages.it-team >li:first-child {
top: -18%;
right: 47%;
}
.app-devlopment-languages.it-team >li:nth-child(2) {
top: -7%;
right: 39%;
}
.app-devlopment-languages.it-team >li:nth-child(3) {
transform: scaleX(-1);
top: 22%;
right: 12%;
}
.app-devlopment-languages.it-team .card-2{
padding: 11px 17px;
}
.app-devlopment-languages.it-team >li:nth-child(4) {
top: 31%;
right: 17%;
}
.app-devlopment-languages.it-team .card-3 {
padding: 14px 21px;
}
.app-devlopment-languages.it-team >li:nth-child(5) {
bottom: 28%;
right: 17%;
left: auto;
transform: initial;
}
.app-devlopment-languages.it-team .card-4{
padding: 11px 21px;
}
.app-devlopment-languages.it-team >li:last-child{
bottom: -5%;
left: 20%;
}
.app-devlopment-languages.it-team >li:nth-child(6){
 bottom: -11%;
left: 11%;
}


/** app-devlopment-solution**/
section.app-devlopment-solution{
padding: 67px 0 117px;
}
.app-devlopment-solution .app-solution-1 .card{
max-width: 345px !important;
padding: 36px !important;
min-height: 353px !important;
}
.app-devlopment-solution .app-solution-1 .card h5{
font-size: 20px;
letter-spacing: -0.5px;
}
/**** mobile-devlopment end ****/




/**** ui/ux start ****/
/** ui-ux design **/
.ui-ux-types{
column-gap: 138px;
}
.ui-ux-right-side .section-heading{
margin-bottom: 12px;
}
.ui-ux-designs.it-team >li:first-child{
left: 15%;
top: -18%;
}
.ui-ux-designs.it-team .card-5{
padding: 12px 20px;
}
.ui-ux-designs.it-team >li:nth-child(2) {
top: -7%;
left: 21%;
right: unset;
}
.ui-ux-designs.it-team >li:nth-child(3) {
transform: scaleX(-1);
top: 25%;
right: 14%;
}
.ui-ux-designs.it-team >li:nth-child(4) {
top: 36%;
right: 18%;
}
.ui-ux-designs.it-team >li:nth-child(5) {
right: 18%;
bottom: 24%;
transform: inherit;
left:unset;
}
.ui-ux-designs.it-team >li:nth-child(6){
bottom: -26px;
right: 45%;
}
.ui-ux-designs.it-team >li:nth-child(7){
bottom: -14%;
left: 11%;
}
.ui-ux-designs.it-team >li:last-child{
left: 16%;
bottom: -6%;
}


/**how-we-do **/
.section.ui-ux-how-we-do{
margin-bottom: 103px;
}
.ui-ux-how-we-do .how-we-step-2 .card{
 padding: 41px 23px 42px;
 transition: all 0.4s ease-in-out;
}

.ui-ux-how-we-do .how-we-step-2 .card:hover{
box-shadow: 0px 3.432px 18.876px 0px rgba(0, 136, 192, 0.08);
transform: translateY(-8px);
transition: all 0.4s ease-in-out;
}
/**** ui/ux end ****/




/**** seo strat ****/
/**seo maihn **/
section.seo-main-section {
padding: 73px 0 99px;
background: linear-gradient(180deg, #FFF 0%, #E8F7FF 100%);
}

.seo-main-section .section-heading{
margin-bottom: 12px;
}

.seo-main-section .seo-heading-content p{
margin-bottom: 20px;
}

.seo-heading-content p:last-child{
margin-bottom: 0;
}

/** seo service **/
section.seo-service-section {
padding: 119px 0 124px;
}
.seo-right-side .section-heading{
margin-bottom: 12px;
}
.join-team.seo-right-side{
 padding-top: 0;
}
.seo-right-side p{
margin-bottom: 12px;
}
.seo-right-side .last-p-seo{
margin-bottom: 30px;
}
.seo-types{
margin-bottom: 12px;
}
.seo-right-side .hero-btn{
width: fit-content;
}
/** what we do **/
section.what-we-do-section{
padding: 67px 0px 141px;
margin: 0;
}
.what-we-do-section .how-we-step-1 .card{
min-height: 341px;
  padding: 41px 32px 26px;
}
/**** seo end ****/



/**** digirtal marketing start ****/
section.digital-marketing-section {
padding: 108px 0;
}
.digital-marketing-right-side .dm-sub-heading{
font-weight: 500;
line-height: 28px;
margin-bottom: 12px;
}
.digital-marketing-right-side .hero-btn{
width: fit-content;
}
.our-dm-expertise-section .how-we-step-2 .card{
padding: 41px 32px 52px;
}
/**** digirtal marketing end ****/



/*** software section strat****/
section.software-devlopment-service-section {
padding: 73px 0 95px;
}
.software-devlopment-service-section .section-heading{
max-width: 1114px;
margin: auto;
margin-bottom: 63px;
}
.software-devlopment-languages.it-team >li:first-child{
left: 17%;
top: -16%;
}
.software-devlopment-languages.it-team .card.card-2 {
padding: 12px 18px;
}
.software-devlopment-languages.it-team >li:nth-child(2) {
top: -5%;
left: 20%;
right: unset;
}
.software-devlopment-languages.it-team .card.card-6{
padding: 18px 37px !important;
}
.software-devlopment-languages.it-team >li:nth-child(3) {
transform: none;
top: 17%;
right: 13%;
}
.software-devlopment-languages.it-team >li:nth-child(4) {
transform: scaleX(-1);
top: 35%;
right: 8%;
}
.software-devlopment-languages.it-team >li:nth-child(5) {
top: 45%;
right: 13%;
bottom: auto;
left: auto;
transform: none;
}

.software-devlopment-languages.it-team >li:nth-child(6){
bottom: 21%;
right: 18%;
}
.software-devlopment-languages.it-team .card.card-3{
padding: 16px 24px !important;
}

.software-devlopment-languages.it-team >li:nth-child(7){
bottom: -3%;
right: 34%;
}
.software-devlopment-languages.it-team >li:last-child{
bottom: -2%;
  left: 30%;
}
.software-devlopment-languages.it-team >li:nth-child(8){
bottom: -10%;
left: 23%;
}

.software-devlopment-right-side {
padding-left: 50px;
}
.software-devlopment-right-side .software-last-p{
margin-bottom: 30px;
}
/**** software section end****/



/**** social-media-marketing start ***/

/** marketing **/
section.social-media-marketing-section {
padding: 74px 0 175px;
}
.social-marketing-left-side p {
margin-bottom: 20px;
}
.social-marketing-right-side {
padding-left: 53px;
}


/** service **/
section.social-media-service-section {
padding-bottom: 141px;
}

.social-media-image{
max-width: 541px;
width: 100%;
}
.sm-service-right-side .hero-btn{
width: fit-content;
}

.social-media-about .how-we-step-2 .card {
padding: 41px 32px 35px;
}
/**** social-media-marketing end ***/



/*** it-professional-training-strat***/
section.it-professional-training-section {
padding: 125px 0 85px;
}
.it-training-spacing{
max-width: 763px;
margin: 0 0 0 auto;
}
/** pick-right-one **/
.pick-course-section {
padding: 67px 0 112px;
}
.pick-course-section .section-heading {
margin-bottom: 53px;
}
.pick-right-cource {
column-gap: 29px;
row-gap: 30px;
}
.cource-one{
max-width: 335px;
padding: 38px 0 28px;
}
.cource-one img {
margin-bottom: 29px;
width: 60px;
height: 60px;
}
/*** it-professional-training-end***/


/*** why choose us start ****/
section.it-why-choose-us{
  padding: 107px 0 0;
  margin-bottom: 0;
}
.container-why{
max-width:1476px;
padding: 0 12px;
margin: auto;
}
.it-why-choose-us .how-we-step-1 .card {
border-radius: 22px;
border: 1px solid rgba(169, 176, 191, 0.40);
padding: 53px 26px 48px;
row-gap: 36px;
min-height: 304px;
box-shadow: none;
width: 100%;
}
.it-why-choose-us .how-we-step-1 .card img {
width: 70px;
height: 70px;
margin: auto;
}
.it-why-choose-us .how-we-step-1 .card .card-title{
font-size: 20px;
margin-bottom: 12px;
}
.it-why-choose-us .card-text{
line-height: normal;
}
/*** why choose us end ****/


/**** hire-developer-section ****/
section.hire-developer-section {
padding: 61px 0 0;
}

.hire-developers-heading .section-heading{
margin-bottom: 12px;
}

.hire-developers-heading p{
max-width: 1040px;
margin: auto;
}

.hire-developer-section .team-space{
padding: 61px 0;
}

.hire-developrs.it-team >li:nth-child(8) {
right: 36%;
bottom: -3%;
}
.hire-developrs.it-team >li:nth-child(11){
right: 18%;
bottom: 0%;
}

.hire-developer-right-side .web-devlopment-types{
margin-bottom: 12px;
}

.hire-developer-right-side .hire-last-p{
margin-bottom: 30px;
}
/**** hire-developer-section ****/


/**** LIMS For Civil Laboratory ****/
/** heading */
.lims-product-section-heading{
margin-bottom: 0;
}
.lims-product-section-heading p {
max-width: fit-content;
}

/**about **/
section.about-lims-product-section {
padding:97px 0 156px;
}
.about-lims-right-side {
max-width: 771px;
margin: 0 0 0 auto;
}
.about-lims-right-side p{
margin-bottom: 12px;
}
.about-lims-right-side strong {
font-weight: 600;
color: #101840;
}
.about-lims-points li{
margin-bottom: 12px;
color: #101840;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
}

/** benefits of-lims **/
.lims-benifits-section .how-we-step-1 .card {
flex-direction: row;
column-gap: 30px;
padding: 32px;
text-align: left;
max-width: 700px;
min-height: 291px;
}

.lims-benifits-section .how-we-do-section-main .row {
row-gap: 24px;
}

.lims-benifits-section .how-we-step-1 .card img {
margin: 0;
}

.lims-benifits-section .how-we-step-1 .card .card-title {
color: #16253A;
font-size: 20px;
line-height: 28px;
}
/**** LIMS For Civil Laboratory ****/


/**** 404 eror ****/
.error-section .error-img{
margin-bottom: 45px;
}
.error-section .section-heading{
margin-bottom:12px;
}
.error-section p{
margin-bottom: 39px;
}
.error-section a.error-btn {
padding: 12px 14px;
border-radius: 8px;
background:  #0088C0;
color: #FFF;
font-size: 15px;
font-weight: 600;
}

.error-btn .error-svg{
margin-right: 8px;
}
/**** 404 eror ****/



/**** web-course-detail****/
.course-detail-breadcrumb{
padding: 35px 12px;
}
.course-detail-breadcrumb li.breadcrumb-item a {
color: #000;
font-size: 14px;
font-weight: 400;
}
.course-detail-breadcrumb .breadcrumb-item.active{
color:  #0088C0;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.detail-image-section{
margin-bottom: 40px;
}
.detail-image-section img{
border-radius: 10px;
}


/**tab-1**/
.cource-detail-spacing {
max-width: 1027px;
}
.course-detail-tabing ul#tabs-nav {
list-style: none;
overflow: auto;
border-bottom: 1px solid rgba(169, 176, 191, 0.20);
margin-bottom: 16px;
}
.course-detail-tabing ul#tabs-nav li {
float: left;
font-weight: bold;
margin-right: 2px;
padding: 0 30px 11px;
cursor: pointer;
}
.course-detail-tabing #tabs-nav li a {
text-decoration: none;
color: #101840;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px;
}
.course-detail-tabing ul#tabs-nav li:hover,
.course-detail-tabing ul#tabs-nav li.active {
border-bottom: solid 2px #0088C0;
}
.course-detail-tabing ul#tabs-nav li a:hover,
.course-detail-tabing ul#tabs-nav li a:active{
color:  #0088C0;
font-weight: 500;
}
.course-detail-tabing .tab-content {
padding: 28px 26px 49px;
border-radius: 12px;
border: 1px solid rgba(169, 176, 191, 0.40);
background: #FFF;
}
.course-detail-tabing .tab-content .section-heading{
margin-bottom: 16px;
}
.course-detail-tabing .tab-content p{
margin-bottom: 15px;
color: #16253A;
line-height: 29.5px;
}
.course-detail-tabing .tab-content p strong{
font-weight: 500;
}
.tab-content{
display: flex;
flex-direction: column;
row-gap: 42px;
}
.tabing-headings{
color: #16253A;
font-size: 20px;
font-weight: 500;
line-height: 24px;
margin-bottom: 18px;
}
.include-course-benefits .course-benefits{
column-gap: 12px;
}
.tab-content h6{
color: #16253A;
text-align: justify;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 29.5px;
margin-bottom: 8px;
}
.accordion-body.after-course-detail .after-cources h6 {
margin-bottom: 6px;
}
.after-course-detail .after-cources{
list-style: disc;
padding-left: 20px;
margin-bottom: 27px;
}
.after-course-detail .hero-btn{
line-height: 3;
padding: 9px 25px;
}

/** tab-2 **/
.accordion-button:not(.collapsed){
color: #0088C0;
background-color: #F3FBFf;
box-shadow: none;
border-bottom: 1px solid rgba(169, 176, 191, 0.40);
}
.accordion-button{
padding: 18px 30px 14px;
color:  #16253A;
font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.accordion-button:focus{
box-shadow: none;
}
.accordion-item {
border: 1px solid rgba(169, 176, 191, 0.40);
}
.accordion-item:first-of-type {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.accordion-item:last-of-type{
border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
}
.accordion-button::after{
background-image: url(../images/arrow-bottom.png);
background-size: auto;
}
.accordion-button:not(.collapsed)::after{
background-image:url(../images/arrow.png);
background-size: auto;
}
.accordion-body {
padding: 24px 30px;
}


/* sidebar **/
.course-detail-sidebar h3{
margin-bottom: 26px;
}
.course-detail-sidebar-menus {
border-radius: 12px;
border: 1px solid rgba(169, 176, 191, 0.40);
background: #FFF;
max-width: 375px;
margin: 0 auto;
}
.course-detail-sidebar-menus li{
border-bottom: 1px solid rgba(169, 176, 191, 0.40);
}
.course-detail-sidebar-menus li:last-child{
border-bottom: none;
}
.course-detail-sidebar-menus li a{
color: #16253A;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 16px;
}
.course-detail-sidebar-menus li a.active{
color: #0088C0;
background-color: #F3FBFf;
border-radius: 12px;
}
.course-sidebar-btn{
 display: none;
 text-align: center;
}
a.sidebar-btn{
border-radius: 8px;
background: #0088C0;
padding: 11px 30px;
color: #FFF;
font-size: 15px;
font-weight: 600;
border: 2px solid #0088C0;
} 
.course-sidebar-btn{
margin-bottom: 40px;
}
/* .course-detail-section{
column-gap: 40px;
} */
/**** web-course-detail****/



/**** flutter-course-detail****/
.flutter-spacing{
column-gap: 27px;
row-gap: 30px;
}
.fluuter-softwares {
max-width: 138.496px;
}
.fluuter-softwares .software-1 {
border-radius: 10.036px;
border: 1.004px solid rgba(169, 176, 191, 0.40);
background: #FFF;
margin-bottom: 10px;
min-height: 98.353px;
display: flex;
  justify-content: center;
  align-items: center;
  width: 138px;
}
.fluuter-softwares h6{
font-weight: 400;
margin-bottom: 0;
letter-spacing: -0.401px;
}
.accordion-body .after-cources{
margin-bottom: 21px;
}
/**** flutter-course-detail****/


/**** seo-digital ****/
.seo-digital-main span{
color:  #16253A;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px;
}

.seo-digital-marketing {
margin-top: 18px;
}

.seo-digital-curriculum-section {
border-radius: 12px;
border: 1px solid rgba(169, 176, 191, 0.40);
background: #FFF;
}
.seo-digital-curriculum-section li{
padding: 18px 30px 14px;
border-bottom: 1px solid rgba(169, 176, 191, 0.40);
color:  #16253A;
font-size: 18px;
font-weight: 500;
line-height: normal;
}

.seo-digital-curriculum-section li:last-child{
border-bottom: none;
}
/**** seo-digital ****/