@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



/* font-family: "Poppins", sans-serif; */

* {

  margin: 0;

  padding: 0;

  transition: all 0.5 ease-in;

  -webkit-transition: all 0.5 ease-in;

  -moz-transition: all 0.5 ease-in;

  -o-transition: all 0.5 ease-in;

  -ms-transition: all 0.5 ease-in;

  box-sizing: border-box !important;

}



html {

  scroll-behavior: smooth;

  height: 100%;

}



body {

  font-style: normal;

  padding: 0;

  margin: 0;

  font-family: "Poppins", sans-serif;

  background-color: #fff;

  font-size: 16px;

  line-height: 1.3;

  color: #535353;

  position: relative;

  overflow-x: hidden;

  font-weight: 500;

}



.container {

  max-width: 1440px;

  position: relative;

}



.maincontainer {

  width: 100%;

  max-width: 1719px;

  margin: 0 auto !important;

  position: relative;

}



img {

  max-width: 100%;

}



.clearfix {

  clear: both;

}



a:-webkit-any-link:focus-visible {

  outline: none;

}



input:focus-visible {

  outline: none;

}



a {

  color: #FA6400;

  text-decoration: none;

  transition: all 0.5s ease-in-out 0s;

  font-family: "Poppins", sans-serif;

}



a:hover {

  color: #000;

  text-decoration: none;

}



ul,

li {

  list-style-type: none;

  padding: 0;

  margin: 0;

}



h1,

h2,

h3,

h4,

h5,

h6,

p,

ul,

li {

  font-family: "Poppins", sans-serif;

  font-weight: 500;

  margin: 0;

  padding: 0;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  padding-bottom: 15px;

}



p {

  padding: 0 0 15px;

  font-family: "Poppins", sans-serif;

  font-weight: 400;

  line-height: 26px;

  color: #121212;

}



p {

  padding: 0 0 15px;

  font-family: "Poppins", sans-serif;

  font-weight: 400;

  line-height: 26px;

  color: #121212;

}



video {

  object-fit: fill;

}



.sectionpadding {

  padding: 100px 0px 100px;

}



.container-fluid {

  width: 85%;

  max-width: 1600px;

}



/* section style */



header {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  z-index: 999;

  background-color: transparent;

  transition: .2s ease-in-out all;

  padding: 20px 0px;

  box-shadow: 0 0 5px #b2b2b2;

  background-color: #fff;

}



.innerheader {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.shortheader {

  max-width: 1000px;

  margin: 0 auto;

  padding: 0px 30px;

}





/* button style */



a.animated-btn,

button.animated-btn {

  background-color: #FA6400;

  border-color: #FA6400;

  white-space: nowrap;

  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  font-size: 18px;

  padding: 12px 45px;

  line-height: 1.5;

  overflow: hidden !important;

  position: relative;

  color: #fff;

  text-decoration: none;

  display: inline-flex;

  border: 2px solid #FA6400;

  border-radius: 8px;

  font-weight: 500;

  white-space: break-spaces;

  text-align: center;

}



.hover-text {

  left: -100%;

  top: 0;

  transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);

  position: absolute !important;

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

}



.btn-content {

  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s;

  position: relative;

  transform: translateY(0%);

}



a.animated-btn:hover,

button.animated-btn:hover {

  background-color: #ec6100;

  border-color: #ec6100;

}



a.animated-btn:hover .hover-text,

button.animated-btn:hover .hover-text {

  left: 0;

}



a.animated-btn:hover .btn-content,

button.animated-btn:hover .btn-content {

  opacity: 0;

  transform: translateY(100%);

  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s;

}





a.animated-btn1 {

  background-color: #fff;

  border-color: #FA6400;

  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  font-size: 18px;

  padding: 12px 45px;

  line-height: 1.5;

  overflow: hidden !important;

  position: relative;

  color: #FA6400;

  text-decoration: none;

  display: inline-flex;

  border: 2px solid #FA6400;

  border-radius: 8px;

  font-weight: 500;

  white-space: break-spaces;

  text-align: center;

}



.hover-text1 {

  left: -100%;

  top: 0;

  transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);

  position: absolute !important;

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

}



.btn-content1 {

  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s;

  position: relative;

  transform: translateY(0%);

}



a.animated-btn1:hover {

  background-color: #fff;

  border-color: #ec6100;

}



a.animated-btn1:hover .hover-text1 {

  left: 0;

}



a.animated-btn1:hover .btn-content1 {

  opacity: 0;

  transform: translateY(100%);

  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s;

}



.innerheader a.animated-btn,

.innerheader a.animated-btn1 {

  margin: 0 0 0 10px;

}



/* button style */







