:root {
    --stylePrimaryColor: #eb1e24;
}

/* IBM Plex Sans — self-hosted Latin/Latin-ext WOFF2 (Regular/Medium/SemiBold/Bold) */
@font-face {
    font-family: 'IBM Plex Sans';
    src: url("../fonts/ibm-plex-sans/IBMPlexSans-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0100-02AF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+1E00-1EFF, U+2000-206F, U+2070-209F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FB00-FB04, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url("../fonts/ibm-plex-sans/IBMPlexSans-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0100-02AF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+1E00-1EFF, U+2000-206F, U+2070-209F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FB00-FB04, U+FEFF, U+FFFD;
}

.heading-1 {
  font-size: 48px !important;
  line-height: 60px !important;
} 

 .heading-2 {
  font-size: 40px !important;
  line-height: 48px !important;
} 

 .heading-3 {
  font-size: 32px !important;
  line-height: 40px !important;
} 

 .sub-heading {
  font-size: 24px !important;
  line-height: 32px !important;
} 

 .body-text {
  font-size: 16px !important;
  line-height: 26px !important;
} 

 .cta {
  font-size: 16px !important;
  line-height: 20px !important;
} 

 @media screen and (max-width: 768px) {
 	  .panel-default>.panel-heading .panel-title [aria-expanded=false]:before {
        margin-right: 5px !important;
        margin-bottom: auto !important;
    }
    .panel-default>.panel-heading a {
        display: flex !important;
    }
    .panel-default>.panel-heading .panel-title [aria-expanded=true]:before {
        margin-bottom: auto !important;
        top:-2px !important;
    }
  .heading-1 {
    font-size: 48px !important;
    line-height: 56px !important;
  }

  .heading-2 {
    font-size: 32px !important;
    line-height: 40px !important;
  }

  .heading-3 {
    font-size: 24px !important;
    line-height: 28px !important;
  }

  .sub-heading {
    font-size: 20px !important;
    line-height: 24px !important;
  }
} 

 @media screen and (min-width: 320px) and (max-width: 425px) {
  .heading-1 {
    font-size: 40px !important;
    line-height: 48px !important;
  }

  .heading-2 {
    font-size: 32px !important;
    line-height: 40px !important;
  }

  .heading-3 {
    font-size: 24px !important;
    line-height: 28px !important;
  }

  .sub-heading {
    font-size: 20px !important;
    line-height: 24px !important;
  }

  .cta {
    font-size: 16px !important;
    line-height: 20px !important;
  }
}


@font-face {
    font-family: 'JetBrains Mono';
    src: url('../fonts/jetbrains-mono/JetBrainsMono-Regular.woff2') format('woff2'),
         url('../fonts/jetbrains-mono/JetBrainsMono-Medium.woff2') format('woff2'),
         url('../fonts/jetbrains-mono/JetBrainsMono-Bold.woff2') format('woff2'),
         url('../fonts/jetbrains-mono/JetBrainsMono-SemiBold.woff2') format('woff2');
    font-weight: 400 700; /* JetBrains Mono weights */
    font-style: normal;
    font-display: swap;
}


/* Refactor Mobile-First Approach */
body, html {
    font-family: "IBM Plex Sans", serif;
    font-weight: 500;
    background: #fff;
    font-size: 18px;
    height: 100%;
    width: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "IBM Plex Sans", serif;
    font-weight: 900;
    color: #000;
}
.header-contact-us-text span{
	font-family: 'JetBrains Mono' !important;
}
.google-captcha-notice{
  display:none;
}
.elementor-section {
    position: fixed;
    width: 100%;
    background: #fff;
	z-index: 98;
}
/* 
.custom-navbar {
    background: #fff;
    box-shadow: 0 0 2px rgba(35, 35, 35, .1);
    padding: 10px 30px;
    position: fixed;
    width: 100%;
    z-index: 99;
	top:0;
}
.navbar-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.navbar-logo img {
  height: 40px;
}

.navbar-menu {
  flex-grow: 1;
  text-align: right;
}
.navbar-menu .menu-list {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.navbar-menu .menu-list li {
  display: inline-block;
  text-transform: uppercase;
}

.navbar-menu .menu-list li a {
    font-family: 'JetBrains Mono';
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
    color: #1A1A1A;
    padding: 20px;
}
.navbar-menu .menu-list li a:hover{
	text-decoration: none;
    background-color: rgba(0, 0, 0, .05) !important;
}

.navbar-menu .menu-list > li.active > a{
	text-decoration: none;
    background-color: rgba(0, 0, 0, .05) !important;
}
.navbar-menu .sub-menu > li.active > a{
	text-decoration: none;
    background-color: rgba(0, 0, 0, .05) !important;
}
.navbar-contact .contact-btn {
  text-transform: uppercase;
  font-family: JetBrains Mono;
  font-weight: 900;
  font-size: 12px;
  background-color: #ffcf0b;
  color: #000;
  padding: 12px;
  border-radius: 6px;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.navbar-contact .contact-btn:hover {
  background-color: rgba(0,0,0,.05);
  color: #000;
}
.navbar-contact-mob .contact-btn{
  display: none;
}

.navbar-toggle-new {
  display: none;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
	position: absolute;
	left: 0;
	line-height: 0;
	margin: 0;
	width: 80px;
	height: 60px;
	padding: 16px 22px;
}
.hamburger-icon {
  color: #858585;
}

.mobile-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #FFFFFF;
  border-top: 1px solid #29B6F6;
  z-index: 9999;
}
.mobile-menu-list {
  list-style: none;
  margin: 0;
  padding: 15px;
  box-shadow: 0 0 2px 2px rgba(35,35,35,.1);
}
.mobile-menu-list li {
  display: block;
}
.mobile-menu-list li:hover, .mobile-menu-list li:active {
    text-decoration: none;
    background-color: rgba(0, 0, 0, .05) !important;
}
.mobile-menu-list li a {
  font-family: 'Metropolis';
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  color: #1A1A1A;
  line-height: 24px;
  display: block;
  text-align: center;
  padding: 10px 0;
}
.mobile-menu-list > li.active > a{
	text-decoration: none;
    background-color: rgba(0, 0, 0, .05) !important;
}
.mobile-menu-list > .sub-menu > li.active > a{
	text-decoration: none;
    background-color: rgba(0, 0, 0, .05) !important;
}*/
.elementskit-navbar-nav-default .elementskit-navbar-nav>li>a{
	cursor: pointer !important;
}
.elementskit-tab-title{
	font-family: 'JetBrains Mono';
}
.elementkit-tab-pane p{
	font-family: 'JetBrains Mono';
	font-size: 16px;
	font-weight: 400;
	color: #1A1A1A;
}

.elementkit-tab-pane p a{
	color: #1A1A1A;
}
.elementkit-tab-pane p a:hover, .elementkit-tab-pane p a:active {
	color: #eb1e24;
}
.menu-anchor-tag a{
	color: #1A1A1A !important;
}
.menu-anchor-tag a:hover, .menu-anchor-tag a:active {
	color: #eb1e24 !important;
}
.ekit-wid-con .elementkit-nav-link{
	-webkit-transition: none;
    transition: none !important;
}
.elementor-widget-container a{
	color: 1A1A1A !important;
}
.elementor-widget-container a:hover, .elementor-widget-container a:active {
	color: #eb1e24;
}


/* Footer work */
footer {
  clear: both;
}
footer.footer-new {
  background-color: #252525;
  color: #fff;
  padding: 40px 0;
  /* background-image: url('../images/shared/footer/footer-bg-new-opt.png'); */
}
.arrow-img {
    width: 15px ;
    height: auto;
    min-height: 0px;
    min-width: 0;
    vertical-align: middle;
    background: 0 0;
    margin-left: 8px;
    margin-top: 0;
}
footer.footer-new > .form-group label{
	 display: none;
}
.footer-new {
  position: relative; /* Ensures absolute positioning stays within footer */
}
.footer-new .container{
	overflow: visible;
}
@media only screen and (min-width: 1023px) and (max-width: 1279px){
	.footer-new .container{
		width: 850px;
	}
}
@media only screen and (min-width: 769px) and (max-width: 1023px){
	.footer-new .container{
		width: 600px;
	}
}
.footer-new .footer-top-bottom-icons{
	position: relative;
}
.footer-icon {
  position: absolute;
  z-index: 10;
  width: 72px; /* Adjust size as needed */
  height: auto;
}
.footer-icon img{
  width: 100%;
}
.footer-icon-top {
  top: 30px;
  left: -75px;
}

.footer-icon-bottom {
  bottom: 30px;
  right: -75px;
}

/* Responsive Adjustments older*/
/* @media (max-width: 768px) { */
  /* .footer-icon { */
    /* width: 40px;  */
	/* z-index: 0; */
	/* opacity: 0.5; */
  /* } */
	/* .footer-icon-top { */
	  /* top: 0; */
	  /* left: 0; */
	/* } */
	/* .footer-icon-bottom { */
	  /* bottom: 0; */
	  /* right: 0; */
	/* } */
/* } */

/* @media (max-width: 480px) { */
  /* .footer-icon { */
    /* width: 30px; */
	/* z-index: 0; */
	/* opacity: 0.5; */
  /* } */
	/* .footer-icon-top { */
	  /* top: 0; */
	  /* left: 0; */
	/* } */
	/* .footer-icon-bottom { */
	  /* bottom: 0; */
	  /* right: 0; */
	/* } */
/* } */
@media (max-width: 768px) {
	.footer-icon {
		width: 40px;
		z-index: 1;
	}
	.footer-icon-top {
		left: 0;
		float: right;
		position: relative;
	}
	.footer-icon-bottom {
		left: 0;
		bottom: 5px;
	}
}

@media (max-width: 480px) {
	.footer-icon {
		width: 40px;
		z-index: 1;
	}
	.footer-icon-top {
		right: 0;
		float: right;
		position: relative;
	}
	.footer-icon-bottom {
		left: 0;
		bottom: 5px;
	}
}
.footer-logo img {
  max-width: 150px;
  margin: 30px 0;
  position: relative;
  z-index: 11;
}
.footer-new h3 {
	font-family: "IBM Plex Sans", serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 42px;
	color: #fff;
	margin: 20px 0;
}

.footer-new h4, .footer-new h5 {
	font-family: "IBM Plex Sans", serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 26px;
    color: #FFF;
    margin: 5px 0;
}
.custom-input {
    border: none; /* Remove all borders */
    border-bottom: 2px solid #000; /* Add only a bottom border */
    outline: none; /* Remove default outline when focused */
    width: 100%; /* Optional: Make input take full width */
    padding: 5px 0; /* Add some padding for spacing */
}

.custom-input:focus {
    border-bottom: 2px solid #007BFF; /* Optional: Change bottom border color on focus */
}
.offices h5{
	 margin: 15px 0;
}
.offices p{
	font-family: "IBM Plex Sans", serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
	color: #ccc;
}
.footer-new a {
	font-family: 'JetBrains Mono';
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
  color: #ccc;
  text-decoration: none;
}
.footer-grid h4{
	margin: 0 0 20px 0;
}
.footer-grid h5{
	margin: 20px 0;
}
.footer-grid a {
	font-family: 'JetBrains Mono';
	font-size: 16px;
	font-weight: 500;
	line-height: 20.8px;
  color: #ccc;
  text-decoration: none;
}
.footer-grid ul li{
	margin-bottom: 30px !important;
}
.footer-new ul{
	padding: 0;
    text-align: left;
}
.footer-new ul li{
	display: block;
	margin: 0;
}
.footer-new a:hover {
  color: #fff;
}

.footer-new .form-control {
  position: relative;
  z-index: 1;
  width: 100%;
  /* height: 35px; */
  border-radius: 0;
  font-size: 16px;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #cccccc;
  background-color: transparent;
}
.footer-new .form-control + label {
  position: absolute;
  top: 10px;
  font-family: 'JetBrains Mono';
  font-weight: 400;
  font-size: 16px;
  color: #838383;
  transition: all 0.4s ease-out;
}

.footer-new .form-control:focus {
  box-shadow: none;
  outline: none;
  border-width: 2px;
  border-color: #3FD2EA;
}

.footer-new .form-control:focus + label,
.footer-new .form-control.has-value + label {
  color: #fff;
  top: -15px;
  font-size: 12px;
}

/* For autofilled inputs */
.footer-new .form-control:-webkit-autofill {
  box-shadow: none !important; /* Change background color as needed */
}

.footer-new .form-control:-webkit-autofill + label {
  color: #fff;
  top: -15px;
  font-size: 12px;
}

.footer-grid {
    display: grid;
    /* grid-template-columns: repeat(5, 1fr); *//* 5 equal columns */
	grid-template-columns: 1.25fr 1.25fr 1.25fr 2fr 1.5fr;
    gap: 20px; /* Spacing between columns */
  }
  /* Responsive adjustments */
  @media (max-width: 992px) { 
    .footer-grid {
      grid-template-columns: repeat(3, 1fr); /* 3 columns on medium screens */
    }
  }

  @media (max-width: 768px) {
    .footer-grid {
      grid-template-columns: repeat(2, 1fr); /* 2 columns on small screens */
    }
	/* Make the last column span 2 columns */
	.footer-grid > div:last-child {
		grid-column: span 2; /* Takes full width */
	}
  }

  @media (max-width: 480px) {
    .footer-grid {
      grid-template-columns: repeat(2, 1fr); /* 1 column on extra small screens */
    }
	/* Make the last column span 2 columns */
	.footer-grid > div:last-child {
		grid-column: span 2; /* Takes full width */
	}
  }
.footer-new .btn-default {
  background-color: #5c5c5c;
  color: #fff;
  border: none;
}

.footer-new .btn-default:hover {
  background-color: #6c6c6c;
}

.footer-divider {
	border-top: 0.5px solid #4F4F4F;
	margin: 50px 0;
}

.footer-offices h5 {
  color: #fff;
  margin-bottom: 10px;
}

.footer-new .social-link {
  color: #fff;
  margin-left: 15px;
  font-size: 18px;
}

.footer-new .social-link:hover {
  color: #bbb;
}

.footer-social-block-new ul li {
    list-style: none;
    display: block
}

.footer-social-block-new ul li a {
	font-family: "IBM Plex Sans", serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	color: #fff;
    float: left;
    margin-right: 10px;
}

.footer-social-block-new ul li a i {
    width: 24px;
    height: 24px;
    display: block
}

.footer-social-block-new ul li a i.mfacebook-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M504,256C504,119,393,8,256,8S8,119,8,256c0,123.8,90.7,226.4,209.2,245V327.7h-63V256h63v-54.6 c0-62.2,37-96.5,93.7-96.5c27.1,0,55.5,4.8,55.5,4.8v61h-31.3c-30.8,0-40.4,19.1-40.4,38.7V256h68.8l-11,71.7h-57.8V501 C413.3,482.4,504,379.8,504,256z'/%3E%3C/svg%3E%0A");
    background-size: 24px 24px;
    background-repeat: no-repeat
}

