abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}
.widget li {
  margin: 0;
  padding: 0;
  list-style: none;
}
input,
select {
  vertical-align: middle;
}
.so-panel.widget {
  margin-bottom: 0;
}
.widget .widget-title::before {
  content: none;
}
.widget-title {
  text-transform: capitalize !important;
}
.siteorigin-panels.page-template-template-fullwidth-no-title .content-left-wrap {
    padding-top: 0;
}
.siteorigin-panels.page-template-template-fullwidth-no-title .type-page .entry-content {
    margin-top: 0;
}
.siteorigin-panels.page-template-template-fullwidth-no-title article.hentry {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.siteorigin-panels.page-template-template-fullwidth-no-title .hentry {
    margin: 0;
}
.entry-content {
  margin: 0;
}
article.hentry{
  margin-bottom: 0px;
  padding-bottom: 0px;
  border:0px;
}
.hentry {
  margin: 0 0 0;
}
/* new fontfamily css code start */
/* =========================
Petrona
========================= */
@font-face {
  font-family: 'Petrona';
  src: url('/wp-content/themes/yujdesigns/fonts/Petrona-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Petrona';
  src: url('/wp-content/themes/yujdesigns/fonts/Petrona-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Petrona';
  src: url('/wp-content/themes/yujdesigns/fonts/Petrona-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Petrona';
  src: url('/wp-content/themes/yujdesigns/fonts/Petrona-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* =========================
 Figtree
========================= */

@font-face {
  font-family: 'Figtree';
  src: url('/wp-content/themes/yujdesigns/fonts/Figtree-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Figtree';
  src: url('/wp-content/themes/yujdesigns/fonts/Figtree-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Figtree';
  src: url('/wp-content/themes/yujdesigns/fonts/Figtree-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
body,
html {
  font-family: "Figtree", "sans-serif";
  font-weight: 400;
  line-height: normal;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #000;
}
body {
  background: url(/wp-content/uploads/2023/10/main-bg-min.png)
    center center;
  background-size: cover;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
/* updating as per the new design changes 23 dec 25 start*/
h1,
.h1 {
  font-size: 60px;
  font-family: "Petrona", "sans-serif";
  font-weight: 400;
}
h2,
.h2 {
  font-size: 48px;
  line-height: normal;
  font-family: "Petrona", "sans-serif";
  font-weight: 600;
}
h3 {
  font-size: 32px;
  line-height: normal;
  font-family: "Petrona", "sans-serif";
  font-weight: 500;
}
h4 {
  font-size: 24px;
  line-height: normal;
  font-family: "Petrona", "sans-serif";
  font-weight: 500;
}
h5 {
  font-size: 20px;
  line-height: normal;
  font-family: "Petrona", "sans-serif";
  font-weight: 500;
}
h6 {
  font-size: 18px;
  line-height: normal;
  font-family: "Petrona", "sans-serif";
  font-weight: 500;
}
p {
  font-size: 16px;
  line-height: normal;
  font-family: "Figtree", "sans-serif";
  font-weight: 400;
}
/* updating as per the new design changes 23 dec 25 end*/
.fs-32 {
  font-size: 32px;
}
.fs-40 {
  font-size: 40px;
}
.fs-60 {
  font-size: 60px;
}
.mw-75 {
  max-width: 75%;
}
.w-50 {
  width: 50%;
}
.body-container {
  padding: 0 210px;
}
.section-spacing {
  padding-top: 80px;
  padding-bottom: 80px;
}
.section-spacing h2 {
  margin-bottom: 8px;
}
.secondary-font {
  font-family: "Figtree", sans-serif;
}
.fw-700 {
  font-weight: 700;
}
.fw-600 {
  font-weight: 600;
}
.fw-500 {
  font-weight: 500;
}
.fw-400 {
  font-weight: 400;
}
.fs-xl {
  font-size: 24px;
}
.fs-lg {
  font-size: 20px;
}
.fs-md {
  font-size: 18px;
}
.fs-sm {
  font-size: 14px;
}
.sf {
  font-family: "Figtree", "sans-serif";
}
.mb-10 {
  margin-bottom: 15px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-24 {
  margin-top: 24px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mt-8 {
  margin-top: 8px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.noborder {
  border-bottom: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.mobile-layout {
  display: none !important;
}
#displayfordesktop {
  display: block;
}
#displayforMobile {
  display: none;
}
.fordesktop-layout {
  /* For Desktop Layout */
  display: flex;
}
.formobile-layout {
  /* For Desktop Layout */
  display: none;
}
.panel-grid {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.without-section-spacing .headingsection {
  padding-top: 80px;
}
.paddingBCustom {
  padding-bottom: 50px;
}
.paddingTCustom {
  padding-top: 50px;
}
.ctabuttons {
  display: flex;
  gap: 35px;
  margin-top: 40px;
}
.ctabuttons a {
  color: #fff;
  padding: 14px 24px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  display: inline-block;
  text-align: center;
  font-size: 20px;
}
.cta-secondary {
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 2px solid #fff;
  background: none;
  color: #fff;
  font-weight: 700;
}
.cta-secondary:hover,
.cta-secondary:focus,
.cta-secondary:visited {
  background: none;
  color: #fff;
}
.btns-group {
  display: flex;
  gap: 16px;
}
.popupbtn-wrap {
  margin-top: 60px;
}
.popupbtn-wrap .wpb-pcf-btn.wpb-pcf-btn-large {
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  width: max-content;
}
.popupbtn-wrap button {
  border: none;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 2px solid #4b3bc4;
  font-weight: 700;
  line-height: inherit;
}
.wpcf7 ::placeholder {
  color: #bcbcbc !important;
  font-size: 12px;
}
.swal2-close:hover {
  color: #4b3bc4 !important;
}
.swal2-close:focus {
  box-shadow: none !important;
}
.swal2-close {
  margin-top: -10px !important;
  margin-right: 10px !important;
  font-size: 2em !important;
}
.swal2-popup {
  padding: 20px 0px !important;
}
.swal2-html-container {
  overflow: hidden !important;
  margin: 1em 1.2em 0.3em !important;
}
.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
  background: rgba(0, 0, 0, 0.7) !important;
  z-index: 9999;
}
.wpb-pcf-form-style-true input[type="date"]{
  border: 1px solid #ece9e7 !important;
  border-radius: 6px !important;
  width: 100%;
}
.wpb-pcf-form-style-true input[type="text"],
.wpb-pcf-form-style-true input[type="email"],
.wpb-pcf-form-style-true input[type="tel"],
.wpb-pcf-form-style-true input[type="number"] {
  border: 1px solid #ece9e7 !important;
  border-radius: 6px !important;
  background: #fff !important;
  width: 100%;
  padding: 10px;
  font-size: 14px !important;
}
.swal2-popup {
  background: #fff;
}
.wpb-pcf-form-style-true .swal2-popup {
  background: #ffffff
    url(/wp-content/uploads/2025/06/get-in-touch-bg-scaled.webp) !important;
  background-position: center center;
  background-size: cover !important;
}
.wpb-pcf-form-style-true input[type="submit"] {
  width: auto !important;
  margin: 0 !important;
}
.cta-primary-btn {
  border: none;
  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Figtree", "sans-serif";
  font-weight: 700;
  border: 2px solid #4b3bc4;
  color: #fff;
  background: #4b3bc4;
  padding: 10px 20px 10px 20px;
}
.cta-primary-btn:hover,
.cta-primary-btn:focus,
.cta-primary-btn:visited {
  background: #4b3bc4 !important;
  border: 2px solid #4b3bc4;
  color: #fff;
}
.cta-secondary-btn {
  border: none;
  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Figtree", "sans-serif";
  font-weight: 700;
  border: 1px solid #fff !important;
  background: none;
  color: #fff;
  padding: 10px 20px 10px 20px;
}
.cta-secondary-btn:hover,
.cta-secondary-btn:focus,
.cta-secondary-btn:visited {
  background: none !important;
  color: #fff;
}
.mylogo {
  display: block;
  background: url("/wp-content/uploads/2026/05/yuj_newlogosmallwebnew.svg");
  width: 156px;
  height: 42px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.whiteBG .mylogo {
  background: url("/wp-content/uploads/2026/05/yuj_newlogosmallwebnew.svg");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
  width: 156px;
  height: 42px;
}
.companylogo.black-logo {
  display: none;
}
.whiteBG .companylogo.white-logo {
  display: none;
}
.whiteBG .companylogo.black-logo {
  display: block;
}
.casestudy-detail-page .companylogo.black-logo {
  display: block;
}
.casestudy-detail-page .companylogo.white-logo {
  display: none;
}
.greyYear {
  color: #595959;
}
.greyHead {
  color: #c5c5c5;
}
span.breakBlock {
  display: block;
}
.align-items-center {
  align-items: center !important;
}
i.orangedot {
  background: #f59301;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-left: 0px;
  vertical-align: baseline;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}
.swiper-slide {
  font-size: 18px;
}
.swiper {
  width: 100%;
  height: 100%;
}
.swiper.swiper-container {
  padding-bottom: 30px;
}
.slick-dots li.slick-active button {
  width: 35px;
  height: 10px;
  background: #f59301;
  border-radius: 5px;
}
.slick-dots li button {
  width: 10px;
  height: 17px;
  padding: 0;
  background: transparent;
  font-size: 0px;
  border-radius: 50%;
  margin: 0;
}
.slick-dots li button::before {
  background: #ccc;
  width: 10px;
  height: 10px;
  position: relative;
  content: "";
  display: block;
  opacity: 1;
  border-radius: 6px;
}
.slick-dots li.slick-active button::before {
  background: #f59301;
}
.dotItem {
  display: block;
  position: relative;
}
/* icons css start */
[class^="icon"] {
  position: relative;
  width: 26px;
  height: 26px;
  display: inline-block;
  flex-shrink: 0;
  margin: 0 5px;
}
[class^="icon"]::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background: #fff;
}
.icon-arrow:before {
  mask-image: url(/wp-content/uploads/2023/10/whitearrow.png);
  -webkit-mask-image: url(/wp-content/uploads/2023/10/whitearrow.png);
}
.icon-hamburger:before {
  mask-image: url(/wp-content/uploads/2023/10/hamburger.svg);
  -webkit-mask-image: url(/wp-content/uploads/2023/10/hamburger.svg);
}
.icon-hamburger:hover::before,
.icon-close:hover::before {
  background-color: #f39400 !important;
}
.icon-innerhamburger:before {
  mask-image: url(/wp-content/uploads/2023/10/innerHamburger.svg);
  -webkit-mask-image: url(/wp-content/uploads/2023/10/innerHamburger.svg);
}
.icon-close:before {
  mask-image: url(/wp-content/uploads/2023/10/close.svg);
  -webkit-mask-image: url(/wp-content/uploads/2023/10/close.svg);
}
.whiteBG .btn.btn-primary {
  border: 2px solid #4b3bc4;
}
.detail-page-cls .btn.btn-primary {
  border: 2px solid #4b3bc4;
}
.btn.btn-primary {
  padding: 10px 20px 10px 20px;
  border-radius: 6px;
  border: 2px solid #fff;
  font-size: 16px;
  background-color: transparent;
  font-weight: 700;
  width: max-content;
}
.link-with-icon {
  display: inline-flex;
  align-items: center;
  font-size: 20px;
  color: var(--black);
  text-decoration: none;
  position: relative;
  transition: none;
  max-width: fit-content;
}
.link-with-icon:hover .underlink::before {
  visibility: visible;
  opacity: 1;
}
.icon-leftarrow::before {
  mask-image: url(/wp-content/uploads/2023/11/left-arrow.png);
  -webkit-mask-image: url(/wp-content/uploads/2023/11/left-arrow.png);
  margin: 0px;
}
.icon.icon-leftarrow {
  margin: 0px;
}
.link-with-icon .icon::before {
  background: #4b3bc4;
}
.link-with-icon:hover {
  text-decoration: none;
  color: #f39405;
  transition: none;
}
.link-with-icon:hover .icon::before {
  background: #f39405;
}
/* icons css end */
a,
a:hover,
a:focus {
  color: #000;
  text-decoration: none;
  transition: all 0.2s;
  outline: none;
}
.justifyRight {
  justify-content: right;
}
.justifyCenter {
  justify-content: center;
}
/* common css ends */
/* header section css start */
.header {
  padding: 30px 0;
  transition: all linear 0.1s;
}
.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
}
.detail-page-cls {
  background: #fff;
  box-shadow: 0 7px 9px -12px #666;
}
header .detail-page-cls .fade-in {
  background: #fff;
  box-shadow: 0 7px 9px -12px #666;
}
.affix {
  -webkit-transition: all 0.3s ease-in-out 0;
  -moz-transition: all 0.3s ease-in-out 0;
  -o-transition: all 0.3s ease-in-out 0;
  transition: all 0.3s ease-in-out 0;
  background: rgba(0, 0, 0, 1);
}
header.affix {
  padding: 12px 0;
  background: #fff;
  box-shadow: 0 7px 9px -12px #666;
  transition: all linear 0.1s;
}
.detail-page-cls.header {
  padding: 12px 0;
}
header img {
  display: block;
}
header.fade-in {
  padding: 12px 0;
  background: rgba(26, 26, 26, 0.2);
  -webkit-backdrop-filter: blur(42px);
  -o-backdrop-filter: blur(42px);
  -moz-backdrop-filter: blur(42px);
  backdrop-filter: blur(42px);
  -webkit-transition: all linear 0.1s;
  transition: all linear 0.1s;
}
header.detail-page-cls
  .nav-bar
  .navigaion
  ul
  li
  a:hover
  i.icon.icon-arrow::before {
  background-color: #f59301;
}
header.detail-page-cls .nav-bar .navigaion ul li a {
  color: #000;
}
header.detail-page-cls .nav-bar .navigaion ul li.current_page_item a {
  color: #f59301;
}
header.whiteBG .nav-bar .navigaion ul li.current_page_item a {
  color: #f59301;
}
header.whiteBG {
  padding: 12px 0px;
  background: #fff;
  -webkit-box-shadow: 0 7px 9px -12px #666;
  box-shadow: 0 7px 9px -12px #666;
  -webkit-transition: all linear 0.1s;
  transition: all linear 0.1s;
}
header.whiteBG .nav-bar .navigaion .menu-hamburger-menu-container ul li a {
  color: #fff;
}
header.whiteBG
  .nav-bar
  .navigaion
  .menu-hamburger-menu-container
  ul
  li.current_page_item
  a {
  color: #f59301;
}
header.whiteBG .nav-bar .navigaion ul li a {
  color: #000;
}
header.whiteBG .nav-bar .navigaion ul li a:hover {
  color: #f59301;
}
header.detail-page-cls
  .nav-bar
  .navigaion
  .menu-header-mainmenu-container
  ul
  li
  a:hover {
  color: #f59301;
}
header.detail-page-cls .nav-bar .navigaion ul li a:hover {
  color: #f59301;
}
header.whiteBG .icon-hamburger::before {
  background: #000;
}
header.whiteBG .icon-innerhamburger::before {
  background: #000;
}
header.detail-page-cls .icon-hamburger::before {
  background: #000;
}
header.detail-page-cls .icon-innerhamburger::before {
  background: #000;
}
header.whiteBG .icon-arrow::before {
  background: #fff;
}
header.detail-page-cls .icon-arrow::before {
  background: #fff;
}
.casestudy-detail-page .mylogo {
  background: url(/wp-content/uploads/2026/05/yuj_newlogosmallwebnew.svg);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
  width: 156px;
  height: 42px;
}
.casestudy-detail-page .mylogo {
  background-position: left bottom;
}
header.casestudy-detail-page .nav-bar .navigaion ul li.current_page_item a {
  color: #f59301;
}
header.casestudy-detail-page
  .nav-bar
  .navigaion
  .menu-header-mainmenu-container
  ul
  li.current_page_item
  a {
  color: #f59301;
}
header.casestudy-detail-page
  .nav-bar
  .navigaion
  .menu-hamburger-menu-container
  ul
  li.current_page_item
  a {
  color: #f59301;
}
header.casestudy-detail-page
  .nav-bar
  .navigaion
  .menu-header-mainmenu-container
  ul
  li
  a:hover {
  color: #f59301;
}
header.casestudy-detail-page
  .nav-bar
  .navigaion
  .menu-header-mainmenu-container
  ul
  li
  a {
  color: #000;
}
header.casestudy-detail-page .icon-hamburger::before {
  background: #000;
}
header.casestudy-detail-page {
  padding: 12px 0;
}
.hamburger-desktopmenu,
.close-desktopmenu,
.hamburger-mobilemenu,
.close-mobilemenu,
.close-servicemenu {
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}
.close-desktopmenu,
.close-mobilemenu,
.close-servicemenu {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
.close-desktopmenu .icon,
.close-mobilemenu .icon,
.close-servicemenu .icon {
  width: 20px;
  height: 20px;
}
.hamburger-desktopmenu .icon,
.hamburger-mobilemenu .icon {
  width: 30px;
  height: 30px;
  padding: 4px;
}
.collapse-desktopmenu {
  position: fixed;
  background-image: url(/wp-content/uploads/2025/06/hamburger-bg.webp);
  right: 0;
  left: 100%;
  height: 100vh;
  top: 0;
  bottom: 0;
  z-index: 9999;
  opacity: 0;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  padding: 30px 0;
  overflow-y: auto;
  background-position: center;
  background-size: cover;
}
.collapse-mobilemenu {
  position: fixed;
  background-image: url(/wp-content/uploads/2025/06/hamburger-bg.webp);
  right: 0;
  left: 100%;
  height: 100vh;
  top: 0;
  bottom: 0;
  z-index: 9999;
  opacity: 0;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  padding: 30px 0;
  overflow-y: auto;
  background-position: center;
  background-size: cover;
}
.collapse-servicemenu {
  position: fixed;
  background-image: url(/wp-content/uploads/2025/06/hamburger-bg.webp);
  right: 0;
  left: 100%;
  height: 100vh;
  top: 0;
  bottom: 0;
  z-index: 9999;
  opacity: 0;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  padding: 30px 0;
  overflow-y: auto;
  background-position: center;
  background-size: cover;
}
.menu-hamburger-menu-container {
  float: right;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #efefef;
}
::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 5px;
}
.collapse-desktopmenu.open,
.collapse-mobilemenu.open,
.collapse-servicemenu.open {
  left: 0;
  opacity: 1;
  transition: all 0.6s cubic-bezier(0.5, 0.1, 0, 1.2);
  -webkit-transition: all 0.6s cubic-bezier(0.5, 0.1, 0, 1.2);
  -moz-transition: all 0.6s cubic-bezier(0.5, 0.1, 0, 1.2);
}

/* jyoti updated the mega menu css 11 june 25 */
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
  margin-top: 0;
}
#mega-menu-wrap-primary,
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item
  > a.mega-menu-link:hover {
  color: #f59301;
}
#mega-menu-wrap-primary .mega-sub-menu .menu {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  li.mega-menu-item-has-children
  > a.mega-menu-link
  > span.mega-indicator {
  display: none;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item
  > a.mega-menu-link {
  margin: 0 25px;
  color: #fff;
  font-size: 20px;
}
header.casestudy-detail-page
  #mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item
  > a.mega-menu-link {
  color: #000;
}
header.casestudy-detail-page
  #mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item.mega-current-menu-item
  > a.mega-menu-link {
  color: #f59301;
}
.whiteBG
  #mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item
  > a.mega-menu-link {
  color: #000;
}
.whiteBG
  #mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item.mega-current-menu-item
  > a.mega-menu-link {
  color: #f59301;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item.mega-current-menu-item
  > a.mega-menu-link {
  color: #f59301;
}
.whiteBG
  #mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item
  > a:hover.mega-menu-link {
  color: #f59301;
}
#mega-menu-wrap-primary
  #mega-menu-primary[data-effect="fade_up"]
  li.mega-menu-item.mega-menu-megamenu
  > ul.mega-sub-menu,
#mega-menu-wrap-primary
  #mega-menu-primary[data-effect="fade_up"]
  li.mega-menu-item.mega-menu-flyout
  ul.mega-sub-menu {
  opacity: 0;
  transform: translate(0, 0px);
  transition:
    opacity 200ms ease-in,
    transform 200ms ease-in,
    visibility 200ms ease-in;
}
#mega-menu-wrap-primary
  #mega-menu-primary[data-effect="fade_up"].mega-no-js
  li.mega-menu-item:hover
  > ul.mega-sub-menu,
#mega-menu-wrap-primary
  #mega-menu-primary[data-effect="fade_up"].mega-no-js
  li.mega-menu-item:focus
  > ul.mega-sub-menu,
#mega-menu-wrap-primary
  #mega-menu-primary[data-effect="fade_up"]
  li.mega-menu-item.mega-toggle-on
  > ul.mega-sub-menu,
#mega-menu-wrap-primary
  #mega-menu-primary[data-effect="fade_up"]
  li.mega-menu-item.mega-menu-megamenu.mega-toggle-on
  ul.mega-sub-menu {
  opacity: 1;
  transform: translate(0, 10px);
  margin-top: 5px;
}
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu ul li a {
  color: #000;
  font-size: 14px;
}
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu ul li a:hover,
#mega-menu-primary .mega-sub-menu ul li a:focus {
  text-decoration: underline #000 1.5px;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  .mega-sub-menu
  ul
  li.current_page_item
  a,
#mega-menu-wrap-primary
  #mega-menu-primary
  .mega-sub-menu
  ul
  li.current-menu-item
  a {
  color: #f59301;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu {
  background: url("/wp-content/uploads/2025/09/megamenu-newbg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 0 15.6px 0 rgba(0, 0, 0, 0.06);
}

#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  padding: 4px 10px 4px 10px;
  line-height: 35px;
  text-decoration: none;
  text-transform: none;
  vertical-align: baseline;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link:focus,
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link:hover {
  color: #000;
  background: #e3e3e3;
}
/* when all megamenu comes will use this css */
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu {
  max-width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#mega-menu-wrap-primary,
#mega-menu-wrap-us-primary {
  position: static;
}
#mega-menu-wrap-primary #mega-menu-primary,
#mega-menu-wrap-us-primary #mega-menu-us-primary {
  position: unset;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-row {
  padding: 10px 210px 60px 210px;
}

/*when all megamenu comes will use this css */
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-item
  > a.mega-menu-link {
  transition: 0.3s;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-row
  .mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item {
  padding: 0px;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-columns-1-of-5 {
  padding-right: 30px;
}
.mega-sub-menu li:last-child {
  padding-right: 0px !important;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column-standard
  h4.mega-block-title,
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  h4.mega-block-title {
  text-transform: capitalize;
  color: #000;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column-standard
  h4.mega-block-title,
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  h4.mega-block-title {
  padding-bottom: 24px;
}
#mega-menu-wrap-primary .mega-sub-menu .menu {
  row-gap: 16px;
}

/* us megamenu css start */
#mega-menu-wrap-us-primary .mega-menu-toggle + #mega-menu-us-primary {
  margin-top: 0;
}
#mega-menu-wrap-us-primary,
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-item
  > a.mega-menu-link:hover {
  color: #f59301;
}
#mega-menu-wrap-us-primary .mega-sub-menu .menu {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  li.mega-menu-item-has-children
  > a.mega-menu-link
  > span.mega-indicator {
  display: none;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-item
  > a.mega-menu-link {
  margin: 0 25px;
  color: #fff;
}
header.casestudy-detail-page
  #mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-item
  > a.mega-menu-link {
  color: #000;
}
header.casestudy-detail-page
  #mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-item.mega-current-menu-item
  > a.mega-menu-link {
  color: #f59301;
}
.whiteBG
  #mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-item
  > a.mega-menu-link {
  color: #000;
}
.whiteBG
  #mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-item.mega-current-menu-item
  > a.mega-menu-link {
  color: #f59301;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-item.mega-current-menu-item
  > a.mega-menu-link {
  color: #f59301;
}
.whiteBG
  #mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-item
  > a:hover.mega-menu-link {
  color: #f59301;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary[data-effect="fade_up"]
  li.mega-menu-item.mega-menu-megamenu
  > ul.mega-sub-menu,
#mega-menu-wrap-us-primary
  #mega-menu-us-primary[data-effect="fade_up"]
  li.mega-menu-item.mega-menu-flyout
  ul.mega-sub-menu {
  opacity: 0;
  transform: translate(0, 0px);
  transition:
    opacity 200ms ease-in,
    transform 200ms ease-in,
    visibility 200ms ease-in;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary[data-effect="fade_up"].mega-no-js
  li.mega-menu-item:hover
  > ul.mega-sub-menu,
#mega-menu-wrap-us-primary
  #mega-menu-us-primary[data-effect="fade_up"].mega-no-js
  li.mega-menu-item:focus
  > ul.mega-sub-menu,
#mega-menu-wrap-us-primary
  #mega-menu-us-primary[data-effect="fade_up"]
  li.mega-menu-item.mega-toggle-on
  > ul.mega-sub-menu,
#mega-menu-wrap-us-primary
  #mega-menu-us-primary[data-effect="fade_up"]
  li.mega-menu-item.mega-menu-megamenu.mega-toggle-on
  ul.mega-sub-menu {
  opacity: 1;
  transform: translate(0, 10px);
  margin-top: 5px;
}
#mega-menu-wrap-us-primary #mega-menu-us-primary .mega-sub-menu ul li a {
  color: #000;
  font-size: 14px;
}
#mega-menu-wrap-us-primary #mega-menu-us-primary .mega-sub-menu ul li a:hover,
#mega-menu-us-primary .mega-sub-menu ul li a:focus {
  text-decoration: underline #000 1.5px;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  .mega-sub-menu
  ul
  li.current_page_item
  a,
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  .mega-sub-menu
  ul
  li.current-menu-item
  a {
  color: #f59301;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu {
  background: url("/wp-content/uploads/2025/09/megamenu-newbg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 0 15.6px 0 rgba(0, 0, 0, 0.06);
}

#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  padding: 4px 10px 4px 10px;
  line-height: 35px;
  text-decoration: none;
  text-transform: none;
  vertical-align: baseline;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link:focus,
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link:hover {
  color: #000;
  background: #e3e3e3;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-item
  > a.mega-menu-link {
  transition: 0.3s;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu {
  max-width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-row {
  padding: 10px 210px 60px 210px;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-row
  .mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item {
  padding: 0px;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-columns-1-of-5 {
  padding-right: 30px;
}
.mega-sub-menu li:last-child {
  padding-right: 0px !important;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column-standard
  h4.mega-block-title,
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  h4.mega-block-title {
  text-transform: capitalize;
  color: #000;
}
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column-standard
  h4.mega-block-title,
#mega-menu-wrap-us-primary
  #mega-menu-us-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  h4.mega-block-title {
  padding-bottom: 24px;
}
#mega-menu-wrap-us-primary .mega-sub-menu .menu {
  row-gap: 16px;
}
/* Hide sub-menus initially */
#menu-header-mainmenu .sub-menu {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px); /* slight downward */
  transition: all 0.3s ease-in-out;
  display: block; /* keep block so transition works */
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  z-index: 99;
  padding: 10px 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}

#menu-header-mainmenu li.menu-item-has-children:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

#menu-header-mainmenu li {
  position: relative;
}

#menu-header-mainmenu .sub-menu li a {
  white-space: nowrap;
  padding: 10px 15px;
  display: block;
  color: #333;
  text-decoration: none;
}

#menu-header-mainmenu .sub-menu li a:hover {
  width: 100%;
  color: #f59301;
}

/* Highlight active parent menu item (like Services) when on child page */
#menu-header-mainmenu li.current-menu-parent > a,
#menu-header-mainmenu li.current-menu-ancestor > a,
#menu-header-mainmenu li.current_page_parent > a,
#menu-header-mainmenu li.current_page_ancestor > a {
  color: #f59301;
}
/* dropdown menu css on hover ends*/

.highlight {
  color: #f7941d;
}
.dotIcon {
  position: relative;
}
/* us megamenu css ends

/* navigation css start */
.nav-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav-bar .navigaion {
  display: flex;
  column-gap: 50px;
}
.nav-bar .navigaion nav {
  display: flex;
  align-items: center;
}
.nav-bar .navigaion ul {
  display: flex;
  column-gap: 74px;
  margin: 0;
}
.nav-bar .navigaion ul li {
  display: flex;
  align-items: center;
}
.nav-bar .navigaion ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  transition: none;
  position: relative;
}
.nav-bar .navigaion .menu-header-mainmenu-container ul li a:hover::before,
.nav-bar
  .navigaion
  .menu-header-mainmenu-container
  ul
  li.current_page_item
  a::before {
  position: absolute;
  width: 100%;
  height: 1px;
  background: #f59301;
  bottom: -3px;
}
.nav-bar .navigaion ul li.current_page_item a {
  color: #f59301;
}
.nav-bar .navigaion .nav-bar .navigaion ul li:last-child {
  padding: 10px 30px;
}
.nav-bar .navigaion ul li.current_page_item .icon-arrow::before {
  background: #f59301;
}
.nav-bar .navigaion ul li a:hover {
  color: #f59301;
}
.nav-bar .navigaion .collapse-desktopmenu ul,
.nav-bar .navigaion .collapse-mobilemenu ul,
.nav-bar .navigaion .collapse-servicemenu ul {
  display: flex;
  flex-direction: column;
  padding: 0;
  row-gap: 16px;
  margin-top: 32px;
}
.nav-bar .navigaion .collapse-desktopmenu .logo,
.nav-bar .navigaion .collapse-mobilemenu .logo,
.nav-bar .navigaion .collapse-servicemenu .logo {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.nav-bar .navigaion .collapse-desktopmenu ul li a,
.nav-bar .navigaion .collapse-mobilemenu ul li a,
.nav-bar .navigaion .collapse-servicemenu ul li a {
  display: flex;
  align-items: center;
  font-size: 48px;
  font-family: "Petrona", "sans-serif";
}
.nav-bar .navigaion .collapse-desktopmenu ul li a:hover .icon-arrow::before {
  background: #f59301;
}
.nav-bar .navigaion .collapse-mobilemenu ul li a:hover .icon-arrow::before {
  background: #f59301;
}
.nav-bar .navigaion .collapse-servicemenu ul li a:hover .icon-arrow::before {
  background: #f59301;
}
.nav-bar .logo img {
  height: 45px;
  width: auto;
}
/* navigation css ends */
/* Header css End */
/* Footer Code start */
/* new footer code ends here */
.footer-rebrandwidget {
  background: unset;
   padding: 0px;
}
#custom_html-15,
#custom_html-16 {
  padding: 50px 0px;
}
#custom_html-13,
#custom_html-14 {
  background: #1c1b1b;
  padding: 50px 0px;
}
.footer-flexbox {
  display: flex;
  gap: 0px;
  color: #fff;
  padding: 20px 210px 20px 210px;
  text-align: left;
  align-items: flex-start;
}
.footer-location-block {
  padding-top: 0;
  padding-bottom: 0;
}
.locAddress-row {
  width: 100%;
  display: flex;
  justify-content: space-around;
  border-top: 1px solid rgba(66, 66, 66, 0.5);
  border-bottom: 1px solid rgba(66, 66, 66, 0.5);
  padding-top: 30px;
  padding-bottom: 30px;
  margin: 35px 0;
}
.social-icon {
  width: 48px;
  height: 48px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transition: none;
}
.link-icon .social-icon {
  background-image: url(/wp-content/uploads/2023/11/linkedin-icon.png);
}
.link-icon:hover .social-icon {
  background-image: url(/wp-content/uploads/2023/11/linkedin.png);
}
.youtube-icon .social-icon {
  background-image: url(/wp-content/uploads/2023/11/youtube-icon.png);
}
.youtube-icon:hover .social-icon {
  background-image: url(/wp-content/uploads/2023/11/youtube-hover.png);
}
.clutch-icon .social-icon {
  background-image: url(/wp-content/uploads/2023/11/clutch-icon.png);
}
.clutch-icon:hover .social-icon {
  background-image: url(/wp-content/uploads/2023/11/clutch-hover-icon.png);
}
.instagram-icon .social-icon {
  background-image: url(/wp-content/uploads/2023/11/insta-icon.png);
}
.instagram-icon:hover .social-icon {
  background-image: url(/wp-content/uploads/2023/11/instragram-hover.png);
}
.pageslist.footer-pageslist {
  width: 320px;
}
.pageslist ul li a:hover .icon-arrow::before {
  background: #f39405;
}
.pageslist ul li {
  list-style: none;
  line-height: 60px;
  font-size: 32px;
}
.pageslist ul {
  padding-left: 0px;
  margin-left: 0;
}
.pageslist ul li {
  margin-bottom: 35px;
}
.pageslist ul li:last-child {
  margin-bottom: 0;
}
.pageslist ul li a {
  text-decoration: none;
  color: #fff;
  font-family: "Petrona", "sans-serif";
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1.3;
}
.pageslist ul li a:hover {
  color: #f59301;
}
.socialList {
  margin-left: auto;
}
.footer-flexbox .socialList li {
  margin-bottom: 15px;
}
.socialList li a {
  color: #fff;
  display: flex;
  align-items: center;
  transition: none;
}
.socialList li .social-text {
  margin-left: 25px;
}
.conHead {
  font-size: 20px;
  margin-bottom: 5px;
  color: #9d9d9d;
}
.locHead {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.locHead [class^="icon"] {
  margin-top: -3px;
  margin-left: 0px;
}
.locHead h4 {
  margin-left: 10px;
}
.locHead .PObox {
  display: flex;
  align-items: flex-start;
}
.locHead .POAddress {
  max-width: 85%;
  font-size: 14px;
  color: #9d9d9d;
}
.locHead.addPO {
  align-items: flex-start;
}
.locHead.alignsCenter {
  align-self: center;
}
.conDetails {
  margin-bottom: 35px;
}
.conDetails h5 {
  font-family: "Figtree", "sans-serif";
}
.conDetails h5 a {
  text-decoration: none;
  color: #fff;
  word-spacing: 0px;
  font-size: 20px;
}
.conDetails h5 a:hover {
  color: #f59301;
}
.justifyContent {
  justify-content: space-between;
}
.flexsecondChild {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  font-size: var(--font16);
}
.flexfirstChild {
  font-size: var(--font16);
}
.flexsecondChild a {
  text-decoration: none;
}
.lets-together-col {
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0;
}
.lets-together-col .flexChild {
  display: flex;
  align-items: center;
}
.lets-together-col .partner-btn {
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  width: max-content;
  transition: all 0.5s;
  border: 0px;
  background: var(--btnblueBg);
}
.lets-together-col .partner-btn:hover {
  background: #3c2db0;
}
.flexfirstChild,
.flexsecondChild a {
  color: #9d9d9d;
}
.icon-banglore:before {
  mask-image: url(/wp-content/uploads/2023/10/Bangalore.png);
  -webkit-mask-image: url(/wp-content/uploads/2023/10/Bangalore.png);
}
.icon-pune:before {
  mask-image: url(/wp-content/uploads/2023/10/Pune.png);
  -webkit-mask-image: url(/wp-content/uploads/2023/10/Pune.png);
}
.icon-state:before {
  mask-image: url(/wp-content/uploads/2023/10/Remote.png);
  -webkit-mask-image: url(/wp-content/uploads/2023/10/Remote.png);
}
.icon-usa:before {
  mask-image: url(/wp-content/uploads/2023/10/USA.png);
  -webkit-mask-image: url(/wp-content/uploads/2023/10/USA.png);
}
.footdot {
  width: 4px;
  height: 4px;
  border-radius: 28px;
  display: block;
  background: #9d9d9d;
}
#letdesign {
  align-items: center;
  justify-content: center;
  padding-bottom: 0;
  padding-top: 0px;
}
#letdesign .flexChild {
  gap: 50px;
}
#letdesign .flexChild h2 {
  color: #000;
}
#custom_html-14 {
  padding: 50px 0px;
}
aside#custom_html-13 {
  background: #1c1b1b;
  padding: 50px 0;
}
/* Footer Code ends */
/* new section start*/
/* news */
.news-section {
  padding: 46px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0px -16px;
}
.news-section .newscard {
  width: 33.33%;
  flex-shrink: 0;
  padding: 0px 16px;
}
.news-section .newscard h4 {
  color: #595959;
  margin-bottom: 0px;
  margin-top: 8px;
}
.news-section .newscard .img-wrap {
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 6px;
}
.news-section .newscard .img-wrap img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  display: block;
}
.news-section .newscard h4 a:hover,
.newscard:hover a {
  color: #f39405;
}
.displayDate {
  display: flex;
  gap: 8px;
  color: #5e5e5e;
  align-items: center;
  padding-bottom: 7px;
  font-size: 14px;
}
.commonmob-slider {
  margin-bottom: 35px;
}
.body-gutter.body-container {
  padding-left: 40px;
  padding-right: 40px;
}
.sectionSepBG {
  background: rgba(255, 255, 255, 0.47);
}
.casestudyTags {
  display: flex;
  gap: 12px;
  margin-bottom: 13px;
  align-items: center;
}
.casestudyTags .cat-label {
  padding: 6px 10px;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  font-size: 12px;
  background: rgba(75, 59, 196, 0.1);
  border: 1px solid rgba(75, 59, 196, 0.5);
  border-radius: 40px;
  color: #6356d6;
  width: max-content;
  font-family: "Figtree", "sans-serif";
  font-weight: 700;
}
.casestudyTags .cat-dot {
  display: none;
}
.edit-link {
  display: none;
}
