:root {
  --accent: #f9a31b;
  --accent-light: #fff4e3;
  --accent-comp: #3d3e3d; 
  --accent-comp-dark: #252425;
  --accent-blue: #00a5fd;
  --accent-blue-light: #d7f0fd;
}

/* UTILITIES */
.bg-gradient17 {
  background: #dff4ff;
  background: -moz-linear-gradient(top, #dff4ff 0, #f9f9f9 100%);
  background: -webkit-linear-gradient(top, #dff4ff 0, #f9f9f9 100%);
  background: linear-gradient(to bottom, #dff4ff 0, #f9f9f9 100%);
}

.bg-gradient18 {
  background: #f9f9f9;
  background: -moz-linear-gradient(top, #f9f9f9 0, #ffffff 100%);
  background: -webkit-linear-gradient(top, #f9f9f9 0, #ffffff 100%);
  background: linear-gradient(to bottom, #f9f9f9 0, #ffffff 100%);
}

.bg-gradient19 {
  background: #dff4ff;
  background: -moz-linear-gradient(top, #dff4ff 0, #ffffff 100%);
  background: -webkit-linear-gradient(top, #dff4ff 0, #ffffff 100%);
  background: linear-gradient(to bottom, #dff4ff 0, #ffffff 100%);
}

.bg-gradient20 {
  background: #dff4ff;
  background: -moz-linear-gradient(top, var(--accent-light) 0, #ffffff 100%);
  background: -webkit-linear-gradient(top, var(--accent-light) 0, #ffffff 100%);
  background: linear-gradient(to bottom, var(--accent-light) 0, #ffffff 100%);
}

.bg-gradient21 {
  position: relative;
  background: -moz-linear-gradient(-45deg, var(--accent-light) 0, var(--accent-blue-light) 100%);
  background: -webkit-linear-gradient(-45deg, var(--accent-light) 0, var(--accent-blue-light) 100%);
  background: linear-gradient(135deg, var(--accent-light) 0, var(--accent-blue-light) 100%);
}

.bg-gradient21:after {
  content: '';
  position: absolute;
  top: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: linear-gradient(to bottom, transparent 0, #ffffff 100%);
}

.bg-gradient22 {
  background: -moz-linear-gradient(-45deg, var(--accent-light) 0, var(--accent-blue-light) 100%);
  background: -webkit-linear-gradient(-45deg, var(--accent-light) 0, var(--accent-blue-light) 100%);
  background: linear-gradient(135deg, var(--accent-light) 0, var(--accent-blue-light) 100%);
}

.text-effect-2 {
  background-image: linear-gradient(135deg, #fc00c7 0, #f9a31b 54%, #f9a31b 100% );
}

/* HEADINGS */

h1, h2, h3, h4, h5, h6 {
  color: var(--accent-comp-dark);
}

.common-heading > span {
  color: var(--accent);
  font-weight: bold;
}

/* BUTTONS */

/* .bg-btn {
  background: var(--accent);
  background: -moz-linear-gradient(left, var(--accent) 0, var(--accent-blue) 100%);
  background: -webkit-linear-gradient(left, var(--accent) 0, var(--accent-blue) 100%);
  background: linear-gradient(to right, var(--accent) 0, var(--accent-blue) 100%);
  -webkit-box-shadow: 0 10px 15px 0 rgba(175, 0, 87, 0.2);
  box-shadow: 0 10px 15px 0 rgba(175, 0, 87, 0.2);
} */

/* FORM */

.form-block input:focus,
.form-block textarea:focus {
  border-color: var(--accent);
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--accent);
  border-color: var(--accent);
}

.help-block.with-errors {
  color: var(--accent);
}

/* HEADER */

.fixed-top {
  position: absolute;
}

.nav-brand > img {
  height: 42px;
  width: auto;
}

div.custom-nav > ul > li.sbmenu > .menu-links:after {
  background-color: var(--accent);
}

/* HEADER: Language Selection */

.lang-selection > ul > li {
  margin-right: 8px;
}

.lang-selection > ul > li:last-child {
  margin-right: 0;
}

.lang-selection img {
  border-radius: 50%;
  width: 28px;
}

/* HEADER: Mobile Menu */

.hc-nav-trigger {
  position: unset;
}

/* .hc-offcanvas-nav {
  z-index: 2147483646;
  z-index: 100000;
} */

#hc-nav-1-nav-title {
  padding: 25px 0;
  text-align: center;
}

#hc-nav-1-nav-title img {
  height: 32px;
  width: auto;
}

.hc-offcanvas-nav .nav-close {
  display: none;
}

.hc-offcanvas-nav .nav-next:before {
  content: '';
  position: absolute;
  left: -7px;
  top: 50%;
  transform: translateY(-50%);
  background: #4d4d4d;
  border-radius: 2px;
  height: 25px;
  width: 2px;
}

.hc-offcanvas-nav .nav-item-link {
  font-weight: 600;
  padding: 16px 12px;
  text-transform: uppercase;
}

.hc-offcanvas-nav .nav-item > .nav-wrapper .nav-item-link {
  font-size: 14px;
  font-weight: normal;
  padding: 12px 12px;
  text-transform: none;
}

.hc-offcanvas-nav li.nav-parent .nav-item-link:last-child {
  padding-right: 42px;
}

.lang-selection-mobile {
  margin-bottom: 8px;
}

.lang-selection-mobile .lang-block {
  display: inline-block;
  margin-right: 12px;
}

.lang-selection-mobile img {
  border-radius: 50%;
  height: auto;
  margin-right: 12px;
  vertical-align: middle;
  width: 20px;
}

.lang-selection-mobile .language-name {
  font-size: 13px;
  font-weight: normal;
  text-indent: 0;
  text-transform: uppercase;
  vertical-align: middle;
}

/* BREADCRUMB */

.breadcrumb-area {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb-area::before {
  background: -moz-linear-gradient(-45deg,var(--accent-light) 0,var(--accent-blue-light) 100%);
  background: -webkit-linear-gradient(-45deg,var(--accent-light) 0,var(--accent-blue-light) 100%);
  background: linear-gradient(135deg,var(--accent-light) 0,var(--accent-blue-light) 100%);
}

.breadcrumb-area .bread-title {
  text-transform: uppercase;
}

/* FOOTER */

.footer-row1 {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0, var(--accent-light) 100%);
  background: -webkit-linear-gradient(top, #fff 0, var(--accent-light) 100%);
  background: linear-gradient(to bottom, #fff 0, var(--accent-light) 100%);
  padding: 50px 0;
}

.footer-svg svg path {
  fill: var(--accent-light);
}

footer.ftshap:before { background-image: url(../img/shapes/shape-4.png); }
footer.ftshap:after { background-image: url(../img/shapes/shape-5.png); }

.footer-row2 {
  padding: 10px 0 50px;
}

.footer-row2 img.navbar-brand {
  height: auto;
  width: 180px;
}

.footer-row2 h5 {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: 600;
}

.footer-address-list li > span {
  top: 2px;
}

.footer-address-list li p {
  font-size: 17px;
}

.link-hover a:hover {
  color: var(--accent) !important;
}

.footer-row3 {
  padding: 25px 0;
}

.footer-social-media-icons {
  margin-bottom: 20px;
}

.footer-social-media-icons a:hover {
  color: var(--accent) !important;
}

.footer-social-media-icons + .footer- > p {
  font-size: 16px;
  line-height: 24px;
}

/* SERVICE BLOCKS */

.s-block {
  border: 1px solid var(--accent-light);
}

/* MISC. */

#scrollUp {
  background-color: #3d3e3d;
}

/**************************************************************************************************/
/*                                             PAGES                                              */
/**************************************************************************************************/

/* ERROR */

.error {
  height: unset;
}

/* INDEX */

#index .about-sec-rpb {
  background: url(../img/shapes/dot_bg.png);;
}

#index .lead-gen-client .opl > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#index .lead-gen-client .clients-logo {
  box-shadow: -20px 20px 40px #fff2e3, 20px -20px 40px #fffdf8;
}

#index .custom-mb {
  margin-bottom: 60px;
}

.common-heading-2 h1 {
  font-weight: 900;
}

.service-sec-brp h2 {
  font-size: 22px;
}

.service-sec-list h3 {
  font-size: 20px;
}

/* ABOUT */

#about .why-choose {
  background-color: #fff;
  position: relative;
}

#about .why-choose::before {
  content: "";
  background: url(../img/shapes/dot-shape.png) var(--accent-light);
  position: absolute;
  height: 400px;
  right: 0;
  left: 0;
  top: 0;
  width: 100%;
  background-position: center top;
  background-size: contain;
  background-repeat: repeat;
}

.s-block h3 {
  margin: 0 0 10px;
  font-size: 22px;
}

/* CAREER */

.tech-icons a:hover {
  border-color: var(--accent);
}

/* BRAND IDENTITY */
.wide-sblock {
  text-align: center;
  padding: 30px 0px;
  justify-content: center;
}

/* WEB DESIGN */

.about-agency:before {
  background: none;
}

/* E_COMMERCE */

.lead-hero {
    background: url(../img/shapes/bg-gradient-light.jpg);
}

.owl-carousel .owl-dots .owl-dot:before {
  border: 1px solid #ff9900;
}

.owl-carousel .owl-dots .owl-dot:after {
  background: #ff9900;
}

/* BUSINESS APPLICATIONS */

/* AR-VR */

/* .dg-bg--1 {
  background-color: rgb(255, 255, 255);
}
.dg-bg--1:before {
  content: "";
  background: url(../img/shapes/dot_bg.png);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
} */

/* CONTACT */

#contact .footer-row1,
#contact .footer-svg {
  display: none;
}

.contact2dv {
  border-radius: 16px;
}

#contact .g-recaptcha {
  margin-bottom: 15px;
}

#contact .custom-control {
  margin-bottom: 15px;
}



/* TEMP */

#career .s-block.wide-sblock {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  flex: 0 0 100%;
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
}