.footer-social-block-new ul li a i.mlinkedin-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 448 512' style='enable-background:new 0 0 448 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M416,32H31.9C14.3,32,0,46.5,0,64.3v383.4C0,465.5,14.3,480,31.9,480H416c17.6,0,32-14.5,32-32.3V64.3 C448,46.5,433.6,32,416,32z M135.4,416H69V202.2h66.5V416H135.4z M102.2,173c-21.3,0-38.5-17.3-38.5-38.5S80.9,96,102.2,96 c21.2,0,38.5,17.3,38.5,38.5C140.7,155.8,123.5,173,102.2,173z M384.3,416h-66.4V312c0-24.8-0.5-56.7-34.5-56.7 c-34.6,0-39.9,27-39.9,54.9V416h-66.4V202.2h63.7v29.2h0.9c8.9-16.8,30.6-34.5,62.9-34.5c67.2,0,79.7,44.3,79.7,101.9V416z'/%3E%3C/svg%3E%0A");
    background-size: 24px 24px;
    background-repeat: no-repeat
}

.footer-social-block-new ul li a i.mtwitter-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M459.4,151.7c0.3,4.5,0.3,9.1,0.3,13.6c0,138.7-105.6,298.6-298.6,298.6c-59.5,0-114.7-17.2-161.1-47.1 c8.4,1,16.6,1.3,25.3,1.3c49.1,0,94.2-16.6,130.3-44.8c-46.1-1-84.8-31.2-98.1-72.8c6.5,1,13,1.6,19.8,1.6c9.4,0,18.8-1.3,27.6-3.6 c-48.1-9.7-84.1-52-84.1-103v-1.3c14,7.8,30.2,12.7,47.4,13.3c-28.3-18.8-46.8-51-46.8-87.4c0-19.5,5.2-37.4,14.3-53 C87.4,130.9,165,172.5,252.1,177.1c-1.6-7.8-2.6-15.9-2.6-24c0-57.8,46.8-104.9,104.9-104.9c30.2,0,57.5,12.7,76.7,33.1 c23.7-4.5,46.5-13.3,66.6-25.3c-7.8,24.4-24.4,44.8-46.1,57.8c21.1-2.3,41.6-8.1,60.4-16.2C497.7,118.3,479.8,136.8,459.4,151.7 L459.4,151.7z'/%3E%3C/svg%3E%0A");
    background-size: 24px 24px;
    background-repeat: no-repeat
}

.footer-social-block-new ul li a i.minstagram-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M314.8,147.5H197.2c-27.5,0-49.7,22.3-49.7,49.7c0,0,0,0,0,0v117.5c0,27.5,22.3,49.7,49.7,49.7h117.5 c27.5,0,49.7-22.3,49.7-49.7V197.2C364.5,169.8,342.2,147.5,314.8,147.5C314.8,147.5,314.8,147.5,314.8,147.5z M256,324.4 c-37.8,0-68.4-30.6-68.4-68.4s30.6-68.4,68.4-68.4s68.4,30.6,68.4,68.4v0C324.4,293.8,293.8,324.4,256,324.4z M327.2,201.6 c-9,0-16.3-7.3-16.3-16.3c0-9,7.3-16.3,16.3-16.3c9,0,16.3,7.3,16.3,16.3c0,0,0,0,0,0C343.5,194.3,336.2,201.6,327.2,201.6z'/%3E%3Cpath class='st0' d='M256,211.5c-24.6,0-44.5,19.9-44.5,44.5s19.9,44.5,44.5,44.5c24.6,0,44.5-19.9,44.5-44.5c0,0,0,0,0,0 C300.5,231.4,280.6,211.5,256,211.5z'/%3E%3Cpath class='st0' d='M256,0C114.6,0,0,114.6,0,256s114.6,256,256,256s256-114.6,256-256S397.4,0,256,0z M389.3,312.5 c0,42.4-34.4,76.8-76.8,76.8h-113c-42.4,0-76.8-34.4-76.8-76.8v-113c0-42.4,34.4-76.8,76.8-76.8h113c42.4,0,76.8,34.4,76.8,76.8 V312.5z'/%3E%3C/svg%3E%0A");
    background-size: 24px 24px;
    background-repeat: no-repeat
}

.footer-social-block-new ul li a i.myoutube-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns:serif='http://www.serif.com/' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 133 95' style='enable-background:new 0 0 133 95;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M123.5,19.1c-1.4-5.2-5.4-9.2-10.6-10.6C103.5,6,66,6,66,6S28.5,6,19.1,8.5C14,9.9,9.9,14,8.5,19.1 C6,28.5,6,48,6,48s0,19.5,2.5,28.9C9.9,82,14,86.1,19.1,87.5C28.5,90,66,90,66,90s37.5,0,46.9-2.5c5.2-1.4,9.2-5.4,10.6-10.6 C126,67.5,126,48,126,48S126,28.5,123.5,19.1z M54,66V30l31.2,18C85.2,48,54,66,54,66z'/%3E%3C/svg%3E%0A");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    float: left
}
.copyright-bootom p{
	font-family: "IBM Plex Sans", serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 26px;
}
.copyright-bootom a{
	font-family: "IBM Plex Sans", serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	color: #fff;
}
.footer-submit-btn-new {
	/* font-family: "JetBrains Mono"; */
	/* font-size: 16px; */
	/* font-weight: 600; */
	/* line-height: 42px; */
    /* background: #FFFFFF; */
	/* color: #1A1A1A; */
    /* border-radius: 20px; */
    /* border: 0; */
    /* transform: none; */
    /* float: none; */
	/* padding: 0 20px; */
	/* display: inline-block; */
	display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    max-width: 195px;
    color: #1a1a1a;
    background-color: #FFCC00;
    border: none;
    font-family: JetBrains Mono;
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
    border-radius: 2px;
    padding: 15px 10px;
}