.bannersec {

  background: linear-gradient(145.72deg, #FFFFFF 36.26%, #F9F9F9 67.57%);

  padding: 100px 0 100px;

  margin-top: 90px;

  overflow: hidden;

}



.bannersec.dedicated {

  background: url(../images/banner-bg.jpg) no-repeat 0 0;

  background-size: cover;

}



.bannerpic {

  position: absolute;

  right: 0;

  bottom: -150px;

  max-width: 730px;

  z-index: 2;

}
.pythondev {
  bottom: -102px;
}
.reactdevloper {
  bottom: -80px;
}


.bannersec.dedicated .bannerpic {

  position: absolute;

  right: 0;

  bottom: -110px;

  width: 1180px;

  max-width: 1180px;

}



.bannerinner {

  width: 650px;

  position: relative;

  z-index: 9;

}



.bannersec.dedicated .bannerinner {

  width: 670px;

}



h1 {

  font-size: 48px;

  line-height: 1.3;

  font-weight: 700;

  color: #121212;

  padding: 0 0 20px;

}



h1 span {

  color: #FA6400;

}



.bannerinner p {

  font-size: 18px;

  line-height: 32px;

  padding: 0 0 25px;

}



.bannerinner .animated-btn {

  font-size: 20px;

}



.bannerouter {

  position: relative;

}



.bannerlist {

  padding: 40px 0 0;

}



.bannerlist ul li i {

  color: #fa6400;

}



.bannerlist ul {

  display: flex;

  justify-content: left;

  align-items: center;

  flex-wrap: wrap;

}



.bannerlist ul li {

  padding: 0 50px 10px 0;

  font-weight: 600;

  font-size: 20px;

}



.bannerlist ul li span {

  display: block;

  padding-top: 8px;

}



/* li.counter_text {

    padding: 0 20px 0 60px;

    font-size: 20px;

    font-weight: 500;

    color: #757575;

    position: relative;

    cursor: pointer;

    width: 20%;

} */

.toprated h3 {

  font-size: 20px;

  line-height: 150%;

  color: #000;

  font-weight: 500;

  max-width: 350px;

  padding: 0px;

}



.toprated h3 span {

  color: #FA6400;

  font-weight: 600;

}



.toprated ul {

  padding: 0px 0px 0px 20px;

  display: flex;

  align-items: flex-end;

  border-left: 1px solid #DEDEDE;

  margin-left: 20px;

}



.toprated li {

  font-size: 20px;

  line-height: 100%;

  color: #222222;

  list-style: none;

  margin-right: 35px;

}



.toprated ul li span i {

  color: #fff;

}



.toprated ul li span {

  display: block;

  padding-bottom: 5px;

}



.toprated {

  display: flex;

  align-items: center;

  margin-bottom: 30px;

}



.slider-container {

  background: linear-gradient(91.11deg, #FA6400 29.24%, #FF3131 204.15%);

  height: 60px;

  overflow: hidden;

  width: 190px;

  border-radius: 8px;

  margin-left: 35px;

  color: #fff;

}



.slider {

  display: flex;

  flex-direction: column;

  transition: transform 0.5s ease-in-out;

}



.slide {

  height: 60px;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  padding: 10px;

}



.star {

  color: #fff;

  font-size: 20px;

}



.platform {

  font-weight: 500;

}



span.experience {

  display: block;

  font-size: 15px;

}



.tagsec {

  position: absolute;

  top: 0;

  right: 0;

  padding: 10px 20px 10px;

  background: #FA6400;

  color: #fff;

  transform: rotate(0deg);

  font-size: 16px;

  font-weight: 600;

  border-radius: 0px 15px 0 15px;

}





@media (max-width: 1300px) {

  .slider-container {

    margin-left: 0;

  }

}



ul.greenmarklist {

  margin-bottom: 40px;

}



ul.greenmarklist li {

  position: relative;

  font-size: 16px;

  font-weight: 400;

  color: #121212;

  line-height: 150%;

  margin: 18px 0px;

  padding-left: 35px;

}



ul.greenmarklist li::after {

  content: "";

  width: 20px;

  height: 20px;

  position: absolute;

  top: 3px;

  left: 0px;

  background: url(../images/checkcircleicon.png) center center;

  background-size: cover;

}



.bannermap {

  position: absolute;

  top: -94px;

  right: -156px;

  z-index: 1;

  width: 954px;

}



ul.loadersecion {

  list-style: none;

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 50px 0px;

  margin: 0px;

  flex-wrap: wrap;

}



ul.loadersecion li.counter_text {

  width: max-content;

  display: flex;

  justify-content: center;

  align-items: flex-start;

}



ul.loadersecion li.counter_text img {

  height: 64px;

  margin-right: 20px;

}



ul.loadersecion li.counter_text h5 {

  font-size: 40px;

  line-height: 54px;

  color: #FA6400;

  font-weight: 600;

  padding: 0px 0px 5px;

}



ul.loadersecion li.counter_text .countcont {

  font-size: 20px;

  line-height: 150%;

  font-weight: 500;

  color: #121212;

}



section.globaltech {

  background: #F8F9FB;

}



ul.globaltechcomp {

  display: flex;

  justify-content: space-between;

  align-items: center;

  list-style: none;

  padding: 0px;

  flex-wrap: wrap;

  margin: 0px;

}



ul.globaltechcomp li {

  width: 22.5%;

  padding: 50px 30px;

  background: #fff;

  display: flex;

  justify-content: center;

  align-items: center;

  min-height: 175px;

  margin: 1.25% 2.5% 1.25% 0px;

}



ul.globaltechcomp li img {

  width: 100%;

}

































.trustedpartner {

  background-image: linear-gradient(#f4f7fb, #fff);

  padding: 70px 0;

}



.innertrusted {

  background: url(../images/trustedbg.png) no-repeat 25% 50px;



}



h2 {

  font-weight: 700;

  font-size: 40px;

  padding: 0 0 20px 0;

  line-height: 1.2;

  color: #121212;

}



h2 strong {

  font-weight: 700;

}



h2 span {

  color: #FA6400;

}



.innertrusted h2 {

  line-height: 65px;

  padding-bottom: 45px;

}







.clip-text {

  font-weight: 600;

  text-align: center;

  color: #68d0e0;

  font-size: 420px;

}



@supports ((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip: text) {

  .clip-text {

    color: transparent;

    background-clip: text;

    -webkit-background-clip: text;

    background-image: url(../images/countbg.png);

    background-position: 133px -289px !important;

    height: 360px;

    line-height: 360px;

    position: relative;

  }

}



.clip-text sup {

  top: 65px;

  color: #000;

  position: absolute;

  font-size: 100px;

}



.partnerslider {

  padding-top: 70px;

}



#ourclients img {

  width: auto;

  display: inline-block;

}



#ourclients .owl-dots {

  display: none;

}



#ourclients .item {

  text-align: center;

}



.developmentpartner {

  padding: 40px 0 100px;

  text-align: center;

}



.developmentlist {

  display: flex;

  justify-content: center;

  padding-top: 10px;

  flex-wrap: wrap;

  padding: 0 0 30px;

}



.hoverbox {

  position: relative;

  background: #fff;

  padding: 32px;

  border: 1px solid #e8e8e8;

  box-shadow: 0 0 14px #f5f5f5;

  border-radius: 15px;

  transition: all 0.2s linear;

  cursor: pointer;

  z-index: 1;

}



.developmentlistinner {

  margin: 0 15px 15px 0;

  font-size: 20px;

  font-weight: 500;

}



.developmentlistinner img {

  margin-right: 5px;

  width: 34px;

}



.hoverbox:before,

.hoverbox:after {

  box-sizing: inherit;

  content: "";

  position: absolute;

  width: 0;

  height: 0;

  border: 1px solid transparent;

  border-radius: 15px;

  z-index: -1;



}



.hoverbox:before {

  top: 0;

  left: 0;



}



.hoverbox:after {

  bottom: 0;

  right: 0;



}



.hoverbox:hover:before {

  border-top-color: #f48120;

  border-right-color: #f48120;

  transition: width .25s ease-out, height .25s ease-out .25s;

  width: 100%;

  height: 100%;

  border-radius: 15px;

}



.hoverbox:hover:after {

  border-bottom-color: #f48120;

  border-left-color: #f48120;

  transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s;

  width: 100%;

  height: 100%;

  border-radius: 15px;

}



.whyusbox {

  border-radius: 12px;

}



.whyusbox img {

  border-radius: 12px;

}





.industry {

  padding: 0 0 70px 0;

  text-align: center;

}



.weservecont {

  border-radius: 10px;

  overflow: hidden;

  position: relative;

  margin-bottom: 30px;

}



.weservecont img {

  width: 100%;

}



.weservetext {

  position: absolute;

  bottom: 15px;

  left: 15px;

  right: 15px;

  background: rgb(246, 245, 245);

  padding: 20px;

  border-radius: 10px;

  text-align: left;

  overflow: hidden;

  height: 65px;

  transition: .3s ease-in-out all;

}



.weservecont:hover .weservetext {

  height: auto;

}



.weservehidecont {

  padding: 20px 38px 40px 0px;

  margin-bottom: -225px;

  transition: .3s ease-in-out all;

}



.weservetext h3 {

  padding-bottom: 0px;

  font-size: 20px;

  font-weight: 600;

  color: #222;

}



.weservetext a {

  position: absolute;

  bottom: 15px;

  right: 15px;

  font-size: 35px;

  color: #000;

  line-height: 35px;

  overflow: hidden;

  transition: .3s ease-in-out all;

  transform: rotate(0deg);

}



.weservecont:hover .weservehidecont {

  margin-bottom: 0px;

}



.weservecont:hover .weservetext a {

  transform: rotate(-90deg);

}



.industry a.animated-btn1,

.industry a.animated-btn {

  margin: 0 8px;

}



.servicesection {

  background-color: #ffffff;

  text-align: center;

}



.servicesection.dedicated {

  padding: 70px 0;

  background-color: #F9F9F9;

  text-align: center;

}



.whysection {

  padding: 70px 0;

  text-align: center;

}



.whysection .hoverbox {

  padding: 85px 30px 30px 30px;

  border: 1px solid #e8e8e8;

  box-shadow: 0 0 14px #f5f5f5;

  text-align: left;

  margin-bottom: 70px;

  min-height: 310px;

  position: relative;

}



.whysection .hoverbox p {

  color: #757575;

  font-size: 16px;

  line-height: 27px;

}



.whysection .hoverbox h3 {

  font-weight: 600;

  font-size: 22px;

  color: #222;

}



.whyicon {

  position: absolute;

  left: 37px;

  background: #4BADF2;

  padding: 14px;

  border-radius: 50%;

  top: -19px;

  animation: green-pulse-animation 2s infinite;

}



@keyframes green-pulse-animation {

  0% {

    box-shadow: 0 0 0 0px rgba(190, 190, 190, 0.7);

  }



  100% {

    box-shadow: 0 0 0 20px rgba(0, 148, 68, 0);

  }

}



.green {

  background-color: #20DEA5;

}



.green1 {

  background-color: #42BFBF;

}



.yelow {

  background-color: #F08145;

}



.purple {

  background-color: #A15FAE;

}



.pink {

  background-color: #DE4386;

}

















.tabs ul {

  margin: 0;

  padding: 10px 0 0 0;

  font-weight: bold;

  border-bottom: 1px solid #cacaca;

  display: flex;

  justify-content: space-between;

}



.tabs ul li {

  background: #F9F9F9;

}



.tabs ul li a {

  padding: 15px 0;

  font-size: 20px;

  color: #222;

  margin: 0 20px;

  border-bottom: 2px solid transparent;

}



.tabs ul li a:hover {

  color: #FA6400;

}



.tabs ul li a.active {

  color: #FA6400;

  font-weight: 600;

  border-bottom: 2px solid #FA6400;

}



.item {

  margin-bottom: 2px;

}



.item::before {

  cursor: pointer;

  font-weight: bold;

  background: #eee;

  padding: 0.5em;

  display: block;

}



.item.active::before {

  background: #444;

  color: #eee;

}



.item.active .item-content {

  padding: 1em;

  -webkit-transition: opacity 0.3s ease-in-out;

  -moz-transition: opacity 0.3s ease-in-out;

  -o-transition: opacity 0.3s ease-in-out;

  -ms-transition: opacity 0.3s ease-in-out;

  transition: opacity 0.3s ease-in-out;

}



@media all and (min-width: 767px) {

  .item.active .item-content {

    padding-top: 35px;

    padding-bottom: 0;

  }







  .tabs-side .tabs li {

    margin-bottom: 2px;

  }

}



/* 

The project specific CSS starts here

This is the minimum CSS that you will need in order for this to work

*/

.tabbed-content .tabs {

  display: none;

}



.tabbed-content .item {

  min-height: 2em;

}



.tabbed-content .item::before {

  content: attr(data-title);

}



.tabbed-content .item .item-content {

  opacity: 0;

  visibility: hidden;

  height: 0;

}



.tabbed-content .item.active .item-content {

  opacity: 1;

  visibility: visible;

  height: auto;

}



@media all and (min-width: 767px) {

  .tabbed-content .tabs {

    display: block;

  }



  .tabbed-content .tabs li {

    display: inline-block;

  }



  .tabbed-content .tabs li a {

    display: block;

  }



  .tabbed-content .item {

    min-height: 0;

  }



  .tabbed-content .item::before {

    display: none;

  }



  .tabbed-content.tabs-side .tabs {

    width: 150px;

    float: left;

  }



  .tabbed-content.tabs-side .tabs li {

    display: block;

  }



  .tabbed-content.tabs-side .item {

    margin-left: 150px;

  }

}





.freetrial {

  padding: 70px 0;

  background-repeat: no-repeat !important;

  background-position: center center !important;

  background-size: cover !important;

  color: #fff;

  text-align: center;

  position: relative;

  z-index: 1;

}



.freetrial::after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background: rgba(18, 18, 18, 0.84);

  backdrop-filter: blur(3px);

  z-index: -1;

}



