/* colors css start here */

.sky-color{
    color:#06AAF2;
}

.medium-dark-color{
    color:#08082D;
}

.yellow-color{
    color:#FBEA52;
}
.pink-color{

  color:#E90C8A;
}
.white-color{
  color:#fff;
}

.bg-sky-color{
  background-color: #06AAF2;
}
.bg-pink-color{
  background-color: #E90C8A;
}

.bg-yellow-color{
  background-color: #FBEA52;
}
/* colors css end here */

/* theme fonts css start here  */
.theme-heading-h1{
    font-size: 60px;
    line-height: 60px;
    letter-spacing: 0px;
    font-weight: 800;
  }

  
.theme-heading-h2{
  font-size: 40px;
  line-height: 53px;
  letter-spacing: 0px;
  font-weight: 800;
  text-transform: uppercase;
  width: 100%;
  max-width: 100%;
}
  .hightlight-heading-sm {
text-transform: uppercase;
    margin-bottom: 20px;
    display: block;
    font-weight: 800;
    font-size: 20px;
    line-height: 65px;
    letter-spacing: 0px;
    font-family: bentonsans;
}
.theme-heading-h3{
  font-size: 30px;
  line-height: 65px;
  letter-spacing: 0px;
  font-weight: 400;
  text-transform: uppercase;
  width: 100%;
  max-width: 100%;
}
.theme-heading-h4{
  font-size: 25px;
  line-height: 35px;
  letter-spacing: 0px;
  font-weight: 400;
  text-transform: uppercase;
  width: 100%;
  max-width: 100%;
}

.theme-heading-h5{
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0px;
  font-weight: 400;
  text-transform: uppercase;
  width: 100%;
  max-width: 100%;
}

/* theme fonts css end here  */

.cus-sm-container{
   width: 100%;
  max-width:1100px;
  margin: auto;
  padding: 0 20px;
}

.cus-md-container{
  width: 100%;
 max-width:1144px;
 margin: auto;
 padding: 0 20px;
}

.img-box {
    position: relative;
    overflow: hidden;
  }
  
  .img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    object-fit: cover;
  }
  
  .cus-row {
    display: flex;
    flex-wrap: wrap;
}
p{
    margin-bottom: 0px;
}

.get-started-btn.custom-button {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 180px;
  z-index: 9999;
}
.get-started-btn.custom-button  span{
  margin-left: 5px;
}
.get-started-btn.custom-button::before{
  background: rgb(1,11,89);
background: linear-gradient(90deg, rgba(1,11,89,1) 0%, rgba(11,15,180,1) 45%, rgba(210,16,243,1) 100%);

  
}

.counter-box-container h2{
  width: inherit;
}
#counter-box
{
  padding-bottom: 10px;
}

.feature-case-sec.open .read-more-content-container , .case-study-item.open .read-more-content-container{
display: block;
animation: fadeIn 1s ease-in both;
}
.case-study-item{
  padding: 82px 0px;
  border-bottom: 1px solid #08082D;
}
.case-study-item .cus-row.two-cell-row {
  position: relative;
}
.case-study-group-sec  .company-brand-logo {
  position: absolute;
  right: 0;
  top: 27px;
}

.client-logo-items .img-box {
  width: 172px;
  height: 83px;
}
.our-client-sec {
  padding-top: 156px;
  padding-bottom:200px;
}

.clients-brands-logo-slider .slick-slide {
  margin: auto;
  justify-content: center;
  display: flex !important;
  border-right: 1px solid #08082D;
  padding: 58px 0;
}

.case-study-item.open {
  background-color: #f7fcff;
  margin: 0 -40px;
  padding-right: 40px;
  padding-left: 40px;
}

.theme-banner  .banner-inner-box {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  max-width: 100%;
}

.theme-banner .inner-product-banner {
  padding-top: 195px;
}

.two-cell-row {
  display: flex;

}
textarea:focus, input:focus{
  outline: none;
  border: 1px solid #06AAF2;
  box-shadow: none !important;
}
.contact-from-sec .cus-sm-container form label.error {
  position: absolute;
  color: red;
text-transform: inherit;
font-size: 13px;
}
.loader-13:before,
.loader-13:after,
.loader-13 {
  border-radius: 50%;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: loader-13 1.8s infinite ease-in-out;
          animation: loader-13 1.8s infinite ease-in-out;
}

.loader-13 {
  color: currentcolor;
  position: relative;
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
  top: -1em;
}
.loader-13:before {
  right: 100%;
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}
.loader-13:after {
  left: 100%;
}
.loader-13:before, .loader-13:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: inherit;
  height: inherit;
}

@-webkit-keyframes loader-13 {
  0%, 80%, 100% {
    box-shadow: 0 1em 0 -1em;
  }
  40% {
    box-shadow: 0 1em 0 -0.2em;
  }
}

@keyframes loader-13 {
  0%, 80%, 100% {
    box-shadow: 0 1em 0 -1em;
  }
  40% {
    box-shadow: 0 1em 0 -0.2em;
  }
}
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translate3d(0, -20%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}