.error-spam-msg {
    margin: -26px;
    color: red;
    text-align: center
}
fieldset {
    overflow: hidden;
}
.footer-form .role-options{
	margin: 0 0 30px;
}
.role-options .custom-label {
    float: left;
    clear: none;
    display: block;
    padding: 0 1em 0 0;
	font-family: "IBM Plex Sans", serif;
    /* font-size: 16px; */
	font-size: 12px;
	font-weight: 400;
}
.other-links-section{
	margin: 85px 0 0;
}
.role-options .some-class-new {
    float: left;
    clear: none;
}
.role-options .some-class-new input[type=radio], input.radio {
    float: left;
    clear: none;
    margin: 4px 0 0 4px;
}
.role-options .some-class-new label {
    float: left;
    clear: none;
    display: block;
    padding: 0 1em 0 8px;
    /* color: #fff; */
	color: #838383;
    font-family: "IBM Plex Sans", serif;
	/* font-size: 16px; */
	font-size: 12px;
	font-weight: 400;
	
}
/* .role-options input.radio{ */
	/* margin: 10px 5px; */
/* } */
/* .role-options label{ */
	/* font-family: Inter; */
	/* font-size: 16px; */
	/* font-weight: 400; */
	/* line-height: 36px; */
/* } */
.add-margin-right{
	margin-right: 30px;
}
.footer-form .form-group {
  position: relative;
  margin-bottom: 20px;
}
/* .footer-form .form-control:focus{ */
	/* box-shadow: none; */
/* } */

/* .footer-form .form-label { */
	/* position: absolute; */
    /* top: -17px !important; */
    /* color: #fff !important; */
    /* transition: .2s !important; */
    /* pointer-events: none; */
    /* font-family: Inter; */
    /* font-size: 16px !important; */
	/* font-weight: 400; */
	/* line-height: 36px; */
/* } */
.footer-form .description-label{
    /* position: relative !important; */
    margin-bottom: 0;
    top: -15px !important;
}
.footer-form .description{
	padding: 0 !important;
	resize: vertical;
}

.footer-form .form-control {
  border: none !important;
  border-bottom: 2px solid #484848 !important;
  outline: none;
  width: 100%;
  padding: 20px 0;
  font-size: 16px;
  transition: border-color 0.3s;
  color: #fff !important;
}
.footer-form textarea.form-control{
	height: 34px;
}
/* .footer-form .form-control:focus { */
  /* border-bottom: 2px solid #fff; */
/* } */
 
.footer-form .form-control::placeholder {
  color: transparent;
}
/* .footer-new .form-control { */
    /* background-color: transparent; */
    /* color: #fff; */
    /* border-radius: 0; */
/* } */
.footer-form input:-webkit-autofill,
input:-webkit-autofill:focus {
	transition: background-color 600000s 0s, color 600000s 0s;
}
.footer-form input[data-autocompleted] {
	background-color: transparent !important;
}
.footer-new .responsive-address {
    display: inline-flex;
    flex-wrap: wrap;
    max-width: 100%;
    word-break: break-word;
    overflow-wrap: break-word;
}
.offices {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 equal columns */
    gap: 20px; /* Spacing between the grid items */
}
.offices .address-height{
 min-height: 85px;
}
.office {
    text-align: left;
}