.forminner {

  text-align: left;

  padding: 0 14%;

}



.freetrial h2 span {

  color: #fff;

}



.freetrial h2 {

  color: #fff;

}



.form-control {

  font-size: 12px;

  font-weight: 400;

  padding: 11px;

  line-height: 24px;

  color: #121212;

}



.calenderformsec .form-control {

  font-size: 16px;

  font-weight: 400;

  padding: 20px 20px 20px 0px;

  line-height: 24px;

  color: #121212;

}



textarea.form-control {

  height: 100px;

}



.form-control::placeholder {

  color: #121212;

}





.freetrial .form-control {

  border: none;

}



.file-upload {

  position: relative;

  display: inline-block;

}



.file-upload__label {

  display: block;

  color: #fff;

  border-radius: .4em;

  transition: background .3s;

  font-size: 15px;

  font-weight: 400;

  cursor: pointer;

}



.file-upload__input {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  font-size: 1;

  width: 0;

  height: 100%;

  opacity: 0;

}



.forminner ul {

  display: flex;

  flex-wrap: wrap;

  font-size: 16px;

}



.forminner ul li {

  padding: 5px 0px 5px 35px;

}



.forminner ul li i {

  padding-right: 5px;

  color: #fa6400;

}



input.formbutton {

  background: #fa6400;

  color: #fff;

  border: none;

  padding: 18px 015px;

  width: 100%;

  font-size: 20px;

  border-radius: 12px;

  font-weight: 500;

}



.hiredeveloper h2 {

  text-align: center;

}



.hiredeveloper {

  padding: 70px 0;

}



