/* contact us sendmail */
  
  .our-services {
      max-height: 164px;
  }
  
  .our-services .mb-30 {
      margin-bottom: 0;
  }
  
  .spinner-container {
      z-index: 300;
      position: absolute;
      width: 100%;
      height: 100%;
      background: #f5c8d13d;
  }
  
  .invalid-elem {
      border-color: #dc3545;
      padding-right: calc(1.5em + .75rem);
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
      background-repeat: no-repeat;
      background-position: center right calc(.375em + .1875rem);
      background-size: calc(.75em + .375rem) calc(.75em + .375rem);
  }
  
  #devinaction {
      background: url(/img/techstack.png) center / cover no-repeat fixed;
      padding: 120px 0;
  }
  
  .perspective-cont {
      perspective: 500px;
  }
  
  .tiltLeft {
      transform: rotateY(32deg);
  }
  
  .tiltRight {
      transform: rotateY(-32deg);
  }
  
  .hulleeShadow {
      filter: drop-shadow(12px 33px 23px rgb(125, 124, 124));
  }
  
  .hullee-t-shadow {
      text-shadow: 4px 5px 9px #797979;
  }
  
  #pc-center {
      width: 100%;
      background: url(/img/pccenter.png) center / contain repeat-y;
      height: 280px;
  }
  
  #code-container {
      margin-left: 12.8%;
      margin-right: 12.8%;
      width: 100%;
      background-image: linear-gradient(25deg, #000000, #2b2b2b);
  }
  
  #pc-container img,
  #pc-container .row {
      width: 100%
  }
  /*
  #pc-perspective{
	  perspective: 500px;
  }
  
  #pc-container{
  	filter: drop-shadow(12px 33px 23px rgb(125, 124, 124));
    transform: rotateY(32deg);
  }
  
  .pcbottom{
	 transform: rotate(-5deg) translate(6px, 0px) skew(31deg, 8deg);
  }*/
  
  #code-container .nav .nav-item {
      padding: 0.1rem .5rem;
      border: 1px solid #848181;
      border-top-left-radius: 0.50rem;
      border-top-right-radius: .50rem;
      background-color: #1d1d2b;
  }
  
  #code-container .nav .nav-item:hover {
      background-color: #37374e;
      color: #afbdf1;
  }
  
  #code-container .nav .nav-item.active {
      color: #4cfb03;
      background-color: #141f31;
      border-color: #8c8d8e #596169 #333232;
  }
  
  .code-content .tab1 {
      margin-left: 10px;
  }
  
  .code-content p span {
      padding: 3px 4px;
  }
  
  .code-content p,
  .code-content span {
      margin: 0;
      margin-block-start: 0em;
      margin-block-end: 0em;
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      color: #c5cbde;
      font: 200 15px/18px Poppins, sans-serif;
      font-size: 10px;
  }
  
  .code-content .fnc {
      color: yellow;
  }
  
  .code-content {
      color: white;
  }
  
  .code-content .fnc,
  .code-content .fnc-token {
      color: yellow;
  }
  
  .code-content .fnc-name {
      color: #4cf904;
  }
  
  .code-content .fnc-type {
      color: darkyellow;
  }
  
  .code-content .comment {
      color: #5c8c5c;
  }
  
  .navbar {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: .5rem 1rem;
      height: 90px;
  }
  
  .code-content .type {
      white-space: nowrap;
      overflow: hidden;
      display: none;
  }
  
  #mainNav {
      font-family: 'Poppins', sans-serif;
      margin-bottom: 0;
      text-transform: uppercase;
      background-image: linear-gradient(to left bottom, #BC040C, #CB030C, #F22813, #E9050F, #CD060F);
  }
  
  .code-content .displayCursor {
      border-right: .15em solid orange;
  }
  
  #mainNav .navbar-toggler {
      font-size: 14px;
      padding: 11px;
      color: black;
      border: none;
  }
  
  .code-content .type.doanimate {
      display: block;
      animation: typing 8.5s steps(40, end), blink-caret .5s step-end infinite;
  }
  
  #mainNav .navbar-brand {
      font-weight: 700;
      z-index: 101;
  }
  
  .code-content .type.delay8 {
      animation-delay: 8s;
  }
  
  #mainNav a {
      font-size: 16px;
  }
  
  #mainNav a.dropdown-item {
      color: #fff;
  }
  
  #mainNav .dropdown-menu {
      margin: 0;
      text-transform: none;
  }
  
  .dropdown-item:focus,
  .dropdown-item:hover {
      color: #16181b !important;
      text-decoration: none;
      background-color: #f8f9fa;
  }
  /*
    

    .code-content .type.a1{
	    white-space: nowrap;
  		overflow: hidden; 
  		border-right: .15em solid white;  		  	
		animation:	typing 8.5s steps(40, end),
	    			blink-caret .5s step-end infinite;    
    }
*/
  
  .home-overlay {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      background-image: linear-gradient(rgba(4, 4, 4, 0.93), rgba(101, 98, 98, 0.6));
  }
  
  .dropdown:hover>.dropdown-menu {
      display: block;
  }
  
  .code-content .type.a2 {
      white-space: nowrap;
      overflow: hidden;
      opacity: 0;
      border-right: .15em solid white;
      animation: typing 8.5s steps(40, end), blink-caret .5s step-end infinite;
      animation-delay: 8s;
  }
  
  .dropdown>.dropdown-toggle:active {
      pointer-events: none;
  }
  
  #mainNav .navbar-nav .nav-item {
      -webkit-transition: background 0.3s ease-in-out;
      -moz-transition: background 0.3s ease-in-out;
      transition: background 0.3s ease-in-out;
  }
  
  @keyframes typing {
      from {
          width: 0
      }
      to {
          width: 100%
      }
  }
  
  @keyframes blink-caret {
      from,
      to {
          border-color: transparent
      }
      30% {
          border-color: white
      }
  }
  
  #mainNav .navbar-nav .nav-item:hover {
      color: fade(black, 80%);
      outline: none;
      background-color: transparent;
  }
  
  #mainNav .navbar-nav .nav-item:active,
  #mainNav .navbar-nav .nav-item:focus {
      outline: none;
      background-color: transparent;
  }
  
  @media (min-width: 992px) {
      p {
          font-size: 16px;
          line-height: 1.5;
      }
      #mainNav {
          -webkit-transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
          -moz-transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
          transition: background 0.3s ease-in-out, padding-top 0.3s ease-in-out, padding-bottom 0.3s;
          letter-spacing: 1px;
      }
      #mainNav.navbar-shrink {
          padding: 5px;
          border-bottom: 1px solid rgba(0, 0, 0, 0.2);
          background-image: linear-gradient(to left bottom, rgba(188, 4, 12, 0.9), rgba(203, 3, 12, 0.9), rgba(242, 40, 19, 0.9), rgba(233, 5, 15, 0.9), rgba(205, 6, 15, 0.9));
      }
      #mainNav .nav-link.active {
          outline: none;
          background-color: rgba(255, 255, 255, 0.3);
      }
      #mainNav .nav-link.active:hover {
          color: black;
      }
  }
  
  .left-triangle-bg {
      width: 68px;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
  }
  
  .hullee-nav-resp {
      margin-top: 0px
  }
  
  #home-content .btn-lg {
      margin-top: 30px;
  }
  
  #home-content {
      color: #FFFFFF;
      text-align: center;
      z-index: 1;
  }
  
  #home-logo-cont {
      position: absolute;
      left: 43px;
      top: 0px;
      margin-right: 10px;
      padding: 0px;
  }
  
  #home-logo-cont-triangle-bg {
      border-top: 128px solid #FFFFFF;
      border-right: 52px solid transparent;
      position: absolute;
      left: 0;
      top: -38px;
      width: 35%;
  }
  
  #logo-text {
      text-transform: none;
      vertical-align: bottom;
      font-weight: 800;
      text-indent: unset;
      color: #0215a8;
      letter-spacing: -2px;
      font-size: 32pt;
      margin-top: 16px;
      line-height: 0.9;
      font-family: Arial, Helvetica, sans-serif;
  }
  
  #img-hlogo-head {
      height: 50px;
  }
  
  .logo-slash {
      margin-top: 0px;
      position: absolute;
      border-top: 28px solid #991900;
      border-right: 18px solid transparent;
      margin-left: -10px;
      top: 60px;
      left: 100px;
  }
  
  .logo-tagline {
      font-size: 11pt;
      font-weight: 400;
      margin-top: 5px;
      font-family: 'Roboto', sans-serif;
      background-color: #f23005;
  }
  
  .logo-tagline-text1 {
      background-color: #991900;
      padding: 5px 15px;
  }
  
  .logo-tagline-text2 {
      padding: 5px 20px;
      background-color: #f23005;
  }
  
  #navbar-dummy-cont {
      position: absolute;
      left: 0;
      top: 0;
      height: 90px;
      background: #FFFFFF;
      width: 270px;
  }
  
  .navbar-nav .nav-link {
      display: block;
      padding: 1rem !important;
  }
  
  .hullee_content h1 {
      font-size: 70px;
      line-height: 70px;
      color: #fff;
      font-weight: 600;
      margin-bottom: 15px;
      /* text-shadow: 0 10px 40px #3f51b5; */
  }
  
  .sp_red {
      color: #fb2e06;
      font-size: 78px;
      font-weight: 800;
  }
  
  .slanted {
      background: #900404;
      box-sizing: border-box;
      width: 100%;
      position: relative;
  }
  
  .slanted:before {
      content: "";
      background: #900404;
      height: 120px;
      transform: skewY(-3deg);
      position: absolute;
      left: 0;
      right: 0;
      z-index: -1;
      margin-top: 20px;
  }
  
  .slanted:after {
      content: "";
      background: #900404;
      height: 80px;
      transform: skewY(-5deg);
      position: absolute;
      left: 0;
      right: 0;
      z-index: -1;
  }
  
  .slanted:before {
      top: -64px;
  }
  
  .slanted:after {
      bottom: -30px;
  }
  
  .slanted {
      background: #900404;
      box-sizing: border-box;
      width: 100%;
      position: relative;
  }
  
  .slanted:before {
      content: "";
      background: #900404;
      height: 120px;
      transform: skewY(-3deg);
      position: absolute;
      left: 0;
      right: 0;
      z-index: -1;
  }
  
  .slanted:after {
      content: "";
      background: #900404;
      height: 80px;
      transform: skewY(-5deg);
      position: absolute;
      left: 0;
      right: 0;
      z-index: -1;
  }
  
  .slanted:before {
      top: -64px;
  }
  
  .slanted:after {
      bottom: -30px;
  }
  
  .slanted2 {
      background: #2d3139;
      box-sizing: border-box;
      width: 100%;
      position: relative;
  }
  
  .slanted2:before {
      content: "";
      background: #2d3139;
      height: 120px;
      transform: skewY(-3deg);
      position: absolute;
      left: 0;
      right: 0;
      z-index: -1;
  }
  
  .slanted2:after {
      content: "";
      background: #2d3139;
      height: 140px;
      transform: skewY(-3deg);
      position: absolute;
      left: 0;
      right: 0;
      z-index: 1;
  }
  
  .slanted2:before {
      top: -64px;
  }
  
  .slanted2:after {
      bottom: -40px;
  }
  
  .list-unstyled {
      padding-left: 0;
      list-style: none;
      color: #282C38;
  }
  
  .bg-red {
      position: relative;
      z-index: 2;
      background: url(../img/location_one.jpeg) no-repeat scroll center 0;
      background-size: cover;
  }
  
  .menu_toggle .hamburger span {
      width: 0%;
      height: 2px;
      position: relative;
      top: 0;
      left: 0;
      margin: 4px 0;
      display: block;
      background: #fff !important;
      border-radius: 3px;
      -webkit-transition: .2s ease-in-out;
      -o-transition: .2s ease-in-out;
      transition: .2s ease-in-out;
  }
  
  .navbar-light .navbar-toggler {
      color: rgba(0, 0, 0, .5);
      border-color: none !important;
  }
  
  .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      padding: 12px 16px;
      z-index: 1;
  }
  
  .dropdown:hover .dropdown-content {
      display: block;
  }
  
  .dropdown {
      position: relative;
      display: inline-block;
  }
  
  .dropdown-toggle::after {
      display: inline-block;
      width: 0;
      height: 0;
      margin-left: .255em;
      vertical-align: .255em;
      content: "";
      border-top: .3em solid;
      border-right: .3em solid transparent;
      border-bottom: 0;
      border-left: .3em solid transparent;
  }
  
  .dropdown-menu {
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 1000;
      display: none;
      float: left;
      min-width: 10rem;
      padding: .5rem 0;
      margin: .125rem 0 0;
      font-size: 1rem;
      color: #fff;
      text-align: left;
      list-style: none;
      background-color: #f22813;
      background-clip: padding-box;
      border: none;
      border-radius: none !important;
  }
  
  .how-app-work-content {
      padding-top: 30px;
      /* padding-bottom: 45px;
      margin-bottom: 40px; */
      position: relative;
      z-index: 3;
  }
  
  .how-app-work-content:before {
      content: '';
      width: 2px;
      height: 100%;
      background: url(../img/gradient-sept.png) no-repeat center center;
      position: absolute;
      top: 0;
      left: 45px;
  }
  
  .how-app-work-section .pager-item {
      display: block;
  }
  
  .single-how-app-work {
      padding-left: 10px;
      display: flex;
      height: 130px;
  }
  
  .icon-box {
      display: table-cell;
      vertical-align: middle;
  }
  
  .inner {
      width: 74px;
      height: 74px;
      background: #6541c1;
      background: -webkit-gradient(left top, right top, color-stop(0%, #6541c1), color-stop(98%, #d43396), color-stop(100%, #d43396));
      background: -webkit-gradient(linear, left top, right top, from(#6541c1), color-stop(98%, #d43396), to(#d43396));
      background: -webkit-linear-gradient(40deg, #990000 0, #fb2e06 100%);
      filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6541c1', endColorstr='#d43396', GradientType=1);
      position: relative;
      border-radius: 50%;
      text-align: center;
  }
  
  .inner:before {
      content: '';
      position: absolute;
      top: 2px;
      left: 2px;
      right: 2px;
      bottom: 2px;
      border-radius: 50%;
      opacity: 1;
      -webkit-transition: all .4s ease;
      transition: all .4s ease;
  }
  
  .text-box {
      padding-left: 40px;
  }
  
  .focus_num {
      line-height: 74px;
      font-size: 30px;
      position: relative;
      width: auto;
      color: #6541c1;
      height: inherit;
      font-weight: 600;
      color: #fff;
  }
  
  .text-box h4 {
      font-weight: 600;
      font-size: 22px;
      color: #282C38;
      font-size: 1.125rem;
  }
  
  .text-box p {
      color: #282C38;
      font-size: 14px;
      font-weight: 300;
      margin-bottom: 10px;
      text-transform: initial;
      max-width: 800px;
      margin-right: auto;
      margin-left: auto;
  }
  
  .pt-80 {
      padding-top: 80px;
  }
  
  #cf {
      position: relative;
  }
  
  #cf img {
      position: absolute;
      left: -47px;
      width: 90%;
  }
  
  .top {
      animation-name: fade;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-duration: 2s;
      animation-direction: alternate;
  }
  
  .top1 {
      animation-name: fade;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-duration: 2s;
      animation-direction: alternate;
  }
  
  @keyframes fade {
      0% {
          opacity: 1;
      }
      25% {
          opacity: 1;
      }
      75% {
          opacity: 0;
      }
      100% {
          opacity: 0;
      }
  }
  
  .flip-card img {
      border-radius: 20px;
      margin: 0;
  }
  
  .flip-container {
      width: 100%;
      height: 100%;
      perspective: 1000px;
  }
  
  .flip-card {
      width: 100%;
      height: 100%;
      text-align: center;
      -webkit-transition: 2s ease-in-out;
      transition: 2s ease-in-out;
      transform-style: preserve-3d;
      /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
  }
  
  .who-img {
      width: 100%;
      height: 100%;
      position: absolute;
      transform-style: preserve-3d;
      backface-visibility: hidden;
      border-radius: 20px;
  }
  
  .who-img img {
      width: 100%;
  }
  
  .who-img.front {
      z-index: 2;
      /*background: url(/img/developers.png) center / contain no-repeat;*/
  }
  
  .who-img.back {
      z-index: 0;
      /*background: url(/img/designers.png) center / contain no-repeat;*/
      transform: rotateY(180deg);
  }
  
  .who-title {
      position: absolute;
      padding: 28px 60px;
      width: 100%;
      transform: translatez(70px);
  }
  
  .flip-container:hover .flip-card {
      transform: rotateY(180deg);
  }
  
  .do-flip-card {
      transform: rotateY(180deg);
  }
  
  .info-container {
      border: 1px solid red;
      border-radius: 18px 18px 3px 3px;
      margin: 25px;
      box-shadow: 0 30px 60px 0 #29090336;
  }
  
  .info-title {
      text-align: center;
      border-bottom: 1px solid red;
      color: white;
      background: #991900;
      border-radius: 18px 18px 0 0;
      font-size: 30px;
      font-weight: 500;
      padding: 38px;
  }
  
  .info-content .h_features_img {
      margin: 23px;
      text-align: center;
  }
  
  .info-content .h_features_img img {
      width: auto;
  }
  
  .hullee-img-con img {
      width: 100%;
  }
  
  .hullee-img-con {
      margin: 12px;
  }
  
  #whoweare .flip-container img {
      width: 80%;
  }
  
  .dropdown-item {
      display: block;
      width: 100%;
      padding: .25rem 1.5rem;
      clear: both;
      font-weight: 400;
      color: #212529;
      text-align: inherit;
      background-color: transparent;
      border: 0;
  }
  
  #cf img.top:hover {
      opacity: 0;
  }