.office img {
    max-width: 100%;
	width: 64px;
    height: auto;
}
.menu-container {
  display: flex;
  flex-direction: column;
}
.first-common-full-screen-section{
	display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
	color: #000;
    /* padding: 50px 20px; */
}
.custom-common-container {
    width: 100%;
    max-width: 1300px; /* Adjust max width as needed */
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.common-section-content{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 20px;
}
.common-section-content .common-arrow-img {
	width: 15px;
	height: auto;
	min-height: 0px;
	min-width: 0px;
	vertical-align: middle;
	background: transparent;
	margin-left: 8px;
	margin-top: 0px !important;
}
.common-section-content h1 {
	font-family: "IBM Plex Sans", serif;
	font-size: 57px;
	font-weight: 700;
	color: #000000;
	line-height: 57px;
	margin-top: 10px;
}
.common-section-content p {
	font-family: "IBM Plex Sans", serif;
	font-size: 21.5px;
	font-weight: 500;
	color: #000000 !important;
	line-height: 45px;
	margin: 30px 0;
}
.common-section-content h1,
.common-section-content h3,
.common-section-content p{
  color: #000000 !important;
}

.common-section-content img {
	max-width: 100%;
}
.common-caption-text span{
	/* color: #fff; */
	font-size: 20px;
	font-weight: bold;
    position: relative;
    left: 5px;
}
.common-caption-text a{
	display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    max-width: 210px;
	color: #1A1A1A;
	background-color: #FFCC00;
	border-color: #FFCC00;
	font-family: JetBrains Mono;
	font-size: 16px;
	font-weight: 400;
	line-height: 20.8px;
	border-radius: 2px;
	padding: 15px 10px;
}
.common-caption-text a:active, .common-caption-text a:focus, .common-caption-text a:hover{
	color: #1A1A1A;
	background-color: #FFCC00;
	border-color: #FFCC00;
}
.common-caption-text b {
    background: linear-gradient(90deg, #FF541D 0%, #D37FFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;  /* Make text transparent to show the background */
    background-size: 109% auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}
.copyright-bootom {
    padding: 40px 0;
}
@media (max-width: 767px) {
  .footer-new .text-right {
    text-align: left;
  }
  footer.footer-new {
	padding: 10px 0;
  }
  .footer-new .social-link {
    margin-left: 5px;
  }
  .footer-logo img {
    max-width: 120px;
  }
  .add-margin-right{
	margin-right: 5px;
   }
  .navbar-menu {
    display: none; /* Hide menu on mobile */
  }
  .navbar-toggle-new {
    display: block; /* Show hamburger icon */
  }

  .mobile-menu.active {
    display: block; /* Show the mobile menu when active class is added */
  }

  .mobile-menu {
    display: none; /* Initially hide mobile menu */
    position: absolute;
    top: 60px; /* Adjust based on navbar height */
    left: 0;
    width: 100%;
    background-color: #FFFFFF;
  }
  .footer-new h3{
	/* text-align: center; */
    font-size: 24px;
    line-height: 24px;
	margin: 0 0 40px;
  }
  /* .footer-new a{ */
	/* font-size: 12px; */
    /* line-height: 24px; */
  /* } */
  
  .footer-new h4, .footer-new h5{
	font-size: 14px;
    line-height: 18px;
  }

  .offices {
        grid-template-columns: repeat(2, 1fr); /* 2 columns */
    }
  .office p{
	font-size: 12px;
    line-height: 16px;
  }
  .office img{
	  min-height: 80px;
  }
  .other-links-section{
	margin: 20px 0 0;
   }
   .first-common-full-screen-section{
		align-items: flex-end;
    min-height: 70vh;
	}
	.common-section-content {
		flex-direction: column;
		text-align: left;
	}
	.common-section-content h1 {
		font-size: 48px;
		line-height: 48px;
		
	}
	.common-section-content p{
		font-size: 18px;
        line-height: 35px;
	}
	.common-section-content img {
		margin-top: 100px;
	}
	.first-common-full-screen-section .common-section-content img {
		margin-top: 0px !important;
	}
}


@media (max-width: 992px) {
 /* .navbar-content {
    justify-content: space-between;
    padding: 0 15px;
  }
  .navbar-logo {
    flex-grow: 1;
    text-align: center;
  }
  .navbar-menu {
    display: none;
  }
  .navbar-toggle-new {
    display: block;
  }
   .navbar-contact-mob .contact-btn {
	  display: block;
	  text-transform: uppercase;
	  font-family: Metropolis;
	  font-weight: 900;
	  font-size: 12px;
	  background-color: #ffcf0b;
	  color: #000;
	  padding: 12px;
	  border-radius: 6px;
	  text-decoration: none;
	  transition: background-color 0.3s ease, color 0.3s ease;
	  max-width: 120px;
	  width: 100%;
      margin: 0 auto;
	  margin-top: 10px;
	}
	.navbar-contact-mob .contact-btn:hover {
	  background-color: rgba(0,0,0,.05);
	  color: #000;
	}
  .navbar-contact .contact-btn{
	  display: none;
  }

  .mobile-menu.active {
    display: block;
  }*/
  .footer-new .form-group, 
  .footer-new .form-label {
		margin-top: 0 !important;
	}
	.menu-item-has-children > a {
    position: relative;
    padding-right: 20px;
  }
.dropdown-icon {
	font-size: 12px;
	display: inline-block;
	cursor: pointer;
	margin-top: -45px;
	position: absolute;
	right: 0;
	z-index: 99;
	line-height: 24px;
	padding: 10px;
	transition: transform 0.3s ease;
}

.dropdown-icon.rotated {
  transform: rotate(180deg); /* Rotates the icon by 180 degrees */
}
  /* Hide the submenu by default */
  .mobile-menu .sub-menu {
    display: none;
  }

  /* Show the submenu when the parent has the "active" class */
  .mobile-menu .menu-item.active .sub-menu {
    display: block;
	padding: 0;
  }
  .offices .address-height{
	 min-height: 100px;
	}
}

/* General submenu styling for larger screens */
/*@media (min-width: 992px) {
  .navbar-menu .menu-item-has-children {
    position: relative;
  }
  .navbar-menu .menu-item-has-children .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
	border-radius: 4px;
	border: 1px solid #eee;
	background: #fdfdfd;
	width: 100%;
    max-width: 130px;
	margin-top: 15px;
	padding: 0;
	transition: .3s linear;
	text-align: center;
  }

  .navbar-menu .menu-item-has-children:hover .sub-menu {
    display: block;
  }
.navbar-menu .sub-menu li{
	padding: 0;
	border-bottom: 1px solid #eee;
	width: 100%;
	color: #1a1a1a;
}
  .navbar-menu .sub-menu li a {
    text-decoration: none;
    display: block;
	padding: 20px 10px;
  }

  .navbar-menu .sub-menu li a:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, .05) !important;
	color: inherit;
  }
}
*/
@media (max-width: 425px) { 
	.common-section-content h1 {
		font-size: 36px;
		line-height: 40px;
	}
}

@media (max-width: 1024px) {
	.elementor-section {
		position: relative;
	}
    .ekit_menu_responsive_tablet .elementskit-submenu-indicator {
        border: none !important;
	    color: #E2001B !important;
            fill: #E2001B !important;
    }
	.elementor-17283 .elementor-element.elementor-element-6bf72afd{
		box-shadow: none !important;
	}
	.elementskit-navbar-nav-default .elementskit-navbar-nav>li {
		width: 100%;
	}
	.elementor-18019 .elementor-element.elementor-element-522a260.elementor-element {
		display: flex;
		align-items: center;
		justify-content: flex-end;
    }
}
@media only screen and (min-height: 900px) and (max-height: 920px) and (orientation: portrait) {
  .first-common-full-screen-section {
    min-height: 73vh; /* Adjust for browser UI */
  }
  .common-section-content img {
	margin-top: 120px !important;
  }
}
/* Start client testimonial common */
.common-testimonial-swipper-section {
 padding: 100px 50px;
}
.common-testimonial-swipper-section .text-section {
 text-align: center;
 align-items: center;
 margin-bottom: 5rem;
}
.common-it-service-swiper-container {
 max-width: 100%;
 margin: 0 auto;
 overflow: hidden;
 padding-bottom: 100px;
}
.common-it-service-swiper-container .swiper-slide {
 width: 700px;
 height: auto;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: transform 0.3s, opacity 0.3s;
 opacity: 1;
 padding: 20px;
 box-sizing: border-box;
 border-radius: 4.38px;
 background-color: #fff;
 filter: blur(4px);
 -webkit-filter: blur(4px);
 min-height: 335px;
 border: 1px solid #b8b8b8;
}
.common-it-service-swiper-container .swiper-slide-active {
 opacity: 1;
 transform: scale(1.05);
 filter: blur(0);
 -webkit-filter: blur(0);
 box-shadow: 0px 0px 43.75px 0px #00000033;
}
.common-it-service-swiper-container .slide-content-testimonial {
 text-align: center;
 font-family: "IBM Plex Sans", serif;
}
.common-it-service-swiper-container .stars {
 color: #f22209;
 font-size: 20px;
 margin-bottom: 10px;
 border-radius: 0.84px;
}
.common-it-service-swiper-container .slide-heading {
 font-family: "IBM Plex Sans", serif;
 font-size: 44px;
 font-weight: 700;
 line-height: 61.25px;
 margin: 10px 0;
 color: #000000;
}
.common-it-service-swiper-container .swiper-slide img {
 display: inline;
}
.common-it-service-swiper-container .slide-text {
 font-family: "IBM Plex Sans", serif;
 font-size: 18px;
 font-weight: 400;
 line-height: 26.25px;
 color: #000000;
 margin: 10px 0 20px;
}
.common-it-service-swiper-container .slide-logo {
 width: 80px;
 height: auto;
 margin: 10px 0;
}
.common-it-service-swiper-container .slide-author {
 font-family: "IBM Plex Sans", serif;
 font-size: 12px;
 font-weight: 600;
 line-height: 11.74px;
 letter-spacing: -0.15px;
 color: #000;
}
/* Hide the buttons by default */
.common-it-service-swiper-container .swiper-button-next,
.common-it-service-swiper-container .swiper-button-prev {
 opacity: 0;
 transition: opacity 0.3s ease;
 visibility: hidden;
}
/* Show buttons on hover */
.common-it-service-swiper-container:hover .swiper-button-next,
.common-it-service-swiper-container:hover .swiper-button-prev {
 opacity: 1;
 visibility: hidden;
}
.common-it-service-swiper-container .swiper-button-next,
.common-it-service-swiper-container .swiper-button-prev {
 color: rgba(255, 0, 0, 0.8);
}
.common-it-service-swiper-container .swiper-button-next:after,
.common-it-service-swiper-container .swiper-button-prev:after {
 font-size: 36px;
}
.common-it-service-swiper-container .swiper-pagination-bullet-active {
 background: rgba(255, 0, 0, 1);
}
/* Pagination Styling */
.common-it-service-swiper-container .swiper-pagination {
 position: absolute;
 bottom: 10px;
 left: 50%;
}
.common-it-service-swiper-container .swiper-pagination-bullet {
 background-color: rgba(0, 0, 0, 0.4);
 width: 12px;
 height: 12px;
 border-radius: 50%;
 opacity: 0.8;
}
.common-it-service-swiper-container .swiper-pagination-bullet-active {
 background-color: rgba(255, 0, 0, 1);
}

.common-it-service-swiper-container .testimonial-swipper-section {
 padding: 50px;
}
.common-it-service-swiper-container {
 max-width: 100%;
 margin: 0 auto;
 overflow: hidden;
 padding-bottom: 100px;
}
.common-it-service-swiper-container .swiper-slide {
 width: 700px;
 height: auto;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: transform 0.3s, opacity 0.3s;
 opacity: 1;
 padding: 20px;
 box-sizing: border-box;
 border-radius: 4.38px;
 background-color: #fff;
 filter: blur(4px);
 -webkit-filter: blur(4px);
 min-height: 335px;
 border: 1px solid #b8b8b8;
}
.common-it-service-swiper-container .swiper-slide-active {
 opacity: 1;
 transform: scale(1.05);
 filter: blur(0);
 -webkit-filter: blur(0);
 box-shadow: 0px 0px 43.75px 0px #00000033;
}
.common-it-service-swiper-container .slide-content-testimonial {
 text-align: center;
 font-family: "IBM Plex Sans", serif;
}
.common-it-service-swiper-container .stars {
 color: #f22209;
 font-size: 20px;
 margin-bottom: 10px;
 border-radius: 0.84px;
}
.common-it-service-swiper-container .slide-heading {
 font-family: "IBM Plex Sans", serif;
 font-size: 44px;
 font-weight: 700;
 line-height: 61.25px;
 margin: 10px 0;
 color: #000000;
}
.common-it-service-swiper-container .swiper-slide img {
 display: inline;
}
.common-it-service-swiper-container .slide-text {
 font-family: "IBM Plex Sans", serif;
 font-size: 18px;
 font-weight: 400;
 line-height: 26.25px;
 color: #000000;
 margin: 10px 0 20px;
}
.common-it-service-swiper-container .slide-logo {
 width: 80px;
 height: auto;
 margin: 10px 0;
}
.common-it-service-swiper-container .slide-author {
 font-family: "IBM Plex Sans", serif;
 font-size: 12px;
 font-weight: 600;
 line-height: 11.74px;
 letter-spacing: -0.15px;
 color: #000;
}
/* Hide the buttons by default */
.common-it-service-swiper-container .swiper-button-next,
.common-it-service-swiper-container .swiper-button-prev {
 opacity: 0;
 transition: opacity 0.3s ease;
 visibility: hidden;
}
/* Show buttons on hover */
.common-it-service-swiper-container:hover .swiper-button-next,
.common-it-service-swiper-container:hover .swiper-button-prev {
 opacity: 1;
 visibility: hidden;
}
.common-it-service-swiper-container .swiper-button-next,
.common-it-service-swiper-container .swiper-button-prev {
 color: rgba(255, 0, 0, 0.8);
}
.common-it-service-swiper-container .swiper-button-next:after,
.common-it-service-swiper-container .swiper-button-prev:after {
 font-size: 36px;
}
/* .common-it-service-swiper-container .swiper-pagination-bullet-active { */
.swiper-pagination-bullet-active {
 background: #e2001b;
 width: 48px !important;
}
/* Pagination Styling */
.common-it-service-swiper-container .swiper-pagination {
 position: absolute;
 bottom: 10px;
 left: 0px;
 width: 100%;
}
.common-it-service-swiper-container .swiper-pagination-bullet { 
 background-color: rgba(0, 0, 0, 0.4);
 width: 8px;
 height: 8px;
 border-radius: 1px;
}
.common-it-service-swiper-container .swiper-pagination-bullet-active {
 background-color: rgba(255, 0, 0, 1);
}
/* Responsive adjustments */
@media (max-width: 1024px) {
 .common-it-service-swiper-container .swiper-slide {
  width: 75%;
 }
 .common-it-service-swiper-container .slide-heading {
  font-size: 36px;
  line-height: 50px;
 }
 .common-it-service-swiper-container .slide-text {
  font-size: 16px;
  line-height: 24px;
 }
 .common-it-service-swiper-container .slide-author {
  font-size: 11px;
 }
 .common-it-service-swiper-container .swiper-button-next:after,
 .common-it-service-swiper-container .swiper-button-prev:after {
  font-size: 28px;
 }
}

/* End client testimonial common */

/* Increase the size of the modal */
.youtube-modal {
    display: none; /* Hidden by default */
    position: fixed;
    top: 50%; /* Center the modal vertically */
    left: 50%; /* Center the modal horizontally */
    transform: translate(-50%, -50%); /* Adjust the positioning to truly center the modal */
    width: 80%; /* Increased width */
    max-width: 900px; /* Set a max-width to limit the size */
    background-color: rgba(0, 0, 0, 0.8); /* Dark background with more opacity */
    justify-content: center;
    align-items: center;
    z-index: 9999;
    padding: 20px;
    border-radius: 8px;
    box-sizing: border-box;
}

.youtube-modal-content {
    background-color: #fff;
    width: 100%;
    border-radius: 8px;
    position: relative;
}

.close-ytbtn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    color: white;
    cursor: pointer;
}

iframe {
    width: 100%;
    height: 500px; /* Increase height of iframe */
    border: none;
}
@media (max-width: 768px) {
    .youtube-modal {
        width: 90%; /* Slightly smaller modal width */
        padding: 15px; /* Reduced padding */
    }

    iframe {
        height: 300px; /* Adjust iframe height for smaller screens */
    }
}

.all-case-btn{
   background-color: white !important;
   border: 1px solid black !important;
}
.button-container {
    display: flex;
    width: 100%;
    gap: 10px;
}
/*old-play-btn*/
/*
.play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: red;
color: white;
padding: 10px;
border-radius: 50%;
}
.play-btn:hover {
color: white;
text-decoration: none;
outline: 0;
}
.videoCoverImages button {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23FF0000'/%3E%3Cpath d='M18 24.8278C18 22.1223 18 19.3935 18 16.6881C18 16.035 18.1399 15.4986 18.7463 15.1721C19.3761 14.8222 19.9358 15.0555 20.4722 15.4286C24.2039 18.1341 27.9356 20.8395 31.6439 23.5683C32.6934 24.338 32.6934 25.3409 31.6439 26.1105C27.9122 28.8393 24.1572 31.5448 20.4256 34.2735C19.9125 34.6467 19.3994 34.8333 18.793 34.5301C18.1866 34.2269 18 33.6905 18 33.0374C18 30.3086 18 27.5799 18 24.8278Z' fill='white'/%3E%3C/svg%3E%0A") !important;
    background-repeat: no-repeat;
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 98;
    width: 50px;
    height: 50px;
    margin-left: -26px;
    margin-top: -24px
}*/
/* New play icon */
.play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: red;
color: white;
padding: 20px;
border-radius: 2px;
}
.play-btn:hover {
color: white;
text-decoration: none;
outline: 0;
}
.videoCoverImages button {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEgOCAxIDJ2MTJ6IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==") !important;
    background-repeat: no-repeat;
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 98;
    width: 16px;
    height: 16px;
    margin-left: -5px;
    margin-top: -7px
}
/* New play icon */

 .play-btn-case-study {
    width: 50px;
    height: 50px;
    border: none;
    background: #333;
    color: #fff;
    cursor: pointer;
    flex-shrink: 0;
}
.play-btn-case-study.focus, .play-btn-case-study:focus, .play-btn-case-study:hover {
    color: white;
    text-decoration: none;
    outline: 0;
}
.hero-btn{
	display: flex;
	align-items: center;
    width: 100%;
    max-width: 210px;
	color: #1A1A1A;
	background-color: #FFCC00;
	border-color: #FFCC00;
	font-family: JetBrains Mono;
	font-size: 16px;
	font-weight: 400;
	line-height: 20.8px;
	border-radius: 2px;
	padding: 15px 10px;
	    border: 0;
}
.hero-btn:active, .hero-btn:focus, .hero-btn:hover{
	color: #1A1A1A;
	background-color: #FFCC00;
	border-color: #FFCC00;
	text-decoration: none;
}
/* Start Hero section for Web and Mobile app development pages*/
.custom-hero-section {
    background: url('../images/pages/our-story/BannerBgAboutUS.webp') center center no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding-top: 60px;
}