.hiredeveloper .hoverbox h3 {

  font-size: 20px;

  font-weight: 600;

  color: #222;

}



.hiredeveloper .hoverbox p {

  font-size: 16px;

  color: #757575;

  min-height: 102px;

}



.hiredeveloper .hoverbox {

  margin: 15px 0;

  border: 1px solid #e8e8e8;

  box-shadow: 0 0 14px #f5f5f5;

  padding: 25px;

}



.hireicon {

  padding: 12px;

  display: inline-block;

  margin: 0 0 25px;

  border-radius: 9px;

  box-shadow: 0 0 8px #d8d8d8;

}



.girlpic {

  position: absolute;

  left: 25px;

  bottom: 0;



}



.ctabuttonsec {

  background: url(../images/builderbg.jpg) no-repeat right 0;

  background-size: cover;

  position: relative;

  padding: 60px 45px 60px 530px;

  border-radius: 25px;

  color: #fff;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.ctabuttonsec h2 {

  padding: 0;

  color: #fff;

  font-size: 35px;

}



.ctabuttonsec h2 span {

  color: #fff;

  padding-top: 10px;

}



.developerhire {

  padding: 70px 0;

  text-align: center;

}



.developerhireslider {

  padding-top: 25px;



}



#developerhireslider .whyusbox {

  text-align: left;

}



#developerhireslider .whyusbox ul {

  padding: 10px 0;

  color: #757575;

  display: flex;

  justify-content: space-between;

  border-top: 1px solid #e4e4e4;

  border-bottom: 1px solid #e4e4e4;

  margin: 18px 0;

  font-size: 15px;

}



#developerhireslider .whyusbox ul li {

  font-weight: 400;

}



#developerhireslider .whyusbox ul li strong {

  color: #fa6400;

  font-weight: 600;

  font-size: 17px;

}



.developerpic h4 {

  color: #222;

  padding: 0 0 6px;

  font-size: 20px;

  font-weight: 600;

}



.desig {

  font-size: 16px;

  font-weight: 400;

  color: #222222;

  padding-bottom: 5px;

}



.devexp {

  font-size: 16px;

  color: #222222;

  font-weight: 400;

}



.developerpic {

  padding: 0px 0 25px 85px;

  position: relative;

}



.owl-carousel .owl-item .developerpic img {

  position: absolute;

  left: 0;

  top: 0;

  width: 68px;

  border-radius: 50%;

}



.devcard p {

  font-size: 16px;

  color: #535353;

}



div.skiltag {

  line-height: 24px;

  color: #121212;

  padding: 0 0 15px;

  font-weight: 600;

  font-size: 16px;

}



#developerhireslider .whyusbox .skilsoftware ul {

  justify-content: left;

  padding: 0;

  border: none;

  margin: 0px 0px 20px;

}



.forminner label {

  font-weight: 300;

  font-size: 14px;

  padding: 0 0 8px;

}



.freetrial label.file-upload__label span {

  color: #FA6400;

}



#developerhireslider .whyusbox .skilsoftware ul li {

  padding: 0 10px 0px 0;

}



#developerhireslider a.animated-btn,

#developerhireslider a.animated-btn1 {

  width: 100%;

  text-align: center;

  justify-content: center;

  padding: 12px;

  position: relative;

  z-index: 99;

}



#developerhireslider .owl-dots {

  padding-top: 25px;

}



#developerhireslider .owl-dot span {

  width: 12px;

  height: 12px;

  background: #D9D9D9;

  display: inline-block;

  margin: 5px 3px;

  border-radius: 50%;

}



#developerhireslider .owl-dot.active span {

  background-color: #FA6400;

  width: 25px;

  border-radius: 12px;

}



.keyprogram {

  position: relative;

}



.keyprogram h2 {

  text-align: center;

}



.govprogramcont img {

  border-radius: 12px;

}



.govprogramcont {

  position: relative;

}



.govprogramtext {

  backdrop-filter: blur(15px);

  z-index: 9;

  position: absolute;

  bottom: 15px;

  left: 15px;

  right: 15px;

  background: rgba(255, 255, 255, 0.95);

  padding: 30px;

  border-radius: 12px;

  transform: translateY(125%);

  transition: .8s ease-in-out all;

}



.govprogramtext h4 {

  padding: 0 0 10px;

  font-weight: 600;

  font-size: 22px;

  line-height: 150%;

  color: #222;

  margin-bottom: 0;

}



.govprogramtext p {

  color: #494949;

  padding: 5px 0px;

}



.govprogramtext p strong {

  color: #fa6400;

}



.govprogramtext a {

  position: absolute;

  top: 20px;

  right: 20px;

  width: 32px;

  height: 32px;

  display: inline-block;

}



.keyprogback {

  background: url(../images/keyprogram-back.png);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 370px;

}



div#govermentprogram .owl-item.center .govprogramcont .govprogramtext,

div#govermentprogram2 .owl-item.center .govprogramcont .govprogramtext,

div#govermentprogram3 .owl-item.center .govprogramcont .govprogramtext {

  transform: translateY(0%);

}



div#govermentprogram .owl-nav {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  margin-top: 50px;

  margin-bottom: 30px;

}



div#govermentprogram .owl-nav button {

  width: 50px;

  height: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 30px;

  background: rgba(255, 255, 255, 1);

  border-radius: 50%;

  color: #000;

  border: 1px solid #D4D4D4;

  margin: 0px 5px;

}



div#govermentprogram .owl-nav span {

  line-height: 44px;

  display: block;

  width: 50px;

  height: 50px;

}



div#testimonials .owl-nav {

  display: flex;

  align-items: center;

  justify-content: center;

  width: max-content;

  margin-top: 50px;

  position: absolute;

  left: -52%;

  bottom: 50%;

}



div#testimonials .owl-nav button {

  width: 64px;

  height: 64px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 30px;

  background: rgba(255, 255, 255, 1);

  border-radius: 50%;

  color: #000;

  border: 1px solid #D4D4D4;

  margin: 0px 5px;

}







.eventsprogcont .govprogramtext {

  padding: 24px 90px 28px 110px;

}



.eventsprogcont .govprogramtext h5.govtextdate {

  position: absolute;

  left: 20px;

  top: 20px;

  font-size: 18px;

  line-height: 24px;

  color: #494949;

  font-weight: 400;

  background: #fff;

  padding: 16px 15px;

  border: 1px solid #EBEBEB;

  border-radius: 12px;

  text-align: center;

}



.eventsprogcont .govprogramtext h5.govtextdate span {

  font-size: 32px;

  display: block;

  color: #DC1A21;

}



.eventsprogcont .govprogramtext h4 {

  font-weight: 400;

  font-size: 20px;

  color: #000;

  line-height: normal;

}



.eventsprogcont .govprogramtext p {

  font-size: 16px;

  line-height: 26px;

  color: #494949;

}



.eventsprogcont .govprogramtext h4 span {

  display: block;

  font-size: 12px;

  color: #757575;

  font-weight: 400;

}



.eventsprogcont .govprogramtext h4 span i {

  margin-right: 5px;

}



.govprogramcont:after {

  background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgb(24, 24, 24, 0.8));

  width: 100%;

  height: 300px;

  content: "";

  display: block;

  position: absolute;

  left: 0;

  bottom: 0;

  border-radius: 0 0 15px 15px;

}



.howitworks {

  background-position: center center !important;

  background-repeat: no-repeat !important;

  background-size: cover !important;

}



.howitworks h2 {

  text-align: center;



}



.howitworks .hoverbox {

  margin: 20px 0;

  text-align: center;

  padding: 25px;

  min-height: 565px;

  z-index: 1;

}



.howitworks .hoverbox h4 {

  color: #121212;

  font-weight: 600;

  padding-top: 10px;

  font-size: 20px;

}



.steptext {

  font-size: 24px;

  font-weight: 600;

  color: #121212;

}



.steptext img {

  padding-right: 6px;

}



.selectdate {

  font-size: 20px;

  font-weight: 600;

  padding: 15px 0;

}



.methodologies {

  padding: 70px 0;

  background-color: #F9F9F9;

  text-align: center;



}



.methodologies .hoverbox {

  padding: 25px;

  text-align: left;

  margin: 0 0 30px;

  min-height: 320px;

}



.methodologies .hoverbox h4 {

  color: #222;

  font-weight: 600;

}



.pricingsec {

  background: url(../images/pricingbg.jpg) no-repeat 0 0;

  background-size: cover;

  padding: 70px 0;

  color: #fff;

  text-align: center;

}



.pricingsec h2,

.pricingsec h2 span {

  color: #fff;

}



.priceboxouter {

  text-align: left;

  color: #222;

  padding-top: 30px;

  margin-bottom: -165px;

}



.pricewhite p {

  font-weight: 600;

}



.pricewhite {

  padding: 35px;

  background-color: #fff;

  border-radius: 15px;

  border: 1px solid #e8e8e8;

  font-size: 20px;

  font-weight: 600;

  transition: transform .4s;

}



.pricewhite:hover {

  transform: scale(1.03);

}



.pricetext {

  font-size: 48px;

  line-height: 58px;

  font-weight: 600;

  padding: 15px 0;

}



.pricetext span {

  font-size: 20px;

  list-style: 40px;

  display: block;

}



.pricewhite h5 {

  color: #757575;

  padding: 0 0 25px;

}



.pricewhite ul {

  padding: 0 0 25px;

}



.pricewhite ul li {

  color: #000;

  padding: 0 0 18px;

  font-size: 24px;

  position: relative;

}



.pricewhite ul li i {

  color: #FA6400;

  padding-right: 6px;

}



.pricewhite a.animated-btn1 {

  width: 100%;

  justify-content: center;

}



.pricewhite.pricedelected {

  background: #fa6400;

  color: #fff;

}



.pricewhite.pricedelected ul li {

  color: #fff;

}



.pricewhite.pricedelected h5 {

  color: #fff;

}



.pricewhite.pricedelected ul li i {

  color: #fff;

}



.pricewhite.pricedelected {

  border: 1px solid #fa6400;

  position: relative;

}



.recomended {

  position: absolute;

  right: -5px;

}



.partner {

  text-align: center;

}



.comparePerfectPartnerTable tr td {

  color: #6d6d6d;

  padding: 16px 50px;

  font-size: 16px;

  position: relative;

  white-space: nowrap;

}



.comparePerfectPartnerTable tr .tableHeading {

  font-size: 17px;

  font-weight: 500;

  padding-left: 0;

  text-align: left;

  color: #000;

  border-left: 0;

}



.comparePerfectPartnerTable tr td:nth-child(2) {

  color: #000;

  border-left: 2px solid #FA6400;

  border-right: 2px solid #FA6400;

}



.comparePerfectPartnerTable tr:first-of-type td:nth-of-type(2) {

  border-top: 2px solid #FA6400;

  padding-top: 29px;

  padding-bottom: 29px;

}



.comparePerfectPartnerTable tr:last-child td:nth-of-type(2) {

  border-bottom: 2px solid #FA6400;

}



td.tableThHeading {

  color: #000 !important;

  font-weight: 700;

  vertical-align: middle;

  font-size: 18px !important;

}



.comparePerfectPartnerTable {

  margin-top: 15px;

}



.comparePerfectPartnerTable strong {

  color: #fa6400;

}



.testimonials {

  padding: 70px 0;

}



.testimonials h2 {

  text-align: center;

}



.testouter {

  padding: 15px 0;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.videosection {

  width: 45%;

}



.testisection {

  width: 48%;

  color: #222;

}



.testisection p {

  line-height: 28px;

  font-style: italic;

  font-family: georgia;

  font-size: 19px;

}



.starsec {

  padding: 15px 0 25px;

  font-size: 30px;

  color: #FA6400;

}



.clientnameout {

  display: flex;

  justify-content: space-between;

  padding-top: 20px;

  align-items: flex-start;

}



.clientleft {

  font-size: 18px;

  color: #222;

  position: relative;

  padding: 0 0 0 0px;

  font-weight: 500;

}



.clientleft span {

  display: block;

  font-size: 14px;

  color: #757575;

  padding-top: 2px;

}



.clientleft img {

  width: 50px !important;

  height: 50px;

  border-radius: 50%;

  position: absolute;

  left: 0;

  top: 0;

}



.videopic {

  position: relative;

}



.videopic img {

  border-radius: 12px;

}



a.givecall {

  min-width: 60px;

  min-height: 60px;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  background-color: rgba(255, 255, 255, 0.6);

  border-radius: 50%;

  font-size: 24px;

  line-height: 30px;

  text-align: center;

  color: #FA6400;

  margin-bottom: 60px;

  margin-left: auto;

  box-shadow: 0px 0px 1px 1px #ffffff1a;

  animation: pulse-animation 2s infinite;

  position: absolute;

  left: 45%;

  top: 45%;

}



@keyframes pulse-animation {

  0% {

    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.7);

  }



  100% {

    box-shadow: 0 0 0 20px rgba(0, 148, 68, 0);

  }

}



.dedicated .calendly-inline-widget {

  height: 100% !important

}