.custom-hero-section .custom-hero-content {
    display: flex;
	align-items: center;
    width: 100%;
    max-width: 1200px;
	flex-wrap: wrap;
	justify-content: center;
}

.custom-hero-section .custom-hero-text-column {
    flex: 0 0 62%;
    padding: 20px;
    color: white;
}

.custom-hero-section .custom-hero-form-column {
    flex: 0 0 38%;
    background: rgba(255, 255, 255, 0.9);
    padding: 20px;
    border-radius: 2px;
}

.custom-hero-section h1 {
    margin-bottom: 20px;
	font-family: "IBM Plex Sans", serif;
	font-weight: 700;
	color: #fff
}

.custom-hero-section p {
    margin-bottom: 20px;
	font-family: "IBM Plex Sans", serif;
	font-weight: 500;
	color: #fff
}
.leadsForm-new {
    padding: 0 10px 0 30px;
}
.leadsFormNew2 h3{
	font-family: "IBM Plex Sans", serif;
	font-weight: 500;
	color: #1A1A1A;
	margin: 10px 0;
}
.leadsFormNew2 p{
	font-family: "IBM Plex Sans", serif;
	font-weight: 500;
	color: #5C5C5C;
}
.leadsFormNew2 .custom-icons{
    width: 30px;
	height: 30px;
}
.leadsFormNew2 .bottom-icon{
	float: right;
}
.custom-hero-section .leadsFormNew2 .form-group{
	margin: 10px 0;
}

.custom-hero-section input, 
.custom-hero-section textarea {
    width: 100%;
    margin-bottom: 2px;
    padding: 10px 10px 10px 0;
    border: 1px solid #686868;
    border-radius: 0;
	font-family: "JetBrains Mono", serif !important;
	font-weight: 400;
}
/* Responsive Styles */
@media (max-width: 768px) {
    .custom-hero-section .custom-hero-text-column{
        flex: 0 0 100%;
        padding: 20px;
    }  
	.custom-hero-section .custom-hero-form-column {
        flex: 0 0 90%;
        padding: 20px;
        margin-bottom: 20px;
    }

    .custom-hero-section {
        height: auto;
    }

    .leadsForm-new {
        padding: 0 10px;
    }
}
/* End Hero section for Web and Mobile app development pages*/
/* css for common service section that is list on left and image+content on right side */
.ai-services-wrapper .services-section {
  padding: 50px 0;
  text-align: left;
  background-color: #fff;
  max-width: 1170px;
  margin: 0 auto;
  margin-bottom: 5rem !important;
}

.ai-services-wrapper .services-section .tab-content img,
.ai-services-wrapper .services-section .tab-content video {
  width: 100%;
  height: auto;
  object-fit: cover;
  background: #eaeaea;
  min-width: 510px;
  min-height: 300px;
}

.ai-services-wrapper .services-section .container-fluid,
.ai-services-wrapper .services-section .column {
  height: 100%;
  overflow-y: auto;
  padding: 0 10px;
  overflow: hidden;
}

.ai-services-wrapper .make-scrollable {
  overflow-y: auto;
}

.ai-services-wrapper ::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

.ai-services-wrapper ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.ai-services-wrapper ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.ai-services-wrapper ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.3);
}

.ai-services-wrapper .make-scrollable::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
}

.ai-services-wrapper .services-section .nav > li > a {
  padding: 0;
}

.ai-services-wrapper .nav-pills > li {
  display: flex;
  align-items: center;
  padding: 10px;
  border-bottom: 0.5px solid #B8B8B8;
}

.ai-services-wrapper .nav-pills > li > a {
  display: flex;
  align-items: center;
  text-decoration: none;
  width: 100%;
}

.ai-services-wrapper .nav-pills > li:hover {
  background: #E0E0E0;
  border-bottom: 1px solid #E2001B;
}

.ai-services-wrapper .nav-pills > li.active {
  background: #FCE6E8;
  border-bottom: 1px solid #E2001B;
}

.ai-services-wrapper .nav-pills > li > a .icon {
  width: 30px;
  height: auto;
  margin-right: 10px;
  position: relative;
  bottom: 30px;
}

.ai-services-wrapper .nav-pills > li.active > a,
.ai-services-wrapper .nav-pills > li.active > a:focus,
.ai-services-wrapper .nav-pills > li.active > a:hover {
  color: #252525;
  background-color: #FCE6E8;
}

.ai-services-wrapper .nav > li > a:focus,
.ai-services-wrapper .nav > li > a:hover {
  color: #252525;
  background-color: #E0E0E0;
}

.ai-services-wrapper .nav-pills > li > a .text {
  flex-grow: 1;
}

.ai-services-wrapper .nav-pills > li > a .text .heading {
  font-family: "IBM Plex Sans", serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: #000;
  margin-bottom: 10px;
}

.ai-services-wrapper .nav-pills > li > a .text .subtext {
  font-family: "IBM Plex Sans", serif;
  font-size: 16px;
  line-height: 26px;
  color: #686868;
}

.ai-services-wrapper .nav-pills > li > a .arrow {
  margin-left: auto;
  opacity: 0;
  transition: opacity 0.3s;
}

.ai-services-wrapper .nav-pills > li:hover .arrow,
.ai-services-wrapper .nav-pills > li.active .arrow {
  opacity: 1;
}

.ai-services-wrapper .tab-content p {
  margin: 0 0 50px;
}

.ai-services-wrapper .services-section .tab-content a {
  color: #1A1A1A;
  background-color: #FFCC00;
  border-color: #FFCC00;
  font-family: JetBrains Mono;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  border-radius: 0;
  display: table;
  text-decoration: none;
}

.ai-services-wrapper .services-section .tab-content a:hover,
.ai-services-wrapper .services-section .tab-content a:focus,
.ai-services-wrapper .services-section .tab-content a:active {
  background-color: #FFCC00;
  color: #1A1A1A;
  text-decoration: none;
}

.ai-services-wrapper .tab-pane {
  background: none;
  box-shadow: none;
  border-radius: 0;
  text-align: center;
  padding: 0;
}

.ai-services-wrapper .services-section h2 {
  font-family: "IBM Plex Sans", serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
  text-align: center;
  color: #1A1A1A;
  margin-bottom: 30px;
}

.ai-services-wrapper .services-section .tab-content h3 {
  font-family: "IBM Plex Sans", serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  text-align: left;
  color: #1A1A1A;
}

.ai-services-wrapper .services-section .tab-content p {
  font-family: "IBM Plex Sans", serif;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  color: #1A1A1A;
  font-weight: 400;
  margin: 20px 0;
}