.letsdiscuss {

  padding: 45px 55px;

  border-radius: 15px;

  background-image: linear-gradient(to right, #fa6401, #fc5013);

  color: #fff;

  margin-top: -100px;

  margin-bottom: -77px;

}



.letsdiscuss h2 {

  color: #fff;

  padding: 0 0 10px;

}



.letsdiscuss h2 span {

  color: #fff;

  line-height: 30px;

}



footer {

  background: url(../images/footerbg.jpg) no-repeat 0 0;

  background-size: cover;

  padding: 150px 0 40px 0;

  color: #fff;

}



.rirebut {

  text-align: right;

}



.footerleftcont {

  width: 55%;

  padding: 10px 0 0;

}



footer .bannerlist ul li {

  padding: 0 25px 10px 0;

  font-weight: 600;

  font-size: 18px;

}



.footertop {

  padding: 0 0 45px;

  line-height: 29px;

}



h6 {

  font-size: 23px;

  font-weight: 600;

  padding: 0 0 20px;

}



.footertop p a.link {

  color: #fff;

  font-size: 21px;

  font-weight: 600;

}



.footertop p a:hover.link {

  text-decoration: underline;

}



.footerbottom {

  border-top: 1px solid #1E2B50;

  padding: 30px 0 0 0;

}



.footertop h6 img {

  margin-right: 6px;

}



.footerbottom {

  border-top: 1px solid #1E2B50;

  padding: 30px 0 0 0;

  font-size: 14px;

  font-weight: 300;

  display: flex;

  justify-content: space-between;

}



.footerbottom a {

  color: #fff;

}



.footerbottom a:hover {

  text-decoration: underline;

}



.lefttopcurve {

  position: absolute;

  left: -2px;

  top: -2px;

}



.righttopcurve {

  position: absolute;

  right: -2px;

  top: -2px;

}



.lefttopcurve1 {

  position: absolute;

  left: -2px;

  bottom: -2px;

}



.righttopcurve1 {

  position: absolute;

  right: -2px;

  bottom: -2px;

}



.videoouter iframe {

  width: 100%;

  height: 500px;

}



button.btn-close {

  position: absolute;

  right: 23px;

  background: #f76401;

  opacity: 1;

  color: #fff;

  font-size: 35px;

  text-align: center;

  padding: 0;

  top: 30px;

}



button.btn-close:hover {

  opacity: 1;

  color: #fff;

}



.hide-part {

  display: none;

}



.show-part {

  display: block;

}



a.show-more {

  background: #fa6202;

  color: #fff;

  font-weight: 600;

  padding: 10px 21px;

}



a:hover.show-more {

  color: #fff;

}



.hiredeveloper .whyusbox.hovertext a {

  position: relative;

  z-index: 99;

}



.ctabuttonsec a.animated-btn {

  margin-left: 25px;

}



.ctabuttonsec.secondgirlpic {

  padding: 80px 45px 80px 530px;

}



.secondgirlpic .animated-btn {

  white-space: nowrap;

}



.headerbutton {

  display: flex;

}



.playbtn {

  position: relative;

  display: inline-block;

  padding: 15px 45px;

  color: #0f0f0f;

  text-decoration: none;

  transition: 0.5s;

  font-weight: 600;

  overflow: hidden;

  background: #f7f7f7;

  border-radius: 8px;

}





.playbtn span {

  position: absolute;

  display: block;

}



.playbtn span:nth-child(1) {

  top: 0;

  left: 0;

  width: 100%;

  height: 2px;

  background: linear-gradient(90deg, transparent, #fa6400);

  animation: animate1 1.5s linear infinite;

}



@keyframes animate1 {

  0% {

    left: -100%;

  }



  50%,

  100% {

    left: 100%;

  }

}



.playbtn span:nth-child(2) {

  top: -100%;

  right: 0;

  width: 2px;

  height: 100%;

  background: linear-gradient(180deg, transparent, #fa6400);

  animation: animate2 1.5s linear infinite;

  animation-delay: 0.25s;

}



@keyframes animate2 {

  0% {

    top: -100%;

  }



  50%,

  100% {

    top: 100%;

  }

}



.playbtn span:nth-child(3) {

  bottom: 0;

  right: 0;

  width: 100%;

  height: 2px;

  background: linear-gradient(270deg, transparent, #fa6400);

  animation: animate3 1.5s linear infinite;

  animation-delay: 0.5s;

}



@keyframes animate3 {

  0% {

    right: -100%;

  }



  50%,

  100% {

    right: 100%;

  }

}



.playbtn span:nth-child(4) {

  bottom: -100%;

  left: 0;

  width: 2px;

  height: 100%;

  background: linear-gradient(360deg, transparent, #fa6400);

  animation: animate4 1.5s linear infinite;

  animation-delay: 0.75s;

}



@keyframes animate4 {

  0% {

    bottom: -100%;

  }



  50%,

  100% {

    bottom: 100%;

  }

}





.file-info {

  margin-top: 10px;

  font-size: 14px;

  color: #fff;

}



.remove-file {

  margin-top: 8px;

  padding: 5px 10px;

  font-size: 14px;

  background-color: #ff4d4d;

  color: white;

  border: none;

  border-radius: 4px;

  cursor: pointer;

  display: inline-block;

  transition: background-color 0.3s;

}



.remove-file:hover {

  background-color: #e60000;

}



.impactsolution {

  padding: 70px 0;

  background-color: #F9F9F9;

}



.impactsolutioninner .faqinner {

  padding: 0 0px 0 50px;

}



.impactsolutiontext {

  position: sticky;

  top: 150px;

}



.whyselectsec {

  padding: 70px 0;

  background: #F4F7FB;

}



.whyselectsecinner h2 {

  text-align: center;

}



.whyselectimage {

  position: sticky;

  top: 150px;

}



.whyselectimage img {

  border-radius: 15px;

}



.whyselecttext ul li {

  color: #757575;

  display: block;

  font-size: 18px;

  font-weight: 400;

  padding: 0px 0px 14px 30px;

  line-height: 30px;

  position: relative;

}



.whyselecttext ul li::after {

  content: "\e914";

  font-family: 'icomoon' !important;

  position: absolute;

  left: 0;

  top: 0;

  font-size: 18px;

  color: #fa6400;

}



.whyselecttext {

  padding-left: 40px;

}



/* 15-10-2025 */

.appsoft {

  margin-bottom: 20px;

}



.appsoft img {

  display: inline-block !important;

  width: 45px !important;

  margin-right: 15px;

}



.buildappcard {

  text-align: left;

  padding: 30px;

  background: #F9F9F9;

  border-radius: 10px;

  border: 1px solid #e5e5e5;

}



.buildappcard h3 {

  font-size: 20px;

  font-weight: 500;

  color: #222222;

}



.buildappcard p {

  line-height: 27px;

  padding: 0px;

}



section.goalorientservice {

  padding: 40px 0px 100px;

}



ul.goaloriservicecont {

  padding-left: 30px;

}



ul.goaloriservicecont li {

  background: #F9F9F9;

  padding: 30px 30px 20px;

  border-radius: 12px;

  margin-bottom: 25px;

}



ul.goaloriservicecont li h3 {

  font-size: 20px;

  font-weight: 500;

  color: #121212;

}



ul.goaloriservicecont li p {

  line-height: 27px;

}



.righticon {

  position: fixed;

  width: 44px;

  right: 0;

  top: 45%;

  background: #000;

  z-index: 9999

}



.righticon .fa {

  line-height: 35px

}



.icon1 a {

  width: 41px;

  height: 38px;

  -webkit-transition: width .2s;

  position: absolute;

  top: 0;

  right: 0;

  background: #80bd00;

  color: #fff;

  text-align: center;

  line-height: 37px;

  border-radius: 5px 0 0 5px

}



.icon1 a:hover {

  width: 55px

}



.icon2 a {

  width: 41px;

  height: 38px;

  -webkit-transition: width .2s;

  position: absolute;

  top: 41px;

  right: 0;

  background: #eaeaea;

  color: #333131;

  text-align: center;

  line-height: 37px;

  border-radius: 5px 0 0 5px

}



.icon2 a:hover {

  width: 55px

}



.icon3 a {

  width: 41px;

  height: 38px;

  -webkit-transition: width .2s;

  position: absolute;

  top: 82px;

  right: 0;

  background: #f59102;

  color: #fff;

  text-align: center;

  line-height: 37px;

  border-radius: 5px 0 0 5px;

  font-size: 19px

}



.icon3 a:hover {

  width: 55px

}



.techseccont {

  background: #f9f9f9;

  border-radius: 12px;

  overflow: hidden;

  border: 1px solid #0000000D;

}



article.tabbed-content {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

}



article.tabbed-content nav.tabs {

  width: 25%;

  background: #fff;

}



.navcontent {

  width: 75%;

  min-height: 539px;

  padding: 45px;

  background: #f9f9f9;

}



.navcontent .item.active .item-content {

  padding: 0px;

}



.techseccont .tabs ul {

  margin: 0;

  padding: 0;

  font-weight: bold;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 100%;

  flex-direction: column;

  border: none;

}



.techseccont .tabs ul li {

  background: transparent;

}



article.tabbed-content nav.tabs ul li {

  width: 100%;

}



.techseccont .tabbed-content .tabs li a {

  color: #121212;

  font-size: 18px;

  line-height: 27px;

  background: transparent;

  text-decoration: none;

  border: none;

  border-left: 5px solid #fff;

  font-weight: 500;

  margin: 0px;

}



.techseccont .tabs ul li a {

  padding: 15px 30px;

  border-bottom: 2px solid transparent;

  font-weight: 300;

  margin: 0px 0px;

  text-align: left;

}



.techseccont .tabs ul li a:hover,

.techseccont .tabs ul li a.active {

  background: #f9f9f9;

  color: #fa6400;

  border-color: #fa6400;

}



ul.tech-stack-list {

  display: flex;

  justify-content: flex-start;

  align-items: center;

  flex-wrap: wrap;

  margin: 0px;

  padding: 0px;

  list-style: none;

}



ul.tech-stack-list li {

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 25px 25px;

  margin: 0px 10px 20px 10px;

  border: 1px solid #0000001A;

  box-shadow: 0px 0px 25px 0px #0000000D;

  border-radius: 12px;

  background-color: #fff;

}



ul.tech-stack-list li img {

  margin-right: 15px;

}



.tech-stack-box p {

  font-size: 22px;

  font-weight: 500;

  color: #282828;

  padding: 0px;

}



.section-plans {

  background-repeat: no-repeat !important;

  background-position: center center !important;

  background-size: cover !important;

}



.pricecard {

  background: #fff;

  padding: 50px 30px;

  border: 1px solid #0000001A;

  box-shadow: 0px 0px 25px 0px #0000000D;

  border-radius: 12px;

}



.pricecard h3.priceheading {

  font-size: 16px;

  font-weight: 500 !important;

  color: #9e9e9e;

  margin-bottom: 30px;

}



.pricecard h3.priceheading span {

  font-size: 40px;

  color: #000;

}



ul.planlist {

  list-style: none;

  padding: 0px;

  margin: 20px 0px 25px;

}



ul.planlist li {

  position: relative;

  padding-left: 35px;

  font-size: 16px;

  line-height: 36px;

}



ul.planlist li::after {

  content: "\F26A";

  font-family: bootstrap-icons !important;

  position: absolute;

  left: 5px;

  top: 0px;

  color: #FA6400;

  font-size: 18px;

}



.pricecard h4.palntags {

  font-size: 24px;

  line-height: 34px;

  margin-bottom: 10px;

  color: #121212;

  padding: 0px;

}



.pricecard.recopricecard {

  position: relative;

  z-index: 1;

  transform: scale(1.08);

  background: #FA6400;

  overflow: hidden;

  border: 0px;

}



.pricecard.recopricecard {

  color: #fff;

}



.pricecard.recopricecard .priceheading {

  color: #fff;

}



.pricecard.recopricecard .priceheading span {

  color: #fff;

}



.pricecard.recopricecard h4.palntags {

  color: #fff;

}



.pricecard.recopricecard ul.planlist li::after {

  color: #fff;

}



.pricecard.recopricecard::after {

  content: "Popular";

  position: absolute;

  top: -40px;

  right: -70px;

  padding: 76px 50px 9px;

  background: #FFCE39;

  color: #121212;

  transform: rotate(45deg);

  font-size: 16px;

  font-weight: 600;

}



.pricewrapper {

  width: 80%;

  margin: 0 auto;

}



.parameterssec article.tabbed-content nav.tabs {

  width: 34%;

  background: #fff;

}



.parameterssec .navcontent {

  width: 66%;

  padding: 0px 45px;

  background: #fff;

  height: auto;

}



.parameterssec .techseccont {

  background: #fff;

  border: none;

  border-radius: 0px;

}



.parameterssec .techseccont .tabs ul li a {

  border-radius: 8px 0px 0px 8px;

}



.parametercontent {

  text-align: left;

}



.parametercontent h3 {

  font-size: 20px;

  color: #000;

  line-height: 150%;

}



.parametercontent img {

  width: 100%;

  margin-bottom: 20px;

}



.parametercontent p {

  color: #535353;

  font-weight: 400;

}



.casestudycont {

  overflow: hidden;

  background: #fff;

  border: 1px solid #0000001A;

  box-shadow: 0px 0px 25px 0px #0000000D;

  border-radius: 12px;

  padding: 25px;

  margin-bottom: 30px;

  position: relative;

  display: flex;

  flex-direction: column;

  height: 100%;

}



.casestdyimg img {

  width: 100%;

  border-radius: 8px;

}



.casestudytext {

  padding: 25px 15px 0px;

}



.casestudytext h3 {

  font-size: 24px;

  padding-bottom: 15px;

  margin: 0px;

}



.casestudytext h3 a {

  text-decoration: none;

  color: #000000;

}



.section-case-studies {

  background: linear-gradient(to left, #eaf0fc, #f4e5ec);

}



.casestudytext p span {

  color: #003EDA;

  font-weight: 600;

}



span.casetag {

  position: absolute;

  top: 34px;

  right: 34px;

  background: #fa6400;

  color: #fff;

  padding: 14px 20px;

  border-radius: 6px;

  font-size: 18px;

  font-weight: 600;

  line-height: 10px;

}



.section-case-studies {

  background-repeat: no-repeat !important;

  background-position: center center !important;

  background-size: cover !important;

}



.calenderformsec {

  position: relative;

  background-position: center center !important;

  background-repeat: no-repeat !important;

  background-size: cover !important;

}



.bg-overlay {

  content: '';

  background-color: rgba(0, 0, 0, 0.85);

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}



.calenderformsec h2 {

  color: #ffff;

}



p.text-orange {

  color: #fa6400;

}



.calenderformsec .card {

  min-height: 665px;

}



.getting-started-box {

  margin-bottom: -200px;

  position: relative;

  z-index: 1;

}



.section-faq {

  padding: 200px 0px 180px;

}



.faq-list .accordion-item:not(:last-child) {

  margin-bottom: 15px;

}



.faq-list .accordion-item,

.faq-list .accordion-item:not(:first-of-type) {

  border: 1px solid #ddd;

  border-top: 1px solid #ddd;

}



.faq-list .accordion-item,

.faq-list .accordion-item:first-of-type {

  border-radius: 6px;

}



.faq-list .accordion-item {

  overflow: hidden;

}



.faq-list .accordion-item .accordion-button {

  background-color: #F6F7FC;

  padding: 20px !important;

  font-size: 18px !important;

  font-weight: 500;

  color: #121212 !important;

}



.letsdiscuss p {

  color: #fff;

  padding: 0px;

}



h2.accordion-header {

  padding: 0px;

}



.section-faq .accordion-body {

  line-height: 28px;

  font-weight: 400;

}



.servicesection.dedicated article.tabbed-content {

  display: block;

  justify-content: normal;

  align-items: normal;

}



.servicesection.dedicated article.tabbed-content nav.tabs {

  width: 100%;

  background: transparent;

}



.servicesection.dedicated .hoverbox {

  padding: 20px;

}



.dedicated .faqinner .accordion-item {

  background-color: #fff;

  border: none;

  margin: 0 0 15px;

  border-radius: 12px;

}



.dedicated h2.accordion-header button {

  font-size: 17px;

  font-weight: 500;

  padding: 12px 20px;

  line-height: 30px;

  border-radius: 12px;

}



.dedicated .accordion-button:not(.collapsed) {

  color: #222;

  background-color: #fff;

  box-shadow: none;

}



.dedicated .accordion-item:first-of-type .accordion-button {

  border-top-left-radius: calc(.25rem - 1px);

  border-top-right-radius: calc(.25rem - 1px);

}



.dedicated .faqinner .accordion-body {

  padding: 3px 25px 25px 25px;

  color: #757575;

  font-weight: 400;

  line-height: 24px;

  font-size: 16px;

}



.dedicated .faqinner .accordion-body strong {

  color: #222222;

}



.freetrial.dedicated::after {

  display: none;

}



.freetrial p {

  color: #fff;

}



.freetrial.dedicated .forminner ul li {

  padding: 5px 35px 5px 0px;

}



.freetrial.dedicated .forminner ul li i {

  color: #27DD6C;

}



.freetrial.dedicated .formbutton button.animated-btn {

  width: 100%;

  justify-content: center;

}



.freetrial.dedicated label.file-upload__label span {

  color: #fff !important;

}



.casestudy.dedicated {

  padding: 0 0 70px;

  background: url(../images/pattern.jpg) repeat-x 0 bottom;

}



.howitworks.dedicated {

  padding: 70px 0;

}



.partner.dedicated {

  padding: 175px 0 100px;

  text-align: center;

}



.faqsection.dedicated {

  padding: 70px 0 150px 0;

  background-color: #F4F7FB;

}



.faqsection.dedicated .faqpic {

  padding: 40px 0;

  position: relative;

}



.faqsection.dedicated .experiencesec {

  padding: 10px 24px 24px 24px;

  background-color: rgba(250, 100, 0, 0.9);

  border-radius: 12px;

  color: #fff;

  font-size: 20px;

  line-height: 29px;

  position: absolute;

  left: 37%;

  top: 40%;

  animation: pulse-animation 2s infinite;

}



.faqsection.dedicated .experiencesec span {

  font-size: 80px;

  font-weight: 600;

  line-height: 100px;

  display: block;

}



.faqsection.dedicated .faqinner {

  padding: 0 105px 0 0;

}



.formcalender.dedicated {

  background: url(../images/formcalenderbg.jpg) no-repeat 0 0;

  background-size: cover;

  padding: 70px 0 0;

  color: #fff;

  overflow: hidden;

}



.formcalender.dedicated .calenderouter {

  display: flex;

  justify-content: space-between;

  align-items: stretch;

}



.formcalender.dedicated .formleft,

.formcalender.dedicated .calenderleft {

  width: 48%;

}



.formcalender.dedicated .ortext {

  width: 60px;

  height: 60px;

  background-color: #FA6400;

  text-align: center;

  line-height: 60px;

  font-size: 25px;

  font-weight: 600;

  border-radius: 50%;

  margin: 75px 25px 0;

}



.formcalender.dedicated h2 {

  text-align: center;

  color: #fff;

}



.formcalender.dedicated .formouter {

  background-color: #fff;

  padding: 45px;

  color: #222;

  border-radius: 12px 12px 0 0;

  height: 100%;

}



.formcalender.dedicated h5 {

  font-weight: 600;

  padding: 0 0 25px;

  text-align: center;

  font-size: 26px;

}



.formcalender.dedicated h5 span {

  font-size: 35px;

  font-weight: 700;

  color: #fa6400;

}



/* .formcalender.dedicated .formouter label {

  display: none;

} */

.formcalender.dedicated .file-upload__label {

  color: #222222;

}



.formcalender.dedicated .calenderinner {

  padding: 45px;

  background-color: #fff;

  color: #222;

  font-weight: 500;

  border-radius: 12px 12px 0 0;

  height: 100%;

}



.formcalender.dedicated .formouter ul {

  display: flex;

  padding: 25px 0 0;

}



.formcalender.dedicated .formouter ul li {

  padding: 0 25px 10px 0;

}



.formcalender.dedicated .formouter ul li i {

  color: #27DD6C;

  margin-right: 3px;

}



.hidetext {

  display: none;

}



/* added 06-11-25 */

.skilsoftware ul li img {

  height: 43px;

}