/* Mobile Styles */
@media (max-width: 768px) {
   .ai-services-wrapper .services-section {
    padding: 10px;
}
  .ai-services-wrapper .make-scrollable {
    overflow: visible !important;
  }

  .ai-services-wrapper .services-section .tab-content img {
    min-width: 270px;
    min-height: 135px;
  }

  .ai-services-wrapper .accordion-item {
    border: none;
    margin-bottom: 10px;
  }

  .ai-services-wrapper .accordion-header {
    display: flex;
    align-items: center;
    padding: 10px;
    background: #fff;
    cursor: pointer;
    transition: background 0.3s, border-bottom 0.3s;
  }

  .ai-services-wrapper .accordion-header a {
    width: 100%;
    display: flex !important;
    align-items: center;
  }

  .ai-services-wrapper .accordion-header .icon {
    width: 30px;
    margin-right: 10px;
  }

  .ai-services-wrapper .accordion-header .text {
    flex-grow: 1;
  }

  .ai-services-wrapper .accordion-header .text .heading {
    font-family: "IBM Plex Sans", serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #000;
  }

  .ai-services-wrapper .accordion-body {
    padding: 10px;
    background: #fff;
    border: none;
  }

  .ai-services-wrapper .content-wrapper {
    padding-bottom: 10px;
  }

  .ai-services-wrapper .content-wrapper p {
    font-family: "IBM Plex Sans", serif;
    font-size: 16px;
    line-height: 22px;
    margin: 20px 0 30px;
  }

  .ai-services-wrapper .content-wrapper a {
    color: #1A1A1A;
    background-color: #FFCC00;
    font-family: JetBrains Mono;
    font-size: 16px;
    line-height: 20.8px;
    width: 100%;
  }

  .ai-services-wrapper .accordion-body img,
  .ai-services-wrapper .accordion-body video {
    width: 100%;
  }

  .ai-services-wrapper .Chevron {
    position: relative;
    display: block;
    height: 5px;
    width: 5px;
    margin-left: auto;
    transition: transform 0.3s ease;
  }

  .ai-services-wrapper .Chevron:before,
  .ai-services-wrapper .Chevron:after {
    position: absolute;
    display: block;
    content: "";
    border: 5px solid transparent;
  }

  .ai-services-wrapper .Chevron:before {
    top: 0;
    border-top-color: #1A1A1A;
  }

  .ai-services-wrapper .Chevron:after {
    top: -2px;
    border-top-color: #fff;
  }

  .ai-services-wrapper .accordion-header[aria-expanded="true"] .Chevron {
    transform: rotate(180deg);
  }
}

/* Utility classes (optional but included) */
.ai-services-wrapper .text-section {
  text-align: center;
  align-items: center;
  margin-bottom: 3rem;
}

/*css end for service common section */

  /* css for image slider */
   .carousel-container .carousel-section-main .small-text {
    font-family: "IBM Plex Sans", serif;
    font-weight: 400;
    font-size: 20px;
	background: red;
    line-height: 32px;
    color: #1A1A1A;
}

.carousel-container .carousel-section-main .main-content-heading {
    display: flex;
    flex-direction: column;
    padding: 0 30px 0 0;
}

.carousel-container .carousel-section-main .main-content-heading h2 {
    margin: 10px 0 30px 0;
}

.carousel-container .carousel-section-main .carousel-section .owl-carousel .owl-stage {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    height: auto;
    max-height: 480px;
}

.carousel-container .results-header {
    display: block;
    text-align: center;
}

.carousel-container .slider-controls {
    display: none !important;
}

.carousel-container .results-header h2 {
    font-size: 36px;
    font-weight: 700;
    margin: 0;
}

.carousel-container .carousel-section {
    padding: 10px 0;
    text-align: center;
}

.carousel-container .carousel-section .owl-carousel .item {
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 5px;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-container .carousel-section .carousel-card {
    position: relative;
    padding: 0;
    background: #F6F6F6;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 400px !important;
    min-height: 100%;
    text-align: left;
}

.carousel-container .carousel-section .carousel-card .carousel-card-content {
    padding: 0 10px;
    text-align: left;
}

.carousel-container .carousel-section .carousel-card img {
    /* width: 30px; */
    /* margin-bottom: 15px; */
}

.carousel-container .carousel-section .carousel-card h3 {
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: #1A1A1A;
    margin-bottom: 20px;
    min-height: 70px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.carousel-container .carousel-section .carousel-card p {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #333;
    min-height: 150px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.carousel-container .owl-carousel .owl-item img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    display: block;
}

@media (max-width: 768px) {
    .carousel-container .carousel-section-main .results-header {
        flex-direction: column;
        align-items: flex-end;
        margin: 20px 8px 10px 0;
    }

    .carousel-container .carousel-section-main .main-content-heading {
        padding: 0;
    }

    .carousel-container .carousel-section-main .carousel-section {
        padding: 0;
    }

    .carousel-container .carousel-section-main .carousel-section .owl-carousel .owl-stage {
        max-height: 360px;
    }

    .carousel-container .carousel-section-main .main-content-heading {
        padding: 0;
    }

    .carousel-container .carousel-section .carousel-card h3 {
        justify-content: flex-start;
        min-height: 30px;
        margin-bottom: 30px;
    }

    .carousel-container .carousel-section .carousel-card p {
        min-height: 200px;
    }

    .carousel-container .owl-next,
    .carousel-container .owl-prev {
        display: none;
    }

    .carousel-container .carousel-section .carousel-card {
        min-height: 350px !important;
    }
}

@media (max-width: 992px) {
    .carousel-container .carousel-section-main {
        padding: 70px 0 0;
    }

    .carousel-container .carousel-section-main {
        padding: 70px 0 0 !important;
    }
}

   /* css end for image slider */
   .limit-text-desc{
	   display: -webkit-box;
  -webkit-line-clamp: 3; /* Number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
   }
   .case-study-btn:hover {
    color: #000; /* Changes text color to black */
    text-decoration: none; /* Removes underline or other text decoration */
}
.gradient-text{
	 background: linear-gradient(91.59deg, #e2001b -1.14%, #3f68b8 72.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
/* Make the whole mega menu fill the screen height */
#xs_tab_7 {
  height: 404px;
  max-height: 640px;
}

/* Optional: style the scrollbar for better visibility */
#xs_tab_7::-webkit-scrollbar {
  width: 5px;              /* width of scrollbar */
}

 :root{
    --page-bg:#ffffff;
    --sidebar-bg:#f0f0f1;
    --title-ink:#1f2233;
    --muted:#767676;
    --logo-grey:#9a9a9a;
    --forbes-grey:#9c9ca0;
    --divider:#e6e6e8;
 
    --navy:#0d1c41;
    --blue-mid:#13388f;
    --blue-bright:#1a5fe0;
    --eyebrow:#fff;
    --ink:#1a1a1a;
 
    --mono:"SFMono-Regular",ui-monospace,Menlo,Consolas,"Courier New",monospace;
    --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  }

  /* ---------- top-level flex split ---------- */
  .layout{
    display:flex;
    flex-direction: row;
  }
  .capabilities{
    flex:1 1 700px;
    min-width:0;
    padding:30px;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    position: relative;
  }
  .mega-sidebar{
    flex:1 1 280px;
    min-width:0;
    background:var(--page-bg);
    border-left:1px solid var(--divider);
    display:flex;
    flex-direction:column;
    margin: 0px !important;
  }
  .sidebar {
    background: #f9f9f9;
    padding: 20px;
    border-left: 1px solid #E1E1E1 !important;
    border-top: 1px solid #E1E1E1 !important;
  }

  /* ---------- capabilities grid (2 cols; odd last item stays 50%) ---------- */
  .grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:0px;
    text-align:left;
  }
  .mega-menu-item{
    min-width:0;
    width:100%;
    max-width:100%;
    text-decoration:none;
    color:inherit;
    /* border-radius:8px; */
    transition:transform .15s ease;
    padding:15px;
    display:flex;
    justify-content:start;
    align-items:start;
    flex-direction:column;
    gap:10px;
  }
  .mega-menu-item:hover{
    background:#FAFAFA;
  }
  .mega-menu-item:hover span.item__title{
    color:#E72B42;
  }
  .mega-menu-item p{
    margin:0px !important
  }
  .mega-menu-item:focus{
    background:#EDEDED;
  }
  .mega-menu-item .accordion-header:focus span.item__title{
    color:#E72B42;
  }
  .mega-menu-item:hover{ transform:translateY(-2px); }
  .mega-menu-item:hover .item__title{ color:#E72B42; }
  .mega-menu-item:focus-visible{ outline:3px solid #9fc1ff; outline-offset:4px; }
  .item__title{
    font-family:var(--mono);
    font-weight:500;
    font-size:16px;
    color:var(--title-ink);
    letter-spacing:.3px;
    margin:0 0 0px;
    transition:color .15s ease;
    width: 100%;
    display: block;
  }
  .item__desc{
    font-size: 12px !important;
    line-height: 20px !important;
    color: var(--muted);
    margin: 0 !important;
    font-family: IBM Plex sans;;
    display: block;
  }
  
  /* ---------- featured-in block ---------- */
  .featured{
    background:#fff;
    padding:20px;
    margin-bottom: 16px;
    height: 124px;
    display: flex;
    flex-direction: column;
  }
  .featured__label{ color:var(--muted) !important; font-size:16px; margin:0 0 24px !important; text-align: left; }
  .logos{ display:flex; align-items:center; gap:36px; flex-wrap:wrap; }
  .logo{ display:inline-flex; align-items:center; justify-content:center; }
  .logo--newsweek{
    background:var(--logo-grey); border-radius:3px;
    padding:7px 12px; color:#fff; font-weight:800; font-size:17px;
    letter-spacing:-.3px; font-family:Georgia,"Times New Roman",serif;
  }
  .logo--forbes{
    color:var(--forbes-grey); font-family:Georgia,"Times New Roman",serif;
    font-weight:700; font-size:28px; letter-spacing:-.5px;
  }
  .logo--economist{
    background:var(--logo-grey); color:#fff; text-align:center; line-height:1.05;
    padding:6px 10px; border-radius:2px; font-family:Georgia,"Times New Roman",serif;
  }
  .logo--economist .the{ font-size:8px; font-weight:600; display:block; }
  .logo--economist .name{ font-size:11px; font-weight:700; display:block; }
 .featured-logos{
   display: flex;
    flex-wrap: wrap;
    gap: 15px;
 }
 .featured-logos img{
  height: 26px;
 }
  /* ---------- case study card ---------- */
  .mega-card-area-section{
    padding: 25px;
    background:url("https://www.dplit.com/wp-content/uploads/2026/06/spotight.png");
   background-repeat: no-repeat;
   background-size: cover;
  }
  .card-area{
    background:var(--sidebar-bg);
    border-top:1px solid var(--divider);
    padding:0px;
    /* flex:1; */
    display:flex;
    border-radius:5px;
  }
 .card-area-bg-01{
   background:url("https://www.dplit.com/wp-content/themes/dpl/assets/images/icons/mega-menu/ai.png");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
 }
  .card-area-bg-02{
   background:url("https://www.dplit.com/wp-content/themes/dpl/assets/images/icons/mega-menu/clouddevops.png");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
 }
   .card-area-bg-03{
   background:url("https://www.dplit.com/wp-content/themes/dpl/assets/images/icons/mega-menu/iot.png");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
 }
   .card-area-bg-04{
   background:url("https://www.dplit.com/wp-content/themes/dpl/assets/images/icons/mega-menu/softwareengineering.png");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
 }
   .card-area-bg-05{
   background:url("https://www.dplit.com/wp-content/themes/dpl/assets/images/icons/mega-menu/itconsulting.png");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
 }
   .card-area-bg-06{
   background:url("https://www.dplit.com/wp-content/themes/dpl/assets/images/icons/mega-menu/engagement.png");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
 }
  .card-menu{
    position:relative;
    overflow:hidden;
    width:100%;
    background:none !important;
    box-shadow:none;
    min-height: 260px !important;
  }
  .card__decor{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
  .card__content{
    position:relative; z-index:2; height:100%;
    display:flex; flex-direction:column;
    padding:24px; 
    color:#fff;
    text-align:left;  
  }
  .eyebrow{ color:var(--eyebrow) !important; font-size:16px; font-weight:700; margin:0px !important; }
  .headline{
    font-size:20px; line-height:1.18; font-weight:800; color:var(--eyebrow);
    letter-spacing:-.5px; margin:0; max-width:240px;
   
  }
  .case-study-cta{
     margin-top: 50px !important;  align-self:flex-start;
    background:#fff; color:var(--ink); border:none; border-radius:4px;
    padding:8px 16px; font-family:var(--mono); font-size:14px !important; letter-spacing:1px;
    cursor:pointer; text-decoration:none; display:inline-block;
    transition:transform .15s ease, box-shadow .15s ease;
    position: absolute;
    left:24px;
    bottom:24px;

  }
  .case-study-cta:hover{ transform:translateY(-1px); box-shadow:0 8px 18px -8px rgba(0,0,0,.5); }
  .case-study-cta:focus-visible{ outline:3px solid #9fc1ff; outline-offset:3px; }
 
  /* ---------- responsive ---------- */
  @media (max-width:980px){
    .sidebar{ border-left:none; border-top:1px solid var(--divider); }
    .capabilities{ padding:40px 32px; }

  }
 @media (max-width:1170px){
    .grid{
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width:560px){
    .capabilities{ padding:32px 22px; }
    .grid{
      grid-template-columns:1fr;
      gap:30px;
    }
    .mega-menu-item,
    .item{ width:100%; max-width:100%; }
    .featured,.card-area{ padding-left:22px; padding-right:22px; }
    .headline{ font-size:26px; }
  }
  @media (prefers-reduced-motion:reduce){ .cta,.item{ transition:none; } }
  /* .elementor-18829 .elementor-element.elementor-element-6b98f14a {
    width: var(--container-widget-width, 100%) !important;
    max-width: 100% !important;
    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0;
    z-index: 98;
}
  @media (max-width:560px){
.elementor-18829 .elementor-element.elementor-element-be33589 {
    width: var(--container-widget-width,100%) !important; 
    max-width: 100% !important; 
    --container-widget-width: 100% !important; 
    --container-widget-flex-grow: 0;
}
  } */
.ekit-wid-con .elementkit-tab-nav .elementkit-nav-item .elementkit-nav-link{
    text-align: left !important;
}

.tab-nav-fluid .elementkit-nav-item .elementkit-nav-link.active {
     background: linear-gradient(
    90deg,
    #f5002d 0%,
    #ef4b68 50%,
    #ea6b86 100%
  ) url(https://www.dplit.com/wp-content/uploads/2026/06/arrow.svg) !important;
    color: #FFFFFF;
    background-position: 90% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 16px auto !important;
    border-style: none;
}
.platforms {
    padding: 20px 0;
    border-top: 1px solid #e5e5e5;
    background: #fff;
    margin-top: 15px;
}

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

.platforms h2 {
    margin: 0 0 25px;
    font-family: var(--mono);
    font-weight: 700;
    font-size: 18px;
    font-weight: 400;
    color: #8a8a8a;
    font-family: Arial, sans-serif;
}

.platform-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
       gap: 8px;
    flex-wrap: wrap;
}

.platform-item {
    font-family: var(--mono);
    font-size: 16px;
    color: #222;
    letter-spacing: 0.5px;
    flex: 0 0 calc(33.33% - 15px);
    max-width: calc(33.33% - 15px);
}
.platform-item a{
   color: #222;
   cursor: pointer;
}
.platform-all {
    font-family: var(--mono);
    font-weight: 5;
    font-size: 14px;
    color: #1A1A1A;
    letter-spacing: 0.5px;
    flex: 1;
    text-align: center;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0px 30px;
}
.platform-all a{
   color: #000000;
   cursor: pointer; 
   border-bottom: 2px solid #000000;
}
.platform-all a:hover,
.platform-all a:focus{
   color: #eb1e24;
   cursor: pointer;
   border-bottom: 2px solid #eb1e24;
}

@media (max-width: 768px) {
    .platform-list {
        flex-wrap: wrap;
        gap: 20px;
    }

    .platform-item {
        flex: 0 0 100%;
    }
}
.read-more-btn:hover {
    background-color: #fff;
    text-decoration: none;
    color: #000;
}
section#xs_tab_7 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding:0px !important
}
section#xs_tab_7 .elementor-widget-wrap{
  padding:0px !important
}
section#xs_tab_7 .elementkit-tab-nav{
  margin-right: 0px !important;
}
section#xs_tab_7 .elementskit-tab-title{
  padding-right: 25px !important
}
.elementskit-navbar-nav-default.elementskit-menu-offcanvas-elements{

  background-color: #fff !important;
}
.slide-actions {
    display: flex;
    gap: 20px;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.slide-actions-left {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.slide-actions-right {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.slide-actions-right img{
  display: flex;
  justify-content: end;
  margin-right: 0px !important;
}
/* Show active/hover state styling on tab title */
.elementor-tab-title:hover {
    background-color: #c8102e !important; /* your red */
    color: #ffffff !important;
}

.elementor-tab-title:hover .elementor-tab-icon,
.elementor-tab-title:hover i {
    color: #ffffff !important;
}

/* Keep clicked/active state same */
.elementor-tab-title.elementor-active {
    background-color: #c8102e !important;
    color: #ffffff !important;
}
.elementkit-tab-pane .capabilities {
  max-height: 452px;
  overflow-y: auto;
  scrollbar-width: thin; /* Firefox */
}
.panel-default>.panel-heading a::before{
        top:-1px !important;
      }

/* ---------------------------------------------------------------
 * Footer/contact-form safety net, duplicated verbatim from css/app.min.css.
 * common.css loads on every page; app.min.css does not. These are the
 * exact rule blocks footer.php / footer1.php depend on (contact form,
 * social icons, .footer positioning, career listing spans, etc.), copied
 * here unchanged so the footer renders identically on pages that no
 * longer load app.min.css. Not a rewrite - do not hand-edit independently
 * of app.min.css; keep both copies identical.
 * --------------------------------------------------------------- */
#slidemenu ul>li,
.app-magic-inner,
.apps-featured-section,
.casestudy-content-carpal figure,
.casestudy-image-container,
.casestudyWrapp,
.cyberVenture,
.download-pdf,
.header-new .navbar-collapse ul li:last-child a,
.iot-image-container,
.leap-content-block,
.leap-content-section h2.text-center,
.simple-imgarea-box,
.slider-logo-iot,
.smart-iot-text,
.social-section,
.swiper-pc .swiper-slide,
.switch,
.switch a,
.tabsfordpl ul li,
.team-cotent-box p,
.workforce-contianer {
    text-align: center;
}

.banner-inner-text h6,
.bchecklist ul li a:hover,
.contact-form label,
.filter-button.activelist,
.filter-button:hover,
.form-control,
.mobile .general-content-section h1,
.mobile .general-content-section h2,
.servicelist-main-mobile h2 a,
.servicelist-main-mobile p,
.tabsfordpl .nav-tabs-custom li.active a,
.team-leadership .swiper-button-next:hover:after,
.team-leadership .swiper-button-prev:hover:after,
.thank-you-btn:hover,
.white-paper .wpksa-content-block .wpksa-stats li,
input,
textarea {
    color: #000;
}

.active .servicelist-heading h2 a,
.button,
.careerPage .type-wrap h2,
.careerPage .type-wrap p,
.casestudypageWrapp.totalPage .general-content-overlay h1,
.casestudypageWrapp.totalPage .general-content-overlay h2,
.contact-address a,
.contact-form .help-block,
.content-a,
.hm,
.tnp-button:hover,
.type-wrap,
a.list-group-item.active small {
    color: #fff;
}

.hvr-shutter-in-horizontal:active,
.hvr-shutter-in-horizontal:focus,
.hvr-shutter-in-horizontal:hover,
.navigation-block ul li a {
    color: #ee2124;
    text-decoration: none;
}

.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #ff272a;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    text-decoration: none;
    color: #fff;
}

.form-group input[type=submit]:before,
.hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ee2124;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#menu-item-2013 li a,
#menu-item-27 li a,
.footer,
.gallery-thumbs-leadership .swiper-slide-active,
.historys,
.navbar-header,
.navbar.navbar-fixed-top.slide-active,
.portfolio-viewall,
.postcard .cards-header,
.scrollspy-imgarea,
.search-input-group,
.swiper-horizontal,
.thevideoposter,
.v-block {
    position: relative;
}

.form-group input[type=submit]:active:before,
.form-group input[type=submit]:focus:before,
.form-group input[type=submit]:hover:before,
.hvr-shutter-in-horizontal:active:before,
.hvr-shutter-in-horizontal:focus:before,
.hvr-shutter-in-horizontal:hover:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.footer {
    width: 100%;
    float: left;
    background: #1a1a1a;
    z-index: 98;
}

.contact-section {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

.contact-form {
    padding: 0;
    float: left;
}

.contact-form .form-control {
    font-size: 18px;
    height: 50px;
    margin-bottom: 10px;
}

.contact-form .form-control:focus {
    border-bottom: #000;
    outline: 0;
}

.contact-form .form-group {
    margin: 0;
    padding-top: 3px;
    overflow: hidden;
}

.contact-form #textArea {
    resize: none;
    height: 114px;
}

.social-section {
    width: 100%;
    float: left;
    padding: 4px 0;
    position: relative;
}

.social-section img {
    image-rendering: -webkit-optimize-contrast;
    width: 16px;
}

.copyright-footer .social-section a {
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    padding: 20px;
    color: #fff !important;
    display: inline-block;
    width: 110px;
}

.fb-icon {
    width: 20px;
    float: left;
}

@media only screen and (min-width:320px) and (max-width:480px) {
.contact-form {
        padding: 0;
    }
}

@media only screen and (min-width:320px) and (max-width:480px) {
.abtlGrid,
    .contact-form h2,
    .contact-form h3,
    .introduction-section li,
    .introduction-section p {
        font-size: 16px;
    }
}

.careers_container ul li span.city,
.careers_container ul li span.experience,
.careers_container ul li span.jobtype,
.careers_container ul li span.positions {
    font-size: 14px;
    font-weight: 500;
    float: left;
    width: 100%;
}

@media only screen and (min-width:320px) and (max-width:992px) {
.social-section a {
        width: 100%;
    }
}

@media screen and (max-width:992px) {
#consultingslide #web,
    #homeslide #web,
    #iotslide #web,
    #tleadershipslide #web,
    .hide,
    .social-section {
        display: none
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
.contact-section .contact-address {
        padding-left: 15px;
        padding-top: 20px
    }
}

.social-section a {
    font-size: 14px;
    color: #fff;
    padding: 0 20px
}

.contact-form h2 {
    font-size: 18px;
    color: #fff
}

.contact-form h3 {
    font-size: 30px;
    padding: 10px 15px 25px;
    color: #fff;
    text-align: left
}

.border-circle .fa {
    color: #757575;
    font-size: 1rem
}

.page-id-7102 .footer .submit-btn,
.page-id-7104 .footer .submit-btn {
    background: #fff !important;
    color: #1f1f1f
}

.page-id-7102 .footer,
.page-id-7104 .footer {
    background: #1b0041 !important
}

@media only screen and (min-width:320px) and (max-width:992px) {
.contact-form .form-group.main-fields {
        overflow: visible;
        padding-bottom: 15px
    }
}

/* =========================================================
   DPL – Mobile/Tablet Services Mega Menu (accordion)
   Matches the desktop mega menu (ElementsKit tabs)
   Fixes broken icons/arrows (theme PNGs 404) by swapping
   in the same SVG icons used on desktop.
   ========================================================= */

.accordion-container {
  font-family: "JetBrains Mono", monospace;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: 1px solid #F0F0F0;
}
.accordion-container *,
.accordion-container *::before,
.accordion-container *::after { box-sizing: border-box; }

/* ---------- Header row (same as desktop tab item) ---------- */
.accordion-container .accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 60px;
  padding: 18px 20px;
  cursor: pointer;
  background: #fff;
  transition: background .3s ease, color .3s ease;
}
.accordion-container .accordion-header:hover { background: #F6F6F6; }

.accordion-container .accordion-header .left {
  display: flex;
  align-items: center;
  gap: 17px;                 /* desktop icon → title spacing */
  min-width: 0;
  flex: 1 1 auto;
}
.accordion-container .accordion-header .title {
  font-family: "JetBrains Mono", monospace;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #000;
  white-space: normal;
  word-break: break-word;
}

/* ---------- Icon (hide broken <img>, paint desktop SVG) ---------- */
.accordion-container .accordion-header .icon-img,
.accordion-container .accordion-header .arrow-img {
  display: block;
  flex: 0 0 auto;
  height: 24px;
  width: 0 !important;       /* collapse broken image + alt text */
  padding-left: 24px;        /* background area */
  overflow: hidden;
  font-size: 0;
  color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  object-fit: contain;
}

.accordion-container .icon-img[src*="menu-icon-01"]    { background-image: url("/wp-content/uploads/2026/06/menu-icon-01.svg"); } /* AI Engineering */
.accordion-container .icon-img[src*="menu-icon-02"]    { background-image: url("/wp-content/uploads/2025/02/menu-icon-02.svg"); } /* Cloud & DevOps */
.accordion-container .icon-img[src*="4IR_Icon"]        { background-image: url("/wp-content/uploads/2025/02/menu-icon-03.svg"); } /* IoT Development */
.accordion-container .icon-img[src*="SE_Icon"]         { background-image: url("/wp-content/uploads/2025/02/menu-icon-04.svg"); } /* Software Engineering */
.accordion-container .icon-img[src*="Consulting_Icon"] { background-image: url("/wp-content/uploads/2025/02/menu-icon-05.svg"); } /* IT Consulting */
.accordion-container .icon-img[src*="Engagement_Icon"] { background-image: url("/wp-content/uploads/2025/02/menu-icon-06.svg"); } /* Engagement Models */

/* ---------- Arrow (chevron, replaces broken arrow_down.png) ---------- */
.accordion-container .accordion-header .arrow-img {
  height: 16px;
  padding-left: 16px;
  /* !important needed: theme has `.arrow-img { background: initial !important }` */
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat center / contain !important;
  transition: transform .3s ease;
}

/* ---------- Active row = desktop red gradient ---------- */
.accordion-container .accordion-header.active {
  background: linear-gradient(to right, #C8001E 0%, #E8607A 100%);
}
.accordion-container .accordion-header.active .title { color: #fff; }
.accordion-container .accordion-header.active .icon-img { filter: brightness(0) invert(1); }
.accordion-container .accordion-header.active .arrow-img {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat center / contain !important;
  transform: rotate(180deg);
}

/* ---------- Sub-links ---------- */
.accordion-container .accordion-body {
  max-height: 0;
  overflow: hidden;
  padding: 0 20px 0 61px;    /* aligns links with title text (20 + 24 + 17) */
  background: #fff;
  transition: max-height .4s ease, padding .4s ease;
}
.accordion-container .accordion-body.show {
  max-height: 600px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.accordion-container .accordion-body div { margin: 0; }
.accordion-container .accordion-body a {
  display: block;
  padding: 10px 0;
  font-family: "JetBrains Mono", monospace;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #000;
  text-decoration: none;
  transition: color .2s ease;
}
.accordion-container .accordion-body a:hover,
.accordion-container .accordion-body a:focus { color: #C8001E; }

/* ---------- Responsive ---------- */
@media (max-width: 767px) {
  .accordion-container .accordion-header { padding: 16px; min-height: 56px; }
  .accordion-container .accordion-header .left { gap: 14px; }
  .accordion-container .accordion-header .title { font-size: 15px; }
  .accordion-container .accordion-body { padding-left: 54px; padding-right: 16px; } /* 16 + 24 + 14 */
  .accordion-container .accordion-body a { font-size: 13px; padding: 9px 0; }
}
@media (max-width: 360px) {
  .accordion-container .accordion-header { padding: 14px 12px; }
  .accordion-container .accordion-header .left { gap: 12px; }
  .accordion-container .accordion-header .title { font-size: 14px; }
  .accordion-container .accordion-body { padding-left: 48px; padding-right: 12px; }
}
.elementor-align-center .elementor-button, .elementor-align-left .elementor-button, .elementor-align-right .elementor-button {
    width: 146px;
}
.elementor-18019 .elementor-element.elementor-element-eaf2c38 .elementor-button {
    width: 146px !important;
}
/* Header "Contact Us" button – keep on one line */
.header-contact-us-text {
  width: auto !important;
  max-width: none !important;
}
.header-contact-us-text .elementor-button {
  white-space: nowrap !important;
  padding: 12px clamp(14px, 2vw, 24px) !important;
  font-size: clamp(14px, 1.4vw, 16px) !important;
}
/* Button column sizes to fit the button */
.elementor-element-2dbc54d {
  width: auto !important;
  flex: 0 0 auto !important;
}
/* Menu column takes the remaining space */
.elementor-element-39fe30d {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}
/* Let the header be truly transparent over the dark hero */
.ekit-template-content-header:has(.custom-navbar.navbar-transparent) {
  background: transparent;
}
.first-letter {
    display: inline-block;
    position: relative;
    z-index: 2;
    font-weight: bold;
}
/* 1. Selected/hover tab: gradient + white text, icon and arrow */
.mega-menu-tabs .elementkit-tab-nav .elementkit-nav-link.active,
.mega-menu-tabs .elementkit-tab-nav .elementkit-nav-link:hover {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E") no-repeat 90% 50% / 20px auto,
    linear-gradient(to right, #c8001e 0%, #e8607a 100%) !important;
  color: #fff !important;
}
.mega-menu-tabs .elementkit-tab-nav .elementkit-nav-link.active .elementskit-tab-title,
.mega-menu-tabs .elementkit-tab-nav .elementkit-nav-link:hover .elementskit-tab-title {
  color: #fff !important;
}
.mega-menu-tabs .elementkit-tab-nav .elementkit-nav-link.active .elementskit-tab-icon img,
.mega-menu-tabs .elementkit-tab-nav .elementkit-nav-link:hover .elementskit-tab-icon img {
  filter: brightness(0) invert(1);
}

/* 2. View All: full width, centered */
.elementkit-tab-nav li.view-all-services-li {
  width: 100% !important;
  padding: 12px 16px 16px !important;
  box-sizing: border-box !important;
}
.elementkit-tab-nav li.view-all-services-li a.view-all-services-btn {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* 3. Bottom scroll arrow: pinned to bottom, centered, clickable */
.elementkit-tab-pane .capabilities { scroll-behavior: smooth; }
.capabilities .dpl-scroll-indicator {
  position: sticky;
  bottom: -30px;
  margin: 0 -30px -30px;
  padding: 10px 0;
  justify-content: center;
  align-items: center;
  pointer-events: auto !important;
  cursor: pointer;
  z-index: 5;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 60%);
}
.capabilities .dpl-scroll-indicator svg {
  pointer-events: none;
  animation: dplBounce 1.4s ease-in-out infinite;
}
.capabilities .dpl-scroll-indicator:hover svg { stroke: #c8001e; }
@keyframes dplBounce { 0%,100% { transform: translateY(0); } 50% { transform: translateY(4px); } }