/*
Theme Name: Xbuild
Author: Gramentheme
Author URI: https://themeforest.net/user/gramentheme
Description: Xbuild - Constriction Html Template
Version: 1.0.0
*/
/*CSS Table Of Content Ends Here*/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
:root {
  --body: #fff;
  --black: #000;
  --white: #fff;
  --theme: #F55B1F;
  --theme2: #F55B1F;
  --header: #121315;
  --text: #666666;
  --border:#D4DCED;
  --border-2: #D4DCED;
  --bg: #1E2023;
  --box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.13);
}

.theme-btn {
  background-color: #b91c1c;
  color: var(--white);
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  padding: 24px 50px;
  border-radius: 0;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 1;
  line-height: 1;
}
.theme-btn::before {
  content: "";
  background-color: var(--header);
  width: 0;
  height: 50%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: -1;
}
.theme-btn::after {
  content: "";
  background-color: var(--header);
  width: 0;
  height: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: -1;
}
.theme-btn i {
  margin-left: 10px;
}
.theme-btn:hover {
  color: var(--white);
}
.theme-btn:hover::before, .theme-btn:hover::after {
  width: 100%;
}
.theme-btn.bg-white {
  background-color: var(--white);
  color: var(--header);
}
.theme-btn.bg-white:hover {
  color: var(--white);
}
@media (max-width: 767px) {
  .theme-btn {
    padding: 20px 32px;
  }
}
@media (max-width: 575px) {
  .theme-btn {
    padding: 18px 30px;
    font-size: 14px;
  }
}

.link-btn {
  display: inline-block;
  color: var(--text);
  text-align: center;
  font-family: "DM Sans";
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
.link-btn i {
  margin-left: 10px;
  transform: rotate(-40deg);
  transition: all 0.4s ease-in-out;
}
.link-btn:hover {
  color: #b91c1c;
}
.link-btn:hover i {
  margin-left: 10px;
  transform: rotate(0);
}

/* button new code  */

.hero-btn-group{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.hero-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:24px 48px;
    font-size:16px;
    font-weight:800;
    text-transform:uppercase;
    line-height:1;
    transition:all .35s ease;
    position:relative;
    overflow:hidden;
}

/* Button 1 */
.hero-btn-primary{
    background:#fff;
    color:#111;
    border:2px solid #fff;
}

.hero-btn-primary:hover{
    background:#b91c1c;
    border-color:#b91c1c;
    color:#fff;
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(185,28,28,.35);
}

.hero-btn-primary i{
    transition:.35s;
}

.hero-btn-primary:hover i{
    transform:translateX(7px);
}

/* Button 2 */
.hero-btn-outline{
    background:transparent;
    color:#fff;
    border:2px solid #fff;
}

.hero-btn-outline:hover{
    background:#fff;
    color:#111;
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(255,255,255,.18);
}

.hero-btn-outline i{
    transition:.35s;
}

.hero-btn-outline:hover i{
    transform:translateX(7px) rotate(-35deg);
}

/* Mobile */
@media(max-width:575px){
    .hero-btn-group{
        flex-direction:column;
    }

    .hero-btn{
        width:100%;
        padding:18px 28px;
        font-size:14px;
    }
}




/* --------------------------------------------
    Template Default Fonts & Fonts Styles
 ---------------------------------------------- */
body {
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  color: var(--text);
  background-color: var(--white);
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

button {
  border: none;
  background-color: transparent;
  padding: 0;
}

input:focus {
  color: var(--white);
  outline: none;
}

input {
  color: var(--white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "DM Sans", sans-serif;
  margin: 0px;
  padding: 0;
  color: var(--header);
  text-transform: capitalize;
  transition: all 0.4s ease-in-out;
}

h1 {
  font-size: 100px;
  font-weight: 700;
  line-height: 106%;
}

h2 {
  font-size: 48px;
  line-height: 115%;
  font-weight: 800;
}
@media (max-width: 767px) {
  h2 {
    font-size: 36px;
  }
}

h3 {
  font-size: 22px;
  font-weight: 700;
}
@media (max-width: 575px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-size: 20px;
  font-weight: 700;
}

h5 {
  font-size: 18px;
  font-weight: 700;
}

h6 {
  font-size: 16px;
  font-weight: 700;
}

a {
  text-decoration: none;
  outline: none !important;
  cursor: pointer;
  color: var(--header);
  transition: all 0.4s ease-in-out;
}

p {
  margin: 0px;
  transition: all 0.4s ease-in-out;
}

span {
  margin: 0px;
  transition: all 0.4s ease-in-out;
}

.about-section {
  position: relative;
}
.about-section .about-shape-1 {
  position: absolute;
  right: 120px;
  top: 0;
}
@media (max-width: 1399px) {
  .about-section .about-shape-1 {
    display: none;
  }
}
.about-section .about-shape-2 {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 1399px) {
  .about-section .about-shape-2 {
    display: none;
  }
}
.about-section .about-shape-4 {
  position: absolute;
  top: 0;
  left: 0;
}
.about-section .about-shape-5 {
  position: absolute;
  bottom: 0;
  right: 0;
}

.about-wrapper {
  margin-bottom: 30px;
}
@media (max-width: 1399px) {
  .about-wrapper {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .about-wrapper {
    margin-bottom: 0;
  }
}
.about-wrapper .about-image {
  position: relative;
  max-width: 485px;
}
@media (max-width: 991px) {
  .about-wrapper .about-image {
    max-width: 760px;
  }
}
.about-wrapper .about-image img {
  width: 100%;
  height: 100%;
}
.about-wrapper .about-image .about-image-2 {
  max-width: 260px;
  border: 8px solid var(--white);
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
  position: absolute;
  bottom: -30px;
  right: -20%;
  z-index: 9;
}
@media (max-width: 575px) {
  .about-wrapper .about-image .about-image-2 {
    max-width: 200px;
  }
}
@media (max-width: 1399px) {
  .about-wrapper .about-image .about-image-2 {
    right: 0;
    bottom: 0;
  }
}
.about-wrapper .about-image .about-image-2 img {
  width: 100%;
  height: 100%;
}
.about-wrapper .about-image .about-image-2 .video-box {
  width: 70px;
  height: 70px;
  border: 1px solid #b91c1c;
  line-height: 70Px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.about-wrapper .about-image .about-image-2 .video-box .video-btn {
  width: 57px;
  height: 57px;
  background-color: #b91c1c;
  color: var(--white);
  line-height: 57px;
  text-align: center;
  display: inline-block;
}
.about-wrapper .about-image .about-line-shape {
  position: absolute;
  top: 0;
  right: -50px;
}
@media (max-width: 1199px) {
  .about-wrapper .about-image .about-line-shape {
    display: none;
  }
}
.about-wrapper .about-content {
  position: relative;
  z-index: 9;
}
.about-wrapper .about-content .list-items {
  margin-top: 30px;
  border-bottom: 1px solid var(--border);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.about-wrapper .about-content .list-items li {
  font-size: 18px;
  font-weight: 500;
  color: var(--header);
}
@media (max-width: 575px) {
  .about-wrapper .about-content .list-items li {
    font-size: 16px;
  }
}
.about-wrapper .about-content .list-items li:not(:last-child) {
  margin-bottom: 10px;
}
.about-wrapper .about-content .list-items li i {
  margin-right: 15px;
  color: #b91c1c;
}
.about-wrapper .about-content .about-author {
  display: flex;
  align-items: center;
  gap: 60px;
  margin-top: 50px;
}
@media (max-width: 1199px) {
  .about-wrapper .about-content .about-author {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .about-wrapper .about-content .about-author {
    margin-top: 35px;
  }
}
@media (max-width: 575px) {
  .about-wrapper .about-content .about-author {
    margin-top: 25px;
  }
}
.about-wrapper .about-content .about-author .author-image {
  display: flex;
  align-items: center;
  gap: 15px;
}
.about-wrapper .about-content .about-author .author-image .content p {
  font-size: 14px;
  color: var(--text);
  font-weight: 500;
}

.about-wrapper-2 .about-image {
  position: relative;
  max-width: 410px;
  z-index: 9;
}
@media (max-width: 1199px) {
  .about-wrapper-2 .about-image {
    max-width: 750px;
  }
}
.about-wrapper-2 .about-image img {
  width: 100%;
  height: 100%;
}
.about-wrapper-2 .about-image::before {
  position: absolute;
  top: 10%;
  left: 0;
  content: "";
  width: 105%;
  height: 123%;
  border: 1px solid #b91c1c;
  z-index: -1;
}
@media (max-width: 1199px) {
  .about-wrapper-2 .about-image::before {
    display: none;
  }
}
.about-wrapper-2 .about-image .about-image-2 {
  position: absolute;
  right: -44%;
  bottom: -33%;
  border: 5px solid var(--white);
  box-shadow: var(--box-shadow);
}
@media (max-width: 1399px) {
  .about-wrapper-2 .about-image .about-image-2 {
    right: -24%;
  }
}
@media (max-width: 1199px) {
  .about-wrapper-2 .about-image .about-image-2 {
    right: 0;
    bottom: 0;
  }
  .about-wrapper-2 .about-image .about-image-2 img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 575px) {
  .about-wrapper-2 .about-image .about-image-2 {
    max-width: 200px;
  }
}
.about-wrapper-2 .about-image .video-items {
  position: absolute;
  bottom: -28%;
  left: 22%;
}
@media (max-width: 1199px) {
  .about-wrapper-2 .about-image .video-items {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: initial;
  }
}
.about-wrapper-2 .about-image .video-items .video-btn {
  width: 58px;
  height: 58px;
  background-color: #b91c1c;
  color: var(--white);
  line-height: 58px;
  text-align: center;
  display: block;
  position: relative;
  text-align: center;
  margin: 0 auto;
}
.about-wrapper-2 .about-image .video-items .video-btn::before {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #b91c1c;
  content: "";
}
.about-wrapper-2 .about-image .video-items .video-text {
  color: var(--header);
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  margin-top: 15px;
  font-size: 18px;
  text-align: center;
}
@media (max-width: 1199px) {
  .about-wrapper-2 .about-image .video-items .video-text {
    color: var(--white);
  }
}
.about-wrapper-2 .about-image .video-items .video-items {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.about-wrapper-2 .about-image .bar-shape {
  position: absolute;
  right: -26%;
  top: 0;
}
@media (max-width: 1199px) {
  .about-wrapper-2 .about-image .bar-shape {
    display: none;
  }
}
.about-wrapper-2 .about-content .icon-items {
  display: flex;
  align-items: center;
  gap: 15px;
}
.about-wrapper-2 .about-content .icon-items .icon {
  width: 50px;
  height: 50px;
  line-height: 42px;
  text-align: center;
  background-color: #b91c1c;
  color: var(--white);
  font-size: 30px;
}
.about-wrapper-2 .about-content .list-items {
  margin-top: 40px;
}
.about-wrapper-2 .about-content .list-items li {
  font-size: 18px;
  font-weight: 500;
  color: var(--header);
}
@media (max-width: 575px) {
  .about-wrapper-2 .about-content .list-items li {
    font-size: 16px;
  }
}
.about-wrapper-2 .about-content .list-items li:not(:last-child) {
  margin-bottom: 10px;
}
.about-wrapper-2 .about-content .list-items li i {
  margin-right: 15px;
  color: #b91c1c;
}
.about-wrapper-2 .about-content .about-author {
  display: flex;
  align-items: center;
  gap: 60px;
  margin-top: 50px;
}
@media (max-width: 1399px) {
  .about-wrapper-2 .about-content .about-author {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-content .about-author {
    margin-top: 35px;
  }
}
@media (max-width: 575px) {
  .about-wrapper-2 .about-content .about-author {
    margin-top: 25px;
  }
}
.about-wrapper-2 .about-content .about-author .author-image {
  display: flex;
  align-items: center;
  gap: 15px;
}
.about-wrapper-2 .about-content .about-author .author-image .content p {
  font-size: 14px;
  color: var(--text);
  font-weight: 500;
}

.about-section-3 {
  margin: 0 50px;
  border-radius: 30px;
}
@media (max-width: 1199px) {
  .about-section-3 {
    margin: 0;
    border-radius: 0;
  }
}

.about-wrapper-3 .about-content {
  background-color: var(--white);
  border-radius: 25px;
  padding: 60px 40px;
}
.about-wrapper-3 .about-content p {
  font-weight: 500;
  margin-bottom: 40px;
}
.about-wrapper-3 .about-content .list {
  padding: 25px 30px;
  background-color: #F2F5FA;
  border-radius: 15px;
}
.about-wrapper-3 .about-content .list li {
  font-size: 16px;
  font-weight: 600;
  color: var(--header);
}
.about-wrapper-3 .about-content .list li:not(:last-child) {
  margin-bottom: 15px;
}
.about-wrapper-3 .about-content .list li i {
  font-size: 20px;
  color: #b91c1c;
  margin-right: 10px;
}
.about-wrapper-3 .about-content .video-image {
  position: relative;
}
.about-wrapper-3 .about-content .video-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.about-wrapper-3 .about-content .video-image .video-box {
  width: 70px;
  height: 70px;
  border: 1px solid var(--white);
  line-height: 70Px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.about-wrapper-3 .about-content .video-image .video-box .video-btn {
  width: 57px;
  height: 57px;
  background-color: var(--white);
  color: #b91c1c;
  line-height: 57px;
  text-align: center;
  display: inline-block;
  font-size: 22px;
}
.about-wrapper-3 .about-content .about-author {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 50px;
}
@media (max-width: 1199px) {
  .about-wrapper-3 .about-content .about-author {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .about-wrapper-3 .about-content .about-author {
    margin-top: 35px;
  }
}
@media (max-width: 575px) {
  .about-wrapper-3 .about-content .about-author {
    margin-top: 25px;
  }
}
.about-wrapper-3 .about-content .about-author .author-image {
  display: flex;
  align-items: center;
  gap: 15px;
}
.about-wrapper-3 .about-content .about-author .author-image .content p {
  font-size: 14px;
  color: var(--text);
  font-weight: 500;
  margin-bottom: 0;
}
.about-wrapper-3 .about-image {
  margin-right: 55px;
  margin-top: 35px;
  max-width: 520px;
  position: relative;
  z-index: 1;
}
.about-wrapper-3 .about-image img {
  width: 100%;
  height: 100%;
  border-radius: 25px;
}
.about-wrapper-3 .about-image .arrow-shape {
  position: absolute;
  right: -55px;
  top: -35px;
  z-index: -1;
}

@-webkit-keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
@keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rounded {
  50% {
    transform: rotate(15deg);
  }
}
@keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes tpswing {
  0% {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes loaderpulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes rounded {
  50% {
    transform: rotate(20deg);
  }
}
@keyframes cir36 {
  100% {
    transform: rotate(360deg);
  }
}
.float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
.float-bob-x {
  -webkit-animation-name: float-bob-x;
  animation-name: float-bob-x;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounce-x {
  -webkit-animation: bounce-x 7s infinite linear;
  animation: bounce-x 7s infinite linear;
}

@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes rotated2 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes wave {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes animate-positive {
  0% {
    width: 0;
  }
}

.splt-txt{
  color: 090909;
}

.splt-txt .whitespace {
  width: 8px;
}
.splt-txt.animated .char {
  -webkit-animation: fadeInRight 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  animation: fadeInRight 0.4s cubic-bezier(0.3, 0, 0.7, 1) both;
  -webkit-animation-delay: calc(30ms * var(--char-index));
  animation-delay: calc(30ms * var(--char-index));
}

.contact-section {
  position: relative;
  z-index: 9;
}
.contact-section::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background-color: #b91c1c;
  opacity: 0.8;
}
.contact-section .contact-image {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 1399px) {
  .contact-section .contact-image {
    display: none;
  }
}

.contact-wrapper {
  position: relative;
  z-index: 9;
}
.contact-wrapper .contact-items {
  padding: 30px;
  background-color: var(--white);
}
.contact-wrapper .contact-items h3 {
  font-size: 24px;
  margin-bottom: 30px;
}
.contact-wrapper .contact-items .form-clt input, .contact-wrapper .contact-items .form-clt textarea {
  border: 1px solid #b91c1c;
  background: rgba(245, 91, 31, 0.1);
  color: #b91c1c;
  padding: 16px 20px;
  line-height: 1;
  width: 100%;
  text-transform: capitalize;
  outline: none;
}
.contact-wrapper .contact-items .form-clt input::placeholder, .contact-wrapper .contact-items .form-clt textarea::placeholder {
  color: #b91c1c;
}
.contact-wrapper .contact-items .form-clt textarea {
  padding-bottom: 130px;
}
@media (min-width: 1200px) {
  .contact-wrapper .contact-content {
    margin-left: 20px;
  }
}
.contact-wrapper .contact-content .icon-items {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 30px;
}
.contact-wrapper .contact-content .icon-items .icon {
  width: 63px;
  height: 63px;
  line-height: 63px;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid var(--white);
  text-align: center;
}
.contact-wrapper .contact-content .icon-items .icon i {
  width: 39px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--white);
  color: #b91c1c;
}
.contact-wrapper .contact-content .icon-items .content span {
  color: var(--white);
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 500;
}
.contact-wrapper .contact-content .icon-items .content h4 {
  margin-top: 5px;
}
.contact-wrapper .contact-content .icon-items .content h4 a {
  color: var(--white);
}

.contact-box-items {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: #F2F5FA;
  padding: 50px;
}
@media (max-width: 991px) {
  .contact-box-items {
    flex-wrap: wrap;
    padding: 40px 50px;
  }
}
.contact-box-items .icon {
  width: 71px;
  height: 71px;
  line-height: 71px;
  text-align: center;
  background-color: var(--white);
  color: #b91c1c;
  font-size: 50px;
}
.contact-box-items .content h3 {
  font-size: 22px;
  margin-bottom: 5px;
}
.contact-box-items .content p a {
  color: var(--text);
}

.contact-form-items {
  background-color: var(--white);
  padding: 120px 40px;
  margin-bottom: -350px;
  position: relative;
  z-index: 9;
  box-shadow: 0px -10px 40px 0px rgba(0, 0, 0, 0.15);
}
@media (max-width: 1199px) {
  .contact-form-items {
    padding: 100px 40px;
  }
}
@media (max-width: 991px) {
  .contact-form-items {
    padding: 80px 30px;
  }
}
.contact-form-items .title {
  margin-bottom: 40px;
}
.contact-form-items .title h2 {
  margin-bottom: 5px;
}
.contact-form-items .form-clt {
  position: relative;
}
.contact-form-items .form-clt input, .contact-form-items .form-clt textarea {
  padding: 16px 30px;
  border: none;
  outline: none;
  background-color: #F2F5FA;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  color: var(--text);
}
@media (max-width: 575px) {
  .contact-form-items .form-clt input, .contact-form-items .form-clt textarea {
    padding: 12px 20px;
  }
}
.contact-form-items .form-clt textarea {
  padding: 18px 30px 110px;
}
@media (max-width: 575px) {
  .contact-form-items .form-clt textarea {
    padding: 12px 20px 90px;
  }
}
.contact-form-items .form-clt::placeholder {
  color: var(--text);
}
.contact-form-items .form-clt .icon {
  position: absolute;
  right: 30px;
  top: 16px;
  color: var(--text);
}

.office-google-map-wrapper iframe {
  width: 100%;
  height: 700px;
}


/* =====================================================
   DCS CTA SECTION – RESPONSIVE FIX
   Add this code at the bottom of your CSS file
===================================================== */

.cta-section-2 {
    position: relative;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cta-section-2 .cta-banner-wrapper-2 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    min-height: 500px;
    padding: 40px 0 0;
}

.cta-section-2 .cta-content {
    position: relative;
    z-index: 3;
    flex: 0 0 55%;
    max-width: 650px;
}

.cta-section-2 .cta-banner-wrapper-2 .cta-content h2 {
    margin: 0 0 30px;
    font-size: 48px;
    line-height: 1.2;
    font-weight: 800;
    color: #ffffff;
}

.cta-section-2 .cta-image {
    position: relative;
    align-self: flex-end;
    z-index: 2;
    flex: 0 0 43%;
    max-width: 560px;
    line-height: 0;
}

.cta-section-2 .cta-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: bottom center;
}


/* =====================================================
   LARGE LAPTOP VIEW
   1200px – 1399px
===================================================== */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .cta-section-2 .cta-banner-wrapper-2 {
        min-height: 460px;
        gap: 25px;
    }

    .cta-section-2 .cta-content {
        flex-basis: 55%;
        max-width: 580px;
    }

    .cta-section-2 .cta-banner-wrapper-2 .cta-content h2 {
        font-size: 42px;
        line-height: 1.22;
    }

    .cta-section-2 .cta-image {
        flex-basis: 44%;
        max-width: 500px;
    }

}


/* =====================================================
   SMALL LAPTOP VIEW
   992px – 1199px
===================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .cta-section-2 .cta-banner-wrapper-2 {
        flex-wrap: nowrap;
        min-height: 470px;
        padding-top: 35px;
        gap: 25px;
        text-align: left;
    }

    .cta-section-2 .cta-content {
        flex: 0 0 55%;
        max-width: 540px;
    }

    .cta-section-2 .cta-banner-wrapper-2 .cta-content h2 {
        font-size: 40px;
        line-height: 1.25;
        margin-bottom: 28px;
    }

    .cta-section-2 .cta-image {
        display: block;
        flex: 0 0 43%;
        max-width: 460px;
        align-self: flex-end;
    }

    .cta-section-2 .cta-btn {
        width: 265px;
        height: 58px;
        padding: 18px 35px;
    }

}


/* =====================================================
   TABLET VIEW
   768px – 991px
===================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .cta-section-2 {
        background-position: center center;
    }

    .cta-section-2 .container {
        max-width: 100%;
        padding-left: 35px;
        padding-right: 35px;
    }

    .cta-section-2 .cta-banner-wrapper-2 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        min-height: 625px;
        padding: 70px 0 0;
        gap: 25px;
        text-align: center;
    }

    .cta-section-2 .cta-content {
        flex: none;
        width: 100%;
        max-width: 720px;
    }

    .cta-section-2 .cta-banner-wrapper-2 .cta-content h2 {
        font-size: 43px;
        line-height: 1.22;
        margin-bottom: 32px;
    }

    .cta-section-2 .cta-banner-wrapper-2 .cta-content h2 br {
        display: none;
    }

    .cta-section-2 .cta-btn {
        width: 300px;
        height: 64px;
        padding: 18px 35px;
        margin: 0 auto;
    }

    .cta-section-2 .cta-image {
        display: block;
        flex: none;
        width: 100%;
        max-width: 440px;
        margin-top: auto;
        align-self: center;
    }

    .cta-section-2 .cta-image img {
        width: 100%;
        height: auto;
        max-height: 360px;
        object-fit: contain;
        object-position: bottom center;
    }
    

}


/* =====================================================
   LARGE MOBILE VIEW
   576px – 767px
===================================================== */

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .cta-section-2 .container {
        max-width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }

    .cta-section-2 .cta-banner-wrapper-2 {
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        min-height: 610px;
        padding: 55px 0 0;
        gap: 25px;
        text-align: center;
    }

    .cta-section-2 .cta-content {
        flex: none;
        width: 100%;
        max-width: 550px;
    }

    .cta-section-2 .cta-banner-wrapper-2 .cta-content h2 {
        font-size: 36px;
        line-height: 1.25;
        margin-bottom: 28px;
    }

    .cta-section-2 .cta-banner-wrapper-2 .cta-content h2 br {
        display: none;
    }

    .cta-section-2 .cta-btn {
        width: 280px;
        height: 60px;
        padding: 16px 30px;
        margin: 0 auto;
        font-size: 15px;
    }

    .cta-section-2 .cta-image {
        display: block;
        flex: none;
        width: 100%;
        max-width: 390px;
        margin-top: auto;
        align-self: center;
    }

    .cta-section-2 .cta-image img {
        max-height: 325px;
        object-position: bottom center;
    }

}


/* =====================================================
   MOBILE VIEW
   Up to 575px
===================================================== */

@media only screen and (max-width: 575px) {

    .cta-section-2 {
        background-position: center center;
    }

    .cta-section-2 .container {
        width: 100%;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .cta-section-2 .cta-banner-wrapper-2 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        min-height: 600px;
        padding: 50px 0 0;
        gap: 25px;
        text-align: center;
    }

    .cta-section-2 .cta-content {
        flex: none;
        width: 100%;
        max-width: 100%;
    }

    .cta-section-2 .cta-banner-wrapper-2 .cta-content h2 {
        font-size: 30px;
        line-height: 1.28;
        margin-bottom: 25px;
        word-break: normal;
    }

    .cta-section-2 .cta-banner-wrapper-2 .cta-content h2 br {
        display: none;
    }

    .cta-section-2 .cta-btn {
        width: 100%;
        max-width: 300px;
        height: 58px;
        padding: 15px 24px;
        margin: 0 auto;
        font-size: 14px;
        gap: 10px;
    }

    .cta-section-2 .cta-image {
        display: block;
        flex: none;
        width: 100%;
        max-width: 350px;
        margin-top: auto;
        align-self: center;
    }

    .cta-section-2 .cta-image img {
        width: 100%;
        max-height: 305px;
        object-fit: contain;
        object-position: bottom center;
    }

}


/* =====================================================
   SMALL MOBILE VIEW
   Up to 374px
===================================================== */

@media only screen and (max-width: 374px) {

    .cta-section-2 .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .cta-section-2 .cta-banner-wrapper-2 {
        min-height: 570px;
        padding-top: 42px;
        gap: 22px;
    }

    .cta-section-2 .cta-banner-wrapper-2 .cta-content h2 {
        font-size: 27px;
        line-height: 1.3;
    }

    .cta-section-2 .cta-btn {
        max-width: 280px;
        height: 56px;
        font-size: 13px;
    }

    .cta-section-2 .cta-image {
        max-width: 315px;
    }

    .cta-section-2 .cta-image img {
        max-height: 280px;
    }

}

/* =====================================================
   DCS CTA BUTTON – COMPLETE COLLAPSE FIX
   Place this at the bottom of the CSS file
===================================================== */

.cta-section-2 .cta-banner-wrapper-2 .cta-content .cta-btn {
    position: relative;
    z-index: 10;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px;

    width: 280px !important;
    min-width: 280px;
    height: 64px !important;
    min-height: 64px;

    margin: 0;
    padding: 0 30px !important;

    background-color: #b91c1c !important;
    background-image: none !important;

    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.3px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none !important;
    white-space: nowrap;

    border: 2px solid #b91c1c !important;
    border-radius: 0;
    box-shadow: none;

    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden;

    transition:
        background-color 0.35s ease,
        border-color 0.35s ease,
        color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


/* Button text */

.cta-section-2 .cta-banner-wrapper-2 .cta-content .cta-btn,
.cta-section-2 .cta-banner-wrapper-2 .cta-content .cta-btn span {
    color: #ffffff !important;
}


/* Button icon */

.cta-section-2 .cta-banner-wrapper-2 .cta-content .cta-btn i {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1 !important;

    transition: transform 0.35s ease;
}


/* Shine animation */

.cta-section-2 .cta-banner-wrapper-2 .cta-content .cta-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    z-index: -1;

    width: 55%;
    height: 100%;

    background: rgba(255, 255, 255, 0.22);
    transform: skewX(-25deg);
    transition: left 0.7s ease;
}

.cta-section-2 .cta-banner-wrapper-2 .cta-content .cta-btn:hover::before {
    left: 140%;
}


/* Hover effect */

.cta-section-2 .cta-banner-wrapper-2 .cta-content .cta-btn:hover {
    background-color: transparent !important;
    color: #ffffff !important;
    border-color: #ffffff !important;

    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(255, 255, 255, 0.18);
}

.cta-section-2 .cta-banner-wrapper-2 .cta-content .cta-btn:hover i {
    color: #ffffff !important;
    transform: translateX(7px);
}


/* Focus state */

.cta-section-2 .cta-banner-wrapper-2 .cta-content .cta-btn:focus,
.cta-section-2 .cta-banner-wrapper-2 .cta-content .cta-btn:active {
    background-color: #b91c1c !important;
    color: #ffffff !important;
    border-color: #b91c1c !important;
    outline: none;
}


/* =====================================================
   LAPTOP VIEW
===================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .cta-section-2 .cta-banner-wrapper-2 .cta-content .cta-btn {
        width: 260px !important;
        min-width: 260px;
        height: 60px !important;
        min-height: 60px;
        padding: 0 26px !important;
        font-size: 14px !important;
    }

}


/* =====================================================
   TABLET VIEW
===================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .cta-section-2 .cta-banner-wrapper-2 .cta-content .cta-btn {
        display: flex !important;

        width: 300px !important;
        min-width: 300px;
        max-width: 100%;

        height: 62px !important;
        min-height: 62px;

        margin: 0 auto;
        padding: 0 28px !important;

        font-size: 15px !important;
    }

}


/* =====================================================
   MOBILE VIEW
===================================================== */

@media only screen and (max-width: 767px) {

    .cta-section-2 .cta-banner-wrapper-2 .cta-content .cta-btn {
        display: flex !important;

        width: 280px !important;
        min-width: 0;
        max-width: 100%;

        height: 58px !important;
        min-height: 58px;

        margin: 0 auto;
        padding: 0 22px !important;

        font-size: 14px !important;
        letter-spacing: 0.2px;
    }

    .cta-section-2 .cta-banner-wrapper-2 .cta-content .cta-btn i {
        font-size: 15px !important;
    }

}


/* =====================================================
   SMALL MOBILE VIEW
===================================================== */

@media only screen and (max-width: 374px) {

    .cta-section-2 .cta-banner-wrapper-2 .cta-content .cta-btn {
        width: 100% !important;
        max-width: 270px;

        height: 56px !important;
        min-height: 56px;

        padding: 0 18px !important;
        font-size: 13px !important;
        gap: 10px;
    }

}

/* =====================================================
   FAQ RESPONSIVE ARRANGEMENT FIX ONLY
   Existing design and styles remain unchanged
===================================================== */

/* Prevent FAQ content from being cut */
.faq-section,
.faq-section .container,
.faq-wrapper,
.faq-wrapper > .row,
.faq-wrapper .faq-content,
.faq-wrapper .faq-accordion {
    height: auto !important;
    min-height: 0 !important;
}

/* Ensure the section expands based on its content */
.faq-section {
    overflow: visible !important;
}

.faq-wrapper {
    overflow: visible !important;
}

.faq-wrapper > .row {
    align-items: flex-start;
}

/* Keep accordion content inside its column */
.faq-wrapper .faq-accordion,
.faq-wrapper .faq-accordion .accordion,
.faq-wrapper .faq-accordion .accordion-item {
    width: 100%;
    max-width: 100%;
}

/* =====================================================
   TABLET VIEW
===================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .faq-section {
        height: auto !important;
        overflow: visible !important;
    }

    .faq-wrapper > .row {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        height: auto !important;
    }

    .faq-wrapper > .row > .col-lg-6 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        height: auto !important;
    }

    .faq-wrapper .faq-content {
        width: 100%;
        height: auto !important;
    }

    .faq-wrapper .faq-accordion {
        width: 100%;
        height: auto !important;
        margin-top: 40px !important;
        margin-left: 0 !important;
    }

    .faq-wrapper .faq-content .icon-items {
        width: 100%;
        height: auto !important;
    }

    .faq-wrapper .faq-accordion .accordion-collapse {
        height: auto;
    }
}

/* =====================================================
   MOBILE VIEW
===================================================== */

@media only screen and (max-width: 767px) {

    .faq-section {
        display: block !important;
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
    }

    .faq-section .container {
        height: auto !important;
        overflow: visible !important;
    }

    .faq-wrapper {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
    }

    .faq-wrapper > .row {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        height: auto !important;
        margin-right: 0;
        margin-left: 0;
    }

    .faq-wrapper > .row > .col-lg-6 {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        height: auto !important;
        padding-right: 0;
        padding-left: 0;
    }

    .faq-wrapper .faq-content {
        display: block !important;
        width: 100%;
        height: auto !important;
        overflow: visible !important;
    }

    .faq-wrapper .faq-content .icon-items {
        display: flex !important;
        width: 100%;
        height: auto !important;
        overflow: visible !important;
    }

    .faq-wrapper .faq-content .icon-items .content {
        min-width: 0;
    }

    .faq-wrapper .faq-accordion {
        display: block !important;
        width: 100%;
        height: auto !important;
        margin-top: 35px !important;
        margin-left: 0 !important;
        overflow: visible !important;
    }

    .faq-wrapper .faq-accordion .accordion {
        display: block !important;
        width: 100%;
        height: auto !important;
    }

    .faq-wrapper .faq-accordion .accordion-item {
        display: block !important;
        width: 100%;
        height: auto !important;
    }

    .faq-wrapper .faq-accordion .accordion-collapse {
        width: 100%;
    }

    .faq-wrapper .faq-accordion .accordion-body {
        width: 100%;
    }
}


/* ==========================================
   DCS FAQ Accordion Theme
========================================== */

/* Active accordion */
.faq-wrapper .accordion-button:not(.collapsed) {
    background-color: rgba(185, 28, 28, 0.08) !important;
    color: #b91c1c !important;
    box-shadow: none !important;
}

/* Remove Bootstrap blue focus */
.faq-wrapper .accordion-button:focus {
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Remove blue click highlight */
.faq-wrapper .accordion-button:active {
    background-color: rgba(185, 28, 28, 0.08) !important;
}

/* Keep the white background for closed items */
.faq-wrapper .accordion-button.collapsed {
    background: #fff !important;
    color: #111 !important;
}

/* Optional hover effect */
.faq-wrapper .accordion-button:hover {
    background-color: rgba(185, 28, 28, 0.05);
}




.skills-wrapper .skills-image {
  position: relative;
}
@media (max-width: 991px) {
  .skills-wrapper .skills-image {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .skills-wrapper .skills-image {
    height: 500px;
  }
}
@media (max-width: 575px) {
  .skills-wrapper .skills-image {
    height: 400px;
  }
}
.skills-wrapper .skills-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.skills-wrapper .skills-image .logo-shape {
  position: absolute;
  bottom: 30px;
  left: 30px;
}
.skills-wrapper .skill-content {
  margin-left: 60px;
}
@media (max-width: 1199px) {
  .skills-wrapper .skill-content {
    margin-left: 30px;
  }
}
@media (max-width: 991px) {
  .skills-wrapper .skill-content {
    margin-left: 0;
  }
}
.skills-wrapper .skill-content p {
  border-bottom: 1px solid var(--border);
  padding-bottom: 30px;
}
.skills-wrapper .skill-content .skill-feature-items {
  margin-top: 30px;
}
.skills-wrapper .skill-content .skill-feature-items .skill-feature:not(:last-child) {
  margin-bottom: 30px;
}
.skills-wrapper .skill-content .skill-feature-items .skill-feature .box-title {
  font-size: 18px;
  font-weight: 600;
}
.skills-wrapper .skill-content .skill-feature-items .skill-feature .progress-value {
  margin-bottom: 10px;
  color: var(--header);
  text-transform: capitalize;
}
.skills-wrapper .skill-content .skill-feature-items .skill-feature .progress {
  position: relative;
  height: 10px;
  background-color: var(--bg);
  border-radius: 0;
  overflow: visible;
  margin-top: 15px;
}
.skills-wrapper .skill-content .skill-feature-items .skill-feature .progress-bar {
  background-color: #b91c1c;
  height: 10px;
  margin: 0;
  border-radius: inherit;
  overflow: visible;
  position: relative;
  margin-top: 0;
}
.skills-wrapper .skill-content .skill-feature-items .skill-feature .progress-value {
  position: absolute;
  top: -38px;
  right: -8px;
  font-size: 18px;
  font-weight: 600;
  color: #b91c1c;
}

.skills-section {
  position: relative;
}
.skills-section .shape-1 {
  position: absolute;
  left: 0;
  top: 40%;
}
.skills-section .shape-2 {
  position: absolute;
  right: 0;
  bottom: 15%;
}

.achivements-wrapper .achivements-content .counter-items {
  position: relative;
}
.achivements-wrapper .achivements-content .counter-items .content {
  background-color: var(--white);
  padding: 30px 30px 30px 80px;
  text-align: center;
  margin-top: 30px;
}
.achivements-wrapper .achivements-content .counter-items .content h2 {
  font-size: 48px;
  color: #b91c1c;
}
.achivements-wrapper .achivements-content .counter-items .content .icon {
  width: 60px;
  height: 96px;
  line-height: 110px;
  background-color: #b91c1c;
  color: var(--white);
  position: absolute;
  left: 30px;
  top: 0;
}
.achivements-wrapper .achivements-image {
  position: relative;
}
@media (max-width: 991px) {
  .achivements-wrapper .achivements-image {
    height: 650px;
  }
}
@media (max-width: 767px) {
  .achivements-wrapper .achivements-image {
    height: 550px;
  }
}
@media (max-width: 575px) {
  .achivements-wrapper .achivements-image {
    height: 450px;
  }
}
.achivements-wrapper .achivements-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.achivements-wrapper .achivements-image .achivements-image-2 {
  position: absolute;
  left: -30%;
  top: 20%;
}
@media (max-width: 1399px) {
  .achivements-wrapper .achivements-image .achivements-image-2 {
    left: 0;
  }
}
@media (max-width: 470px) {
  .achivements-wrapper .achivements-image .achivements-image-2 {
    height: 250px;
  }
}
.achivements-wrapper .achivements-image::before {
  position: absolute;
  bottom: 30px;
  left: -30px;
  content: "";
  height: 80px;
  width: 5px;
  background-color: #b91c1c;
}
.achivements-wrapper.style-3 .achivements-content p {
  max-width: 570px;
}
.achivements-wrapper.style-3 .achivements-content .counter-items-area {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 80px;
  margin-bottom: 50px;
}
@media (max-width: 1199px) {
  .achivements-wrapper.style-3 .achivements-content .counter-items-area {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.achivements-wrapper.style-3 .achivements-content .counter-items-area .counter-content h2 {
  -webkit-text-stroke: 1px rgb(245, 91, 41);
  -webkit-text-fill-color: transparent;
  transition: all 0.4s ease-in-out;
  font-size: 48px;
  font-weight: 700;
  position: relative;
  z-index: 1;
}

.achivements-wrapper-2 {
  padding-left: 60px !important;
  padding-right: 60px !important;
  position: relative;
  background-color: rgb(242, 245, 250);
  position: relative;
}
@media (max-width: 1199px) {
  .achivements-wrapper-2 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
}
@media (max-width: 767px) {
  .achivements-wrapper-2 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }
}
.achivements-wrapper-2 .bg-shape {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
}
@media (max-width: 1199px) {
  .achivements-wrapper-2 .bg-shape {
    display: none;
  }
}
.achivements-wrapper-2 .bg-shape img {
  width: 100%;
  height: 100%;
}
.achivements-wrapper-2 .achivements-content {
  position: relative;
}
.achivements-wrapper-2 .achivements-content .section-title h6 {
  color: var(--white);
}
@media (max-width: 1199px) {
  .achivements-wrapper-2 .achivements-content .section-title h6 {
    color: #b91c1c;
  }
}
.achivements-wrapper-2 .achivements-content .section-title h2 {
  color: var(--white);
}
@media (max-width: 1199px) {
  .achivements-wrapper-2 .achivements-content .section-title h2 {
    color: var(--header);
  }
}
.achivements-wrapper-2 .achivements-right-items {
  position: relative;
}
.achivements-wrapper-2 .achivements-right-items .achivements-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .achivements-wrapper-2 .achivements-right-items .achivements-item {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.achivements-wrapper-2 .achivements-right-items .achivements-item .counter-items {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .achivements-wrapper-2 .achivements-right-items .achivements-item .counter-items {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.achivements-wrapper-2 .achivements-right-items .achivements-item .counter-items .icon {
  width: 60px;
  height: 60px;
  line-height: 60px;
  background-color: var(--white);
  font-size: 36px;
  text-align: center;
  color: #b91c1c;
}
.achivements-wrapper-2 .achivements-right-items .achivements-item .counter-items .content h2 {
  font-size: 48px;
  color: var(--header);
}
.achivements-wrapper-2 .achivements-right-items .achivements-item .counter-items.style-2 {
  padding-bottom: 0;
  margin-bottom: 0;
}
.achivements-wrapper-2 .achivements-right-items .border-shape {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1399px) {
  .achivements-wrapper-2 .achivements-right-items .border-shape {
    display: none;
  }
}

.achivements-section {
  position: relative;
  
}
.achivements-section .man-image {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media (max-width: 1600px) {
  .achivements-section .man-image {
    display: none;
  }
}
.achivements-section .shape-3 {
  position: absolute;
  bottom: 14%;
  right: 0;
}


/* ==========================================================
   DCS ACHIEVEMENTS RESPONSIVE FIX
========================================================== */

.achivements-section {
    height: auto !important;
    min-height: auto !important;
    overflow: hidden;
}

.achivements-section .achivements-wrapper,
.achivements-section .achivements-content {
    width: 100%;
    height: auto;
}

.achivements-section .achivements-wrapper > .row {
    align-items: center;
}

/* Counter card */
.achivements-wrapper
.achivements-content
.counter-items {
    position: relative;
    height: 100%;
}

.achivements-wrapper
.achivements-content
.counter-items
.content {
    position: relative;
    display: flex;
    min-height: 110px;
    height: 80%;
    margin-top: 30px;
    padding: 12px 20px 15px 110px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--white);
    text-align: center;
    overflow: hidden;
}

.achivements-wrapper
.achivements-content
.counter-items
.content
.icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 38px;
    width: 76px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #b91c1c;
    line-height: normal;
}

.achivements-wrapper
.achivements-content
.counter-items
.content
.icon img {
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.achivements-wrapper
.achivements-content
.counter-items
.content h2 {
    margin: 0;
    font-size: 48px;
    line-height: 1.1;
    color: #b91c1c;
}

.achivements-wrapper
.achivements-content
.counter-items
.content p {
    margin: 8px 0 0;
    font-size: 18px;
    line-height: 1.4;
}

/* Main achievement image */
.achivements-wrapper .achivements-image {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
}

.achivements-wrapper .achivements-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Prevent decorative line from causing overflow */
.achivements-wrapper .achivements-image::before {
    left: 0;
}


/* ==========================================================
   SMALL LAPTOP
   992px – 1199px
========================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .achivements-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .achivements-wrapper .achivements-image {
        height: 540px;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content {
        min-height: 145px;
        padding: 22px 15px 22px 88px;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content
    .icon {
        left: 20px;
        width: 65px;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content h2 {
        font-size: 39px;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content p {
        font-size: 15px;
    }
}


/* ==========================================================
   TABLET
   768px – 991px
========================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .achivements-section {
        height: auto !important;
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .achivements-section .achivements-wrapper > .row {
        row-gap: 45px;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content {
        min-height: 150px;
        margin-top: 24px;
        padding: 24px 18px 24px 100px;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content
    .icon {
        left: 25px;
        width: 70px;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content h2 {
        font-size: 43px;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content p {
        font-size: 16px;
    }

    .achivements-wrapper .achivements-image {
        width: 100%;
        height: 440px;
        margin-top: 15px;
    }
}


/* ==========================================================
   MOBILE
   Up to 767px
========================================================== */

@media only screen and (max-width: 767px) {

    .achivements-section {
        height: auto !important;
        min-height: auto !important;
        padding-top: 60px;
        padding-bottom: 60px;
        background-position: center;
    }

    .achivements-section .container {
        width: 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .achivements-section .achivements-wrapper > .row {
        row-gap: 35px;
    }

    .achivements-content .section-title h2 {
        font-size: 30px;
        line-height: 1.25;
    }

    .achivements-content > p {
        font-size: 16px;
        line-height: 1.8;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content {
        min-height: 125px;
        margin-top: 20px;
        padding: 20px 15px 20px 105px;
        align-items: flex-start;
        text-align: left;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content
    .icon {
        left: 20px;
        width: 70px;
        height: 100%;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content
    .icon img {
        width: 38px;
        height: 38px;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content h2 {
        font-size: 42px;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content p {
        margin-top: 6px;
        font-size: 16px;
    }

    .achivements-wrapper .achivements-image {
        width: 100%;
        height: 360px;
        margin-top: 10px;
    }

    .achivements-wrapper .achivements-image::before {
        display: none;
    }
}


/* ==========================================================
   SMALL MOBILE
   Up to 480px
========================================================== */

@media only screen and (max-width: 480px) {

    .achivements-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .achivements-content .section-title h6 {
        font-size: 12px;
    }

    .achivements-content .section-title h2 {
        font-size: 26px;
    }

    .achivements-content > p {
        font-size: 15px;
        line-height: 1.7;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content {
        min-height: 115px;
        padding: 18px 12px 18px 92px;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content
    .icon {
        left: 15px;
        width: 62px;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content
    .icon img {
        width: 34px;
        height: 34px;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content h2 {
        font-size: 37px;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content p {
        font-size: 15px;
    }

    .achivements-wrapper .achivements-image {
        height: 300px;
    }
}


/* ==========================================================
   EXTRA-SMALL MOBILE
   Up to 360px
========================================================== */

@media only screen and (max-width: 360px) {

    .achivements-section .container {
        padding-right: 12px;
        padding-left: 12px;
    }

    .achivements-content .section-title h2 {
        font-size: 23px;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content {
        min-height: 105px;
        padding: 15px 8px 15px 82px;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content
    .icon {
        left: 12px;
        width: 56px;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content h2 {
        font-size: 32px;
    }

    .achivements-wrapper
    .achivements-content
    .counter-items
    .content p {
        font-size: 14px;
    }

    .achivements-wrapper .achivements-image {
        height: 260px;
    }
}

/* Space between achievement cards */

.achivements-content .row{
    row-gap: 24px;
}

.achivements-content .counter-items .content{
    margin-top: 0;
}





/* =====================================================
   DCS RESPONSIVE FOOTER
===================================================== */

.dcs-responsive-footer {
    --dcs-footer-red: #b91c1c;
    --dcs-footer-white: #ffffff;
    --dcs-footer-text: rgba(255, 255, 255, 0.78);
    --dcs-footer-border: rgba(255, 255, 255, 0.22);

    position: relative;
    z-index: 1;
    width: auto;
    margin: 0 30px;
    overflow: hidden;
    border-radius: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    isolation: isolate;
}

/* Dark background overlay */
.dcs-responsive-footer::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: rgba(8, 9, 11, 0.95);
    pointer-events: none;
}

/* Make sure Bootstrap container behaves properly */
.dcs-responsive-footer > .container {
    position: relative;
    z-index: 2;
    width: 100%;
}

/* Main footer grid */
.dcs-responsive-footer-grid {
    display: grid;
    grid-template-columns:
        minmax(280px, 1.35fr)
        minmax(150px, 0.65fr)
        minmax(230px, 0.95fr)
        minmax(245px, 0.9fr);
    gap: 45px;
    align-items: start;
    width: 100%;
    padding: 55px 0 50px;
}

.dcs-responsive-footer-column {
    min-width: 0;
    width: 100%;
}

/* =====================================================
   LOGO
===================================================== */

.dcs-responsive-footer-logo {
    width: 100%;
    margin-bottom: 25px;
}

.dcs-responsive-footer-logo a {
    display: inline-block;
    max-width: 100%;
}

.dcs-responsive-footer-logo img {
    display: block;
    width: 100%;
    max-width: 287px;
    height: auto;
    object-fit: contain;
}

/* =====================================================
   DESCRIPTION
===================================================== */

.dcs-responsive-footer-description {
    width: 100%;
    max-width: 430px;
    margin: 0;
    color: var(--dcs-footer-text);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.9;
    text-align: left;
    overflow-wrap: anywhere;
}

/* =====================================================
   SOCIAL ICONS
===================================================== */

.dcs-responsive-footer-social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 30px;
}

.dcs-responsive-footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: rgba(255, 255, 255, 0.85);
    font-size: 15px;
    text-decoration: none;
    transition:
        color 0.35s ease,
        border-color 0.35s ease,
        background-color 0.35s ease,
        transform 0.35s ease;
}

.dcs-responsive-footer-social a:hover {
    border-color: var(--dcs-footer-red);
    background: var(--dcs-footer-red);
    color: var(--dcs-footer-white);
    transform: translateY(-4px);
}

/* =====================================================
   FOOTER HEADINGS
===================================================== */

.dcs-responsive-footer-heading {
    margin-bottom: 28px;
}

.dcs-responsive-footer-heading h5 {
    position: relative;
    display: inline-block;
    margin: 0;
    padding-bottom: 18px;
    color: var(--dcs-footer-white);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: capitalize;
}

.dcs-responsive-footer-heading h5::before,
.dcs-responsive-footer-heading h5::after {
    position: absolute;
    bottom: 0;
    height: 2px;
    content: "";
}

.dcs-responsive-footer-heading h5::before {
    left: 0;
    width: 25px;
    background: var(--dcs-footer-red);
}

.dcs-responsive-footer-heading h5::after {
    left: 40px;
    width: 55px;
    background: var(--dcs-footer-white);
}

/* =====================================================
   QUICK LINKS AND GROUP LINKS
===================================================== */

.dcs-responsive-footer-links {
    display: flex;
    flex-direction: column;
    gap: 17px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dcs-responsive-footer-links li {
    width: 100%;
    margin: 0;
    padding: 0;
}

.dcs-responsive-footer-links li a {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    width: 100%;
    color: var(--dcs-footer-text);
    font-size: 15px;
    line-height: 1.6;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}

.dcs-responsive-footer-links li a i {
    flex: 0 0 auto;
    margin-top: 5px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    transition: color 0.35s ease;
}

.dcs-responsive-footer-links li a span {
    min-width: 0;
}

.dcs-responsive-footer-links li a:hover {
    color: var(--dcs-footer-red);
    transform: translateX(5px);
}

.dcs-responsive-footer-links li a:hover i {
    color: var(--dcs-footer-red);
}

/* =====================================================
   CONTACT DETAILS
===================================================== */

.dcs-responsive-footer-contact-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dcs-responsive-footer-contact-list li {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.dcs-responsive-footer-contact-icon {
    display: flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 50%;
    background: var(--dcs-footer-white);
    color: var(--dcs-footer-red);
    font-size: 15px;
    transition:
        color 0.35s ease,
        background-color 0.35s ease,
        transform 0.35s ease;
}

.dcs-responsive-footer-contact-list li:hover
.dcs-responsive-footer-contact-icon {
    background: var(--dcs-footer-red);
    color: var(--dcs-footer-white);
    transform: translateY(-3px);
}

.dcs-responsive-footer-contact-content {
    min-width: 0;
    padding-top: 2px;
}

.dcs-responsive-footer-contact-content a {
    display: inline-block;
    margin-bottom: 5px;
    color: var(--dcs-footer-white);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: color 0.35s ease;
}

.dcs-responsive-footer-contact-content a:hover {
    color: var(--dcs-footer-red);
}

.dcs-responsive-footer-contact-content span {
    display: block;
    margin: 0;
    color: var(--dcs-footer-text);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

/* =====================================================
   FOOTER BOTTOM
===================================================== */

.dcs-responsive-footer-bottom {
    width: 100%;
    padding: 28px 15px;
    border-top: 1px solid var(--dcs-footer-border);
}

.dcs-responsive-footer-bottom p {
    margin: 0;
    color: var(--dcs-footer-text);
    font-size: 14px;
    line-height: 1.7;
    text-align: center;
}

.dcs-responsive-footer-bottom p a {
    color: var(--dcs-footer-red);
    text-decoration: none;
    transition: color 0.35s ease;
}

.dcs-responsive-footer-bottom p a:hover {
    color: var(--dcs-footer-white);
}

/* =====================================================
   MEDIUM LAPTOP VIEW
===================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .dcs-responsive-footer {
        margin: 0 20px;
        border-radius: 24px;
    }

    .dcs-responsive-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 50px 45px;
        padding: 50px 0 45px;
    }

    .dcs-responsive-footer-description {
        max-width: 100%;
    }
}

/* =====================================================
   TABLET VIEW
===================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .dcs-responsive-footer {
        width: auto;
        margin: 0 15px;
        border-radius: 22px;
    }

    .dcs-responsive-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 45px 35px;
        padding: 45px 10px 40px;
    }

    .dcs-responsive-footer-about {
        grid-column: 1 / -1;
    }

    .dcs-responsive-footer-description {
        width: 100%;
        max-width: 100%;
        font-size: 15px;
        line-height: 1.8;
    }

    .dcs-responsive-footer-logo img {
        max-width: 260px;
    }

    .dcs-responsive-footer-heading {
        margin-bottom: 25px;
    }
}

/* =====================================================
   LARGE MOBILE VIEW
===================================================== */

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .dcs-responsive-footer {
        width: auto;
        margin: 0 12px;
        border-radius: 20px;
    }

    .dcs-responsive-footer-grid {
        grid-template-columns: 1fr;
        gap: 38px;
        padding: 42px 10px 38px;
    }

    .dcs-responsive-footer-description {
        max-width: 100%;
        font-size: 14px;
        line-height: 1.8;
        text-align: left;
    }

    .dcs-responsive-footer-logo img {
        max-width: 250px;
    }
}

/* =====================================================
   ALL SMALL MOBILE VIEWS
===================================================== */

@media only screen and (max-width: 575px) {

    .dcs-responsive-footer {
        width: auto;
        margin: 0 8px;
        border-radius: 16px;
    }

    .dcs-responsive-footer > .container {
        width: 100%;
        max-width: 100%;
        padding-right: 18px;
        padding-left: 18px;
    }

    .dcs-responsive-footer-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 35px;
        width: 100%;
        padding: 38px 0 35px;
    }

    .dcs-responsive-footer-column {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .dcs-responsive-footer-logo {
        margin-bottom: 22px;
    }

    .dcs-responsive-footer-logo img {
        width: auto;
        max-width: 220px;
        height: auto;
    }

    .dcs-responsive-footer-description {
        width: 100%;
        max-width: none;
        font-size: 14px;
        line-height: 1.75;
        text-align: left;
        word-break: normal;
        overflow-wrap: anywhere;
    }

    .dcs-responsive-footer-social {
        gap: 10px;
        margin-top: 25px;
    }

    .dcs-responsive-footer-social a {
        width: 38px;
        height: 38px;
    }

    .dcs-responsive-footer-heading {
        margin-bottom: 23px;
    }

    .dcs-responsive-footer-heading h5 {
        font-size: 19px;
    }

    .dcs-responsive-footer-links {
        gap: 15px;
    }

    .dcs-responsive-footer-links li a {
        gap: 8px;
        font-size: 14px;
    }

    .dcs-responsive-footer-contact-list {
        gap: 18px;
    }

    .dcs-responsive-footer-contact-list li {
        gap: 11px;
    }

    .dcs-responsive-footer-contact-icon {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
        font-size: 14px;
    }

    .dcs-responsive-footer-contact-content a {
        font-size: 14px;
    }

    .dcs-responsive-footer-contact-content span {
        font-size: 13px;
        line-height: 1.65;
    }

    .dcs-responsive-footer-bottom {
        padding: 23px 5px;
    }

    .dcs-responsive-footer-bottom p {
        font-size: 12px;
        line-height: 1.7;
    }
}

/* =====================================================
   VERY SMALL MOBILE VIEW
===================================================== */

@media only screen and (max-width: 360px) {

    .dcs-responsive-footer {
        margin: 0 5px;
        border-radius: 14px;
    }

    .dcs-responsive-footer > .container {
        padding-right: 14px;
        padding-left: 14px;
    }

    .dcs-responsive-footer-grid {
        padding-top: 32px;
    }

    .dcs-responsive-footer-logo img {
        max-width: 195px;
    }

    .dcs-responsive-footer-social a {
        width: 36px;
        height: 36px;
    }
}



/* =====================================================
   DCS GET A QUOTE BUTTON – GLOBAL VIEW
   Add at the bottom of responsive.css
===================================================== */

.header-3 .header-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}

.header-3 .dcs-header-quote {
    display: flex !important;
    align-items: center;
    flex: 0 0 auto;
    margin-left: 18px;
    opacity: 1 !important;
    visibility: visible !important;
}

.header-3 .dcs-header-quote .theme-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 145px;
    min-height: 46px;
    padding: 12px 18px;
    border: 2px solid #b91c1c;
    border-radius: 5px;
    background-color: #b91c1c;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    text-transform: uppercase;
    opacity: 1 !important;
    visibility: visible !important;
    transition:
        background-color 0.35s ease,
        color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.header-3 .dcs-header-quote .theme-btn i {
    color: inherit;
    font-size: 13px;
    transition: transform 0.35s ease;
}

.header-3 .dcs-header-quote .theme-btn:hover {
    background-color: transparent;
    color: #b91c1c !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(185, 28, 28, 0.28);
}

.header-3 .dcs-header-quote .theme-btn:hover i {
    transform: translateX(4px);
}

@media only screen and (min-width: 1600px) {

    .header-3 .dcs-header-quote {
        display: flex !important;
        margin-left: 22px;
    }

    .header-3 .dcs-header-quote .theme-btn {
        min-width: 155px;
        min-height: 48px;
        padding: 13px 21px;
        font-size: 14px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .header-3 .container-fluid {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .header-3 .header-main {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
    }

    .header-3 .header-left {
        flex: 0 0 auto;
    }

    .header-3 .header-left .logo img {
        width: auto;
        max-width: 280px;
        height: auto;
    }

    .header-3 .header-right {
        flex: 1;
        min-width: 0;
        gap: 12px;
    }

    .header-3 .mean__menu-wrapper {
        flex: 1;
        min-width: 0;
    }

    .header-3 .main-menu > nav > ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 0;
    }

    .header-3 .main-menu > nav > ul > li {
        margin-right: 28px !important;
    }

    .header-3 .main-menu > nav > ul > li:last-child {
        margin-right: 0 !important;
    }

    .header-3 .main-menu > nav > ul > li > a {
        font-size: 15px;
        white-space: nowrap;
    }

    .header-3 .dcs-header-quote {
        display: flex !important;
        margin-left: 5px;
    }

    .header-3 .dcs-header-quote .theme-btn {
        min-width: 125px;
        min-height: 42px;
        padding: 10px 12px;
        gap: 5px;
        font-size: 11px;
    }

    .header-3 .dcs-header-quote .theme-btn i {
        font-size: 11px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {

    .header-3 .container-fluid {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .header-3 .header-main {
        min-height: 82px;
    }

    .header-3 .header-left .logo img {
        width: auto;
        max-width: 240px;
        height: auto;
    }

    .header-3 .header-right {
        gap: 12px;
    }

    .header-3 .mean__menu-wrapper {
        display: none;
    }

    .header-3 .dcs-header-quote {
        display: flex !important;
        margin-left: auto;
    }

    .header-3 .dcs-header-quote .theme-btn {
        min-width: 125px;
        min-height: 40px;
        padding: 10px 12px;
        font-size: 11px;
    }

    .header-3 .header__hamburger {
        display: block !important;
        flex: 0 0 auto;
    }
}

@media only screen and (max-width: 480px) {

    .header-3 .container-fluid {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .header-3 .header-main {
        min-height: 68px;
    }

    .header-3 .header-left .logo img {
        width: auto;
        max-width: 145px;
        height: auto;
    }

    .header-3 .header-right {
        gap: 6px;
    }

    .header-3 .mean__menu-wrapper {
        display: none;
    }

    .header-3 .dcs-header-quote {
        display: flex !important;
        margin-left: auto;
    }

    .header-3 .dcs-header-quote .theme-btn {
        min-width: 78px;
        min-height: 34px;
        padding: 7px 8px;
        gap: 0;
        border-width: 1px;
        font-size: 8px;
        letter-spacing: 0;
    }

    .header-3 .dcs-header-quote .theme-btn i {
        display: none;
    }

    .header-3 .header__hamburger {
        display: block !important;
    }

    .header-3 .sidebar__toggle i {
        font-size: 19px;
    }
}




/* .header-top-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-top-wrapper span {
  color: rgba(255, 255, 255, 0.8);
}
.header-top-wrapper span i {
  color: var(--white);
  margin-right: 5px;
}
.header-top-wrapper .social-icon {
  gap: 17px;
}
.header-top-wrapper .social-icon a {
  color: var(--white);
}
.header-top-wrapper .social-icon a:hover {
  color: #b91c1c;
}

.header-top-wrapper-2 {
  background-color: #b91c1c;
  padding: 15px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199px) {
  .header-top-wrapper-2 {
    display: none;
  }
}
.header-top-wrapper-2::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 180px;
  content: "";
  background-color: var(--white);
  z-index: -1;
}
@media (max-width: 1399px) {
  .header-top-wrapper-2::before {
    display: none;
  }
}
.header-top-wrapper-2 .contact-list {
  display: flex;
  align-items: center;
  gap: 30px;
}
.header-top-wrapper-2 .contact-list li {
  color: var(--white);
  font-weight: 400;
}
.header-top-wrapper-2 .contact-list li a {
  color: var(--white);
}
.header-top-wrapper-2 .contact-list li i {
  margin-right: 8px;
}
.header-top-wrapper-2 .top-right {
  display: flex;
  align-items: center;
  gap: 58px;
}
.header-top-wrapper-2 .text-list {
  display: flex;
  align-items: center;
  gap: 25px;
}
.header-top-wrapper-2 .text-list li {
  color: var(--white);
  font-weight: 400;
}
.header-top-wrapper-2 .text-list li a {
  color: var(--white);
}
.header-top-wrapper-2 .social-icon {
  gap: 20px;
}
.header-top-wrapper-2 .social-icon a {
  color: var(--header);
}
@media (max-width: 1399px) {
  .header-top-wrapper-2 .social-icon a {
    color: var(--white);
  }
}
.header-top-wrapper-2 .social-icon a:hover {
  color: #b91c1c;
}

.header-top-section {
  position: relative;
  z-index: 9;
}
@media (max-width: 575px) {
  .header-top-section {
    display: none;
  }
}
.header-top-section .container-fluid {
  padding: 0 150px;
}
@media (max-width: 1899px) {
  .header-top-section .container-fluid {
    padding: 0 50px;
  }
}
@media (max-width: 1600px) {
  .header-top-section .container-fluid {
    padding: 0 40px;
  }
}
@media (max-width: 1199px) {
  .header-top-section .container-fluid {
    padding: 0 20px;
  }
}

.header-section {
  position: relative;
  background-color: var(--white);
  z-index: 99;
}
.header-section .container-fluid {
  padding: 0 150px;
}
@media (max-width: 1899px) {
  .header-section .container-fluid {
    padding: 0 50px;
  }
}
@media (max-width: 1600px) {
  .header-section .container-fluid {
    padding: 0 40px;
  }
}
@media (max-width: 1199px) {
  .header-section .container-fluid {
    padding: 0 20px;
  }
} */

.header-section-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
.header-section-2 .container-fluid {
  padding: 0 90px;
}
@media (max-width: 1899px) {
  .header-section-2 .container-fluid {
    padding: 0 50px;
  }
}
@media (max-width: 1600px) {
  .header-section-2 .container-fluid {
    padding: 0 40px;
  }
}
@media (max-width: 1199px) {
  .header-section-2 .container-fluid {
    padding: 0 20px;
  }
}

.main-header-wrapper {
  display: flex;
  align-items: center;
  gap: 100px;
}
@media (max-width: 1899px) {
  .main-header-wrapper {
    gap: 70px;
  }
}
@media (max-width: 1600px) {
  .main-header-wrapper {
    gap: 40px;
  }
}
@media (max-width: 1199px) {
  .main-header-wrapper {
    padding: 15px 0;
  }
}
.main-header-wrapper .main-header-items {
  width: 100%;
}
.main-header-wrapper .main-header-items .header-contact-info-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 50px;
  border: 1px solid #D4DCED;
}
@media (max-width: 1600px) {
  .main-header-wrapper .main-header-items .header-contact-info-area {
    padding: 0 30px;
  }
}
@media (max-width: 1199px) {
  .main-header-wrapper .main-header-items .header-contact-info-area {
    display: none;
  }
}
@media (max-width: 575px) {
  .main-header-wrapper .main-header-items .header-contact-info-area {
    gap: 30px;
  }
}
.main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  position: relative;
  padding: 30px 0;
  border-right: 1px solid #D4DCED;
  padding-right: 50px;
}
@media (max-width: 1399px) {
  .main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items {
    border-right: none;
    padding-right: 0;
  }
}
.main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
  background-color: var(--white);
  border-radius: 50%;
  color: #b91c1c;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
  position: relative;
}
@media (max-width: 1399px) {
  .main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  content: "";
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid rgba(30, 32, 35, 0.1);
  transform: translate(-50%, -50%);
}
@media (max-width: 1399px) {
  .main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .icon::before {
    width: 54px;
    height: 54px;
  }
}
.main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .content p {
  color: var(--text);
  margin-bottom: 5px;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.7;
}
.main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .content h3 {
  font-size: 20px;
  color: var(--header);
  text-transform: initial;
}
@media (max-width: 1600px) {
  .main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .content h3 {
    font-size: 18px;
  }
}
.main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .content h3 a {
  color: var(--header);
}
.main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items.style-2 {
  border: none;
  padding-right: 0;
}
@media (max-width: 1600px) {
  .main-header-wrapper .main-header-items .header-contact-info-area .header-button .theme-btn {
    font-size: 14px;
    padding: 24px 27px;
  }
}

.header-1 .logo {
  display: none;
}
@media (max-width: 1399px) {
  .header-1 .header-main .main-menu ul li {
    margin-inline-end: 40px;
  }
}
@media (max-width: 1899px) {
  .header-1 .header-main .main-menu ul li .has-homemenu {
    left: -50px;
  }
}

.header-2 {
  background-color: var(--white);
}
.header-2 .mega-menu-wrapper {
  padding: 0 30px;
  position: relative;
  z-index: 1;
}
@media (max-width: 470px) {
  .header-2 .mega-menu-wrapper {
    padding: 0 15px;
  }
}
.header-2 .mega-menu-wrapper::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 180px;
  content: "";
  background-color: #b91c1c;
  z-index: -1;
}
@media (max-width: 1399px) {
  .header-2 .mega-menu-wrapper::before {
    display: none;
  }
}
@media (max-width: 1399px) {
  .header-2 .mega-menu-wrapper .header-main {
    gap: 30px;
  }
}
@media (max-width: 1399px) {
  .header-2 .mega-menu-wrapper .header-main .main-menu ul li {
    margin-inline-end: 25px;
  }
  .header-2 .mega-menu-wrapper .header-main .main-menu ul li a {
    font-size: 16px;
  }
}
@media (max-width: 1899px) {
  .header-2 .mega-menu-wrapper .header-main .main-menu ul li .has-homemenu {
    left: -50px;
  }
}
.header-2 .header-right {
  gap: 50px !important;
}
@media (max-width: 1399px) {
  .header-2 .header-right {
    gap: 30px !important;
  }
}
.header-2 .header-right .header-button {
  margin-right: 57px;
}
@media (max-width: 1899px) {
  .header-2 .header-right .header-button {
    display: none;
  }
}
.header-2 .header-right .header-button .theme-btn {
  background-color: var(--header);
}
.header-2 .header-right .header-button .theme-btn:hover::before, .header-2 .header-right .header-button .theme-btn:hover::after {
  background-color: #b91c1c;
}
.header-2 .header-right .search-item {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-right: 40px;
}
@media (max-width: 1399px) {
  .header-2 .header-right .search-item {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .header-2 .header-right .search-item {
    gap: 20px;
  }
}
.header-2 .header-right .search-item .search-icon {
  color: var(--white);
}
@media (max-width: 1399px) {
  .header-2 .header-right .search-item .search-icon {
    color: var(--header);
  }
}
.header-2 .header-right .search-item .sidebar__toggle {
  color: var(--white);
}
@media (max-width: 1399px) {
  .header-2 .header-right .search-item .sidebar__toggle {
    color: var(--header);
  }
}

.header-3 {
  position: relative;
  z-index: 99;
  background-color: var(--bg);
  padding-top: 5px;
}
@media (max-width: 1600px) {
  .header-3 {
    padding-top: 0;
  }
}
.header-3 .container-fluid {
  padding: 0 150px;
}
@media (max-width: 1899px) {
  .header-3 .container-fluid {
    padding: 0 30px;
  }
}

.header-3 .header-logo-2 {
  display: none;
}
.header-3 .header-main .main-menu ul li a {
  color: var(--white);
}
.header-3 .header-main .main-menu ul li a:hover {
  color: #b91c1c !important;
}
.header-3 .header-main .header-right {
  gap: 40px;
}
@media (max-width: 1399px) {
  .header-3 .header-main .header-right {
    gap: 20px;
  }
}
.header-3 .header-main .header-right .search-icon {
  color: var(--white);
  font-size: 18px;
}
@media (max-width: 1600px) {
  .header-3 .header-main .header-right .header-button {
    display: none;
  }
}
.header-3 .header-main .sidebar__toggle {
  color: #b91c1c;
}

@media (max-width: 1199px) {
  .menu-thumb {
    display: none !important;
  }
}

.header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
.header-main .main-menu ul {
  margin-bottom: 0;
}
.header-main .main-menu ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-inline-end: 50px;
}
.header-main .main-menu ul li:last-child {
  margin-inline-end: 0;
}
.header-main .main-menu ul li a {
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  color: var(--header);
  padding: 20px 0;
  text-align: left;
  position: relative;
  text-transform: capitalize;
  transition: all 0.4s ease-in-out;
}
.header-main .main-menu ul li a i {
  margin-left: 7px;
}
.header-main .main-menu ul li a:hover {
  color: #b91c1c !important;
}
.header-main .main-menu ul li .submenu {
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  min-width: 240px;
  background: var(--white);
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  transform-origin: top center;
  color:var(--black);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  transform: translateY(10px);
  transition: all 0.4s ease-in-out;
}
.header-main .main-menu ul li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
.header-main .main-menu ul li .submenu li a {
  position: relative;
  z-index: 11;
  font-size: 17px;
  font-weight: 600;
  color: var(--header);
  padding: 0 25px;
  padding-bottom: 11px;
  padding-top: 11px;
  width: 100%;
  border-bottom: 1px solid #eeeeee;
}
.header-main .main-menu ul li .submenu li a:hover {
  color: white !important;
}
.header-main .main-menu ul li .submenu li:last-child a {
  border: none;
}
.header-main .main-menu ul li .submenu li .submenu {
  inset-inline-start: 100%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.header-main .main-menu ul li .submenu li:hover > a {
  background: #b91c1c;
  color: white !important;
}
.header-main .main-menu ul li .submenu li:hover > a::after {
  color: white;
}
.header-main .main-menu ul li .submenu li:hover > .submenu {
  -webkit-transform: translateY(1);
  -moz-transform: translateY(1);
  -ms-transform: translateY(1);
  -o-transform: translateY(1);
  transform: translateY(1);
  visibility: visible;
  opacity: 1;
}
.header-main .main-menu ul li .submenu li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  inset-inline-end: 25px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: white;
}
.header-main .main-menu ul li .has-homemenu {
  width: 800px;
  padding: 30px 30px 10px 30px;
  opacity: 0;
  left: -250px;
  visibility: hidden;
  padding: 30px 30px 10px 30px;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .header-main .main-menu ul li .has-homemenu .homemenu-items {
    flex-wrap: wrap;
  }
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu {
  position: relative;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb {
  position: relative;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  gap: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  margin-top: 20px;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn {
  padding: 14px 20px;
  color: var(--white) !important;
  width: initial;
  font-size: 14px;
  text-align: center;
  border-radius: 0px !important;
  background-color: #b91c1c;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover {
  color: var(--white) !important;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover::before {
  background-color: var(--header);
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6));
  background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover::before {
  visibility: visible;
  opacity: 1;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .demo-button {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
  transform: translateY(50%);
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-thumb img {
  width: 100%;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu .homemenu-title {
  text-align: center;
  margin: 15px auto;
  display: inline-block;
  font-size: 16px;
}
.header-main .main-menu ul li:hover > a {
  color: #b91c1c;
}
.header-main .main-menu ul li:hover > a::after {
  color: #b91c1c;
}
.header-main .main-menu ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}
.header-main .header-right {
  gap: 30px;
}
@media (max-width: 1399px) {
  .header-main .header-right {
    gap: 20px;
  }
}
.header-main .header-right .search-icon {
  color: var(--header);
  font-size: 18px;
}
.header-main .sidebar__toggle {
  cursor: pointer;
  font-size: 20px;
  color: var(--header);
}

.sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  width: 100%;
  z-index: 100;
  transition: all 0.9s;
  background-color: var(--white);
  box-shadow: var(--box-shadow);
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.sticky.header-1 {
  padding: 0 40px;
}
.sticky.header-1 .logo {
  display: block;
}
.sticky.header-3 .header-logo-2 {
  display: block;
}
.sticky.header-3 .header-logo {
  display: none;
}
.sticky.header-3 .header-main .main-menu ul li a {
  color: var(--header);
}
/* .sticky.header-3 .header-main .main-menu ul li a:hover {
  color: white !important;
} */

.sticky.header-3 .header-main .header-right .search-icon {
  color: var(--header);
}



/* Main menu links inside sticky header */
.sticky.header-3 .header-main .main-menu > nav > ul > li > a {
    color: var(--header) !important;
}

/* Keep main menu text visible when hovering */
.sticky.header-3 .header-main .main-menu > nav > ul > li:hover > a,
.sticky.header-3 .header-main .main-menu > nav > ul > li > a:hover {
    color: #b91c1c !important;
}

/* Dropdown submenu links */
.sticky.header-3 .header-main .main-menu ul li .submenu li a {
    color: var(--header) !important;
}

/* Dropdown submenu hover */
.sticky.header-3 .header-main .main-menu ul li .submenu li:hover > a,
.sticky.header-3 .header-main .main-menu ul li .submenu li a:hover {
    color: #ffffff !important;
    background-color: #c91d20;
}






.offcanvas__info {
  background: var(--white) none repeat scroll 0 0;
  border-left: 2px solid #b91c1c;
  position: fixed;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  z-index: 99999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.offcanvas__info::-webkit-scrollbar {
  display: none;
}

.offcanvas__info.info-open {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.offcanvas__logo a img {
  width: 150px;
}

.offcanvas__wrapper {
  position: relative;
  height: 100%;
  padding: 30px 30px;
}
.offcanvas__wrapper .offcanvas__content .text {
  color: var(--text);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  background-color: #b91c1c;
  position: relative;
  z-index: 9;
  cursor: pointer;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close i {
  color: var(--white);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact {
  margin-top: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul {
  margin-top: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li a {
  color: var(--text);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li:not(:last-child) {
  margin-bottom: 15px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon {
  margin-right: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon i {
  color: #b91c1c;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact span {
  text-transform: initial;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .header-button .theme-btn {
  width: 100%;
  padding: 16px 40px;
  margin-top: 15px;
  text-transform: capitalize !important;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon {
  margin-top: 30px;
  gap: 10px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  display: block;
  background: transparent;
  color: var(--text);
  border-radius: 50%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-align: center;
  border: 1px solid var(--border);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a:hover {
  background-color: #b91c1c;
  color: var(--white);
}

.offcanvas__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #151515;
  z-index: 900;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
}

.offcanvas__overlay.overlay-open {
  opacity: 0.8;
  visibility: visible;
}

@media (max-width: 450px) {
  .offcanvas__info {
    width: 300px;
  }
}
@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 20px;
  }
}
.breadcrumb-wrapper {
  position: relative;
  overflow: hidden;
  z-index: 9;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 1199px) {
  .breadcrumb-wrapper {
    padding-top: 80px;
  }
}
@media (max-width: 991px) {
  .breadcrumb-wrapper {
    /* padding-top: 160px; */
    padding-bottom: 0;
  }
}
.breadcrumb-wrapper::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  opacity: 0.85;
  /* background: var(--header); */
}
.breadcrumb-wrapper .shape-image {
  position: absolute;
  right: 0;
  bottom: 10%;
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .shape-image {
    display: none;
  }
}
.breadcrumb-wrapper .page-heading h1 {
  color: #1e2023;
  /* font-size: 74px; */
  position: relative;
  z-index: 9;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .page-heading h1 {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .breadcrumb-wrapper .page-heading h1 {
    font-size: 42px;
  }
}
.breadcrumb-wrapper .page-heading .breadcrumb-items {
  display: flex;
  align-items: center;
  margin-top: 20px;
  gap: 10px;
}
@media (max-width: 575px) {
  .breadcrumb-wrapper .page-heading .breadcrumb-items {
    margin-top: 15px;
  }
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li {
  color: #b91c1c;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 18px;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a {
  color: #1e2023;
  transition: all 0.4s ease-in-out;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li a:hover {
  color: #b91c1c;
}
.breadcrumb-wrapper .page-heading .breadcrumb-items li i {
  color: #1e2023;
  opacity: 0.8;
}
.breadcrumb-wrapper .breadcrumb-wrapper-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .breadcrumb-wrapper-items {
    flex-wrap: wrap;
  }
}
.breadcrumb-wrapper .breadcrumb-wrapper-items .breadcrumb-image {
  position: relative;
  height: 380px;
  margin-bottom: -50px;
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .breadcrumb-wrapper-items .breadcrumb-image {
    margin-bottom: 0;
  }
  .breadcrumb-wrapper .breadcrumb-wrapper-items .breadcrumb-image img {
    width: 100%;
    height: 100%;
  }
}
.breadcrumb-wrapper .breadcrumb-wrapper-items .breadcrumb-image .bar-shape {
  position: absolute;
  top: -60px;
  bottom: 0;
  left: -27%;
  z-index: -1;
}
@media (max-width: 991px) {
  .breadcrumb-wrapper .breadcrumb-wrapper-items .breadcrumb-image .bar-shape {
    display: none;
  }
}
.breadcrumb-wrapper .breadcrumb-wrapper-items .breadcrumb-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}






/* =====================================================
   DCS ABOUT PAGE BANNER — FINAL CLEAN CSS
===================================================== */

.dcs-about-page-banner,
.dcs-about-page-banner *,
.dcs-about-page-banner *::before,
.dcs-about-page-banner *::after {
    box-sizing: border-box;
}

.dcs-about-page-banner {
    position: relative;
    width: 100%;
    aspect-ratio: 1920 / 700;
    min-height: 0;
    margin-bottom: 60px;
    padding: 0;
    overflow: hidden;

    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}

.dcs-about-page-banner__container {
    width: 100%;
    max-width: 1320px;
    height: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.dcs-about-page-banner__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    width: 100%;
    height: 100%;
    text-align: left;
}

/* =====================================================
   BREADCRUMB
===================================================== */

.dcs-about-page-banner__breadcrumb {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;

    width: auto;
    margin: 0 0 8px;
    padding: 0;

    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}

.dcs-about-page-banner__breadcrumb a {
    color: #1e2023;
    text-decoration: none;
    transition: color 0.3s ease;
}

.dcs-about-page-banner__breadcrumb a:hover {
    color: #b91c1c;
}

.dcs-about-page-banner__slash {
    color: #1e2023;
    font-size: 20px;
    line-height: 1;
}

.dcs-about-page-banner__current {
    color: #b91c1c;
}

/* =====================================================
   HEADING
===================================================== */

.dcs-about-page-banner__heading {
    display: block;
    width: auto;
    max-width: 100%;

    margin: 0;
    padding: 0;

    color: #1e2023;
    font-size: 71px;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: 0;

    text-align: left;
    text-transform: uppercase;

    /* Important: allows the BR tag to work */
    white-space: normal !important;
}

/* Force the existing BR tag to create a new line */
.dcs-about-page-banner__heading br {
    display: block !important;
    content: "" !important;
}

/* =====================================================
   LAPTOP — 992PX TO 1199PX
===================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .dcs-about-page-banner {
        aspect-ratio: 1920 / 700;
        margin-bottom: 50px;
    }

    .dcs-about-page-banner__container {
        max-width: 100%;
        padding: 0 55px;
    }

    .dcs-about-page-banner__breadcrumb {
        gap: 8px;
        margin-bottom: 7px;
        font-size: 16px;
    }

    .dcs-about-page-banner__slash {
        font-size: 18px;
    }

    .dcs-about-page-banner__heading {
        font-size: 46px;
        line-height: 1.02;
        white-space: normal !important;
    }

    .dcs-about-page-banner__heading br {
        display: block !important;
    }
}

/* =====================================================
   TABLET — 768PX TO 991PX
===================================================== */

@media only screen and (max-width: 991px) {

    .dcs-about-page-banner {
        aspect-ratio: 1920 / 670;
        margin-bottom: 45px;
    }

    .dcs-about-page-banner__container {
        max-width: 100%;
        padding: 0 55px;
    }

    /* Hide breadcrumb on tablet */
    .dcs-about-page-banner__breadcrumb {
        display: none !important;
    }

    .dcs-about-page-banner__heading {
        font-size: 33px;
        line-height: 1.02;
        white-space: normal !important;
    }

    .dcs-about-page-banner__heading br {
        display: block !important;
    }
}

/* =====================================================
   LARGE MOBILE — 426PX TO 767PX
===================================================== */

@media only screen and (max-width: 767px) {

    .dcs-about-page-banner {
        aspect-ratio: 425 / 220;
        margin-bottom: 35px;
    }

    .dcs-about-page-banner__container {
        max-width: 100%;
        padding: 0 20px;
    }

    .dcs-about-page-banner__breadcrumb {
        display: none !important;
    }

    .dcs-about-page-banner__heading {
        font-size: 20px;
        line-height: 1.02;
        white-space: normal !important;
    }

    .dcs-about-page-banner__heading br {
        display: block !important;
    }
}

/* =====================================================
   MEDIUM MOBILE — 376PX TO 425PX
===================================================== */

@media only screen and (max-width: 425px) {

    .dcs-about-page-banner {
        aspect-ratio: 425 / 220;
        margin-bottom: 30px;
    }

    .dcs-about-page-banner__container {
        padding: 0 18px;
    }

    .dcs-about-page-banner__breadcrumb {
        display: none !important;
    }

    .dcs-about-page-banner__heading {
        font-size: 18px;
        line-height: 1.02;
        white-space: normal !important;
    }

    .dcs-about-page-banner__heading br {
        display: block !important;
    }
}

/* =====================================================
   SMALL MOBILE — 320PX TO 375PX
===================================================== */

@media only screen and (max-width: 375px) {

    .dcs-about-page-banner {
        aspect-ratio: 320 / 180;
        margin-bottom: 25px;
    }

    .dcs-about-page-banner__container {
        padding: 0 14px;
    }

    .dcs-about-page-banner__breadcrumb {
        display: none !important;
    }

    .dcs-about-page-banner__heading {
        font-size: 15px;
        line-height: 1.02;
        white-space: normal !important;
    }

    .dcs-about-page-banner__heading br {
        display: block !important;
    }
}













.error-items {
  text-align: center;
}
.error-items .error-image {
  max-width: 896px;
  margin: 0 auto 50px;
  text-align: center;
}
.error-items .error-image img {
  width: 100%;
  height: 100%;
}
.error-items h2 {
  margin-bottom: 15px;
  font-size: 60px;
  font-weight: 600;
}
.error-items h2 b {
  color: #b91c1c;
  font-weight: 400;
}
.error-items p {
  font-size: 18px;
  margin-bottom: 30px;
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #b91c1c;
  border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #b91c1c;
  border-radius: 10px;
}

.fix {
  overflow: hidden;
}

.ralt {
  position: relative;
}

.ml-50 {
  margin-left: 50px;
}
@media (max-width: 1199px) {
  .ml-50 {
    margin-left: 0;
  }
}

.ripple {
  position: relative;
}
.ripple::before, .ripple::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 60px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(56, 75, 255, 0.5);
  -webkit-animation: rippleOne 3s infinite;
  animation: rippleOne 3s infinite;
}
.ripple::before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}
.ripple::after {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}

.swiper-dot-2 {
  text-align: center;
}
.swiper-dot-2 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  transition: 0.6s;
  background-color: var(--white);
  opacity: 1;
  border-radius: 10px;
}
.swiper-dot-2 .swiper-pagination-bullet:not(:last-child) {
  margin-right: 10px;
}
.swiper-dot-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #b91c1c;
  transition: 0.6s;
  position: relative;
}
.swiper-dot-2 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  position: absolute;
  width: 22px;
  height: 22px;
  line-height: 22px;
  top: -6px;
  left: -6px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid #b91c1c;
  content: "";
}

.swiper-dot .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  transition: 0.6s;
  background-color: var(--white);
  opacity: 1;
  border-radius: 6px;
}
.swiper-dot .swiper-pagination-bullet:not(:last-child) {
  margin-right: 12px;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #b91c1c;
  transition: 0.6s;
  position: relative;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  position: absolute;
  width: 22px;
  height: 22px;
  line-height: 22px;
  top: -8px;
  left: -8px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid var(--white);
  content: "";
}

.mega-hover {
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.mega-hover:after, .mega-hover:before {
  content: "";
  position: absolute;
  pointer-events: none;
  opacity: 1;
  z-index: -1;
}

.mega-hover:before {
  top: 0;
  right: 51%;
  bottom: 0;
  left: 50%;
  background: rgba(255, 255, 255, 0.2);
}

.mega-hover:after {
  top: 50%;
  right: 0;
  bottom: 50%;
  left: 0;
  background: rgba(245, 255, 255, 0.3);
}

.mega-hover:hover:before {
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 900ms linear;
  transition: all 900ms linear;
}

.mega-hover:hover:after {
  top: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 900ms linear;
  transition: all 900ms linear;
}

.array-button .array-prev {
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  background-color: transparent;
  color: var(--white);
  border-radius: 50%;
  transition: all 0.4s ease-in-out;
  border: 1px solid var(--white);
}
.array-button .array-prev:hover {
  background-color: var(--white);
  color: var(--header);
}
.array-button .array-next {
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  background-color: var(--theme2);
  color: var(--white);
  border-radius: 50%;
  border: 1px solid transparent;
  transition: all 0.4s ease-in-out;
}
.array-button .array-next:hover {
  background-color: var(--white);
  color: var(--header);
}

.mt-10 {
  margin-top: 10px;
}

@media (max-width: 767px) {
  br {
    display: none;
  }
}

.mt-60 {
  margin-top: 55px;
}

.mb-40 {
  margin-bottom: 40px;
}

/* background */
.bg-cover {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center;
  margin-bottom: 60px;
  height: 500px;
}

.bg-cover-2 {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center;
  width: 100%;
  height: 100%;
}

.nice-select {
  background-color: transparent;
  border: transparent;
  float: initial;
  overflow: initial;
  height: initial;
  padding: 0;
  display: inline-flex;
  align-items: center;
  line-height: 150%;
  width: 100%;
  border: none;
}
.nice-select:focus, .nice-select:hover {
  border-color: transparent;
}
.nice-select::after {
  height: 8px;
  width: 8px;
  right: -25px;
  top: 15px;
  border-color: var(--header);
  border-bottom: 2px solid var(--header);
  border-right: 2px solid var(--header);
}
.nice-select .list {
  width: initial;
  background-color: #b91c1c;
  box-shadow: none;
  overflow: initial;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
  width: 100%;
  top: 100%;
  padding: 0;
  max-height: 50vh;
  overflow-x: auto;
  right: -50px;
}
.nice-select .list::-webkit-scrollbar {
  width: 2px;
  opacity: 1;
  display: block;
}
.nice-select .list::-webkit-scrollbar-button, .nice-select .list::-webkit-scrollbar-thumb {
  background: var(--header);
}
.nice-select .option {
  background-color: transparent;
  font-size: 16px;
  line-height: 150%;
  padding: 4px 5px;
  min-height: initial;
  font-weight: 500;
}
.nice-select .option:hover, .nice-select .option:focus, .nice-select .option.selected.focus {
  background-color: transparent;
}
.nice-select .current {
  font-weight: 500;
  color: var(--header);
}

.page-nav-wrap ul li {
  display: inline-block;
  text-align: center;
}
.page-nav-wrap ul li .page-numbers {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: transparent;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
  margin: 0 2px;
  border: 1px solid #E3E3E3;
  color: var(--header);
}
.page-nav-wrap ul li .page-numbers.current {
  background-color: #b91c1c;
  color: var(--white);
}
@media (max-width: 767px) {
  .page-nav-wrap ul li .page-numbers {
    margin-top: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
}
.page-nav-wrap ul li .page-numbers i {
  margin-top: 2px;
}
.page-nav-wrap ul li .page-numbers.icon {
  border: none;
  background-color: transparent;
  color: #b91c1c;
}
.page-nav-wrap ul li .page-numbers.icon:hover {
  border: none;
  background-color: transparent;
  color: #b91c1c;
}
.page-nav-wrap ul li .page-numbers:hover {
  background-color: #b91c1c;
  color: var(--white);
  border: 1px solid transparent;
}

.bor-bottom {
  border-bottom: 1px solid var(--border-2);
}

.pt-100 {
  padding-top: 100px;
}
@media (max-width: 991px) {
  .pt-100 {
    padding-top: 80px;
  }
}

.pb-100 {
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .pb-100 {
    padding-bottom: 80px;
  }
}

.margin-top-10 {
  margin-top: -10px;
}

.margin-top-5 {
  margin-top: -5px;
}

.margin-top-60 {
  margin-top: -65px;
}
@media (max-width: 1399px) {
  .margin-top-60 {
    margin-top: -25px;
  }
}
@media (max-width: 1199px) {
  .margin-top-60 {
    margin-top: -27px;
  }
}
@media (max-width: 991px) {
  .margin-top-60 {
    margin-top: -75px;
  }
}
@media (max-width: 767px) {
  .margin-top-60 {
    margin-top: -65px;
  }
}

.margin-top-8 {
  margin-top: -10px;
}

.custom-container {
  max-width: 1328px;
  margin: 0 auto;
}

.box-shadow {
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.06);
}

.reveal {
  position: relative;
  display: -ms-inline-flexbox;
  visibility: hidden;
  overflow: hidden;
}

.reveal img {
  height: 100%;
  width: 100%;
  display: inline-block;
  -o-object-fit: cover;
  object-fit: cover;
  transform-origin: left;
}

.image-anime {
  position: relative;
  overflow: hidden;
}

.image-anime:after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}

.image-anime:hover:after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}

.hero-1 {
  background-color: var(--bg);
  position: relative;
  padding: 330px 0 60px;
}
.hero-1 .container-fluid {
  padding: 0 150px;
}
@media (max-width: 1899px) {
  .hero-1 .container-fluid {
    padding: 0 40px;
  }
}
@media (max-width: 1399px) {
  .hero-1 .container-fluid {
    padding: 0 25px;
  }
}
.hero-1 .line-shape {
  position: absolute;
  bottom: 0;
  left: 0;
}
.hero-1 .hero-content {
  background-color: #b91c1c;
  padding: 105px 70px;
  clip-path: polygon(0% 15%, 0 11%, 11% 0, 85% 0%, 100% 0, 100% 15%, 100% 88%, 91% 100%, 94% 100%, 15% 100%, 0 100%, 0% 85%);
  max-width: 870px;
  position: relative;
}
@media (max-width: 1399px) {
  .hero-1 .hero-content {
    padding: 70px 40px;
  }
}
@media (max-width: 991px) {
  .hero-1 .hero-content {
    padding: 70px 50px;
  }
}
@media (max-width: 767px) {
  .hero-1 .hero-content {
    padding: 70px 40px;
  }
}
@media (max-width: 575px) {
  .hero-1 .hero-content {
    padding: 60px 30px;
  }
}
.hero-1 .hero-content .vector-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.hero-1 .hero-content .vector-shape-2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.hero-1 .hero-content h1 {
  color: var(--white);
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .hero-1 .hero-content h1 br {
    display: none;
  }
}
@media (max-width: 1399px) {
  .hero-1 .hero-content h1 {
    font-size: 74px;
  }
}
@media (max-width: 1199px) {
  .hero-1 .hero-content h1 {
    font-size: 64px;
  }
}
@media (max-width: 991px) {
  .hero-1 .hero-content h1 {
    font-size: 54px;
  }
}
@media (max-width: 767px) {
  .hero-1 .hero-content h1 {
    font-size: 46px;
    line-height: 126%;
  }
}
@media (max-width: 575px) {
  .hero-1 .hero-content h1 {
    font-size: 32px;
  }
}
.hero-1 .hero-content p {
  font-size: 23px;
  font-weight: 500;
  color: var(--white);
  margin-top: 20px;
}
@media (max-width: 991px) {
  .hero-1 .hero-content p {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .hero-1 .hero-content p {
    font-size: 19px;
  }
}
@media (max-width: 575px) {
  .hero-1 .hero-content p {
    font-size: 17px;
  }
}
.hero-1 .hero-content .hero-button {
  margin-top: 50px;
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 575px) {
  .hero-1 .hero-content .hero-button {
    flex-wrap: wrap;
    margin-top: 30px;
  }
}
.hero-1 .hero-content .hero-button .button-text {
  color: var(--white);
  font-weight: 500;
}
.hero-1 .hero-content .hero-button .button-text .video-btn {
  width: 55px;
  height: 55px;
  line-height: 55px;
  display: inline-block;
  background-color: transparent;
  border: 1px solid var(--white);
  border-radius: 50%;
  text-align: center;
  color: var(--white);
}
.hero-1 .hero-image-items {
  margin-right: -48%;
  position: relative;
}
@media (max-width: 991px) {
  .hero-1 .hero-image-items {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .hero-1 .hero-image-items .hero-image {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .hero-1 .hero-image-items .hero-image {
    height: 520px;
  }
}
@media (max-width: 575px) {
  .hero-1 .hero-image-items .hero-image {
    height: 420px;
  }
}
.hero-1 .hero-image-items .hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-1 .hero-image-items .array-button {
  display: flex;
  align-items: center;
  gap: 500px;
  margin-top: 40px;
  position: relative;
}
@media (max-width: 1899px) {
  .hero-1 .hero-image-items .array-button {
    gap: 50px;
    justify-content: start;
  }
}
@media (max-width: 991px) {
  .hero-1 .hero-image-items .array-button {
    justify-content: center;
  }
}
.hero-1 .hero-image-items .array-button::before {
  position: absolute;
  top: 14px;
  left: 100px;
  content: "";
  width: 465px;
  height: 1px;
  opacity: 0.5;
  background: var(--white);
}
@media (max-width: 1899px) {
  .hero-1 .hero-image-items .array-button::before {
    display: none;
  }
}
.hero-1 .hero-image-items .array-button .array-prevs, .hero-1 .hero-image-items .array-button .array-nexts {
  color: var(--white);
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 5px;
}
.hero-1 .hero-image-items .array-button .array-nexts {
  color: #b91c1c;
}

.hero-2 {
  position: relative;
  z-index: 9;
  padding: 230px 0 400px;
  position: relative;
}
@media (max-width: 1399px) {
  .hero-2 {
    padding: 235px 0 150px;
  }
}
@media (max-width: 767px) {
  .hero-2 {
    padding: 195px 0 120px;
  }
}
@media (max-width: 575px) {
  .hero-2 {
    padding: 175px 0 100px;
  }
}
.hero-2::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background: rgba(18, 19, 21, 0.85);
}
.hero-2 .hero-image {
  position: absolute;
  top: 220px;
  left: 89px;
}
@media (max-width: 1899px) {
  .hero-2 .hero-image {
    left: 0;
  }
  .hero-2 .hero-image img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1600px) {
  .hero-2 .hero-image {
    max-width: 500px;
    left: 0;
  }
  .hero-2 .hero-image img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1399px) {
  .hero-2 .hero-image {
    display: none;
  }
}
.hero-2 .hero-image-2 {
  position: absolute;
  top: 220px;
  right: 89px;
}
@media (max-width: 1600px) {
  .hero-2 .hero-image-2 {
    max-width: 500px;
    right: 0;
  }
  .hero-2 .hero-image-2 img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1399px) {
  .hero-2 .hero-image-2 {
    display: none;
  }
}
.hero-2 .hero-image-2 .video-box {
  width: 218px;
  height: 218px;
  text-align: center;
  background-color: #b91c1c;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.hero-2 .hero-image-2 .video-box .video-btn {
  width: 62px;
  height: 62px;
  background-color: var(--white);
  color: #b91c1c;
  line-height: 62px;
  text-align: center;
  display: inline-block;
  position: relative;
}
.hero-2 .hero-image-2 .video-box .video-btn::before {
  width: 76px;
  height: 76px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid var(--white);
  content: "";
}
.hero-2 .hero-image-2 .video-box .video-text {
  color: var(--white);
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 15px;
}
.hero-2 .hero-image-2 .video-box .video-items {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hero-2 .hero-content {
  position: relative;
  z-index: 9;
  margin-left: 30px;
  margin-top: -35px;
}
@media (max-width: 1399px) {
  .hero-2 .hero-content {
    text-align: center;
    margin-top: 0;
    margin-left: 0;
  }
}
.hero-2 .hero-content h1 {
  font-size: 90px;
  color: var(--white);
  letter-spacing: -2.7px;
  text-transform: uppercase;
  line-height: 118%;
}
@media (max-width: 1399px) {
  .hero-2 .hero-content h1 {
    font-size: 80px;
  }
}
@media (max-width: 991px) {
  .hero-2 .hero-content h1 {
    font-size: 70px;
  }
}
@media (max-width: 767px) {
  .hero-2 .hero-content h1 {
    font-size: 55px;
  }
}
@media (max-width: 575px) {
  .hero-2 .hero-content h1 {
    font-size: 42px;
  }
}
.hero-2 .hero-content h1 b {
  text-align: center;
  display: block;
}
.hero-2 .hero-text {
  max-width: 500px;
  position: absolute;
  bottom: 85px;
  right: 28%;
}
@media (max-width: 1399px) {
  .hero-2 .hero-text {
    position: static;
    text-align: center;
    margin: 30px auto 0;
  }
}
.hero-2 .hero-text p {
  font-weight: 500;
  color: var(--white);
  margin-bottom: 25px;
}

.hero-3 {
  position: relative;
}
.hero-3 .swiper-dot-2 {
  position: absolute;
  right: 70px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  transform: rotate(90deg);
}
@media (max-width: 1399px) {
  .hero-3 .swiper-dot-2 {
    display: none;
  }
}
.hero-3::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--bg);
  height: 25%;
}
.hero-3 .hero-image {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: bottom center;
  position: relative;
  z-index: 9;
  overflow: hidden;
  margin: 100px 50px 0;
  border-radius: 30px;
}
@media (max-width: 1399px) {
  .hero-3 .hero-image {
    margin: 0 0;
    border-radius: 0;
  }
}
.hero-3 .hero-content {
  padding: 130px 100px 270px;
}
@media (max-width: 1600px) {
  .hero-3 .hero-content {
    padding: 120px 30px 170px;
  }
}
@media (max-width: 1399px) {
  .hero-3 .hero-content {
    padding: 210px 30px 170px;
  }
}
@media (max-width: 767px) {
  .hero-3 .hero-content {
    padding: 170px 30px 170px;
  }
}
.hero-3 .hero-content .video-btn {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--white);
  color: #b91c1c;
  margin-bottom: 40px;
}
.hero-3 .hero-content .ripple::before, .hero-3 .hero-content .ripple::after {
  width: 70px;
  height: 70px;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}
.hero-3 .hero-content h1 {
  font-size: 60px;
  color: var(--white);
  /* text-transform: uppercase; */
}
@media (max-width: 1199px) {
  .hero-3 .hero-content h1 {
    font-size: 82px;
  }
}
@media (max-width: 991px) {
  .hero-3 .hero-content h1 {
    font-size: 70px;
  }
}
@media (max-width: 767px) {
  .hero-3 .hero-content h1 {
    font-size: 52px;
  }
}
@media (max-width: 575px) {
  .hero-3 .hero-content h1 {
    font-size: 42px;
  }
}
.hero-3 .hero-content p {
  font-size: 19px;
  font-weight: 500;
  color: var(--white);
  max-width: 680px;
  margin-top: 25px;
}
.hero-3 .hero-content .hero-button {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .hero-3 .hero-content .hero-button {
    margin-top: 30px;
  }
}

.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}
.mean-container .mean-nav > ul .homemenu-items {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .mean-container .mean-nav > ul .homemenu-items {
    flex-wrap: wrap;
  }
}
.mean-container .mean-nav > ul .homemenu-items .homemenu {
  position: relative;
}
@media (max-width: 1199px) {
  .mean-container .mean-nav > ul .homemenu-items .homemenu {
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid var(--border);
    padding: 10px;
  }
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb {
  position: relative;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb .demo-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  gap: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  margin-top: 20px;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn {
  padding: 12px 20px;
  color: var(--white) !important;
  width: initial;
  font-size: 16px;
  text-align: center;
  border-radius: 0;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb .demo-button .theme-btn:hover {
  color: var(--white) !important;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(20, 19, 19, 0)), to(#5e5ef6));
  background: linear-gradient(to bottom, rgba(99, 92, 92, 0) 0%, #252527 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb:hover::before {
  visibility: visible;
  opacity: 1;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb:hover .demo-button {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb:hover .homemenu-btn {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
  transform: translateY(50%);
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb img {
  width: 100%;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-title {
  text-align: center;
  margin: 15px auto;
  display: inline-block;
  font-size: 16px;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: var(--header);
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  text-transform: capitalize;
  border-bottom: 1px solid var(--border) !important;
  border: none;
}
.mean-container .mean-nav ul li a:hover {
  color: #b91c1c;
}

.mean-container .mean-nav ul li a:last-child {
  border-bottom: 0;
}

.mean-container .mean-nav ul li a:hover {
  color: var(--theme2);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 5px;
  padding: 0 !important;
}

.mean-container .mean-nav ul li > a > i {
  display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
  font-size: 18px;
}

.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transition: all 0.4s ease-in-out;
}

.mean-container .mean-nav ul li .mega-menu li a {
  height: 200px;
  width: 100%;
  padding: 0;
  border-top: 0;
  margin-bottom: 20px;
}

.news-image-items {
  margin-top: 30px;
  height: 546px;
  position: relative;
  z-index: 9;
}
.news-image-items::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background: linear-gradient(180deg, rgba(18, 19, 21, 0) 0%, #121315 100%);
}
.news-image-items .news-content {
  position: absolute;
  bottom: 40px;
  left: 40px;
}
.news-image-items .news-content ul {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 20px;
}
.news-image-items .news-content ul li {
  font-size: 14px;
  font-weight: 500;
  color: var(--white);
}
.news-image-items .news-content ul li i {
  color: #b91c1c;
  margin-right: 8px;
}
.news-image-items .news-content h3 {
  font-size: 28px;
  margin-bottom: 10px;
}
.news-image-items .news-content h3 a {
  color: var(--white);
}
.news-image-items .news-content h3 a:hover {
  color: #b91c1c;
}

.news-right-items {
  margin-top: 30px;
}
.news-right-items .news-card-items {
  background-color: var(--white);
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
  position: relative;
  display: flex;
  align-items: center;
  gap: 25px;
  justify-content: space-between;
}
@media (max-width: 1399px) {
  .news-right-items .news-card-items {
    flex-wrap: wrap;
    gap: 0;
  }
}
@media (max-width: 1399px) {
  .news-right-items .news-card-items .news-image {
    padding-left: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .news-right-items .news-card-items .news-image {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .news-right-items .news-card-items .news-image {
    padding-left: 30px;
    padding-bottom: 30px;
  }
}
.news-right-items .news-card-items:not(:last-child) {
  margin-bottom: 30px;
}
.news-right-items .news-card-items .news-content {
  padding: 30px;
}
.news-right-items .news-card-items .news-content ul {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 15px;
}
.news-right-items .news-card-items .news-content ul li {
  font-size: 14px;
  font-weight: 500;
  color: var(--text);
}
.news-right-items .news-card-items .news-content ul li i {
  color: #b91c1c;
  margin-right: 8px;
}
.news-right-items .news-card-items .news-content h4 {
  margin-bottom: 10px;
}
.news-right-items .news-card-items .news-content h4 a:hover {
  color: #b91c1c;
}
.news-right-items .news-card-items .news-content .link-btn {
  color: #b91c1c;
  margin-top: 13px;
}
.news-right-items .news-card-items .news-content .link-btn i {
  transform: rotate(0);
}

.news-section {
  position: relative;
}
.news-section .shape-1 {
  position: absolute;
  left: 0;
  top: 15%;
}
.news-section .shape-2 {
  position: absolute;
  right: 70px;
  bottom: 0;
}
.news-section .shape-3 {
  position: absolute;
  bottom: 0;
  left: 0;
}
.news-section .shape-4 {
  position: absolute;
  bottom: 0;
  right: 0;
}

.news-box-items {
  margin-top: 30px;
  background-color: #F5F5F5;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
}
.news-box-items .news-image {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.news-box-items .news-image img {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.news-box-items .news-image img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translateX(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.news-box-items .news-content {
  padding: 20px 30px;
}
.news-box-items .news-content .post-list {
  display: flex;
  align-items: center;
  gap: 95px;
  margin-bottom: 15px;
}
.news-box-items .news-content .post-list li {
  transition: all 0.4s ease-in-out;
}
.news-box-items .news-content h4 {
  margin-bottom: 30px;
}
.news-box-items .news-content .author-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--border);
  padding-top: 30px;
  transition: all 0.4s ease-in-out;
}
.news-box-items .news-content .author-items .author-info {
  display: flex;
  align-items: center;
  gap: 14px;
}
.news-box-items .news-content .author-items .author-info .content h6 {
  font-size: 14px;
}
.news-box-items .news-content .author-items .author-info .content p {
  font-size: 14px;
}
.news-box-items .news-content .author-items .link-btn {
  color: #b91c1c;
}
.news-box-items:hover, .news-box-items.active {
  background-color: var(--header);
}
.news-box-items:hover .news-image img:first-child, .news-box-items.active .news-image img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translateX(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.news-box-items:hover .news-image img:nth-child(2), .news-box-items.active .news-image img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.news-box-items:hover .news-content .post-list li, .news-box-items.active .news-content .post-list li {
  color: var(--white);
}
.news-box-items:hover .news-content h4 a, .news-box-items.active .news-content h4 a {
  color: var(--white);
}
.news-box-items:hover .news-content h4 a:hover, .news-box-items.active .news-content h4 a:hover {
  color: #b91c1c;
}
.news-box-items:hover .news-content .author-items, .news-box-items.active .news-content .author-items {
  border-top: 1px solid var(--white);
}
.news-box-items:hover .news-content .author-items .author-info .content h6, .news-box-items.active .news-content .author-items .author-info .content h6 {
  color: var(--white);
}
.news-box-items:hover .news-content .author-items .author-info .content p, .news-box-items.active .news-content .author-items .author-info .content p {
  color: var(--white);
}

.main-sidebar .single-sidebar-widget {
  padding: 40px 30px;
  background-color: #F2F5FA;
  margin-bottom: 30px;
}
.main-sidebar .single-sidebar-widget .wid-title {
  margin-bottom: 25px;
}
.main-sidebar .single-sidebar-widget .wid-title h3 {
  position: relative;
  padding-bottom: 15px;
  display: inline-block;
  font-size: 22px;
  font-weight: 600;
}
.main-sidebar .single-sidebar-widget .wid-title h3::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 2px;
  content: "";
  background-color: var(--header);
}
.main-sidebar .single-sidebar-widget .wid-title h3::before {
  position: absolute;
  bottom: 0;
  left: 30px;
  width: 63px;
  height: 2px;
  content: "";
  background-color: #b91c1c;
}
.main-sidebar .single-sidebar-widget .search-widget form {
  width: 100%;
  position: relative;
}
.main-sidebar .single-sidebar-widget .search-widget form input {
  background-color: var(--white);
  font-size: 16px;
  padding: 20px;
  width: 100%;
  border: none;
  color: var(--text);
}
.main-sidebar .single-sidebar-widget .search-widget form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  font-size: 18px;
  height: 100%;
  background-color: #b91c1c;
  color: var(--white);
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.main-sidebar .single-sidebar-widget .search-widget form button:hover {
  background-color: var(--header);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 25px;
  background-color: var(--white);
  font-weight: 500;
  transition: all 0.4s ease-in-out;
  border-radius: 0;
  font-size: 16px;
  line-height: 1;
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li a {
  color: var(--header);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li span {
  transition: all 0.4s ease-in-out;
  color: var(--header);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li:not(:last-child) {
  margin-bottom: 12px;
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li:hover {
  background-color: #b91c1c;
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li:hover a {
  color: var(--white);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li:hover span {
  color: var(--white);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li.active {
  background-color: #b91c1c;
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li.active a {
  color: var(--white);
}
.main-sidebar .single-sidebar-widget .news-widget-categories ul li.active span {
  color: var(--white);
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items {
  display: flex;
  align-items: center;
  gap: 20px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items:not(:last-child) {
  margin-bottom: 20px;
  border-bottom: 1px solid var(--border);
  padding-bottom: 20px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content ul {
  margin-bottom: 8px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content ul li i {
  color: #b91c1c;
  margin-right: 5px;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content h6 {
  font-size: 18px;
  font-weight: 600;
}
.main-sidebar .single-sidebar-widget .recent-post-area .recent-items .recent-content h6 a:hover {
  color: #b91c1c;
}
.main-sidebar .single-sidebar-widget .tagcloud a {
  display: inline-block;
  padding: 11px 20px;
  line-height: 1;
  font-size: 16px;
  font-weight: 500;
  background: var(--white);
  margin-right: 5px;
  text-transform: capitalize;
  margin-bottom: 10px;
  border-radius: 0;
  transition: all 0.4s ease-in-out;
  color: var(--text);
}
.main-sidebar .single-sidebar-widget .tagcloud a:last-child {
  margin-right: 0;
}
.main-sidebar .single-sidebar-widget .tagcloud a:hover {
  background-color: #b91c1c;
  color: var(--white);
}
.main-sidebar .single-sidebar-widget .brochures-download-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-sidebar .single-sidebar-widget .brochures-download-items:not(:last-child) {
  margin-bottom: 30px;
}
.main-sidebar .single-sidebar-widget .brochures-download-items .brochures-items {
  display: flex;
  align-items: center;
  gap: 15px;
}
.main-sidebar .single-sidebar-widget .brochures-download-items .brochures-items .icon {
  font-size: 40px;
  color: #b91c1c;
}
.main-sidebar .single-sidebar-widget .brochures-download-items .download-btn {
  width: 43px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  display: inline-block;
  background-color: var(--header);
  font-size: 16px;
  color: var(--white);
  transition: all 0.4s ease-in-out;
}
.main-sidebar .single-sidebar-widget .brochures-download-items .download-btn:hover, .main-sidebar .single-sidebar-widget .brochures-download-items .download-btn.active {
  background-color: #b91c1c;
}
.main-sidebar .single-sidebar-widget .brochures-download-items .download-btn.active:hover {
  background-color: var(--header);
}
.main-sidebar .service-sidebar-widget .contact-bg {
  padding: 60px 45px;
  text-align: center;
}
@media (max-width: 1199px) {
  .main-sidebar .service-sidebar-widget .contact-bg {
    padding: 50px 30px;
  }
}
@media (max-width: 991px) {
  .main-sidebar .service-sidebar-widget .contact-bg {
    padding: 50px 30px;
  }
}
.main-sidebar .service-sidebar-widget .contact-bg p {
  font-size: 18px;
  color: var(--white);
  font-weight: 600;
}
.main-sidebar .service-sidebar-widget .contact-bg img {
  margin-top: 70px;
  margin-bottom: 70px;
}
@media (max-width: 1399px) {
  .main-sidebar .service-sidebar-widget .contact-bg .theme-btn {
    padding: 22px 30px;
  }
}

.news-standard-wrapper .news-standard-items {
  background-color: #F5F5F5;
  position: relative;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .news-standard-wrapper .news-standard-items {
    margin-bottom: 30px;
  }
}
.news-standard-wrapper .news-standard-items .news-thumb {
  position: relative;
}
.news-standard-wrapper .news-standard-items .news-thumb img {
  width: 100%;
  height: 100%;
}
.news-standard-wrapper .news-standard-items .news-thumb .video-box {
  width: 70px;
  height: 70px;
  border: 1px solid #b91c1c;
  line-height: 70Px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.news-standard-wrapper .news-standard-items .news-thumb .video-box .video-btn {
  width: 57px;
  height: 57px;
  background-color: #b91c1c;
  color: var(--white);
  line-height: 57px;
  text-align: center;
  display: inline-block;
}
.news-standard-wrapper .news-standard-items .news-content {
  padding: 30px 40px;
  position: relative;
  z-index: 9;
}
@media (max-width: 767px) {
  .news-standard-wrapper .news-standard-items .news-content {
    padding: 30px;
  }
}
.news-standard-wrapper .news-standard-items .news-content .date-list {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 15px;
}
@media (max-width: 1199px) {
  .news-standard-wrapper .news-standard-items .news-content .date-list {
    gap: 20px;
    flex-wrap: wrap;
  }
}
.news-standard-wrapper .news-standard-items .news-content .date-list li {
  font-size: 16px;
  font-weight: 400;
}
.news-standard-wrapper .news-standard-items .news-content .date-list li i {
  color: #b91c1c;
  margin-right: 5px;
}
.news-standard-wrapper .news-standard-items .news-content h3 {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 30px;
}
.news-standard-wrapper .news-standard-items .news-content h3 a:hover {
  color: #b91c1c;
}
@media (max-width: 767px) {
  .news-standard-wrapper .news-standard-items .news-content h3 {
    font-size: 27px;
  }
}
@media (max-width: 575px) {
  .news-standard-wrapper .news-standard-items .news-content h3 {
    font-size: 25px;
  }
}
@media (max-width: 1199px) {
  .news-standard-wrapper .news-standard-items .array-button {
    display: none;
  }
}
.news-standard-wrapper .news-standard-items .array-button .array-prev {
  position: absolute;
  top: 27%;
  left: 40px;
  transform: translateY(-50%);
  z-index: 9;
  background-color: #FCEDE8;
  color: #b91c1c;
  border: none;
}
.news-standard-wrapper .news-standard-items .array-button .array-prev:hover {
  background-color: var(--white);
  color: var(--header);
}
.news-standard-wrapper .news-standard-items .array-button .array-next {
  position: absolute;
  top: 27%;
  right: 40px;
  transform: translateY(-50%);
  z-index: 9;
  border: none;
}

.blog-post-details .single-blog-post .post-featured-thumb {
  height: 460px;
}
.blog-post-details .single-blog-post .post-content {
  margin-top: 30px;
}
.blog-post-details .single-blog-post .post-content .post-list {
  gap: 30px;
  margin-bottom: 20px;
  border-bottom: 1px solid #F2F5FA;
  padding-bottom: 20px;
}
.blog-post-details .single-blog-post .post-content .post-list li {
  font-size: 14px;
  font-weight: 500;
}
.blog-post-details .single-blog-post .post-content .post-list li i {
  color: #b91c1c;
  margin-right: 5px;
}
.blog-post-details .single-blog-post .post-content h3 {
  margin-bottom: 20px;
  font-size: 30px;
}
@media (max-width: 575px) {
  .blog-post-details .single-blog-post .post-content h3 {
    font-size: 24px;
  }
}
.blog-post-details .single-blog-post .post-content h3 a:hover {
  color: #b91c1c;
}
.blog-post-details .single-blog-post .post-content p {
  font-weight: 400;
}
.blog-post-details .single-blog-post .post-content .hilight-text {
  border-left: 4px solid #b91c1c;
  padding: 40px;
  background-color: #F2F5FA;
}
.blog-post-details .single-blog-post .post-content .hilight-text p {
  font-weight: 600;
  text-transform: capitalize;
  font-style: italic;
  line-height: 26px;
  color: var(--header);
}
.blog-post-details .single-blog-post .post-content .hilight-text svg {
  float: right;
  margin-top: -30px;
}
.blog-post-details .single-blog-post .post-content .details-image img {
  width: 100%;
  height: 100%;
}
.blog-post-details .tag-share-wrap {
  border-top: 1px solid #F2F5FA;
  border-bottom: 1px solid #F2F5FA;
  padding: 30px 0;
}
.blog-post-details .tag-share-wrap .tagcloud span {
  display: inline-block;
  font-weight: 600;
  color: var(--header);
  margin-right: 15px;
}
.blog-post-details .tag-share-wrap .tagcloud a {
  display: inline-block;
  padding: 12px 26px;
  line-height: 1;
  background: transparent;
  border: 1px solid #F2F5FA;
  margin-right: 8px;
  text-transform: capitalize;
  font-weight: 500;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border-radius: 0;
}
@media (max-width: 575px) {
  .blog-post-details .tag-share-wrap .tagcloud a {
    margin-bottom: 5px;
  }
}
.blog-post-details .tag-share-wrap .tagcloud a:hover {
  background-color: #b91c1c;
  color: var(--white);
}
.blog-post-details .tag-share-wrap .social-share span {
  font-size: 16px;
  color: var(--header);
  font-weight: 600;
}
.blog-post-details .tag-share-wrap .social-share a {
  font-size: 16px;
  color: var(--header);
}
.blog-post-details .tag-share-wrap .social-share a:not(:last-child) {
  margin-right: 10px;
}
.blog-post-details .tag-share-wrap .social-share a:hover {
  color: #b91c1c;
}
.blog-post-details .comments-area {
  margin-top: 40px;
}
.blog-post-details .comments-area .comments-heading {
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .blog-post-details .comments-area .comments-heading {
    margin-bottom: 20px;
  }
}
.blog-post-details .comments-area .comments-heading h3 {
  font-size: 24px;
  font-weight: 700;
}
@media (max-width: 575px) {
  .blog-post-details .comments-area .comments-heading h3 {
    font-size: 22px;
  }
}
.blog-post-details .comments-area .blog-single-comment {
  border-bottom: 1px solid #F2F5FA;
}
@media (max-width: 575px) {
  .blog-post-details .comments-area .blog-single-comment {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.blog-post-details .comments-area .blog-single-comment .content .head {
  margin-bottom: 10px;
}
.blog-post-details .comments-area .blog-single-comment .content .head .con h5 {
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 20px;
}
.blog-post-details .comments-area .blog-single-comment .content .head .star i {
  color: #b91c1c;
  font-size: 14px;
}
.blog-post-details .comments-area .blog-single-comment .content .reply {
  padding: 5px 15px;
  font-weight: 400;
  background-color: #b91c1c;
  color: var(--white);
  transition: all 0.4s ease-in-out;
}
.blog-post-details .comments-area .blog-single-comment .content .reply:hover {
  background-color: var(--header);
}
.blog-post-details .comments-area .blog-single-comment .content .reply.color-2 {
  background-color: var(--header);
}
.blog-post-details .comments-area .blog-single-comment .content .reply.color-2:hover {
  background-color: #b91c1c;
}
.blog-post-details .comment-form-wrap h3 {
  font-size: 24px;
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .blog-post-details .comment-form-wrap h3 {
    margin-bottom: 20px;
  }
}
.blog-post-details .comment-form-wrap .form-clt span {
  color: var(--header);
  display: inline-block;
  margin-bottom: 10px;
}
.blog-post-details .comment-form-wrap .form-clt input, .blog-post-details .comment-form-wrap .form-clt textarea {
  width: 100%;
  outline: none;
  border: none;
  background-color: transparent;
  border: 1px solid #F2F5FA;
  padding: 16px 20px;
  font-weight: 500;
  color: var(--text);
}
.blog-post-details .comment-form-wrap .form-clt input::placeholder, .blog-post-details .comment-form-wrap .form-clt textarea::placeholder {
  color: var(--text);
}
.blog-post-details .comment-form-wrap .form-clt textarea {
  padding-bottom: 100px;
}

.preloader {
  align-items: center;
  cursor: default;
  display: flex;
  height: 100%;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999999;
}
.preloader .animation-preloader {
  z-index: 1000;
}
.preloader .animation-preloader .spinner {
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-top-color: #b91c1c;
  height: 9em;
  margin: 0 auto 3.5em auto;
  width: 9em;
}
@media (max-width: 767px) {
  .preloader .animation-preloader .spinner {
    width: 7.5em;
    height: 7.5em;
    margin: 0 auto 1.5em auto;
  }
}
.preloader .animation-preloader .txt-loading {
  font: bold 5em "DM Sans", sans-serif, "DM Sans", sans-serif;
  text-align: center;
  user-select: none;
}
@media (max-width: 767px) {
  .preloader .animation-preloader .txt-loading {
    font-size: 2.5em;
  }
}
.preloader .animation-preloader .txt-loading .letters-loading {
  color: #b91c1c;
  position: relative;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
  animation-delay: 0.2s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
  animation-delay: 0.4s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
  animation-delay: 0.6s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
  animation-delay: 0.8s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
  animation-delay: 1s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
  animation-delay: 1.2s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
  animation-delay: 1.4s;
}
.preloader .animation-preloader .txt-loading .letters-loading::before {
  animation: letters-loading 4s infinite;
  color: var(--header);
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  font-family: "DM Sans", sans-serif;
  position: absolute;
  top: -3px;
  transform: rotateY(-90deg);
}
.preloader p {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 8px;
  color: #b91c1c;
}
.preloader .loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  z-index: 1;
  pointer-events: none;
}
.preloader .loader .row {
  height: 100%;
}
.preloader .loader .loader-section {
  padding: 0px;
}
.preloader .loader .loader-section .bg {
  background-color: var(--white);
  height: 100%;
  left: 0;
  width: 100%;
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}
.preloader.loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}
.preloader.loaded .loader-section .bg {
  width: 0;
  transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
}

.search-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  background-color: rgba(255, 255, 255, 0.9);
}
.search-wrap .search-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.search-wrap .search-cell {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
.search-wrap .search-field-holder {
  width: 50%;
  margin: auto;
  position: relative;
  animation: slideInUp 0.3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search-wrap .search-field-holder {
    width: 70%;
  }
}
@media (max-width: 575px) {
  .search-wrap .search-field-holder {
    width: 80%;
  }
}
.search-wrap .main-search-input {
  width: 100%;
  height: 70px;
  border: 0;
  padding: 0 50px;
  text-transform: capitalize;
  background: transparent;
  font-size: 25px;
  color: #b91c1c;
  border-bottom: 2px solid #b91c1c;
  text-align: center;
  letter-spacing: 2px;
}

@media (max-width: 575px) {
  .search-wrap .main-search-input {
    height: 50px;
    padding: 0 0;
    line-height: 50px;
    font-size: 18px;
  }
}
.search-wrap input.form-control,
.search-wrap input.form-control:focus {
  background-color: #b91c1c;
}

input.main-search-input::placeholder {
  color: #b91c1c;
  opacity: 1;
  font-size: 25px;
}

@media (max-width: 575px) {
  input.main-search-input::placeholder {
    font-size: 18px;
  }
}
.search-close {
  position: absolute;
  top: 50px;
  right: 50px;
  font-size: 30px;
  color: #b91c1c;
  cursor: pointer;
}

.mouse-cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
}

.cursor-inner {
  width: 6px;
  height: 6px;
  z-index: 10000001;
  background-color: #b91c1c;
  -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.cursor-inner.cursor-hover {
  margin-left: -35px;
  margin-top: -35px;
  width: 70px;
  height: 70px;
  background-color: #b91c1c;
  opacity: 0.3;
}

.cursor-outer {
  margin-left: -12px;
  margin-top: -12px;
  width: 30px;
  height: 30px;
  border: 1px solid #b91c1c;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000000;
  opacity: 0.5;
  -webkit-transition: all 0.08s ease-out;
  -o-transition: all 0.08s ease-out;
  transition: all 0.08s ease-out;
}

.cursor-outer.cursor-hover {
  opacity: 0;
}

.back-to-top {
  border-radius: 50%;
  background-color: transparent;
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: #b91c1c;
  font-size: 18px;
  position: fixed;
  display: inline-block;
  z-index: 99;
  right: 30px;
  bottom: 30px;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  border: 1px solid #b91c1c;
}
.back-to-top:hover {
  background-color: #b91c1c;
  color: var(--white);
}
.back-to-top.show {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
}

.pricing-card-items {
  margin-top: 30px;
  background-color: var(--white);
  padding: 40px;
  position: relative;
  z-index: 9;
  transition: all 0.4s ease-in-out;
}
.pricing-card-items .pricing-header {
  max-width: 170px;
  padding-bottom: 30px;
}
.pricing-card-items .pricing-header h3 {
  border-bottom: 2px solid #b91c1c;
  padding-bottom: 15px;
}
.pricing-card-items .pricing-header h2 {
  font-size: 38px;
  color: var(--text);
  padding-top: 15px;
}
.pricing-card-items .pricing-header h2 span {
  font-size: 16px;
}
.pricing-card-items .pricing-list {
  border-top: 1px solid #D9D9D9;
  padding-top: 30px;
}
.pricing-card-items .pricing-list li {
  font-size: 16px;
  font-weight: 600;
  color: var(--header);
}
.pricing-card-items .pricing-list li:not(:last-child) {
  margin-bottom: 15px;
}
.pricing-card-items .pricing-list li i {
  color: #b91c1c;
  margin-right: 10px;
}
.pricing-card-items .pricing-list li.style-2 {
  color: var(--text);
}
.pricing-card-items .pricing-list li.style-2 i {
  color: var(--text);
}
.pricing-card-items .header-button {
  margin-top: 40px;
}
.pricing-card-items .header-button .theme-btn.style-2 {
  background-color: var(--header);
}
.pricing-card-items .header-button .theme-btn.style-2::before, .pricing-card-items .header-button .theme-btn.style-2::after {
  background-color: #b91c1c;
}
.pricing-card-items .header-button .theme-btn.style-2 span {
  position: relative;
}
.pricing-card-items .header-button .theme-btn.style-2 span::before {
  position: absolute;
  top: 50%;
  left: -50px;
  transform: translateY(-50%);
  width: 4px;
  height: 25px;
  background-color: #b91c1c;
  z-index: 99;
  content: "";
}
@media (max-width: 767px) {
  .pricing-card-items .header-button .theme-btn.style-2 span::before {
    left: -32px;
  }
}
.pricing-card-items .pricing-shape {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.pricing-card-items.active .pricing-header h3 {
  color: #b91c1c;
}
.pricing-card-items.active .pricing-header h2 {
  color: var(--header);
}
.pricing-card-items.active .tag-img {
  position: absolute;
  top: 0;
  right: 0;
}
.pricing-card-items:hover {
  transform: translateY(-10px);
}

.pricing-section {
  position: relative;
}
.pricing-section .pricing-arrow-shape {
  position: absolute;
  right: 0;
  top: 10%;
}
@media (max-width: 1199px) {
  .pricing-section .pricing-arrow-shape {
    display: none;
  }
}
.pricing-section .pricing-circle-shape {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 1199px) {
  .pricing-section .pricing-circle-shape {
    display: none;
  }
}

.project-section .container-fluid {
  padding: 0 75px;
}
@media (max-width: 1399px) {
  .project-section .container-fluid {
    padding: 0 30px;
  }
}
@media (max-width: 1199px) {
  .project-section .container-fluid {
    padding: 0 20px;
  }
}
.project-section .swiper-slide.swiper-slide-active .project-thumb::before {
  opacity: 1;
  visibility: visible;
}
.project-section .swiper-slide.swiper-slide-active .project-thumb .project-content {
  opacity: 1;
  visibility: visible;
  bottom: 30px;
}
.project-section .project-dot {
  text-align: center;
  margin-top: 50px;
}
.project-section .project-dot .swiper-pagination-bullet {
  width: 250px;
  height: 3px;
  border-radius: 0;
  background: var(--header);
  opacity: 1;
  transition: 0.6s;
  margin: 0 !important;
}
.project-section .project-dot .swiper-pagination-bullet-active {
  opacity: 1;
  background: #b91c1c;
}
@media (max-width: 767px) {
  .project-section .project-dot {
    display: none;
  }
}

.project-wrapper .main-box {
  padding: 0;
  gap: 30px;
  display: flex;
  align-items: center;
}
@media (max-width: 1199px) {
  .project-wrapper .main-box {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 30px;
  }
}
.project-wrapper .main-box .box {
  background-image: url(../img/project/01.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  width: 270px !important;
  height: 544px;
  position: relative;
  overflow: hidden;
  list-style: none;
  transition: all 0.4s ease-in-out;
  margin-top: 30px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .project-wrapper .main-box .box {
    width: 570px !important;
  }
}
@media (max-width: 575px) {
  .project-wrapper .main-box .box {
    height: 420px;
    object-fit: cover;
  }
  .project-wrapper .main-box .box .project-content {
    opacity: 1;
    visibility: visible;
    bottom: 30px;
  }
}
.project-wrapper .main-box .box .project-content {
  position: absolute;
  bottom: -100px;
  left: 30px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  background-color: var(--white);
  padding: 20px 25px;
  right: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.project-wrapper .main-box .box .project-content::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 47px;
  content: "";
  background-color: #b91c1c;
  transform: translateY(-50%);
}
.project-wrapper .main-box .box .project-content h3 a {
  color: var(--header);
}
.project-wrapper .main-box .box .project-content h3 a:hover {
  color: #b91c1c;
}
.project-wrapper .main-box .box .project-content .icon {
  transform: rotate(-40deg);
  color: #b91c1c;
  transition: all 0.4s ease-in-out;
}
.project-wrapper .main-box .box .project-content .icon:hover {
  transform: rotate(0);
}
.project-wrapper .main-box .box.bg-1 {
  background-image: url(../img/project/02.jpg);
}
.project-wrapper .main-box .box.bg-2 {
  background-image: url(../img/project/03.jpg);
}
.project-wrapper .main-box .box.bg-3 {
  background-image: url(../img/project/04.jpg);
}
.project-wrapper .main-box .box.bg-4 {
  background-image: url(../img/project/05.jpg);
}
.project-wrapper .main-box .box.active {
  width: 570px !important;
  border: 10px solid #b91c1c;
}
.project-wrapper .main-box .box.active .project-content {
  opacity: 1;
  visibility: visible;
  bottom: 30px;
}
@media (max-width: 1899px) {
  .project-wrapper.style-2 .main-box {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 30px;
  }
}
.project-wrapper.style-2 .main-box .box {
  background-image: url(../img/project/01.jpg);
  width: 170px !important;
  height: 310px;
}
.project-wrapper.style-2 .main-box .box .project-content {
  position: absolute;
  bottom: -100px;
  left: 30px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
  background-color: var(--white);
  padding: 20px 25px;
  right: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.project-wrapper.style-2 .main-box .box .project-content::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 47px;
  content: "";
  background-color: #b91c1c;
  transform: translateY(-50%);
}
.project-wrapper.style-2 .main-box .box .project-content h3 a {
  color: var(--header);
}
.project-wrapper.style-2 .main-box .box .project-content h3 a:hover {
  color: #b91c1c;
}
.project-wrapper.style-2 .main-box .box .project-content .icon {
  transform: rotate(-40deg);
  color: #b91c1c;
  transition: all 0.4s ease-in-out;
}
.project-wrapper.style-2 .main-box .box .project-content .icon:hover {
  transform: rotate(0);
}
.project-wrapper.style-2 .main-box .box.bg-1 {
  background-image: url(../img/project/02.jpg);
}
.project-wrapper.style-2 .main-box .box.bg-2 {
  background-image: url(../img/project/03.jpg);
}
.project-wrapper.style-2 .main-box .box.bg-3 {
  background-image: url(../img/project/04.jpg);
}
.project-wrapper.style-2 .main-box .box.bg-4 {
  background-image: url(../img/project/05.jpg);
}
.project-wrapper.style-2 .main-box .box.bg-5 {
  background-image: url(../img/project/18.jpg);
}
.project-wrapper.style-2 .main-box .box.bg-6 {
  background-image: url(../img/project/19.jpg);
}
.project-wrapper.style-2 .main-box .box.bg-7 {
  background-image: url(../img/project/20.jpg);
}
.project-wrapper.style-2 .main-box .box.bg-8 {
  background-image: url(../img/project/21.jpg);
}
.project-wrapper.style-2 .main-box .box.active {
  width: 370px !important;
  border: none;
}
.project-wrapper.style-2 .main-box .box.active .project-content {
  opacity: 1;
  visibility: visible;
  bottom: 30px;
}

.project-wrapper-2 {
  margin-left: -320px;
  margin-right: -320px;
}
@media (max-width: 1199px) {
  .project-wrapper-2 {
    margin-left: 0;
    margin-right: 0;
  }
}
.project-wrapper-2 .project-thumb {
  margin-top: 30px;
  position: relative;
  overflow: hidden;
}
.project-wrapper-2 .project-thumb img {
  width: 100%;
  height: 100%;
}
.project-wrapper-2 .project-thumb::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(0deg, rgba(18, 19, 21, 0.65) 0%, rgba(18, 19, 21, 0.65) 100%);
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.project-wrapper-2 .project-thumb .project-content {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: -100px;
  z-index: 9;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.project-wrapper-2 .project-thumb .project-content h3 {
  font-size: 38px;
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .project-wrapper-2 .project-thumb .project-content h3 {
    font-size: 32px;
  }
}
.project-wrapper-2 .project-thumb .project-content h3 a {
  color: var(--white);
}
.project-wrapper-2 .project-thumb .project-content h3 a:hover {
  color: #b91c1c;
}
.project-wrapper-2 .project-thumb .project-content span {
  color: #b91c1c;
}
.project-wrapper-2 .project-thumb .project-content span i {
  margin-right: 5px;
}
.project-wrapper-2 .project-thumb .project-content .number {
  -webkit-text-stroke: 1px var(--white);
  -webkit-text-fill-color: transparent;
}
.project-wrapper-2 .project-thumb:hover::before {
  opacity: 1;
  visibility: visible;
}
.project-wrapper-2 .project-thumb:hover .project-content {
  opacity: 1;
  visibility: visible;
  bottom: 30px;
}

.project-card-items {
  border: 1px solid #D4DCED;
  position: relative;
}
.project-card-items .project-image {
  position: relative;
  overflow: hidden;
}
.project-card-items .project-image img {
  width: 100%;
  height: 100%;
  transition: 0.5s;
  background-size: cover;
}
.project-card-items .project-image img:nth-child(1) {
  perspective: 300px;
  transition: transform 500ms ease;
  transform-origin: top center;
  transform: translateX(0%) translateX(0px) scaleX(1) rotateY(0deg);
}
.project-card-items .project-image img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  object-fit: cover;
  transition: transform 700ms ease, top 700ms ease;
  transform: translateX(0%) translateX(150px) scaleX(0) rotateY(90deg);
  transform-origin: bottom center;
  width: 100%;
}
.project-card-items .project-content {
  padding: 30px;
}
.project-card-items .project-content h3 {
  margin-bottom: 5px;
}
.project-card-items .project-content h3 a:hover {
  color: #b91c1c;
}
.project-card-items .shape-img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.project-card-items:hover .project-image img:nth-child(1) {
  transform-origin: bottom center;
  transform: translateX(-100%) translateX(150px) scaleX(0) rotateY(90deg);
}
.project-card-items:hover .project-image img:nth-child(2) {
  transition: transform 500ms ease, top 500ms ease;
  transform: translateX(0%) translateX(0px) scaleX(1) rotateY(0deg);
}

.project-details-wrapper .project-details-items .details-image img {
  width: 100%;
  height: 100%;
}
.project-details-wrapper .project-details-content {
  margin-top: 30px;
}
.project-details-wrapper .project-details-content h2 {
  font-size: 50px;
}
@media (max-width: 767px) {
  .project-details-wrapper .project-details-content h2 {
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .project-details-wrapper .project-details-content h2 {
    font-size: 34px;
  }
}
.project-details-wrapper .project-details-content .project-infor-wrapper {
  padding: 40px 0;
}
.project-details-wrapper .project-details-content .project-infor-wrapper .details-list {
  margin-top: 25px;
  margin-bottom: 25px;
}
.project-details-wrapper .project-details-content .project-infor-wrapper .details-list li {
  font-weight: 600;
  font-size: 16px;
  color: var(--header);
}
.project-details-wrapper .project-details-content .project-infor-wrapper .details-list li:not(:last-child) {
  margin-bottom: 10px;
}
.project-details-wrapper .project-details-content .project-infor-wrapper .details-list li i {
  color: #b91c1c;
  margin-right: 12px;
}
.project-details-wrapper .project-details-content .project-infor-wrapper .project-nformation {
  padding: 40px;
  background-color: #F2F5FA;
}
.project-details-wrapper .project-details-content .project-infor-wrapper .project-nformation h4 {
  font-size: 22px;
  margin-bottom: 10px;
  position: relative;
  padding-bottom: 15px;
}
.project-details-wrapper .project-details-content .project-infor-wrapper .project-nformation h4::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 2px;
  content: "";
  background-color: var(--header);
}
.project-details-wrapper .project-details-content .project-infor-wrapper .project-nformation h4::before {
  position: absolute;
  bottom: 0;
  left: 30px;
  width: 63px;
  height: 2px;
  content: "";
  background-color: #b91c1c;
}
.project-details-wrapper .project-details-content .project-infor-wrapper .project-nformation ul li {
  font-size: 18px;
  font-weight: 700;
  color: var(--header);
  padding: 20px 0;
}
.project-details-wrapper .project-details-content .project-infor-wrapper .project-nformation ul li span {
  font-size: 16px;
  color: var(--text);
  font-weight: 400;
  margin-left: 7px;
  display: inline-block;
}
.project-details-wrapper .project-details-content .project-infor-wrapper .project-nformation ul li:not(:last-child) {
  border-bottom: 1px solid rgba(18, 19, 21, 0.15);
}
.project-details-wrapper p {
  font-weight: 400;
}

.section-title {
  position: relative;
  z-index: 99;
  margin-bottom: 30px;
  margin-top: -7px;
}
@media (max-width: 767px) {
  .section-title {
    margin-bottom: 0;
  }
}
.section-title h6 {
  font-size: 16px;
  font-weight: 700;
  font-family: "DM Sans", sans-serif;
  color: #b91c1c;
  display: inline-block;
  margin-bottom: 20px;
  line-height: 1;
  text-transform: uppercase;
}
.section-title h6 i:not(:last-child) {
  margin-right: 10px;
}
.section-title h6 i:nth-child(2) {
  margin-left: 10px;
}

.section-title-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 9;
}
@media (max-width: 991px) {
  .section-title-area {
    flex-wrap: wrap;
    gap: 30px;
  }
}

.center {
  text-align: center;
  margin: 0 auto;
}

.section-bg {
  background-color: var(--bg);
}

.section-bg-2 {
  background-color: rgba(212, 220, 237, 0.3);
}

.items-bg {
  background-color: #F5F5F5 !important;
}

.section-padding {
  padding: 40px 0;
}
@media (max-width: 1199px) {
  .section-padding {
    padding: 100px 0;
  }
  .faq-section{
    height: 3000px;
  }
}
@media (max-width: 991px) {
  .section-padding {
    padding: 80px 0;
  }
}

.service-section {
  position: relative;
  z-index: 9;
  background-color:  white;
}
.service-section .container-fluid {
  padding: 0 175px;
}
@media (max-width: 1600px) {
  .service-section .container-fluid {
    padding: 0 30px;
  }
}
@media (max-width: 1199px) {
  .service-section .container-fluid {
    padding: 0 20px;
  }
}
@media (max-width: 1199px) {
  .service-section .array-button {
    display: none;
  }
}
.service-section .array-button .array-prev {
  background-color: var(--white);
  color: var(--header);
  position: absolute;
  left: 18%;
  top: 20%;
  transform: translate(-50%, -50%);
  z-index: 99;
}
.service-section .array-button .array-prev:hover {
  background-color: var(--header);
  color: var(--white);
}
.service-section .array-button .array-next {
  background-color: transparent;
  color: var(--white);
  border: 1px solid var(--white);
  position: absolute;
  right: 18%;
  top: 20%;
  transform: translate(-50%, -50%);
  z-index: 99;
}
.service-section .array-button .array-next:hover {
  background-color: #b91c1c;
}
.service-section .array-button.style-2 .array-prev {
  background-color: var(--white);
  color: var(--header);
  border: none;
}
.service-section .array-button.style-2 .array-prev:hover {
  background-color: #b91c1c;
  color: var(--white);
}
.service-section .array-button.style-2 .array-next {
  background-color: #b91c1c;
  color: var(--white);
  border: none;
}
.service-section .array-button.style-2 .array-next:hover {
  background-color: var(--white);
  color: var(--header);
}
.service-section .bg-shape {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.1;
  z-index: -1;
}
.service-section .service-pagi-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .service-section .service-pagi-items {
    justify-content: center;
    margin-top: 20px;
  }
}
.service-section .service-pagi-items .service-dot .swiper-pagination-bullet {
  width: 100px;
  height: 3px;
  border-radius: 0;
  background: var(--white);
  opacity: 1;
  transition: 0.6s;
  margin: 0 !important;
}
.service-section .service-pagi-items .service-dot .swiper-pagination-bullet-active {
  opacity: 1;
  background: #b91c1c;
}
@media (max-width: 767px) {
  .service-section .service-pagi-items .service-dot {
    display: none;
  }
}
.service-section .service-pagi-items .array-buttons {
  display: flex;
  align-items: center;
  gap: 10px;
}
.service-section .service-pagi-items .array-buttons .array-prev {
  color: var(--white);
}
.service-section .service-pagi-items .array-buttons .array-next {
  color: #b91c1c;
}

.service-box-items {
  margin-top: 30px;
  background-color: var(--white);
}
.service-box-items .service-thumb {
  padding: 18px 18px 65px 18px;
  position: relative;
}
.service-box-items .service-thumb img {
  width: 100%;
  height: 100%;
}
.service-box-items .service-thumb .icon {
  position: absolute;
  bottom: 30px;
  left: 40px;
  width: 68px;
  height: 68px;
  text-align: center;
  background-color: var(--white);
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
  padding: 14px;
}


.service-box-items .icon {
    width: 80px;
    height: 80px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 25px rgba(0,0,0,.12);
    transition: all .4s ease;
}

.service-box-items .icon i {
    font-size: 34px;
    color: #b91c1c;
    transition: all .4s ease;
}

.service-box-items:hover .icon {
    background: #b91c1c;
    transform: rotateY(180deg);
}

.service-box-items:hover .icon i {
    color: #ffffff;
}



.service-box-items .service-content {
  padding: 0 30px 30px 30px;
  position: relative;
}
.service-box-items .service-content .number {
  text-align: right;
  -webkit-text-stroke: 1px rgba(102, 102, 102, 0.5);
  -webkit-text-fill-color: transparent;
  transition: all 0.4s ease-in-out;
  font-size: 50px;
  font-weight: 700;
  position: absolute;
  right: 30px;
  top: -50px;
}
.service-box-items .service-content .number:hover {
  -webkit-text-stroke: 1px #b91c1c;
}
.service-box-items .service-content h3 {
  margin-bottom: 15px;
}
.service-box-items .service-content h3 a:hover {
  color: #b91c1c;
}
.service-box-items .service-content p {
  border-bottom: 1px solid var(--border);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.service-box-items:hover .service-content .number {
  -webkit-text-stroke: 1px #b91c1c;
}

.service-card-items {
  margin-top: 30px;
  background-color: var(--white);
  text-align: center;
  padding: 40px;
  position: relative;
  z-index: 9;
}
.service-card-items .items-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.service-card-items .items-shape img {
  width: 100%;
  height: 100%;
}
.service-card-items .icon {
  width: 68px;
  height: 68px;
  text-align: center;
  line-height: 60px;
  text-align: center;
  border: 1px solid rgba(30, 32, 35, 0.15);
  margin: 0 auto;
  font-size: 36px;
  transition: all 0.4s ease-in-out;
}
.service-card-items .content {
  margin-top: 20px;
}
.service-card-items .content h3 {
  margin-bottom: 10px;
}
.service-card-items .content p {
  border-bottom: 1px solid rgba(30, 32, 35, 0.15);
  padding-bottom: 20px;
  font-weight: 400;
}
.service-card-items .content .link-btn {
  color: var(--header);
  margin-top: 20px;
  transition: all 0.4s ease-in-out;
}
.service-card-items .service-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.service-card-items .service-image::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.75;
  background: linear-gradient(180deg, #dc2626 0%, #b91c1c 100%);
}
.service-card-items .service-image img {
  width: 100%;
  height: 100%;
}
.service-card-items .bar-shape {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}
/* .service-card-items:hover{
  background-color: #b91c1c;
} */
.service-card-items:hover .icon {
  background-color: var(--white);
}
.service-card-items:hover .content {
  margin-top: 20px;
}
.service-card-items:hover .content h3 a {
  color: var(--white);
}
.service-card-items:hover .content p {
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  color: var(--white);
}
.service-card-items:hover .content .link-btn {
  color: var(--white);
}
.service-card-items:hover .service-image {
  opacity: 1;
  visibility: visible;
}

.service-details-wrapper {
  margin-bottom: -5px;
}
.service-details-wrapper .service-details-image img {
  width: 100%;
  height: 100%;
}
.service-details-wrapper .service-details-content {
  margin-top: 30px;
}
.service-details-wrapper .service-details-content h2 {
  margin-bottom: 20px;
}
.service-details-wrapper .service-details-content p {
  font-weight: 400;
}
.service-details-wrapper .service-details-content .details-list {
  margin-top: 25px;
}
.service-details-wrapper .service-details-content .details-list li {
  font-weight: 500;
  font-size: 16px;
  color: var(--header);
}
.service-details-wrapper .service-details-content .details-list li:not(:last-child) {
  margin-bottom: 15px;
}
.service-details-wrapper .service-details-content .details-list li i {
  color: #b91c1c;
  margin-right: 12px;
}
.service-details-wrapper .service-details-content h4 {
  font-size: 38px;
  margin-top: 30px;
}
@media (max-width: 575px) {
  .service-details-wrapper .service-details-content h4 {
    font-size: 32px;
  }
}
.service-details-wrapper .service-details-content .service-details-box {
  border: 1px solid var(--border-2);
  padding: 30px 30px;
  transition: all 0.4s ease-in-out;
}
.service-details-wrapper .service-details-content .service-details-box:hover {
  border: 1px solid #b91c1c;
}
.service-details-wrapper .service-details-content .service-details-box .icon {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 14px;
}
.service-details-wrapper .service-details-content .service-details-box .icon i {
  color: #b91c1c;
  font-size: 28px;
}
.service-details-wrapper .service-details-content .service-details-box p {
  font-weight: 400;
}

.service-section-33 {
  position: relative;
}
.service-section-33 .container-fluid {
  padding: 0 175px;
}
@media (max-width: 1600px) {
  .service-section-33 .container-fluid {
    padding: 0 60px;
  }
}
@media (max-width: 1399px) {
  .service-section-33 .container-fluid {
    padding: 0 40px;
  }
}
@media (max-width: 1199px) {
  .service-section-33 .container-fluid {
    padding: 0 30px;
  }
}
.service-section-33 .shape-1 {
  position: absolute;
  top: -5%;
  right: 0;
}
@media (max-width: 1199px) {
  .service-section-33 .shape-1 {
    display: none;
  }
}

.service-card-items-2 {
  margin-top: 30px;
  border: 1px solid rgba(102, 102, 102, 0.2);
  background: #F2F5FA;
  transition: all 0.4s ease-in-out;
  position: relative;
}
.service-card-items-2 .items-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.service-card-items-2 .items-shape img {
  width: 100%;
  height: 100%;
}
.service-card-items-2 .service-image {
  position: relative;
}
.service-card-items-2 .service-image img {
  width: 100%;
  height: 100%;
}
.service-card-items-2 .service-image .icon {
  width: 60px;
  height: 60px;
  text-align: center;
  border-radius: 50%;
  background-color: #b91c1c;
  font-size: 35px;
  padding: 12px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -20px;
  transition: all 0.4s ease-in-out;
}
.service-card-items-2 .service-content {
  padding: 50px 40px 40px;
}
.service-card-items-2 .service-content h3 {
  margin-bottom: 10px;
}
.service-card-items-2 .service-content .arrow-icon {
  width: 42px;
  height: 42px;
  line-height: 42px;
  display: inline-block;
  border-radius: 50%;
  background-color: var(--white);
  color: #b91c1c;
  transform: rotate(-40deg);
  margin-top: 20px;
  transition: all 0.4s ease-in-out;
}
.service-card-items-2:hover {
  background-color: #b91c1c;
}
.service-card-items-2:hover .service-content {
  padding: 50px 40px 40px;
}
.service-card-items-2:hover .service-content h3 a {
  color: var(--white);
}
.service-card-items-2:hover .service-content p {
  color: var(--white);
}

.team-card-items {
  margin-top: 30px;
  transition: all 0.4s ease-in-out;
}
.team-card-items .team-image {
  padding: 20px;
  background: rgba(245, 91, 31, 0.1);
  position: relative;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
}
.team-card-items .team-image img {
  width: 100%;
  height: 100%;
}
.team-card-items .team-image .social-icon {
  position: absolute;
  left: 50%;
  bottom: -100px;
  transform: translateX(-50%);
  gap: 15px;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.team-card-items .team-image .social-icon a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  background-color: var(--white);
  color: var(--header);
  border-radius: 50%;
  transition: all 0.4s ease-in-out;
}
.team-card-items .team-image .social-icon a:hover {
  background-color: #b91c1c;
  color: var(--white);
}
.team-card-items .team-content {
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 991px) {
  .team-card-items .team-content {
    margin-top: 20px;
    opacity: 1;
    visibility: visible;
  }
}
.team-card-items .team-content span {
  display: inline-block;
  color: #b91c1c;
  text-transform: capitalize;
  margin-bottom: 5px;
}
.team-card-items .team-content h3:hover a {
  color: #b91c1c;
}
.team-card-items:hover .team-image, .team-card-items.active .team-image {
  transform: rotate(15deg);
  background-color: #b91c1c;
}
.team-card-items:hover .team-image .social-icon, .team-card-items.active .team-image .social-icon {
  opacity: 1;
  visibility: visible;
  bottom: 40px;
}
.team-card-items:hover .team-content, .team-card-items.active .team-content {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 991px) {
  .team-card-items .team-image {
    transform: rotate(0) !important;
  }
}

.team-box-items {
  margin-top: 30px;
  position: relative;
  overflow: hidden;
}
.team-box-items .social-icon {
  position: absolute;
  right: -100px;
  top: 39%;
  transform: translateY(-50%);
  background-color: var(--header);
  padding: 30px 12px;
  gap: 10px;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: 0;
  z-index: 9;
}
.team-box-items .social-icon a {
  color: var(--white);
}
.team-box-items .social-icon a:hover {
  color: #b91c1c;
}
.team-box-items .team-image {
  position: relative;
  max-width: 265px;
}
@media (max-width: 991px) {
  .team-box-items .team-image {
    max-width: 500px;
  }
}
@media (max-width: 575px) {
  .team-box-items .team-image {
    max-width: 700px;
    height: 400px;
  }
  .team-box-items .team-image img {
    object-fit: cover;
  }
}
.team-box-items .team-image::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(0deg, rgba(18, 19, 21, 0.35) 0%, rgba(18, 19, 21, 0.35) 100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
.team-box-items .team-image img {
  width: 100%;
  height: 100%;
}
.team-box-items .team-content {
  background-color: var(--header);
  padding: 12px 30px;
  line-height: 1;
  position: relative;
  margin-top: -30px;
  transition: all 0.4s ease-in-out;
}
.team-box-items .team-content::before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  background-color: #b91c1c;
  width: 4px;
  height: 33px;
  transform: translateY(-50%);
}
.team-box-items .team-content .icon {
  position: absolute;
  top: 25px;
  right: 30px;
  color: var(--white);
  transition: all 0.4s ease-in-out;
}
.team-box-items .team-content h5 {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 7px;
}
.team-box-items .team-content h5 a {
  color: var(--white);
}
.team-box-items .team-content p {
  text-transform: capitalize;
  color: var(--white);
  font-size: 15px;
}
.team-box-items:hover .social-icon, .team-box-items.active .social-icon {
  opacity: 1;
  visibility: visible;
  right: 0;
}
.team-box-items:hover .team-image::before, .team-box-items.active .team-image::before {
  opacity: 1;
  visibility: visible;
}
.team-box-items:hover .team-content, .team-box-items.active .team-content {
  background-color: #b91c1c;
}

.team-section {
  position: relative;
}
.team-section .shape-1 {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1199px) {
  .team-section .shape-1 {
    display: none;
  }
}
.team-section .shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 1199px) {
  .team-section .shape-2 {
    display: none;
  }
}

.team-details-wrapper .team-details-items {
  display: flex;
  align-items: center;
  gap: 60px;
  border: 1px solid #E5E5E5;
  padding: 30px;
}
@media (max-width: 991px) {
  .team-details-wrapper .team-details-items .details-image img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 991px) {
  .team-details-wrapper .team-details-items {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.team-details-wrapper .team-details-items .team-details-content .details-header {
  margin-bottom: 25px;
}
.team-details-wrapper .team-details-items .team-details-content .details-header h3 {
  font-size: 38px;
}
.team-details-wrapper .team-details-items .team-details-content .details-header span {
  font-weight: 400;
  text-transform: capitalize;
}
.team-details-wrapper .team-details-items .team-details-content .cont {
  font-weight: 400;
  margin-bottom: 25px;
}
.team-details-wrapper .team-details-items .team-details-content .team-details-info {
  position: relative;
}
.team-details-wrapper .team-details-items .team-details-content .team-details-info:not(:last-child) {
  margin-bottom: 25px;
}
.team-details-wrapper .team-details-items .team-details-content .team-details-info .text-title {
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 18px;
  font-weight: 700;
  color: var(--header);
  margin: 0;
}
@media (max-width: 575px) {
  .team-details-wrapper .team-details-items .team-details-content .team-details-info .text-title {
    position: static;
  }
}
.team-details-wrapper .team-details-items .team-details-content .team-details-info .text-data {
  font-weight: 400;
  margin-left: 200px;
  font-size: 16px;
  color: var(--text);
}
@media (max-width: 575px) {
  .team-details-wrapper .team-details-items .team-details-content .team-details-info .text-data {
    margin-left: 0;
    display: block;
    margin-top: 10px;
  }
}
.team-details-wrapper .team-details-items .team-details-content .team-details-info a {
  color: var(--text);
}
.team-details-wrapper .team-details-items .team-details-content .social-icon {
  margin-top: 30px;
  gap: 15px;
  position: relative;
  z-index: 9;
}
@media (max-width: 575px) {
  .team-details-wrapper .team-details-items .team-details-content .social-icon {
    margin-top: 20px;
  }
}
.team-details-wrapper .team-details-items .team-details-content .social-icon a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  display: block;
  color: #b91c1c;
  transition: all 0.4s ease-in-out;
  text-align: center;
  background-color: #F2F5FA;
  border-radius: 50%;
}
.team-details-wrapper .team-details-items .team-details-content .social-icon a:hover {
  background-color: #b91c1c;
  color: var(--white);
}
.team-details-wrapper h3 {
  font-size: 38px;
}
.team-details-wrapper .personal-skills-items {
  padding: 60px 0;
}
.team-details-wrapper .personal-skills-items .skill-feature-items {
  margin-top: 20px;
}
.team-details-wrapper .personal-skills-items .skill-feature-items .skill-feature:not(:last-child) {
  margin-bottom: 20px;
}
.team-details-wrapper .personal-skills-items .skill-feature-items .skill-feature .box-title {
  font-size: 18px;
  font-weight: 600;
}
.team-details-wrapper .personal-skills-items .skill-feature-items .skill-feature .progress-value {
  margin-bottom: 10px;
  color: var(--header);
  text-transform: capitalize;
}
.team-details-wrapper .personal-skills-items .skill-feature-items .skill-feature .progress {
  position: relative;
  height: 15px;
  background-color: rgba(102, 102, 102, 0.5);
  border-radius: 0;
  overflow: visible;
  margin-top: 15px;
}
.team-details-wrapper .personal-skills-items .skill-feature-items .skill-feature .progress-bar {
  background-color: #b91c1c;
  height: 15px;
  margin: 0;
  border-radius: inherit;
  overflow: visible;
  position: relative;
  margin-top: 0;
}
.team-details-wrapper .personal-skills-items .skill-feature-items .skill-feature .progress-value {
  position: absolute;
  top: -38px;
  right: -8px;
  font-size: 18px;
  font-weight: 600;
  color: #b91c1c;
}
.team-details-wrapper p {
  font-weight: 400;
}
.team-details-wrapper .team-gallery-items .gallery-thumb {
  margin-top: 30px;
}
.team-details-wrapper .team-gallery-items .gallery-thumb img {
  width: 100%;
  height: 100%;
}

.testimonial-section {
  position: relative;
  z-index: 9;
  margin-bottom: 30px;
}
.testimonial-section .arrow-shape {
  position: absolute;
  top: 65px;
  left: 0;
}
.testimonial-section .building-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.testimonial-section .testimonial-image {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
@media (max-width: 1600px) {
  .testimonial-section .testimonial-image {
    max-width: 600px;
  }
  .testimonial-section .testimonial-image img {
    object-fit: cover;
  }
}
@media (max-width: 1399px) {
  .testimonial-section .testimonial-image {
    max-width: 500px;
  }
}
@media (max-width: 1199px) {
  .testimonial-section .testimonial-image {
    position: static;
    margin-bottom: 40px;
    max-width: initial;
  }
}
@media (max-width: 1199px) {
  .testimonial-section .testimonial-image {
    height: 700px;
  }
}
@media (max-width: 991px) {
  .testimonial-section .testimonial-image {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .testimonial-section .testimonial-image {
    height: 500px;
  }
}
@media (max-width: 575px) {
  .testimonial-section .testimonial-image {
    height: 400px;
  }
}
.testimonial-section .testimonial-image img {
  width: 100%;
  height: 100%;
}

.testimonial-wrapper .testimonial-content .section-title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 25px;
}
.testimonial-wrapper .testimonial-content .testi-content h4 {
  color: var(--white);
  font-weight: 600;
  line-height: 175%;
  font-style: italic;
  margin-top: 15px;
}
.testimonial-wrapper .testimonial-content .client-img-items {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .testimonial-wrapper .testimonial-content .client-img-items {
    justify-content: center;
    margin-top: 30px;
  }
}
.testimonial-wrapper .testimonial-content .client-img-items .client-image-area {
  display: flex;
  align-items: center;
  gap: 20px;
}
.testimonial-wrapper .testimonial-content .client-img-items .array-button {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (max-width: 991px) {
  .testimonial-wrapper .testimonial-content .client-img-items .array-button {
    display: none;
  }
}
.testimonial-wrapper .testimonial-content .client-img-items .array-button .array-prev, .testimonial-wrapper .testimonial-content .client-img-items .array-button .array-next {
  background-color: transparent;
  box-shadow: none;
  border: none;
  width: initial;
  height: initial;
  border: none;
  border-radius: 0;
  font-size: 20px;
}
.testimonial-wrapper .testimonial-content .client-img-items .array-button .array-prev {
  color: var(--white);
}
.testimonial-wrapper .testimonial-content .client-img-items .array-button .array-prev:hover {
  color: #b91c1c;
}
.testimonial-wrapper .testimonial-content .client-img-items .array-button .array-next {
  color: #b91c1c;
}

.testimonial-card-items {
  margin-top: 30px;
  padding: 40px;
  border-top: 3px solid #b91c1c;
  background: var(--white);
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
  position: relative;
  margin-bottom: 40px;
  margin-left: 5px;
  margin-right: 5px;
}
@media (max-width: 575px) {
  .testimonial-card-items {
    padding: 30px;
    margin-left: 0;
    margin-right: 0;
  }
}
.testimonial-card-items .client-info-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}
@media (max-width: 575px) {
  .testimonial-card-items .client-info-items {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.testimonial-card-items .client-info-items .client-info {
  display: flex;
  align-items: center;
  gap: 20px;
}
.testimonial-card-items .client-info-items .client-info .content h4 {
  margin-bottom: 5px;
}
.testimonial-card-items .client-info-items .client-info .content .star {
  color: #b91c1c;
}
.testimonial-card-items .shape-img {
  position: absolute;
  bottom: 0;
  left: 0;
}
.testimonial-card-items.style-2 {
  border-top: none;
}

.testimonial-section-2 {
  margin-bottom: -40px;
  position: relative;
}
.testimonial-section-2:hover .array-button {
  opacity: 1;
  visibility: visible;
}
.testimonial-section-2 .array-button {
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 1899px) {
  .testimonial-section-2 .array-button {
    display: none;
  }
}
.testimonial-section-2 .array-button .array-prev {
  border: 1px solid #b91c1c;
  color: #b91c1c;
  position: absolute;
  top: 58%;
  left: 10%;
  transform: translateY(-50%);
}
.testimonial-section-2 .array-button .array-prev:hover {
  background-color: #b91c1c;
  color: var(--white);
}
.testimonial-section-2 .array-button .array-next {
  background-color: #b91c1c;
  color: var(--white);
  border: 1px solid transparent;
  position: absolute;
  top: 58%;
  right: 10%;
  transform: translateY(-50%);
}
.testimonial-section-2 .array-button .array-next:hover {
  background-color: var(--header);
}

.testimonial-section-3 {
  margin: 0 30px;
  border-radius: 30px;
  margin-bottom: 45px;
}
@media (max-width: 1199px) {
  .testimonial-section-3 {
    margin: 0;
    border-radius: 0;
  }
}
.testimonial-section-3 .array-button {
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1899px) {
  .testimonial-section-3 .array-button {
    display: none;
  }
}
.testimonial-section-3 .array-button .array-prev {
  border: 1px solid var(--white);
  color: var(--white);
  position: absolute;
  top: 58%;
  left: 10%;
  transform: translateY(-50%);
}
.testimonial-section-3 .array-button .array-prev:hover {
  background-color: var(--white);
  color: #b91c1c;
}
.testimonial-section-3 .array-button .array-next {
  background-color: var(--white);
  color: #b91c1c;
  border: 1px solid transparent;
  position: absolute;
  top: 58%;
  right: 10%;
  transform: translateY(-50%);
}
.testimonial-section-3 .array-button .array-next:hover {
  background-color: var(--header);
  color: var(--white);
}/*# sourceMappingURL=main.css.map */





.core-solutions-section {
  padding: 45px 0;
  background: #f7f7f7;
}

.core-container {
  width: 90%;
  max-width: 1400px;
  margin: auto;
}

.section-title1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  margin-bottom: 28px;
}

.section-title1 span {
  width: 48px;
  height: 2px;
  background: #b91c1c;
}

.section-title1 h2 {
  font-size: 18px;
  font-weight: 800;
  color: #111;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 1px;
}

.solutions-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}

.solution-card{
    position: relative;
    min-height: 210px;
    padding: 28px 20px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;

    box-shadow: 0 8px 20px rgba(0,0,0,.06);

    transition:
        transform .45s ease,
        box-shadow .45s ease,
        border-color .45s ease;
}

.solution-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:#b91c1c;

    transform:scaleX(0);
    transform-origin:left;

    transition:.4s;
}

.solution-card:hover::before{
    transform:scaleX(1);
}

.solution-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}

.solution-card > i {
  font-size: 42px;
  color: #b91c1c;
  margin-bottom: 18px;
}

.solution-card h3 {
  font-size: 18px;
  line-height: 1.2;
  color: #111;
  font-weight: 800;
  margin-bottom: 14px;
}

.solution-card p {
  font-size: 13px;
  line-height: 1.5;
  color: #333;
  margin: 0;
}

.solution-card a {
  position: absolute;
  right: 18px;
  bottom: 15px;
  color: #b91c1c;
  font-size: 18px;
  transition: 0.3s;
}

.solution-card a:hover {
  right: 12px;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(35px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* Large Laptop */
@media (max-width: 1399px) {
  .solutions-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Tablet */
@media (max-width: 991px) {
  .solutions-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .solution-card {
    min-height: 220px;
  }
}

/* Phone */
@media (max-width: 575px) {
  .core-solutions-section {
    padding: 35px 0;
  }

  .section-title1 h2 {
    font-size: 15px;
  }

  .section-title1 span {
    width: 30px;
  }

  .solutions-grid {
    grid-template-columns: 1fr;
  }

  .solution-card {
    min-height: 200px;
  }
}

/*==============================
Trusted By
===============================*/

.trusted-section{
    padding:80px 0;
    background:#fff;
}

.trusted-title{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    margin-bottom:55px;
}

.trusted-title span{
    width:55px;
    height:2px;
    background:#b91c1c;
}

.trusted-title h2{
    font-size:20px;
    font-weight:800;
    text-transform:uppercase;
    color:#111;
    letter-spacing:1px;
    margin:0;
}

/* aboutpage partner section  */

.trusted-grid1{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:25px 15px;

    max-width:1400px;

    margin:auto;

}

/* UPDATED */

.trusted-grid{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:40px 55px;

    max-width:1400px;

    margin:auto;

}

.trusted-item{

    width:170px;

    height:95px;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.4s;

    opacity:0;

    animation:fadeUp .8s forwards;

}

.trusted-item img{

    width:100%;

    max-width:160px;

    max-height:100px;

    object-fit:contain;

    opacity:.75;

    transition:.4s;

}

.trusted-item:hover{

    transform:translateY(-6px);

}

.trusted-item:hover img{

    opacity:1;

    transform:scale(1.08);

}

.trusted-item:nth-child(1){animation-delay:.1s;}
.trusted-item:nth-child(2){animation-delay:.2s;}
.trusted-item:nth-child(3){animation-delay:.3s;}
.trusted-item:nth-child(4){animation-delay:.4s;}
.trusted-item:nth-child(5){animation-delay:.5s;}
.trusted-item:nth-child(6){animation-delay:.6s;}
.trusted-item:nth-child(7){animation-delay:.7s;}
.trusted-item:nth-child(8){animation-delay:.8s;}
.trusted-item:nth-child(9){animation-delay:.9s;}

@keyframes fadeUp{

from{

opacity:0;
transform:translateY(30px);

}

to{

opacity:1;
transform:translateY(0);

}

}

@media(max-width:1400px){

.trusted-grid{

gap:35px 45px;

}

.trusted-item{

width:160px;

}

}

@media(max-width:1200px){

.trusted-grid{

gap:35px;

}

.trusted-item{

width:150px;

}

}

@media(max-width:991px){

.trusted-section{

padding:65px 0;

}

.trusted-grid{

gap:30px;

}

.trusted-item{

width:140px;

height:80px;

}

.trusted-item img{

max-width:130px;

}

}

@media(max-width:767px){

.trusted-grid{

gap:25px;

}

.trusted-item{

width:130px;

}

.trusted-item img{

max-width:115px;

}

}

@media(max-width:480px){

.trusted-section{

padding:50px 0;

}

.trusted-title{

margin-bottom:35px;

gap:12px;

}

.trusted-title span{

width:28px;

}

.trusted-title h2{

font-size:16px;

}

.trusted-grid{

gap:20px;

}

.trusted-item{

width:120px;

height:70px;

}

.trusted-item img{

max-width:95px;

}

}


<!-- index Project Selection 

.featured-projects-section {
  padding: 60px 0;
  background: #fff;
}

.fp-container {
  width: 90%;
  /* height: 450px; */
  max-width: 1400px;
  margin: auto;
}

.fp-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin-bottom: 45px;
}

.fp-title span {
  width: 55px;
  height: 2px;
  background: #b91c1c;
}

.fp-title h2 {
  margin: 0;
  font-size: 22px;
  font-weight: 800;
  color: #111;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.fp-tabs {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 22px;
  flex-wrap: wrap;
}

.fp-tab {
  min-width: 180px;
  padding: 13px 20px;
  border: 1px solid #e5e5e5;
  background: #fff;
  color: #111;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.4s;
}

.fp-tab:hover,
.fp-tab.active {
  background: #b91c1c;
  color: #fff;
  border-color: #b91c1c;
  box-shadow: 0 10px 25px rgba(185, 28, 28, 0.25);
}

.fp-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.fp-card {
  position: relative;
  height: 230px;
  border-radius: 8px;
  overflow: hidden;
  background: #111;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  animation: fpFadeUp 0.6s ease forwards;
}

.fp-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

.fp-card:hover img {
  transform: scale(1.08);
}

.fp-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(5, 15, 28, 0.95) 0%,
    rgba(5, 15, 28, 0.75) 35%,
    rgba(5, 15, 28, 0.05) 100%
  );
}

.fp-card-content {
  position: absolute;
  left: 25px;
  right: 20px;
  bottom: 22px;
  z-index: 2;
}

.fp-card-content h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 6px;
}

.fp-card-content p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 12px;
}

.fp-location {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #fff;
  font-size: 13px;
}

.fp-location i {
  color: #fff;
}

@keyframes fpFadeUp {
  from {
    opacity: 0;
    transform: translateY(35px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Laptop */
@media (max-width: 1199px) {
  .fp-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .fp-card {
    height: 220px;
  }

  .fp-card-content h3 {
    font-size: 18px;
  }
}

/* Tablet */
@media (max-width: 991px) {

  .fp-container {
    height: auto;
  }

  .fp-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .fp-tab {
    min-width: 160px;
  }
}

/* Mobile */
@media (max-width: 767px) {

  .fp-container {
    height: auto;
  }

  .featured-projects-section {
    padding: 45px 0;
  }

  .fp-title h2 {
    font-size: 17px;
  }

  .fp-title span {
    width: 35px;
  }

  .fp-grid {
    grid-template-columns: 1fr;
  }

  .fp-card {
    height: 240px;
  }

  .fp-tabs {
    gap: 8px;
  }

  .fp-tab {
    width: 100%;
    min-width: auto;
    font-size: 13px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {

  .fp-container {
    height: auto;
  }

  .fp-container {
    width: 92%;
  }

  .fp-card {
    height: 220px;
  }

  .fp-card-content {
    left: 18px;
    bottom: 18px;
  }

  .fp-card-content h3 {
    font-size: 17px;
  }
}




/*=========================================
CTA SECTION
=========================================*/

.mc-cta-section{

    position:relative;

    overflow:hidden;

    padding:40px 0;

    background:linear-gradient(
    90deg,
    #5f0000,
    #890000,
    rgb(223,0,36),
    #890000,
    #5f0000);

    /* height: 1000px;   */
    border-radius: 25px;

}

.mc-cta-overlay{

    position:absolute;

    inset:0;

    background:
    radial-gradient(circle at left,
    rgba(255,255,255,.08),
    transparent 55%),

    radial-gradient(circle at right,
    rgba(255,255,255,.05),
    transparent 50%);

    animation:mcMoveBg 12s linear infinite;

}

.mc-cta-container{

    position:relative;

    width:92%;

    max-width:1400px;

    margin:auto;

    z-index:2;

}

.mc-cta-content{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;

}

.mc-cta-content h2{

    color:#fff;

    font-size:42px;

    font-weight:700;

    margin:0;

    line-height:1.3;

    animation:mcFadeLeft .8s ease;

}

/*=========================================
BUTTON
=========================================*/

.mc-cta-btn{

    display:flex;

    align-items:center;

    gap:15px;

    padding:18px 34px;

    text-decoration:none;

    border-radius:12px;

    background:#fff;

    color:rgb(223,0,36);

    font-weight:700;

    transition:.4s;

    white-space:nowrap;

    overflow:hidden;

    position:relative;

}

.mc-cta-btn span{

    position:relative;

    z-index:2;

}

.mc-cta-btn i{

    position:relative;

    z-index:2;

    transition:.4s;

}

.mc-cta-btn::before{

    content:"";

    position:absolute;

    left:-100%;

    top:0;

    width:100%;

    height:100%;

    background:#111;

    transition:.45s;

}

.mc-cta-btn:hover::before{

    left:0;

}

.mc-cta-btn:hover{

    color:#fff;

}

.mc-cta-btn:hover i{

    transform:translateX(6px);

}

/*=========================================
ANIMATIONS
=========================================*/

@keyframes mcFadeLeft{

    from{

        opacity:0;

        transform:translateX(-60px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}

@keyframes mcMoveBg{

    0%{

        transform:translateX(0);

    }

    50%{

        transform:translateX(40px);

    }

    100%{

        transform:translateX(0);

    }

}

/*====================================
Small Mobile
====================================*/

@media(max-width:480px){

.mc-cta-section{

    padding:30px 15px;

}

.mc-cta-content{

    flex-direction:column;

    text-align:center;

}

.mc-cta-content h2{

    font-size:24px;

}

.mc-cta-btn{

    padding:15px 25px;

    font-size:14px;

}

}

/*====================================
Large Mobile
====================================*/

@media(min-width:481px) and (max-width:767px){

.mc-cta-content{

    flex-direction:column;

    text-align:center;

}

.mc-cta-content h2{

    font-size:30px;

}

}

/*====================================
Tablet
====================================*/

@media(min-width:768px) and (max-width:991px){

.mc-cta-content{

    flex-direction:column;

    text-align:center;

}

.mc-cta-content h2{

    font-size:36px;

}

}

/*====================================
Laptop
====================================*/

@media(min-width:992px) and (max-width:1199px){

.mc-cta-content h2{

    font-size:36px;

}

}

/*====================================
Desktop
====================================*/

@media(min-width:1200px) and (max-width:1599px){

.mc-cta-content h2{

    font-size:42px;

}

}

/*====================================
1920px
====================================*/

@media(min-width:1920px){

.mc-cta-section{

    padding:55px 0;

}

.mc-cta-content h2{

    font-size:52px;

}

.mc-cta-btn{

    padding:22px 42px;

    font-size:20px;

}

}

/*====================================
2560px
====================================*/

@media(min-width:2560px){

.mc-cta-section{

    padding:70px 0;

}

.mc-cta-content h2{

    font-size:64px;

}

.mc-cta-btn{

    padding:28px 55px;

    font-size:24px;

}

}

/*====================================
4K
====================================*/

@media(min-width:3840px){

.mc-cta-section{

    padding:95px 0;

}

.mc-cta-content h2{

    font-size:90px;

}

.mc-cta-btn{

    padding:40px 75px;

    font-size:34px;

}

}





/* Contact final page  */

.dcs-contact-info-section {
    position: relative;
    padding: 90px 0;
    background: #f8f9fb;
    overflow: hidden;
}

.dcs-contact-info-bg-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 520px;
    height: 360px;
    background: url("assets/img/contact/contact-shape.png") no-repeat center;
    background-size: contain;
    opacity: 0.08;
    pointer-events: none;
}

.dcs-contact-info-wrapper {
    position: relative;
    z-index: 2;
}

.dcs-contact-info-title {
    max-width: 780px;
    margin-bottom: 60px;
    position: relative;
}

.dcs-contact-info-title-dot {
    width: 36px;
    height: 36px;
    border: 2px solid #b91c1c;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -45px;
    top: 4px;
}

.dcs-contact-info-title-dot::before {
    content: "";
    width: 12px;
    height: 12px;
    background: #b91c1c;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
}

.dcs-contact-info-title h2 {
    font-size: 42px;
    font-weight: 800;
    color: #000;
    margin-bottom: 22px;
}

.dcs-contact-info-title p {
    font-size: 18px;
    line-height: 1.8;
    color: #555;
    max-width: 760px;
}

.dcs-contact-info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 70px;
}

.dcs-contact-info-card {
    transition: all 0.4s ease;
}

.dcs-contact-info-card:hover {
    transform: translateY(-8px);
}

.dcs-contact-info-icon {
    width: 62px;
    height: 62px;
    border: 2px solid #b91c1c;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b91c1c;
    font-size: 24px;
    margin-bottom: 25px;
    transition: all 0.4s ease;
}

.dcs-contact-info-card:hover .dcs-contact-info-icon {
    background: #b91c1c;
    color: #fff;
    box-shadow: 0 12px 30px rgba(185, 28, 28, 0.3);
}

.dcs-contact-info-card h3 {
    font-size: 28px;
    font-weight: 800;
    color: #000;
    margin-bottom: 18px;
}

.dcs-contact-info-card p,
.dcs-contact-info-card a {
    font-size: 18px;
    line-height: 1.8;
    color: #555;
    text-decoration: none;
}

.dcs-contact-info-card a:hover {
    color: #b91c1c;
}

/* Animation */
.dcs-contact-info-reveal {
    opacity: 0;
    transform: translateY(35px);
    transition: all 0.8s ease;
}

.dcs-contact-info-reveal.dcs-contact-info-active {
    opacity: 1;
    transform: translateY(0);
}

/* Laptop */
@media (max-width: 1399px) {
    .dcs-contact-info-section {
        padding: 80px 0;
    }

    .dcs-contact-info-grid {
        gap: 50px;
    }
}

/* Small Laptop */
@media (max-width: 1199px) {
    .dcs-contact-info-title h2 {
        font-size: 38px;
    }

    .dcs-contact-info-card h3 {
        font-size: 25px;
    }

    .dcs-contact-info-card p,
    .dcs-contact-info-card a {
        font-size: 17px;
    }
}

/* Tablet */
@media (max-width: 991px) {
    .dcs-contact-info-section {
        padding: 70px 0;
    }

    .dcs-contact-info-title {
        margin-bottom: 45px;
        padding-left: 45px;
    }

    .dcs-contact-info-title-dot {
        left: 0;
    }

    .dcs-contact-info-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .dcs-contact-info-section {
        padding: 60px 0;
    }

    .dcs-contact-info-title h2 {
        font-size: 32px;
    }

    .dcs-contact-info-title p {
        font-size: 16px;
    }

    .dcs-contact-info-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .dcs-contact-info-card {
        padding: 25px;
        background: #fff;
        box-shadow: 0 10px 30px rgba(0,0,0,0.06);
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .dcs-contact-info-title {
        padding-left: 0;
    }

    .dcs-contact-info-title-dot {
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 15px;
    }

    .dcs-contact-info-title h2 {
        font-size: 28px;
    }

    .dcs-contact-info-icon {
        width: 55px;
        height: 55px;
        font-size: 21px;
    }

    .dcs-contact-info-card h3 {
        font-size: 23px;
    }

    .dcs-contact-info-card p,
    .dcs-contact-info-card a {
        font-size: 16px;
    }
}

.dcs-contact-info-card {
    display: flex;
    align-items: flex-start;
    gap: 22px;
}

.dcs-contact-info-icon {
    margin-bottom: 0;
    flex-shrink: 0;
}

.dcs-contact-info-content h3 {
    margin-bottom: 10px;
}



/* Contact enquiry form  */

.dcs-enquiry-section {
    padding: 90px 0;
    background: #fff;
    overflow: hidden;
}

.dcs-enquiry-title {
    margin-bottom: 45px;
}

.dcs-enquiry-title h6 {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #b91c1c;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.dcs-enquiry-title h6 span {
    width: 60px;
    height: 1px;
    border-top: 1px dashed #b91c1c;
}

.dcs-enquiry-title h2 {
    font-size: 42px;
    line-height: 1.25;
    font-weight: 800;
    color: #000;
}

.dcs-enquiry-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 25px;
}

.dcs-enquiry-form input,
.dcs-enquiry-form textarea {
    width: 100%;
    border: none;
    outline: none;
    background: #f3f3f3;
    border-radius: 35px;
    padding: 24px 35px;
    font-size: 16px;
    color: #111;
    transition: .4s ease;
}

.dcs-enquiry-form textarea {
    height: 160px;
    resize: none;
    border-radius: 28px;
    margin-bottom: 30px;
}

.dcs-enquiry-form input:focus,
.dcs-enquiry-form textarea:focus {
    background: #fff;
    box-shadow: 0 0 0 2px #b91c1c;
}

.dcs-enquiry-btn {
    display: inline-flex;
    align-items: center;
    gap: 22px;
    border: none;
    background: #b91c1c;
    color: #fff;
    padding: 10px 10px 10px 35px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
    transition: .4s ease;
}

.dcs-enquiry-btn span {
    width: 58px;
    height: 58px;
    background: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dcs-enquiry-btn:hover {
    background: #000;
    transform: translateY(-5px);
}

.dcs-enquiry-btn:hover span {
    background: #b91c1c;
}

.dcs-enquiry-btn i {
    transition: .4s ease;
}

.dcs-enquiry-btn:hover i {
    transform: rotate(-45deg);
}

/* Animation */
.dcs-enquiry-animate {
    opacity: 0;
    transform: translateY(35px);
    transition: .8s ease;
}

.dcs-enquiry-animate.dcs-enquiry-active {
    opacity: 1;
    transform: translateY(0);
}

/* Laptop */
@media (max-width: 1199px) {
    .dcs-enquiry-section {
        padding: 80px 0;
    }

    .dcs-enquiry-title h2 {
        font-size: 38px;
    }
}

/* Tablet */
@media (max-width: 991px) {
    .dcs-enquiry-row {
        gap: 22px;
    }

    .dcs-enquiry-form input,
    .dcs-enquiry-form textarea {
        padding: 22px 28px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .dcs-enquiry-section {
        padding: 60px 0;
    }

    .dcs-enquiry-title h2 {
        font-size: 32px;
    }

    .dcs-enquiry-row {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .dcs-enquiry-title h2 {
        font-size: 28px;
    }

    .dcs-enquiry-form input,
    .dcs-enquiry-form textarea {
        padding: 18px 22px;
        font-size: 15px;
    }

    .dcs-enquiry-btn {
        width: 100%;
        justify-content: space-between;
    }
}

.dcs-map-section {
  margin-bottom: 30px;  
  padding: 0;
    background: #fff;
    overflow: hidden;
}

.dcs-map-wrapper {
    width: 100%;
    height: 520px;
    position: relative;
    overflow: hidden;
}

.dcs-map-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    filter: grayscale(10%);
}

/* Animation */
.dcs-map-animate {
    opacity: 0;
    transform: translateY(40px);
    animation: dcsMapFadeUp 0.9s ease forwards;
}

@keyframes dcsMapFadeUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Laptop */
@media (max-width: 1199px) {
    .dcs-map-wrapper {
        height: 480px;
    }
}

/* Tablet */
@media (max-width: 991px) {
    .dcs-map-wrapper {
        height: 430px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .dcs-map-wrapper {
        height: 380px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .dcs-map-wrapper {
        height: 330px;
    }
}



/* =========================================================
   DCS COMPANY GROUP SECTION
========================================================= */

.dcs-company-group-section,
.dcs-company-group-section * {
    box-sizing: border-box;
}

.dcs-company-group-section {
    --dcs-primary: #b51618;
    --dcs-primary-dark: #8c0e10;
    --dcs-dark: #151515;
    --dcs-text: #252633;
    --dcs-light-text: #686976;
    --dcs-white: #ffffff;
    --dcs-border: #ededed;
    --dcs-section-bg: #fafafa;

    position: relative;
    width: 100%;
    padding: 70px 20px 60px;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(255, 255, 255, 1) 0%,
            rgba(250, 250, 250, 1) 58%,
            rgba(246, 246, 246, 1) 100%
        );
    overflow: hidden;
    isolation: isolate;
}

.dcs-company-group-container {
    position: relative;
    z-index: 3;
    width: min(100%, 1450px);
    margin: 0 auto;
}

/* =========================================================
   DECORATIVE BACKGROUND
========================================================= */

.dcs-company-group-dots {
    position: absolute;
    top: 25px;
    left: 10px;
    width: 105px;
    height: 105px;
    z-index: 1;
    opacity: 0.55;
    background-image: radial-gradient(
        circle,
        rgba(190, 190, 190, 0.7) 2px,
        transparent 2.5px
    );
    background-size: 21px 21px;
    pointer-events: none;
}

.dcs-company-group-dots::after {
    content: "";
    position: absolute;
    top: 118px;
    left: -85px;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(205, 205, 205, 0.45);
    border-radius: 50%;
    box-shadow:
        22px 0 0 -21px rgba(205, 205, 205, 0.45),
        44px 0 0 -43px rgba(205, 205, 205, 0.45),
        66px 0 0 -65px rgba(205, 205, 205, 0.45);
}

.dcs-company-group-map {
    position: absolute;
    top: 20px;
    right: 25px;
    width: 360px;
    height: 190px;
    z-index: 1;
    opacity: 0.09;
    background-image: url("assets/img/group/world-map.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
}

/* =========================================================
   SECTION HEADING
========================================================= */

.dcs-company-group-heading {
    width: min(100%, 900px);
    margin: 0 auto 38px;
    text-align: center;
}

.dcs-company-group-subtitle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-bottom: 18px;
}

.dcs-company-group-subtitle span {
    display: block;
    width: 26px;
    height: 1px;
    background: var(--dcs-primary);
}

.dcs-company-group-subtitle h6 {
    margin: 0;
    color: var(--dcs-primary);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.6px;
}

.dcs-company-group-heading h2 {
    margin: 0;
    color: var(--dcs-dark);
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(40px, 5vw, 70px);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.dcs-company-group-heading h2 strong {
    color: var(--dcs-primary);
    font-weight: 800;
}

.dcs-company-group-title-line {
    width: 72px;
    height: 4px;
    margin: 22px auto 20px;
    border-radius: 20px;
    background: var(--dcs-primary);
}

.dcs-company-group-heading p {
    max-width: 740px;
    margin: 0 auto;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.65;
}

/* =========================================================
   COMPANY LOGO GRID
========================================================= */

.dcs-company-logo-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
    margin-top: 28px;
}

/* Card now contains only the logo */

.dcs-company-logo-card {
    position: relative;
    min-width: 0;
    height: 255px;
    border: 1px solid rgba(220, 220, 220, 0.55);
    background: rgba(255, 255, 255, 0.96);
    box-shadow:
        0 14px 40px rgba(20, 20, 20, 0.08),
        0 3px 10px rgba(20, 20, 20, 0.03);
    overflow: hidden;
    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease,
        border-color 0.4s ease;
}

.dcs-company-logo-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 70%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.8),
        transparent
    );
    transform: skewX(-20deg);
    transition: left 0.75s ease;
    pointer-events: none;
    z-index: 2;
}

.dcs-company-logo-card::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background: var(--dcs-primary);
    transform: translateX(-50%);
    transition: width 0.4s ease;
}

.dcs-company-logo-card:hover {
    border-color: rgba(181, 22, 24, 0.25);
    box-shadow:
        0 24px 55px rgba(20, 20, 20, 0.13),
        0 8px 20px rgba(181, 22, 24, 0.07);
    transform: translateY(-10px);
}

.dcs-company-logo-card:hover::before {
    left: 140%;
}

.dcs-company-logo-card:hover::after {
    width: 58%;
}

.dcs-company-logo-inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 35px 28px;
}

.dcs-company-logo-image {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 125px;
    object-fit: contain;
    object-position: center;
    transition:
        transform 0.4s ease,
        filter 0.4s ease;
}

.dcs-company-logo-card:hover .dcs-company-logo-image {
    transform: scale(1.06);
    filter: drop-shadow(0 8px 8px rgba(0, 0, 0, 0.08));
}

/* =========================================================
   PARTNER BOX
========================================================= */

.dcs-company-partner-box {
    display: grid;
    grid-template-columns: 165px minmax(0, 1fr) 200px;
    align-items: stretch;
    /* width: min(100%, 1065px); */
    width: 800px;
    min-height: 180px;
    margin: 38px auto 0;
    border: 1px solid var(--dcs-primary);
    border-radius: 24px;
    background: var(--dcs-white);
    box-shadow: 0 15px 40px rgba(30, 30, 30, 0.07);
    overflow: hidden;
}

.dcs-company-partner-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--dcs-white);
    font-size: 65px;
    background: linear-gradient(
        145deg,
        var(--dcs-primary-dark),
        var(--dcs-primary)
    );
}

.dcs-company-partner-icon::after {
    content: "";
    position: absolute;
    right: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    background: var(--dcs-primary);
    transform: translateY(-50%) rotate(45deg);
    z-index: -1;
}

.dcs-company-partner-content {
    display: flex;
    align-items: center;
    padding: 28px 45px;
}

.dcs-company-partner-content p {
    margin: 0;
    color: var(--dcs-text);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.65;
}

.dcs-company-partner-content strong {
    color: var(--dcs-primary);
    font-weight: 700;
}

.dcs-company-partner-logo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
}

.dcs-company-partner-logo::before {
    content: "";
    position: absolute;
    top: 18%;
    bottom: 18%;
    left: 0;
    width: 1px;
    border-left: 1px dashed rgba(181, 22, 24, 0.4);
}

.dcs-company-partner-logo img {
    display: block;
    width: auto;
    max-width: 145px;
    max-height: 135px;
    object-fit: contain;
}

/* temperory testing  */

.dcs-company-partner-box {
    height: auto;
}

.dcs-company-partner-content,
.dcs-company-partner-logo {
    min-width: 0;
}

.dcs-company-partner-content p {
    overflow-wrap: break-word;
    word-break: normal;
}





/* =========================================================
   SCROLL ANIMATION
========================================================= */

.dcs-company-reveal {
    opacity: 0;
    transform: translateY(45px);
    transition:
        opacity 0.8s ease,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.dcs-company-reveal.dcs-company-visible {
    opacity: 1;
    transform: translateY(0);
}

/* =========================================================
   LARGE LAPTOP AND DESKTOP
========================================================= */

@media only screen and (min-width: 1440px) {

    .dcs-company-group-section {
        padding-top: 75px;
        padding-bottom: 65px;
    }

    .dcs-company-logo-grid {
        gap: 25px;
    }

    .dcs-company-logo-card {
        height: 265px;
    }
}

/* =========================================================
   NORMAL LAPTOP VIEW
========================================================= */

@media only screen and (min-width: 1200px) and (max-width: 1439px) {

    .dcs-company-group-section {
        padding: 65px 30px 55px;
    }

    .dcs-company-logo-grid {
        gap: 20px;
    }

    .dcs-company-logo-card {
        height: 235px;
    }

    .dcs-company-logo-inner {
        padding: 30px 24px;
    }

    .dcs-company-logo-image {
        max-height: 110px;
    }

    .dcs-company-partner-box {
        grid-template-columns: 150px minmax(0, 1fr) 180px;
    }

    .dcs-company-partner-content p {
        font-size: 18px;
    }
}

/* =========================================================
   SMALL LAPTOP / LARGE TABLET
========================================================= */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .dcs-company-group-section {
        padding: 60px 28px 50px;
    }

    .dcs-company-group-heading {
        margin-bottom: 32px;
    }

    .dcs-company-group-heading h2 {
        font-size: 52px;
    }

    .dcs-company-group-heading p {
        font-size: 18px;
    }

    .dcs-company-logo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
        max-width: 850px;
        margin-right: auto;
        margin-left: auto;
    }

    .dcs-company-logo-card {
        height: 235px;
    }

    .dcs-company-partner-box {
        grid-template-columns: 135px minmax(0, 1fr) 170px;
        width: min(100%, 900px);
    }

    .dcs-company-partner-icon {
        font-size: 55px;
    }

    .dcs-company-partner-content {
        padding: 25px 35px;
    }

    .dcs-company-partner-content p {
        font-size: 17px;
    }
}

/* =========================================================
   TABLET VIEW
========================================================= */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .dcs-company-group-section {
        padding: 55px 24px 45px;
    }

    .dcs-company-group-map {
        width: 260px;
        height: 145px;
        right: 10px;
    }

    .dcs-company-group-heading h2 {
        font-size: 46px;
    }

    .dcs-company-group-heading p {
        max-width: 650px;
        font-size: 17px;
    }

    .dcs-company-logo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .dcs-company-logo-card {
        height: 215px;
    }

    .dcs-company-logo-image {
        max-height: 105px;
    }

    .dcs-company-partner-box {
        grid-template-columns: 125px minmax(0, 1fr);
        border-radius: 20px;
    }

    .dcs-company-partner-icon {
        grid-row: 1 / 3;
        font-size: 50px;
    }

    .dcs-company-partner-content {
        padding: 25px 30px 15px;
    }

    .dcs-company-partner-content p {
        font-size: 17px;
    }

    .dcs-company-partner-logo {
        justify-content: flex-start;
        padding: 10px 30px 25px;
    }

    .dcs-company-partner-logo::before {
        top: 0;
        right: 30px;
        bottom: auto;
        left: 30px;
        width: auto;
        height: 1px;
        border-top: 1px dashed rgba(181, 22, 24, 0.35);
        border-left: 0;
    }

    .dcs-company-partner-logo img {
        max-width: 115px;
        max-height: 100px;
    }
}

/* =========================================================
   MOBILE LANDSCAPE / LARGE MOBILE
========================================================= */

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .dcs-company-group-section {
        padding: 48px 18px 40px;
    }

    .dcs-company-group-map {
        width: 200px;
        height: 110px;
        opacity: 0.06;
    }

    .dcs-company-group-dots {
        opacity: 0.35;
    }

    .dcs-company-group-subtitle {
        gap: 12px;
    }

    .dcs-company-group-subtitle h6 {
        font-size: 15px;
    }

    .dcs-company-group-subtitle span {
        width: 20px;
    }

    .dcs-company-group-heading h2 {
        font-size: 39px;
        line-height: 1.12;
    }

    .dcs-company-group-heading p {
        font-size: 16px;
        line-height: 1.6;
    }

    .dcs-company-logo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .dcs-company-logo-card {
        height: 185px;
        border-radius: 12px;
    }

    .dcs-company-logo-inner {
        padding: 25px 20px;
    }

    .dcs-company-logo-image {
        max-height: 90px;
    }

    .dcs-company-partner-box {
        display: flex;
        flex-direction: column;
        margin-top: 28px;
        border-radius: 18px;
    }

    .dcs-company-partner-icon {
        min-height: 105px;
        font-size: 48px;
    }

    .dcs-company-partner-icon::after {
        display: none;
    }

    .dcs-company-partner-content {
        padding: 25px 25px 15px;
        text-align: center;
    }

    .dcs-company-partner-content p {
        font-size: 16px;
    }

    .dcs-company-partner-logo {
        padding: 15px 25px 25px;
    }

    .dcs-company-partner-logo::before {
        top: 0;
        right: 25px;
        bottom: auto;
        left: 25px;
        width: auto;
        height: 1px;
        border-top: 1px dashed rgba(181, 22, 24, 0.35);
        border-left: none;
    }

    .dcs-company-partner-logo img {
        max-width: 125px;
        max-height: 110px;
    }
}

/* =========================================================
   MOBILE VIEW
========================================================= */

@media only screen and (max-width: 575px) {

    .dcs-company-group-section {
        padding: 42px 15px 35px;
    }

    .dcs-company-group-map {
        top: 15px;
        right: -30px;
        width: 175px;
        height: 95px;
        opacity: 0.05;
    }

    .dcs-company-group-dots {
        top: 10px;
        left: 0;
        width: 75px;
        height: 75px;
        background-size: 15px 15px;
        opacity: 0.3;
    }

    .dcs-company-group-dots::after {
        display: none;
    }

    .dcs-company-group-heading {
        margin-bottom: 28px;
    }

    .dcs-company-group-subtitle {
        gap: 10px;
        margin-bottom: 14px;
    }

    .dcs-company-group-subtitle h6 {
        font-size: 13px;
        letter-spacing: 0.4px;
    }

    .dcs-company-group-subtitle span {
        width: 18px;
    }

    .dcs-company-group-heading h2 {
        font-size: clamp(30px, 10vw, 38px);
        line-height: 1.12;
        letter-spacing: -0.7px;
    }

    .dcs-company-group-heading h2 strong {
        display: block;
        margin-top: 4px;
    }

    .dcs-company-group-title-line {
        width: 55px;
        height: 3px;
        margin: 17px auto;
    }

    .dcs-company-group-heading p {
        font-size: 15px;
        line-height: 1.6;
    }

    .dcs-company-logo-grid {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 22px;
    }

    .dcs-company-logo-card {
        width: 100%;
        height: 185px;
        border-radius: 12px;
    }

    .dcs-company-logo-card:hover {
        transform: translateY(-5px);
    }

    .dcs-company-logo-inner {
        padding: 25px;
    }

    .dcs-company-logo-image {
        max-width: 88%;
        max-height: 95px;
    }

    .dcs-company-partner-box {
        display: flex;
        flex-direction: column;
        min-height: auto;
        margin-top: 27px;
        border-radius: 16px;
    }

    .dcs-company-partner-icon {
        min-height: 95px;
        font-size: 44px;
    }

    .dcs-company-partner-icon::after {
        display: none;
    }

    .dcs-company-partner-content {
        padding: 22px 20px 14px;
        text-align: center;
    }

    .dcs-company-partner-content p {
        font-size: 15px;
        line-height: 1.65;
    }

    .dcs-company-partner-logo {
        padding: 15px 20px 22px;
    }

    .dcs-company-partner-logo::before {
        top: 0;
        right: 20px;
        bottom: auto;
        left: 20px;
        width: auto;
        height: 1px;
        border-top: 1px dashed rgba(181, 22, 24, 0.35);
        border-left: none;
    }

    .dcs-company-partner-logo img {
        max-width: 115px;
        max-height: 100px;
    }
}

/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media only screen and (max-width: 374px) {

    .dcs-company-group-section {
        padding-right: 12px;
        padding-left: 12px;
    }

    .dcs-company-group-heading h2 {
        font-size: 29px;
    }

    .dcs-company-logo-card {
        height: 170px;
    }

    .dcs-company-logo-image {
        max-height: 85px;
    }

    .dcs-company-partner-content {
        padding-right: 16px;
        padding-left: 16px;
    }
}

/* =========================================================
   4K VIEW
========================================================= */

@media only screen and (min-width: 2000px) {

    .dcs-company-group-container {
        max-width: 1700px;
    }

    .dcs-company-group-section {
        padding-top: 100px;
        padding-bottom: 90px;
    }

    .dcs-company-group-heading {
        max-width: 1100px;
    }

    .dcs-company-group-heading h2 {
        font-size: 82px;
    }

    .dcs-company-group-heading p {
        max-width: 900px;
        font-size: 23px;
    }

    .dcs-company-logo-grid {
        gap: 30px;
    }

    .dcs-company-logo-card {
        height: 310px;
    }

    .dcs-company-logo-image {
        max-height: 150px;
    }

    .dcs-company-partner-box {
        max-width: 1250px;
        min-height: 210px;
    }

    .dcs-company-partner-content p {
        font-size: 23px;
    }
}

/* =========================================================
   REDUCE MOTION ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .dcs-company-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .dcs-company-logo-card,
    .dcs-company-logo-image,
    .dcs-company-logo-card::before,
    .dcs-company-logo-card::after {
        transition: none;
    }
}



/* =========================================================
   DCS CERTIFICATIONS & AFFILIATIONS SECTION
========================================================= */

.dcs-cert-section {
    --dcs-cert-red: #b91c1c;
    --dcs-cert-dark-red: #8f1010;
    --dcs-cert-black: #151515;
    --dcs-cert-heading: #161616;
    --dcs-cert-text: #4c4c52;
    --dcs-cert-white: #ffffff;
    --dcs-cert-light: #fafafa;
    --dcs-cert-border: #dedede;

    position: relative;
    overflow: hidden;
    padding: 110px 0;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(185, 28, 28, 0.05),
            transparent 38%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfbfb 100%
        );
    font-family: "Poppins", sans-serif;
}

.dcs-cert-container {
    position: relative;
    z-index: 5;
    width: min(1320px, calc(100% - 40px));
    margin: 0 auto;
}

/* Background decorative elements */

.dcs-cert-dot-pattern {
    position: absolute;
    top: 28px;
    right: 28px;
    width: 130px;
    height: 100px;
    opacity: 0.28;
    background-image: radial-gradient(
        circle,
        rgba(185, 28, 28, 0.32) 2px,
        transparent 2.5px
    );
    background-size: 19px 19px;
}

.dcs-cert-circle-pattern {
    position: absolute;
    bottom: -165px;
    left: -160px;
    width: 390px;
    height: 390px;
    opacity: 0.5;
}

.dcs-cert-circle-pattern span {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(185, 28, 28, 0.13);
    border-radius: 50%;
}

.dcs-cert-circle-pattern span:nth-child(2) {
    inset: 48px;
}

.dcs-cert-circle-pattern span:nth-child(3) {
    inset: 96px;
}

/* =========================================================
   HEADING AREA
========================================================= */

.dcs-cert-heading {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) 1px minmax(0, 1fr);
    gap: 55px;
    align-items: center;
    margin-bottom: 55px;
}

.dcs-cert-subtitle {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 17px;
}

.dcs-cert-subtitle span {
    width: 24px;
    height: 2px;
    background: var(--dcs-cert-red);
}

.dcs-cert-subtitle h6 {
    margin: 0;
    color: var(--dcs-cert-red);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.7px;
}

.dcs-cert-heading h2 {
    max-width: 590px;
    margin: 0;
    color: var(--dcs-cert-heading);
    font-size: clamp(46px, 5vw, 72px);
    font-weight: 750;
    line-height: 1.12;
    letter-spacing: -2.5px;
}

.dcs-cert-heading h2 strong {
    display: block;
    color: var(--dcs-cert-red);
    font-weight: 750;
}

.dcs-cert-title-line {
    width: 105px;
    height: 4px;
    margin-top: 25px;
    border-radius: 20px;
    background: var(--dcs-cert-red);
}

.dcs-cert-heading-divider {
    width: 1px;
    height: 145px;
    background: rgba(185, 28, 28, 0.32);
}

.dcs-cert-heading-content p {
    max-width: 590px;
    margin: 0;
    color: var(--dcs-cert-text);
    font-size: 19px;
    font-weight: 400;
    line-height: 1.75;
}

/* =========================================================
   CERTIFICATION GRID
========================================================= */

.dcs-cert-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
}

/* Certification card */

.dcs-cert-card {
    position: relative;
    display: grid;
    grid-template-columns: 190px 1px minmax(0, 1fr);
    gap: 28px;
    align-items: center;
    padding: 30px;
    overflow: hidden;
    border: 1px solid #cfcfcf;
    border-radius: 15px;
    background: var(--dcs-cert-white);
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.055);
    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease,
        border-color 0.4s ease;
}

.dcs-cert-card::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 0;
    content: "";
    background: linear-gradient(
        180deg,
        var(--dcs-cert-red),
        var(--dcs-cert-dark-red)
    );
    transition: height 0.45s ease;
}

.dcs-cert-card::after {
    position: absolute;
    top: -110%;
    left: -35%;
    width: 60%;
    height: 250%;
    content: "";
    pointer-events: none;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.75),
        transparent
    );
    transform: rotate(20deg);
    transition: left 0.8s ease;
}

.dcs-cert-card:hover {
    transform: translateY(-9px);
    border-color: rgba(185, 28, 28, 0.42);
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.11);
}

.dcs-cert-card:hover::before {
    height: 100%;
}

.dcs-cert-card:hover::after {
    left: 135%;
}

/* Image */

.dcs-cert-card-image {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 155px;
  }

.dcs-cert-card-image img {
    display: block;
    max-width: 100%;
    max-height: 150px;
    object-fit: contain;
    transition: transform 0.45s ease;
}

.dcs-cert-card:hover .dcs-cert-card-image img {
    transform: scale(1.06);
}

/* Divider */

.dcs-cert-card-divider {
    width: 1px;
    height: 150px;
    background: rgba(21, 21, 21, 0.24);
}

/* Content */

.dcs-cert-card-content {
    position: relative;
    z-index: 2;
}

.dcs-cert-card-content h3 {
    margin: 0 0 13px;
    color: var(--dcs-cert-black);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
    transition: color 0.35s ease;
}

.dcs-cert-card:hover .dcs-cert-card-content h3 {
    color: var(--dcs-cert-red);
}

.dcs-cert-card-content p {
    margin: 0;
    color: var(--dcs-cert-text);
    font-size: 15px;
    line-height: 1.75;
}

/* =========================================================
   CONTACT BUTTONS
========================================================= */

.dcs-cert-contact {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 45px;
}

.dcs-cert-contact-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-width: 310px;
    min-height: 65px;
    padding: 14px 28px;
    border: 1px solid var(--dcs-cert-red);
    border-radius: 10px;
    background: var(--dcs-cert-white);
    color: var(--dcs-cert-black);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
    box-shadow: 0 9px 25px rgba(0, 0, 0, 0.05);
    transition:
        transform 0.35s ease,
        color 0.35s ease,
        background 0.35s ease,
        box-shadow 0.35s ease;
}

.dcs-cert-contact-primary {
    border-color: var(--dcs-cert-red);
    background: linear-gradient(
        135deg,
        var(--dcs-cert-red),
        var(--dcs-cert-dark-red)
    );
    color: var(--dcs-cert-white);
}

.dcs-cert-contact-item:hover {
    transform: translateY(-5px);
    background: var(--dcs-cert-red);
    color: var(--dcs-cert-white);
    box-shadow: 0 16px 35px rgba(185, 28, 28, 0.2);
}

.dcs-cert-contact-primary:hover {
    background: var(--dcs-cert-black);
}

.dcs-cert-contact-icon {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 50%;
    color: inherit;
    font-size: 20px;
}

/* =========================================================
   SCROLL ANIMATION
========================================================= */

.dcs-cert-reveal {
    opacity: 0;
    transform: translateY(45px);
    transition:
        opacity 0.75s ease,
        transform 0.75s ease;
}

.dcs-cert-reveal.dcs-cert-visible {
    opacity: 1;
    transform: translateY(0);
  
  
}

/* =========================================================
   LARGE DESKTOP / 4K
========================================================= */

@media only screen and (min-width: 1920px) {

    .dcs-cert-section {
        padding: 140px 0;
    }

    .dcs-cert-container {
        width: min(1500px, calc(100% - 100px));
    }

    .dcs-cert-heading {
        gap: 70px;
        margin-bottom: 70px;
    }

    .dcs-cert-heading h2 {
        font-size: 80px;
    }

    .dcs-cert-heading-content p {
        max-width: 680px;
        font-size: 21px;
    }

    .dcs-cert-grid {
        gap: 35px;
    }

    .dcs-cert-card {
        grid-template-columns: 220px 1px minmax(0, 1fr);
        min-height: 285px;
        padding: 38px;
    }

    .dcs-cert-card-image img {
        max-height: 175px;
    }

    .dcs-cert-card-content h3 {
        font-size: 25px;
    }

    .dcs-cert-card-content p {
        font-size: 17px;
    }

    .dcs-cert-contact-item {
        min-width: 350px;
        min-height: 72px;
        font-size: 18px;
    }
}

/* =========================================================
   LAPTOP
   1200px – 1599px
========================================================= */

@media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .dcs-cert-section {
        padding: 95px 0;
    }

    .dcs-cert-container {
        width: min(1180px, calc(100% - 50px));
    }

    .dcs-cert-heading {
        gap: 42px;
        margin-bottom: 48px;
    }

    .dcs-cert-heading h2 {
        font-size: 45px;
    }

    .dcs-cert-heading-content p {
        font-size: 17px;
    }

    .dcs-cert-grid {
        gap: 22px;
    }

    .dcs-cert-card {
        grid-template-columns: 155px 1px minmax(0, 1fr);
        gap: 22px;
        min-height: 165px;
        padding: 5px;
    }

    .dcs-cert-card-image img {
        max-height: 128px;
    }

    .dcs-cert-card-divider {
        height: 130px;
    }

    .dcs-cert-card-content h3 {
        font-size: 19px;
    }

    .dcs-cert-card-content p {
        font-size: 12px;
    }
}

/* =========================================================
   SMALL LAPTOP / TABLET LANDSCAPE
   992px – 1199px
========================================================= */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .dcs-cert-section {
        padding: 85px 0;
    }

    .dcs-cert-container {
        width: min(940px, calc(100% - 40px));
    }

    .dcs-cert-heading {
        grid-template-columns: minmax(0, 0.9fr) 1px minmax(0, 1fr);
        gap: 32px;
    }

    .dcs-cert-heading h2 {
        font-size: 49px;
    }

    .dcs-cert-heading-content p {
        font-size: 16px;
    }

    .dcs-cert-heading-divider {
        height: 130px;
    }

    .dcs-cert-grid {
        gap: 20px;
    }

    .dcs-cert-card {
        grid-template-columns: 125px 1px minmax(0, 1fr);
        gap: 18px;
        min-height: 215px;
        padding: 21px;
    }

    .dcs-cert-card-image img {
        max-height: 110px;
    }

    .dcs-cert-card-divider {
        height: 115px;
    }

    .dcs-cert-card-content h3 {
        font-size: 17px;
    }

    .dcs-cert-card-content p {
        font-size: 13px;
        line-height: 1.65;
    }

    .dcs-cert-contact-item {
        min-width: 280px;
        font-size: 15px;
    }
}

/* =========================================================
   TABLET PORTRAIT
   768px – 991px
========================================================= */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .dcs-cert-section {
        padding: 75px 0;
    }

    .dcs-cert-container {
        width: min(720px, calc(100% - 36px));
    }

    .dcs-cert-heading {
        grid-template-columns: 1fr;
        gap: 26px;
        margin-bottom: 42px;
        text-align: center;
    }

    .dcs-cert-subtitle {
        justify-content: center;
    }

    .dcs-cert-heading h2 {
        max-width: 620px;
        margin: 0 auto;
        font-size: 52px;
    }

    .dcs-cert-title-line {
        margin: 22px auto 0;
    }

    .dcs-cert-heading-divider {
        width: 90px;
        height: 2px;
        margin: 0 auto;
        background: rgba(185, 28, 28, 0.4);
    }

    .dcs-cert-heading-content p {
        max-width: 650px;
        margin: 0 auto;
        font-size: 16px;
    }

    .dcs-cert-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .dcs-cert-card {
        grid-template-columns: 170px 1px minmax(0, 1fr);
        min-height: 215px;
        padding: 27px;
    }

    .dcs-cert-card-image img {
        max-height: 130px;
    }

    .dcs-cert-contact {
        gap: 15px;
        margin-top: 35px;
    }

    .dcs-cert-contact-item {
        min-width: 0;
        flex: 1;
        padding: 13px 20px;
        font-size: 14px;
    }
}

/* =========================================================
   LARGE MOBILE
   576px – 767px
========================================================= */

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .dcs-cert-section {
        padding: 68px 0;
    }

    .dcs-cert-container {
        width: min(540px, calc(100% - 30px));
    }

    .dcs-cert-heading {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-bottom: 37px;
        text-align: center;
    }

    .dcs-cert-subtitle {
        justify-content: center;
    }

    .dcs-cert-heading h2 {
        font-size: 43px;
        letter-spacing: -1.5px;
    }

    .dcs-cert-title-line {
        margin: 20px auto 0;
    }

    .dcs-cert-heading-divider {
        width: 75px;
        height: 2px;
        margin: 0 auto;
    }

    .dcs-cert-heading-content p {
        font-size: 15px;
    }

    .dcs-cert-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .dcs-cert-card {
        grid-template-columns: 145px 1px minmax(0, 1fr);
        gap: 20px;
        min-height: 205px;
        padding: 23px;
    }

    .dcs-cert-card-image img {
        max-height: 110px;
    }

    .dcs-cert-card-divider {
        height: 115px;
    }

    .dcs-cert-card-content h3 {
        font-size: 18px;
    }

    .dcs-cert-card-content p {
        font-size: 13px;
    }

    .dcs-cert-contact {
        flex-direction: column;
        gap: 13px;
        margin-top: 30px;
    }

    .dcs-cert-contact-item {
        width: min(390px, 100%);
        min-width: 0;
    }
}

/* =========================================================
   MOBILE
   Up to 575px
========================================================= */

@media only screen and (max-width: 575px) {

    .dcs-cert-section {
        padding: 58px 0;
    }

    .dcs-cert-container {
        width: calc(100% - 28px);
    }

    .dcs-cert-heading {
        grid-template-columns: 1fr;
        gap: 19px;
        margin-bottom: 32px;
        text-align: center;
    }

    .dcs-cert-subtitle {
        justify-content: center;
        gap: 9px;
        margin-bottom: 13px;
    }

    .dcs-cert-subtitle span {
        width: 17px;
    }

    .dcs-cert-subtitle h6 {
        font-size: 12px;
    }

    .dcs-cert-heading h2 {
        font-size: clamp(33px, 10vw, 40px);
        line-height: 1.15;
        letter-spacing: -1px;
    }

    .dcs-cert-title-line {
        width: 70px;
        height: 3px;
        margin: 18px auto 0;
    }

    .dcs-cert-heading-divider {
        width: 65px;
        height: 2px;
        margin: 0 auto;
    }

    .dcs-cert-heading-content p {
        font-size: 14px;
        line-height: 1.7;
    }

    .dcs-cert-grid {
        grid-template-columns: 1fr;
        gap: 19px;
    }

    .dcs-cert-card {
        grid-template-columns: 1fr;
        gap: 17px;
        min-height: auto;
        padding: 25px 20px;
        text-align: center;
        border-radius: 13px;
    }

    .dcs-cert-card-image {
        min-height: 110px;
    }

    .dcs-cert-card-image img {
        max-height: 105px;
    }

    .dcs-cert-card-divider {
        width: 75px;
        height: 2px;
        margin: 0 auto;
        background: rgba(185, 28, 28, 0.4);
    }

    .dcs-cert-card-content h3 {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .dcs-cert-card-content p {
        font-size: 13px;
        line-height: 1.7;
    }

    .dcs-cert-contact {
        flex-direction: column;
        gap: 12px;
        margin-top: 28px;
    }

    .dcs-cert-contact-item {
        width: 100%;
        min-width: 0;
        min-height: 58px;
        padding: 12px 18px;
        font-size: 13px;
        word-break: break-word;
    }

    .dcs-cert-contact-icon {
        width: 27px;
        height: 27px;
        font-size: 17px;
    }

    .dcs-cert-dot-pattern {
        right: 0;
        width: 90px;
        opacity: 0.18;
    }

    .dcs-cert-circle-pattern {
        display: none;
    }
}

/* =========================================================
   SMALL MOBILE
   Up to 374px
========================================================= */

@media only screen and (max-width: 374px) {

    .dcs-cert-container {
        width: calc(100% - 20px);
    }

    .dcs-cert-heading h2 {
        font-size: 31px;
    }

    .dcs-cert-card {
        padding: 22px 16px;
    }

    .dcs-cert-card-content h3 {
        font-size: 17px;
    }

    .dcs-cert-contact-item {
        padding-right: 12px;
        padding-left: 12px;
        font-size: 12px;
    }
}

/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .dcs-cert-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .dcs-cert-card,
    .dcs-cert-card-image img,
    .dcs-cert-contact-item {
        transition: none;
    }
}


/* =========================================================
   DCS HEADER – GET A QUOTE BUTTON LAPTOP FIX
   Keep this code at the very bottom of main.css
========================================================= */

/* Normal desktop and laptop */
@media only screen and (min-width: 1200px) {

    .header-3 .header-main {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .header-3 .header-left {
        flex: 0 0 auto;
    }

    .header-3 .header-right {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        flex: 1;
        min-width: 0;
        gap: 14px;
    }

    /* Make menu use only available space */
    .header-3 .mean__menu-wrapper {
        display: block !important;
        flex: 0 1 auto;
        min-width: 0;
    }

    .header-3 .main-menu > nav > ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: nowrap;
    }

    /* Reduce excessive menu spacing */
    .header-3 .main-menu > nav > ul > li {
        margin-right: 30px !important;
    }

    .header-3 .main-menu > nav > ul > li:last-child {
        margin-right: 0 !important;
    }

    .header-3 .main-menu > nav > ul > li > a {
        white-space: nowrap;
    }

    /* Force Get A Quote button to display */
    .header-3 .header-button {
        display: flex !important;
        align-items: center;
        flex: 0 0 auto;
        margin-left: 8px !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    .header-3 .header-button .theme-btn {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-width: 140px;
        height: 46px;
        padding: 10px 16px;
        border: 2px solid #b91c1c;
        border-radius: 4px;
        background-color: #b91c1c;
        color: #ffffff !important;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        white-space: nowrap;
        text-transform: uppercase;
        opacity: 1 !important;
        visibility: visible !important;
        transition: all 0.35s ease;
    }

    .header-3 .header-button .theme-btn i {
        color: inherit;
        font-size: 12px;
        transition: transform 0.35s ease;
    }

    .header-3 .header-button .theme-btn:hover {
        background-color: transparent;
        color: #b91c1c !important;
        transform: translateY(-2px);
        box-shadow: 0 10px 25px rgba(185, 28, 28, 0.25);
    }

    .header-3 .header-button .theme-btn:hover i {
        transform: translateX(4px);
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .header-3 .container-fluid {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .header-3 .header-left .logo img {
        width: auto;
        max-width: 265px;
        height: auto;
    }

    .header-3 .header-right {
        gap: 10px;
    }

    .header-3 .main-menu > nav > ul > li {
        margin-right: 24px !important;
    }

    .header-3 .main-menu > nav > ul > li > a {
        font-size: 14px;
    }

    .header-3 .header-button {
        display: flex !important;
        margin-left: 4px !important;
    }

    .header-3 .header-button .theme-btn {
        min-width: 122px;
        height: 42px;
        padding: 9px 11px;
        gap: 5px;
        font-size: 10px;
    }

    .header-3 .header-button .theme-btn i {
        font-size: 10px;
    }

    /* Hamburger remains visible */
    .header-3 .header__hamburger {
        display: block !important;
        flex: 0 0 auto;
        margin-left: 3px !important;
    }
}



/* =====================================================
   DCS FEATURED PROJECTS
===================================================== */

.dcs-project-showcase-section {
    position: relative;
    padding: 90px 0;
    overflow: hidden;
    background-color: #ffffff;
}

.dcs-project-showcase-container {
    width: min(90%, 1400px);
    margin: 0 auto;
}


/* =====================================================
   SECTION HEADING
===================================================== */

.dcs-project-showcase-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    margin-bottom: 30px;
    text-align: center;
}

.dcs-project-showcase-heading h2 {
    margin: 0;
    color: #171717;
    font-size: clamp(24px, 2vw, 34px);
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.dcs-project-showcase-heading-line {
    display: block;
    width: 68px;
    height: 3px;
    background-color: #b91c1c;
}


/* =====================================================
   PROJECT TABS
===================================================== */

.dcs-project-showcase-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 38px;
}

.dcs-project-showcase-tab {
    position: relative;
    min-width: 220px;
    min-height: 58px;
    padding: 14px 24px;
    overflow: hidden;
    border: 1px solid #dfe2e7;
    border-radius: 7px;
    background-color: #ffffff;
    color: #171717;
    font-family: inherit;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    transition:
        color 0.35s ease,
        border-color 0.35s ease,
        background-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.dcs-project-showcase-tab::before {
    position: absolute;
    top: 0;
    left: -110%;
    width: 110%;
    height: 100%;
    content: "";
    background-color: #b91c1c;
    transform: skewX(-18deg);
    transition: left 0.45s ease;
    z-index: 0;
}

.dcs-project-showcase-tab:hover::before,
.dcs-project-showcase-tab.active::before {
    left: 0;
}

.dcs-project-showcase-tab:hover,
.dcs-project-showcase-tab.active {
    border-color: #b91c1c;
    color: #ffffff;
    background-color: #b91c1c;
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(185, 28, 28, 0.22);
}

.dcs-project-showcase-tab {
    isolation: isolate;
}

.dcs-project-showcase-tab::before {
    z-index: -1;
}

.dcs-project-showcase-tab:focus-visible {
    outline: 3px solid rgba(185, 28, 28, 0.3);
    outline-offset: 4px;
}


/* =====================================================
   PROJECT GRID
===================================================== */

.dcs-project-showcase-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}


/* =====================================================
   PROJECT CARD
===================================================== */

.dcs-project-showcase-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #d4dced;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0 12px 34px rgba(10, 20, 35, 0.08);
    opacity: 0;
    animation: dcsProjectCardEntrance 0.65s ease forwards;
    transition:
        transform 0.4s ease,
        border-color 0.4s ease,
        box-shadow 0.4s ease;
}

.dcs-project-showcase-card:hover {
    border-color: rgba(185, 28, 28, 0.45);
    transform: translateY(-8px);
    box-shadow: 0 22px 50px rgba(10, 20, 35, 0.16);
}


/* =====================================================
   DOUBLE IMAGE HOVER
===================================================== */

.dcs-project-showcase-image {
    position: relative;
    height: 285px;
    overflow: hidden;
    background-color: #111111;
}

.dcs-project-showcase-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    backface-visibility: hidden;
}

.dcs-project-showcase-image img:first-child {
    position: relative;
    transform: translateX(0) scaleX(1) rotateY(0deg);
    transform-origin: top center;
    transition: transform 600ms ease;
}

.dcs-project-showcase-image img:nth-child(2) {
    position: absolute;
    inset: 0;
    transform: translateX(150px) scaleX(0) rotateY(90deg);
    transform-origin: bottom center;
    transition: transform 700ms ease;
}

.dcs-project-showcase-card:hover
.dcs-project-showcase-image img:first-child {
    transform: translateX(-100%) translateX(150px)
               scaleX(0) rotateY(90deg);
    transform-origin: bottom center;
}

.dcs-project-showcase-card:hover
.dcs-project-showcase-image img:nth-child(2) {
    transform: translateX(0) scaleX(1) rotateY(0deg);
    transform-origin: bottom center;
}


/* Image shade */

.dcs-project-showcase-image::after {
    position: absolute;
    inset: auto 0 0;
    height: 45%;
    content: "";
    pointer-events: none;
    background: linear-gradient(
        to top,
        rgba(10, 10, 10, 0.48),
        transparent
    );
}


/* Project category badge */

/* .dcs-project-showcase-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 8px 14px;
    border-radius: 4px;
    background-color: #b91c1c;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.4px;
} */


/* =====================================================
   PROJECT CONTENT
===================================================== */

.dcs-project-showcase-content {
    position: relative;
    z-index: 2;
    padding: 28px;
    background-color: #ffffff;
}

.dcs-project-showcase-content h3 {
    margin: 0 0 10px;
    color: #171717;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.35;
}

.dcs-project-showcase-content h3 a {
    color: #171717;
    text-decoration: none;
    transition: color 0.3s ease;
}

.dcs-project-showcase-content h3 a:hover {
    color: #b91c1c;
}

.dcs-project-showcase-description {
    min-height: 48px;
    margin: 0 0 18px;
    color: #666b74;
    font-size: 14px;
    line-height: 1.7;
}

.dcs-project-showcase-meta {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding-top: 17px;
    border-top: 1px solid #e7e9ee;
    background-color: #ffffff;
}

.dcs-project-showcase-location {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: #4e545d;
    font-size: 13px;
    font-weight: 600;
}

.dcs-project-showcase-location i {
    flex: 0 0 auto;
    color: #b91c1c;
    font-size: 14px;
}

.dcs-project-showcase-location span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dcs-project-showcase-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border: 1px solid #b91c1c;
    border-radius: 50%;
    background-color: transparent;
    color: #b91c1c;
    text-decoration: none;
    transition:
        color 0.35s ease,
        background-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.dcs-project-showcase-link i {
    font-size: 13px;
    transition: transform 0.35s ease;
}

.dcs-project-showcase-link:hover {
    background-color: #b91c1c;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(185, 28, 28, 0.24);
}

.dcs-project-showcase-link:hover i {
    transform: translateX(3px);
}

/* =====================================================
   DECORATIVE SHAPE
===================================================== */

/* .dcs-project-showcase-shape {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 115px;
    pointer-events: none;
    opacity: 0.5;
}

.dcs-project-showcase-shape img {
    display: block;
    width: 100%;
    height: auto;
} */


/* =====================================================
   CARD ENTRANCE ANIMATION
===================================================== */

@keyframes dcsProjectCardEntrance {

    from {
        opacity: 0;
        transform: translateY(35px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


/* =====================================================
   4K AND LARGE DESKTOP
===================================================== */

@media only screen and (min-width: 1920px) {

    .dcs-project-showcase-container {
        max-width: 1600px;
    }

    .dcs-project-showcase-section {
        padding: 110px 0;
    }

    .dcs-project-showcase-grid {
        gap: 34px;
    }

    .dcs-project-showcase-image {
        height: 330px;
    }

    .dcs-project-showcase-content {
        padding: 34px;
    }

    .dcs-project-showcase-content h3 {
        font-size: 24px;
    }

    .dcs-project-showcase-description {
        font-size: 15px;
    }
}


/* =====================================================
   LAPTOP VIEW
   1200px to 1599px
===================================================== */

@media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .dcs-project-showcase-section {
        padding: 75px 0;
    }

    .dcs-project-showcase-container {
        width: 92%;
    }

    .dcs-project-showcase-tab {
        min-width: 190px;
        min-height: 54px;
        padding: 12px 18px;
        font-size: 13px;
    }

    .dcs-project-showcase-grid {
        gap: 22px;
    }

    .dcs-project-showcase-image {
        height: 245px;
    }

    .dcs-project-showcase-content {
        padding: 24px;
    }

    .dcs-project-showcase-content h3 {
        font-size: 19px;
    }
}


/* =====================================================
   SMALL LAPTOP AND LARGE TABLET
   992px to 1199px
===================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .dcs-project-showcase-section {
        padding: 70px 0;
    }

    .dcs-project-showcase-container {
        width: 92%;
    }

    .dcs-project-showcase-tabs {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .dcs-project-showcase-tab {
        min-width: 0;
        min-height: 54px;
        padding: 12px 10px;
        font-size: 12px;
    }

    .dcs-project-showcase-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
    }

    .dcs-project-showcase-image {
        height: 215px;
    }

    .dcs-project-showcase-content {
        padding: 21px;
    }

    .dcs-project-showcase-content h3 {
        font-size: 17px;
    }

    .dcs-project-showcase-description {
        min-height: 66px;
        font-size: 13px;
    }
}


/* =====================================================
   TABLET VIEW
   768px to 991px
===================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .dcs-project-showcase-section {
        padding: 65px 0;
    }

    .dcs-project-showcase-container {
        width: 92%;
    }

    .dcs-project-showcase-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .dcs-project-showcase-tab {
        width: 100%;
        min-width: 0;
        min-height: 52px;
        font-size: 12px;
    }

    .dcs-project-showcase-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .dcs-project-showcase-image {
        height: 245px;
    }

    .dcs-project-showcase-content {
        padding: 24px;
    }

    .dcs-project-showcase-description {
        min-height: auto;
    }
}


/* =====================================================
   MOBILE VIEW
   Up to 767px
===================================================== */

@media only screen and (max-width: 767px) {

    .dcs-project-showcase-section {
        padding: 50px 0;
    }

    .dcs-project-showcase-container {
        width: 92%;
    }

    .dcs-project-showcase-heading {
        gap: 12px;
        margin-bottom: 25px;
    }

    .dcs-project-showcase-heading h2 {
        font-size: 19px;
    }

    .dcs-project-showcase-heading-line {
        width: 34px;
        height: 2px;
    }

    .dcs-project-showcase-tabs {
        display: grid;
        grid-template-columns: 1fr;
        gap: 9px;
        margin-bottom: 30px;
    }

    .dcs-project-showcase-tab {
        width: 100%;
        min-width: 0;
        min-height: 48px;
        padding: 11px 16px;
        font-size: 12px;
    }

    .dcs-project-showcase-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .dcs-project-showcase-image {
        height: 260px;
    }

    .dcs-project-showcase-content {
        padding: 24px;
    }

    .dcs-project-showcase-content h3 {
        font-size: 19px;
    }

    .dcs-project-showcase-description {
        min-height: auto;
        font-size: 13px;
    }
}


/* =====================================================
   SMALL MOBILE VIEW
   Up to 480px
===================================================== */

@media only screen and (max-width: 480px) {

    .dcs-project-showcase-container {
        width: 91%;
    }

    .dcs-project-showcase-heading h2 {
        font-size: 17px;
        letter-spacing: 0.4px;
    }

    .dcs-project-showcase-heading-line {
        width: 25px;
    }

    .dcs-project-showcase-image {
        height: 220px;
    }

    .dcs-project-showcase-badge {
        top: 14px;
        left: 14px;
        padding: 7px 11px;
        font-size: 9px;
    }

    .dcs-project-showcase-content {
        padding: 20px;
    }

    .dcs-project-showcase-content h3 {
        font-size: 17px;
    }

    .dcs-project-showcase-meta {
        gap: 10px;
    }

    .dcs-project-showcase-location {
        font-size: 12px;
    }

    .dcs-project-showcase-link {
        width: 38px;
        height: 38px;
    }
}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .dcs-project-showcase-card {
        opacity: 1;
        animation: none;
    }

    .dcs-project-showcase-card,
    .dcs-project-showcase-image img,
    .dcs-project-showcase-tab,
    .dcs-project-showcase-tab::before,
    .dcs-project-showcase-link {
        transition: none;
    }
}


/* =====================================================
   EMERGENCY
===================================================== */

/* Hide old category badge and decorative orange shape */
.dcs-project-showcase-badge,
.dcs-project-showcase-shape {
    display: none !important;
}

/* Ensure plain white bottom-right card area */
.dcs-project-showcase-card,
.dcs-project-showcase-content,
.dcs-project-showcase-meta {
    background-color: #ffffff !important;
}







/* =====================================================
   DCS GLOBAL PRESENCE SECTION
====================================================== */

.dcs-global-presence-section {
    --dcs-global-red: #b91c1c;
    --dcs-global-red-dark: #8f1515;
    --dcs-global-red-light: #d92b2b;
    --dcs-global-navy: #071b33;
    --dcs-global-navy-light: #102b4b;
    --dcs-global-text: #525866;
    --dcs-global-border: #e1e3e7;
    --dcs-global-white: #ffffff;
    --dcs-global-background: #f7f8fa;

    position: relative;
    width: 100%;
    padding: 110px 20px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(185, 28, 28, 0.05),
            transparent 28%
        ),
        radial-gradient(
            circle at 92% 85%,
            rgba(7, 27, 51, 0.05),
            transparent 28%
        ),
        var(--dcs-global-background);
}

.dcs-global-presence-section::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -120px;
    width: 320px;
    height: 320px;
    border: 1px solid rgba(185, 28, 28, 0.08);
    border-radius: 50%;
}

.dcs-global-presence-section::after {
    content: "";
    position: absolute;
    bottom: -170px;
    left: -170px;
    width: 390px;
    height: 390px;
    border: 1px solid rgba(7, 27, 51, 0.07);
    border-radius: 50%;
}

.dcs-global-presence-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
}


/* =====================================================
   SECTION HEADING
====================================================== */

.dcs-global-presence-heading {
    width: 100%;
    max-width: 900px;
    margin: 0 auto 55px;
    text-align: center;
}

.dcs-global-presence-subtitle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 14px;
}

.dcs-global-presence-subtitle span {
    width: 42px;
    height: 1px;
    background: var(--dcs-global-red);
}

.dcs-global-presence-subtitle h6 {
    margin: 0;
    color: var(--dcs-global-red);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 6px;
    text-transform: uppercase;
}

.dcs-global-presence-heading h2 {
    margin: 0;
    color: var(--dcs-global-navy);
    font-size: clamp(38px, 4vw, 58px);
    font-weight: 800;
    line-height: 1.13;
    letter-spacing: -1.8px;
}

.dcs-global-presence-heading p {
    max-width: 760px;
    margin: 21px auto 0;
    color: var(--dcs-global-text);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.65;
}


/* =====================================================
   COUNTRY GRID
====================================================== */

.dcs-global-country-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    width: 100%;
}

/* Country Card */
.dcs-global-country-card {
    position: relative;
    min-height: 390px;
    padding: 34px;
    overflow: hidden;
    border: 1px solid var(--dcs-global-border);
    border-radius: 16px;
    background: var(--dcs-global-white);
    box-shadow: 0 14px 45px rgba(7, 27, 51, 0.07);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;
}

.dcs-global-country-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--dcs-global-red-dark),
        var(--dcs-global-red-light)
    );
    transform: translateX(-50%);
    transition: width 0.5s ease;
}

.dcs-global-country-card:hover {
    transform: translateY(-10px);
    border-color: rgba(185, 28, 28, 0.32);
    box-shadow: 0 25px 60px rgba(7, 27, 51, 0.14);
}

.dcs-global-country-card:hover::before {
    width: 100%;
}


/* =====================================================
   COUNTRY TOP CONTENT
====================================================== */

/* Country Card Inner Layout */
.dcs-global-country-top {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(210px, 0.95fr);
    gap: 25px;
    align-items: center;
    width: 100%;
    min-height: 320px;
    padding: 0;
}

.dcs-global-country-content {
    min-width: 0;
}

.dcs-global-country-title h3 {
    margin: 0 0 5px;
    color: var(--dcs-global-navy);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 43px;
    font-weight: 800;
    line-height: 1.1;
    text-transform: uppercase;
}

.dcs-global-country-title span {
    display: block;
    max-width: 330px;
    color: var(--dcs-global-red);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.dcs-global-small-line {
    width: 55px;
    height: 2px;
    margin: 17px 0 23px;
    background: var(--dcs-global-red);
}

.dcs-global-service-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dcs-global-service-list li {
    display: flex;
    align-items: center;
    gap: 13px;
    color: #252a33;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
}

.dcs-global-service-icon {
    display: inline-flex;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    color: var(--dcs-global-red);
    font-size: 18px;
    transition:
        transform 0.35s ease,
        color 0.35s ease;
}

.dcs-global-service-list li:hover .dcs-global-service-icon {
    color: var(--dcs-global-navy);
    transform: scale(1.12) rotate(-5deg);
}


/* =====================================================
   COUNTRY MAP
====================================================== */

.dcs-global-country-map {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 10px;
}

.dcs-global-country-map::before {
    content: "";
    position: absolute;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(185, 28, 28, 0.09),
        rgba(185, 28, 28, 0) 70%
    );
}

.dcs-global-country-map img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    max-width: 290px;
    height: 235px;
    object-fit: contain;
    filter: drop-shadow(0 14px 12px rgba(7, 27, 51, 0.19));
    transition:
        transform 0.6s ease,
        filter 0.6s ease;
}

.dcs-global-country-card:hover .dcs-global-country-map img {
    transform: translateY(-7px) scale(1.035);
    filter: drop-shadow(0 20px 16px rgba(7, 27, 51, 0.25));
}

.dcs-global-map-glow {
    position: absolute;
    bottom: 25px;
    left: 50%;
    width: 72%;
    height: 20px;
    border-radius: 50%;
    background: rgba(7, 27, 51, 0.13);
    filter: blur(13px);
    transform: translateX(-50%);
}


/* =====================================================
   PROJECT IMAGE
====================================================== */

.dcs-global-project-image {
    position: relative;
    height: 225px;
    overflow: hidden;
    border-radius: 11px;
}

.dcs-global-project-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.dcs-global-project-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(7, 27, 51, 0) 40%,
        rgba(7, 27, 51, 0.42) 100%
    );
}

.dcs-global-country-card:hover .dcs-global-project-image img {
    transform: scale(1.08);
}

.dcs-global-project-badge {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-width: 245px;
    min-height: 49px;
    padding: 12px 28px;
    border-radius: 25px 25px 0 0;
    background: linear-gradient(
        135deg,
        var(--dcs-global-red),
        var(--dcs-global-red-dark)
    );
    color: var(--dcs-global-white);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    transform: translateX(-50%);
    box-shadow: 0 -7px 25px rgba(185, 28, 28, 0.25);
}

.dcs-global-project-badge span {
    width: 12px;
    height: 12px;
    border: 3px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    background: var(--dcs-global-white);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    animation: dcsGlobalPulse 2s infinite;
}


/* =====================================================
   BOTTOM FEATURE AREA
====================================================== */

.dcs-global-feature-wrapper {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 30px;
    align-items: center;
    margin-top: 30px;
    padding: 38px 45px;
    overflow: hidden;
    border-radius: 14px;
    background:
        linear-gradient(
            120deg,
            rgba(185, 28, 28, 0.08),
            transparent 40%
        ),
        linear-gradient(
            135deg,
            var(--dcs-global-navy),
            var(--dcs-global-navy-light)
        );
    box-shadow: 0 18px 45px rgba(7, 27, 51, 0.17);
}

.dcs-global-feature-item {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 22px;
    align-items: center;
}

.dcs-global-feature-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 88px;
    border: 2px solid var(--dcs-global-red);
    border-radius: 50%;
    color: var(--dcs-global-red-light);
    font-size: 38px;
    transition:
        transform 0.4s ease,
        background 0.4s ease,
        color 0.4s ease;
}

.dcs-global-feature-icon::before {
    content: "";
    position: absolute;
    inset: 7px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 50%;
}

.dcs-global-feature-item:hover .dcs-global-feature-icon {
    background: var(--dcs-global-red);
    color: var(--dcs-global-white);
    transform: rotateY(180deg);
}

.dcs-global-feature-content h4 {
    margin: 0 0 8px;
    color: var(--dcs-global-white);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.dcs-global-feature-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
}

.dcs-global-feature-divider {
    display: block;
    width: 1px;
    height: 80px;
    background: rgba(255, 255, 255, 0.25);
}


/* =====================================================
   SCROLL REVEAL ANIMATION
====================================================== */

.dcs-global-reveal {
    opacity: 0;
    transform: translateY(45px);
    transition:
        opacity 0.85s ease,
        transform 0.85s ease;
}

.dcs-global-reveal.dcs-global-visible {
    opacity: 1;
    transform: translateY(0);
}

.dcs-global-country-card:nth-child(2) {
    transition-delay: 0.14s;
}


/* =====================================================
   KEYFRAME ANIMATION
====================================================== */

@keyframes dcsGlobalPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    }

    70% {
        box-shadow: 0 0 0 9px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}


/* =====================================================
   LARGE LAPTOP VIEW
   1200px TO 1399px
====================================================== */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .dcs-global-presence-container {
        max-width: 1140px;
    }

    .dcs-global-country-top {
        grid-template-columns: minmax(0, 1.1fr) minmax(190px, 0.9fr);
        min-height: 300px;
        padding-inline: 12px;
    }

    .dcs-global-country-title h3 {
        font-size: 38px;
    }

    .dcs-global-country-map img {
        max-width: 245px;
        height: 215px;
    }

    .dcs-global-service-list li {
        font-size: 14px;
    }

    .dcs-global-feature-wrapper {
        gap: 22px;
        padding: 34px 30px;
    }

    .dcs-global-feature-item {
        grid-template-columns: 75px minmax(0, 1fr);
        gap: 17px;
    }

    .dcs-global-feature-icon {
        width: 75px;
        height: 75px;
        font-size: 31px;
    }

}


/* =====================================================
   SMALL LAPTOP AND TABLET LANDSCAPE
   992px TO 1199px
====================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .dcs-global-presence-section {
        padding: 90px 25px;
    }

    .dcs-global-country-grid {
        gap: 24px;
    }

    .dcs-global-country-card {
        padding-top: 28px;
    }

    .dcs-global-country-top {
        grid-template-columns: 1fr;
        gap: 20px;
        min-height: auto;
        padding: 0 18px 25px;
    }

    .dcs-global-country-content {
        order: 1;
    }

    .dcs-global-country-map {
        order: 2;
        min-height: 200px;
    }

    .dcs-global-country-map img {
        max-width: 280px;
        height: 205px;
    }

    .dcs-global-project-image {
        height: 215px;
    }

    .dcs-global-feature-wrapper {
        grid-template-columns: 1fr;
        gap: 25px;
        padding: 36px 45px;
    }

    .dcs-global-feature-divider {
        width: 100%;
        height: 1px;
    }

    .dcs-global-feature-item {
        grid-template-columns: 80px 1fr;
    }

}


/* =====================================================
   TABLET VIEW
   768px TO 991px
====================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .dcs-global-presence-section {
        padding: 80px 25px;
    }

    .dcs-global-presence-heading {
        margin-bottom: 45px;
    }

    .dcs-global-presence-heading h2 {
        font-size: 44px;
    }

    .dcs-global-presence-heading p {
        font-size: 17px;
    }

    .dcs-global-country-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .dcs-global-country-card {
        max-width: 720px;
        margin-inline: auto;
    }

    .dcs-global-country-top {
        grid-template-columns: minmax(0, 1fr) minmax(250px, 0.85fr);
        min-height: 300px;
    }

    .dcs-global-country-map img {
        height: 235px;
    }

    .dcs-global-feature-wrapper {
        grid-template-columns: 1fr;
        gap: 25px;
        padding: 35px;
    }

    .dcs-global-feature-divider {
        width: 100%;
        height: 1px;
    }

    .dcs-global-feature-item {
        grid-template-columns: 85px 1fr;
    }

}


/* =====================================================
   LARGE MOBILE VIEW
   576px TO 767px
====================================================== */

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .dcs-global-presence-section {
        padding: 70px 20px;
    }

    .dcs-global-presence-subtitle {
        gap: 11px;
    }

    .dcs-global-presence-subtitle h6 {
        font-size: 13px;
        letter-spacing: 4px;
    }

    .dcs-global-presence-subtitle span {
        width: 28px;
    }

    .dcs-global-presence-heading h2 {
        font-size: 39px;
        letter-spacing: -1px;
    }

    .dcs-global-presence-heading p {
        font-size: 16px;
    }

    .dcs-global-country-grid {
        grid-template-columns: 1fr;
    }

    .dcs-global-country-top {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .dcs-global-country-title {
        text-align: center;
    }

    .dcs-global-country-title span {
        margin-inline: auto;
    }

    .dcs-global-small-line {
        margin-inline: auto;
    }

    .dcs-global-service-list {
        max-width: 340px;
        margin-inline: auto;
    }

    .dcs-global-country-map {
        min-height: 230px;
    }

    .dcs-global-country-map img {
        max-width: 300px;
        height: 220px;
    }

    .dcs-global-project-image {
        height: 210px;
    }

    .dcs-global-feature-wrapper {
        grid-template-columns: 1fr;
        gap: 25px;
        padding: 32px 28px;
    }

    .dcs-global-feature-divider {
        width: 100%;
        height: 1px;
    }

    .dcs-global-feature-item {
        grid-template-columns: 75px 1fr;
        gap: 18px;
    }

    .dcs-global-feature-icon {
        width: 75px;
        height: 75px;
        font-size: 30px;
    }

}


/* =====================================================
   MEDIUM AND SMALL MOBILE VIEW
   MAXIMUM 575px
====================================================== */

@media only screen and (max-width: 575px) {

    .dcs-global-presence-section {
        padding: 60px 15px;
    }

    .dcs-global-presence-heading {
        margin-bottom: 36px;
    }

    .dcs-global-presence-subtitle {
        gap: 8px;
    }

    .dcs-global-presence-subtitle h6 {
        font-size: 11px;
        letter-spacing: 2.7px;
    }

    .dcs-global-presence-subtitle span {
        width: 20px;
    }

    .dcs-global-presence-heading h2 {
        font-size: 32px;
        line-height: 1.18;
        letter-spacing: -0.8px;
    }

    .dcs-global-presence-heading p {
        margin-top: 16px;
        font-size: 15px;
        line-height: 1.65;
    }

    .dcs-global-country-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .dcs-global-country-card {
        padding: 27px 10px 10px;
        border-radius: 13px;
    }

    .dcs-global-country-top {
        grid-template-columns: 1fr;
        gap: 10px;
        min-height: auto;
        padding: 0 10px 20px;
    }

    .dcs-global-country-title {
        text-align: center;
    }

    .dcs-global-country-title h3 {
        font-size: 33px;
    }

    .dcs-global-country-title span {
        max-width: 280px;
        margin-inline: auto;
        font-size: 11px;
    }

    .dcs-global-small-line {
        width: 45px;
        margin: 14px auto 20px;
    }

    .dcs-global-service-list {
        gap: 13px;
        max-width: 300px;
        margin-inline: auto;
    }

    .dcs-global-service-list li {
        align-items: flex-start;
        gap: 10px;
        font-size: 13px;
    }

    .dcs-global-service-icon {
        flex-basis: 25px;
        width: 25px;
        height: 25px;
        font-size: 16px;
    }

    .dcs-global-country-map {
        min-height: 195px;
        padding: 5px;
    }

    .dcs-global-country-map img {
        max-width: 270px;
        height: 190px;
    }

    .dcs-global-project-image {
        height: 190px;
        border-radius: 9px;
    }

    .dcs-global-project-badge {
        min-width: 210px;
        min-height: 44px;
        padding: 10px 20px;
        font-size: 12px;
    }

    .dcs-global-project-badge span {
        width: 10px;
        height: 10px;
    }

    .dcs-global-feature-wrapper {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-top: 24px;
        padding: 30px 20px;
    }

    .dcs-global-feature-divider {
        width: 100%;
        height: 1px;
    }

    .dcs-global-feature-item {
        grid-template-columns: 1fr;
        gap: 15px;
        text-align: center;
    }

    .dcs-global-feature-icon {
        width: 72px;
        height: 72px;
        margin-inline: auto;
        font-size: 29px;
    }

    .dcs-global-feature-content h4 {
        font-size: 15px;
    }

    .dcs-global-feature-content p {
        font-size: 13px;
    }

}


/* =====================================================
   EXTRA SMALL MOBILE VIEW
   MAXIMUM 360px
====================================================== */

@media only screen and (max-width: 360px) {

    .dcs-global-presence-section {
        padding-inline: 10px;
    }

    .dcs-global-presence-heading h2 {
        font-size: 28px;
    }

    .dcs-global-presence-subtitle h6 {
        font-size: 10px;
        letter-spacing: 2px;
    }

    .dcs-global-country-title h3 {
        font-size: 29px;
    }

    .dcs-global-country-map img {
        max-width: 235px;
    }

    .dcs-global-project-badge {
        min-width: 190px;
        font-size: 11px;
    }

}


/* =====================================================
   4K AND VERY LARGE SCREEN
====================================================== */

@media only screen and (min-width: 1800px) {

    .dcs-global-presence-container {
        max-width: 1500px;
    }

    .dcs-global-country-top {
        min-height: 345px;
    }

    .dcs-global-project-image {
        height: 265px;
    }

    .dcs-global-country-title h3 {
        font-size: 49px;
    }

    .dcs-global-service-list li {
        font-size: 17px;
    }

}


/* =====================================================
   REDUCED MOTION ACCESSIBILITY
====================================================== */

@media (prefers-reduced-motion: reduce) {

    .dcs-global-reveal,
    .dcs-global-country-card,
    .dcs-global-country-map img,
    .dcs-global-project-image img,
    .dcs-global-feature-icon {
        transition: none;
    }

    .dcs-global-project-badge span {
        animation: none;
    }

}




/* =========================================================
   WHY DCS TECHNOLOGY
   COMPLETE FINAL RESPONSIVE FIX
========================================================= */

.work-process-section-3 {
    position: relative;
    display: block;
    width: auto;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 50px;
    padding: 65px 0;
    overflow: hidden;
    clear: both;
    border-radius: 30px;
    background: #f2f3f9;
    isolation: isolate;
}

.work-process-section-3::after {
    display: block;
    clear: both;
    content: "";
}

.work-process-section-3 .container {
    position: relative;
    z-index: 2;
}

.work-process-wrapper-3 {
    position: relative;
    display: block;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
}

.work-process-wrapper-3 > .row {
    align-items: center;
    margin-bottom: 0;
}


/* =========================================================
   LEFT CONTENT COLUMN
========================================================= */

.work-process-wrapper-3 .work-process-content {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding-top: 60px;
}


/* =========================================================
   PROCESS CARDS
========================================================= */

.work-process-wrapper-3
.work-process-content
.work-process-box {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 120px;
    height: auto !important;
    padding: 22px 25px 22px 190px;
    overflow: hidden;
    background: #ffffff;
    opacity: 1;
    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
}

.work-process-wrapper-3
.work-process-content
.work-process-box:not(:last-child) {
    margin-bottom: 28px;
}

.work-process-wrapper-3
.work-process-content
.work-process-box.style-2 {
    margin-left: 20px;
}

.work-process-wrapper-3
.work-process-content
.work-process-box.style-3 {
    margin-left: 40px;
}

.work-process-wrapper-3
.work-process-content
.work-process-box.style-4 {
    margin-left: 60px;
}

.work-process-wrapper-3
.work-process-content
.work-process-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.1);
}


/* =========================================================
   RED SHAPE
========================================================= */

.work-process-wrapper-3
.work-process-content
.work-process-box
.shape-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 170px;
    height: 100%;
    pointer-events: none;
}

.work-process-wrapper-3
.work-process-content
.work-process-box
.shape-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
}


/* =========================================================
   NUMBER
========================================================= */

.work-process-wrapper-3
.work-process-content
.work-process-box
.number {
    position: absolute;
    top: 50%;
    left: 47px;
    z-index: 3;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-50%);
    color: transparent;
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    -webkit-text-stroke: 1px #ffffff;
    -webkit-text-fill-color: transparent;
}


/* =========================================================
   CARD TEXT
========================================================= */

.work-process-wrapper-3
.work-process-content
.work-process-box
.content {
    position: relative;
    z-index: 4;
    width: 100%;
    min-width: 0;
    margin: 0 !important;
    padding: 0;
}

.work-process-wrapper-3
.work-process-content
.work-process-box
.content h3 {
    margin: 0 0 7px;
    color: #111111;
    font-size: 20px !important;
    font-weight: 700;
    line-height: 1.3;
}

.work-process-wrapper-3
.work-process-content
.work-process-box
.content p {
    margin: 0;
    color: #666666;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.65;
    overflow-wrap: break-word;
}

.work-process-wrapper-3
.work-process-content
.work-process-box
.content p br {
    display: none;
}


/* =========================================================
   RIGHT IMAGE COLUMN
========================================================= */

.work-process-wrapper-3 .work-process-image {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
}

.work-process-wrapper-3
.work-process-image
.section-title {
    margin: 0;
}

.work-process-wrapper-3
.work-process-image
.track-image {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: auto;
    margin-top: 15px;
}

.work-process-wrapper-3
.work-process-image
.track-image img {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: block;
    width: 100%;
    max-width: 620px;
    height: auto !important;
    margin: 0 auto;
    object-fit: contain;
}


/* =========================================================
   HEADING
========================================================= */

.work-process-section-3 .why-dcs-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 0 0 15px;
    padding: 0;
}

.work-process-section-3 .why-dcs-title span {
    display: block;
    flex: 0 0 48px;
    width: 48px;
    height: 2px;
    background: #b91c1c;
}

.work-process-section-3 .why-dcs-title h2 {
    margin: 0;
    color: #111111;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}


/* =========================================================
   LARGE LAPTOP
   1200px–1399px
========================================================= */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .work-process-section-3 {
        margin: 0 25px;
        padding: 55px 0;
    }

    .work-process-wrapper-3 .work-process-content {
        padding-top: 45px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box {
        min-height: 105px;
        padding: 18px 18px 18px 155px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box:not(:last-child) {
        margin-bottom: 22px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box.style-2 {
        margin-left: 15px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box.style-3 {
        margin-left: 30px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box.style-4 {
        margin-left: 45px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .shape-img {
        width: 140px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .number {
        left: 37px;
        font-size: 32px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .content h3 {
        font-size: 18px !important;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .content p {
        font-size: 13px !important;
        line-height: 1.55;
    }

    .work-process-wrapper-3
    .work-process-image
    .track-image img {
        max-width: 540px;
    }

    .work-process-section-3 .why-dcs-title h2 {
        font-size: 18px;
    }

}


/* =========================================================
   SMALL LAPTOP
   992px–1199px
========================================================= */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .work-process-section-3 {
        margin: 0;
        padding: 55px 0;
        border-radius: 0;
    }

    .work-process-wrapper-3 .work-process-content {
        padding-top: 35px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box {
        min-height: 110px;
        padding: 18px 15px 18px 130px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box:not(:last-child) {
        margin-bottom: 20px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box.style-2,
    .work-process-wrapper-3
    .work-process-content
    .work-process-box.style-3,
    .work-process-wrapper-3
    .work-process-content
    .work-process-box.style-4 {
        margin-left: 0;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .shape-img {
        width: 115px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .number {
        left: 29px;
        font-size: 30px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .content h3 {
        font-size: 17px !important;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .content p {
        font-size: 12px !important;
        line-height: 1.55;
    }

    .work-process-wrapper-3
    .work-process-image
    .track-image img {
        max-width: 470px;
    }

}


/* =========================================================
   TABLET
   768px–991px
========================================================= */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .work-process-section-3 {
        margin: 0;
        padding: 50px 0 55px;
        border-radius: 0;
    }

    .work-process-wrapper-3 > .row {
        display: flex;
        flex-direction: column-reverse;
        row-gap: 35px;
    }

    .work-process-wrapper-3 .work-process-content {
        padding-top: 0;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box {
        min-height: 125px;
        padding: 20px 20px 20px 165px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box:not(:last-child) {
        margin-bottom: 22px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box.style-2,
    .work-process-wrapper-3
    .work-process-content
    .work-process-box.style-3,
    .work-process-wrapper-3
    .work-process-content
    .work-process-box.style-4 {
        margin-left: 0;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .shape-img {
        width: 145px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .number {
        left: 40px;
        font-size: 34px;
    }

    .work-process-wrapper-3
    .work-process-image
    .track-image img {
        width: 65%;
        max-width: 500px;
    }

}


/* =========================================================
   LARGE MOBILE
   576px–767px
========================================================= */

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .work-process-section-3 {
        margin: 0;
        padding: 45px 0 50px;
        border-radius: 0;
    }

    .work-process-section-3 .container {
        max-width: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }

    .work-process-wrapper-3 > .row {
        display: flex;
        flex-direction: column-reverse;
        row-gap: 30px;
    }

    .work-process-wrapper-3 .work-process-content {
        padding-top: 0;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box {
        min-height: 125px;
        padding: 18px 16px 18px 145px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box:not(:last-child) {
        margin-bottom: 20px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box.style-2,
    .work-process-wrapper-3
    .work-process-content
    .work-process-box.style-3,
    .work-process-wrapper-3
    .work-process-content
    .work-process-box.style-4 {
        margin-left: 0;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .shape-img {
        width: 128px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .number {
        left: 34px;
        font-size: 32px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .content h3 {
        font-size: 19px !important;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .content p {
        font-size: 13px !important;
        line-height: 1.55;
    }

    .work-process-wrapper-3
    .work-process-image
    .track-image img {
        width: 82%;
        max-width: 420px;
    }

}


/* =========================================================
   MEDIUM MOBILE
   376px–575px
========================================================= */

@media only screen and (min-width: 376px) and (max-width: 575px) {

    .work-process-section-3 {
        display: block;
        height: auto !important;
        margin: 0;
        padding: 38px 0 45px;
        overflow: hidden;
        border-radius: 0;
    }

    .work-process-section-3 .container {
        width: 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .work-process-wrapper-3 {
        height: auto !important;
    }

    .work-process-wrapper-3 > .row {
        display: flex;
        flex-direction: column-reverse;
        row-gap: 25px;
        margin-right: 0;
        margin-left: 0;
    }

    .work-process-wrapper-3 > .row > [class*="col-"] {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .work-process-wrapper-3 .work-process-content {
        width: 100%;
        padding-top: 0;
        margin: 0;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box {
        position: relative;
        display: grid !important;
        grid-template-columns: 90px minmax(0, 1fr);
        align-items: center;
        width: 100%;
        min-height: 130px;
        height: auto !important;
        margin-right: 0;
        margin-left: 0 !important;
        padding: 18px 14px !important;
        overflow: hidden;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box:not(:last-child) {
        margin-bottom: 18px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .shape-img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 105px;
        height: 100%;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .shape-img img {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .number {
        position: relative;
        top: auto;
        left: -20px;
        grid-column: 1;
        grid-row: 1;
        justify-self: center;
        z-index: 4;
        margin: 0 !important;
        transform: none;
        font-size: 29px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .content {
        position: relative;
        grid-column: 2;
        grid-row: 1;
        z-index: 4;
        width: 100%;
        min-width: 0;
        margin: 0 !important;
        padding: 0 0 0 10px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .content h3 {
        margin: 0 0 6px;
        font-size: 17px !important;
        line-height: 1.25;
        word-break: normal;
        overflow-wrap: break-word;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .content p {
        margin: 0;
        font-size: 12px !important;
        line-height: 1.5;
        word-break: normal;
        overflow-wrap: break-word;
    }

    .work-process-wrapper-3
    .work-process-image {
        width: 100%;
        margin: 0;
    }

    .work-process-wrapper-3
    .work-process-image
    .track-image {
        margin: 10px 0 0;
    }

    .work-process-wrapper-3
    .work-process-image
    .track-image img {
        width: 88%;
        max-width: 340px;
        margin: 0 auto;
    }

    .work-process-section-3 .why-dcs-title {
        gap: 8px;
        margin-bottom: 10px;
    }

    .work-process-section-3 .why-dcs-title span {
        flex: 0 0 25px;
        width: 25px;
    }

    .work-process-section-3 .why-dcs-title h2 {
        font-size: 14px;
        letter-spacing: 0.4px;
        white-space: normal;
    }

}


/* =========================================================
   SMALL MOBILE
   UP TO 375px
========================================================= */

@media only screen and (max-width: 375px) {

    .work-process-section-3 {
        display: block;
        height: auto !important;
        margin: 0;
        padding: 35px 0 40px;
        overflow: hidden;
        border-radius: 0;
    }

    .work-process-section-3 .container {
        width: 100%;
        max-width: 100%;
        padding-right: 12px;
        padding-left: 12px;
    }

    .work-process-wrapper-3 > .row {
        display: flex;
        flex-direction: column-reverse;
        row-gap: 22px;
        margin-right: 0;
        margin-left: 0;
    }

    .work-process-wrapper-3 > .row > [class*="col-"] {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .work-process-wrapper-3 .work-process-content {
        padding-top: 0;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box {
        display: grid !important;
        grid-template-columns: 78px minmax(0, 1fr);
        align-items: center;
        width: 100%;
        min-height: 135px;
        height: auto !important;
        margin-left: 0 !important;
        padding: 16px 10px !important;
        overflow: hidden;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box:not(:last-child) {
        margin-bottom: 16px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .shape-img {
        width: 92px;
        height: 100%;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .number {
        position: relative;
        top: auto;
        left: -15px;
        grid-column: 1;
        justify-self: center;
        transform: none;
        font-size: 27px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .content {
        grid-column: 2;
        width: 100%;
        min-width: 0;
        margin: 0 !important;
        padding-left: 8px;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .content h3 {
        margin-bottom: 5px;
        font-size: 15px !important;
        line-height: 1.25;
        overflow-wrap: break-word;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .content p {
        font-size: 11px !important;
        line-height: 1.45;
        overflow-wrap: break-word;
    }

    .work-process-wrapper-3
    .work-process-image
    .track-image img {
        width: 90%;
        max-width: 290px;
    }

    .work-process-section-3 .why-dcs-title {
        gap: 7px;
        margin-bottom: 8px;
    }

    .work-process-section-3 .why-dcs-title span {
        flex: 0 0 20px;
        width: 20px;
    }

    .work-process-section-3 .why-dcs-title h2 {
        font-size: 13px;
        letter-spacing: 0.2px;
        white-space: normal;
    }

}


/* =========================================================
   PROTECT THE NEXT SECTION
========================================================= */

.work-process-section-3 + section {
    position: relative;
    z-index: 1;
    display: block;
    clear: both;
    margin-top: 0;
}

.work-process-section-3 + .why-dcs-section,
.work-process-section-3 + .partner-section,
.work-process-section-3 + .brand-section {
    clear: both;
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .work-process-wrapper-3
    .work-process-content
    .work-process-box,
    .work-process-wrapper-3
    .work-process-image
    .track-image img {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }

}

/* Over ride Code  */

/* =========================================================
   WHY DCS — FINAL MOBILE FIX
   320px to 575px
   Add at the very bottom of the stylesheet
========================================================= */

@media only screen and (max-width: 575px) {

    .work-process-section-3 {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 40px 0 45px !important;
        overflow: hidden !important;
        border-radius: 0 !important;
    }

    .work-process-section-3 .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .work-process-wrapper-3 {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .work-process-wrapper-3 > .row {
        display: flex !important;
        flex-direction: column-reverse !important;
        gap: 30px !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .work-process-wrapper-3 > .row > [class*="col-"] {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .work-process-wrapper-3 .col-lg-6[style] {
        position: static !important;
        top: auto !important;
    }

    .work-process-wrapper-3 .work-process-content {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Process card */
    .work-process-wrapper-3
    .work-process-content
    .work-process-box {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 82px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 14px !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        min-height: 135px !important;
        height: auto !important;

        margin: 0 0 18px !important;
        padding: 18px 16px 18px 0 !important;

        overflow: hidden !important;
        background: #ffffff !important;
        border-radius: 0 !important;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box:last-child {
        margin-bottom: 0 !important;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box.style-2,
    .work-process-wrapper-3
    .work-process-content
    .work-process-box.style-3,
    .work-process-wrapper-3
    .work-process-content
    .work-process-box.style-4 {
        margin-left: 0 !important;
    }

    /* Hide the oversized desktop shape */
    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .shape-img {
        display: none !important;
    }

    /* Fixed red number panel */
    .work-process-wrapper-3
    .work-process-content
    .work-process-box::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;

        width: 82px;
        height: 100%;

        background: linear-gradient(
            145deg,
            #b91c1c 0%,
            #d51f1f 100%
        );

        z-index: 1;
    }

    /* Small angled decoration */
    .work-process-wrapper-3
    .work-process-content
    .work-process-box::after {
        content: "";
        position: absolute;
        right: calc(100% - 92px);
        bottom: 0;

        width: 20px;
        height: 24px;

        background: #8f1010;
        clip-path: polygon(0 0, 100% 0, 0 100%);
        z-index: 2;
    }

    /* Number */
    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .number {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        grid-column: 1 !important;
        grid-row: 1 !important;
        justify-self: center !important;
        align-self: center !important;

        z-index: 4 !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        color: transparent !important;
        font-size: 29px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        -webkit-text-stroke: 1px #ffffff !important;
        -webkit-text-fill-color: transparent !important;
    }

    /* Text content */
    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .content {
        position: relative !important;

        grid-column: 2 !important;
        grid-row: 1 !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        z-index: 4 !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: left !important;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .content h3 {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 7px !important;

        color: #111111 !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .content p {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        color: #666666 !important;
        font-size: 12px !important;
        line-height: 1.55 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        hyphens: none !important;
    }

    .work-process-wrapper-3
    .work-process-content
    .work-process-box
    .content p br {
        display: none !important;
    }

    /* Right-side title and image */
    .work-process-wrapper-3 .work-process-image {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        text-align: center !important;
    }

    .work-process-section-3 .why-dcs-title {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;

        width: 100% !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
    }

    .work-process-section-3 .why-dcs-title span {
        flex: 0 0 24px !important;
        width: 24px !important;
        height: 2px !important;
    }

    .work-process-section-3 .why-dcs-title h2 {
        margin: 0 !important;

        font-size: 14px !important;
        line-height: 1.3 !important;
        letter-spacing: 0.3px !important;

        white-space: normal !important;
        text-align: center !important;
    }

    .work-process-wrapper-3
    .work-process-image
    .track-image {
        width: 100% !important;
        height: auto !important;
        margin: 10px 0 0 !important;
    }

    .work-process-wrapper-3
    .work-process-image
    .track-image img {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        display: block !important;
        width: 88% !important;
        max-width: 330px !important;
        height: auto !important;

        margin: 0 auto !important;
        object-fit: contain !important;
    }

    /* Protect following section */
    .work-process-section-3 + section {
        position: relative !important;
        display: block !important;
        clear: both !important;
        width: 100% !important;
        margin-top: 0 !important;
    }
}



/* =====================================================
   DCS GET IN TOUCH POPUP
====================================================== */

:root {
    --dcs-enquiry-primary: #b91c1c;
    --dcs-enquiry-primary-dark: #8f1515;
    --dcs-enquiry-heading: #171717;
    --dcs-enquiry-text: #666666;
    --dcs-enquiry-white: #ffffff;
    --dcs-enquiry-border: #dedede;
    --dcs-enquiry-light-bg: #f8f8f8;
}

/* Open Button Fix */
.dcs-enquiry-open-btn {
    border: none;
    cursor: pointer;
    font-family: inherit;
}

/* Prevent Body Scroll */
body.dcs-enquiry-modal-open {
    overflow: hidden;
}

/* Main Modal */
.dcs-enquiry-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    visibility: hidden;
    opacity: 0;
    transition:
        opacity 0.35s ease,
        visibility 0.35s ease;
}

/* Active Popup */
.dcs-enquiry-modal.dcs-enquiry-modal-active {
    visibility: visible;
    opacity: 1;
}

/* Background Overlay */
.dcs-enquiry-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

/* Popup Box */
.dcs-enquiry-dialog {
    position: relative;
    z-index: 2;
    width: min(760px, 100%);
    max-height: none;
    overflow: hidden;
    border-radius: 24px;
    background: var(--dcs-enquiry-white);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.3);
    transform: translateY(35px) scale(0.96);
    transition: transform 0.4s ease;
}

/* Popup Animation */
.dcs-enquiry-modal.dcs-enquiry-modal-active .dcs-enquiry-dialog {
    transform: translateY(0) scale(1);
}



/* Popup Content */
.dcs-enquiry-content {
    position: relative;
    z-index: 2;
    padding: 50px;
}

/* Close Button */
.dcs-enquiry-close-btn {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 5;
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 50%;
    background: var(--dcs-enquiry-primary);
    color: var(--dcs-enquiry-white);
    font-size: 19px;
    cursor: pointer;
    transition:
        background 0.3s ease,
        transform 0.3s ease;
}

.dcs-enquiry-close-btn:hover {
    background: var(--dcs-enquiry-primary-dark);
    transform: rotate(90deg);
}

/* Decorations */
.dcs-enquiry-decoration {
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    pointer-events: none;
}

.dcs-enquiry-decoration-one {
    top: -85px;
    left: -85px;
    width: 190px;
    height: 190px;
    background: rgba(185, 28, 28, 0.08);
}

.dcs-enquiry-decoration-two {
    right: -60px;
    bottom: -60px;
    width: 150px;
    height: 150px;
    background: rgba(185, 28, 28, 0.07);
}

/* Heading */
.dcs-enquiry-heading {
    margin-bottom: 32px;
    padding-right: 45px;
}

.dcs-enquiry-small-title {
    position: relative;
    display: inline-block;
    margin-bottom: 12px;
    padding-left: 38px;
    color: var(--dcs-enquiry-primary);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.dcs-enquiry-small-title::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 27px;
    height: 2px;
    background: var(--dcs-enquiry-primary);
    content: "";
    transform: translateY(-50%);
}

.dcs-enquiry-heading h2 {
    margin: 0 0 12px;
    color: var(--dcs-enquiry-heading);
    font-size: clamp(27px, 4vw, 40px);
    font-weight: 700;
    line-height: 1.2;
}

.dcs-enquiry-heading p {
    max-width: 580px;
    margin: 0;
    color: var(--dcs-enquiry-text);
    font-size: 15px;
    line-height: 1.8;
}

/* Form Grid */
.dcs-enquiry-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.dcs-enquiry-full-width {
    grid-column: 1 / -1;
}

/* Form Group */
.dcs-enquiry-form-group {
    position: relative;
}

.dcs-enquiry-form-group label {
    display: block;
    margin-bottom: 9px;
    color: var(--dcs-enquiry-heading);
    font-size: 14px;
    font-weight: 600;
}

.dcs-enquiry-form-group label span {
    color: var(--dcs-enquiry-primary);
}

/* Standard Input */
.dcs-enquiry-input-wrapper,
.dcs-enquiry-textarea-wrapper,
.dcs-enquiry-mobile-wrapper {
    position: relative;
}

.dcs-enquiry-input-wrapper > i,
.dcs-enquiry-mobile-wrapper > i {
    position: absolute;
    top: 50%;
    left: 17px;
    z-index: 2;
    color: var(--dcs-enquiry-primary);
    font-size: 15px;
    transform: translateY(-50%);
}

.dcs-enquiry-textarea-wrapper > i {
    position: absolute;
    top: 19px;
    left: 17px;
    z-index: 2;
    color: var(--dcs-enquiry-primary);
    font-size: 15px;
}

/* Inputs */
.dcs-enquiry-input-wrapper input,
.dcs-enquiry-mobile-wrapper input,
.dcs-enquiry-textarea-wrapper textarea {
    width: 100%;
    border: 1px solid var(--dcs-enquiry-border);
    border-radius: 10px;
    outline: none;
    background: var(--dcs-enquiry-light-bg);
    color: var(--dcs-enquiry-heading);
    font-family: inherit;
    font-size: 14px;
    transition:
        border-color 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}

.dcs-enquiry-input-wrapper input,
.dcs-enquiry-mobile-wrapper input {
    height: 54px;
    padding: 0 16px 0 46px;
}

.dcs-enquiry-textarea-wrapper textarea {
    min-height: 135px;
    padding: 16px 16px 16px 46px;
    resize: vertical;
    line-height: 1.6;
}

/* Input Focus */
.dcs-enquiry-input-wrapper input:focus,
.dcs-enquiry-mobile-wrapper input:focus,
.dcs-enquiry-textarea-wrapper textarea:focus,
.dcs-enquiry-country-code-wrapper:focus-within {
    border-color: var(--dcs-enquiry-primary);
    background: var(--dcs-enquiry-white);
    box-shadow: 0 0 0 4px rgba(185, 28, 28, 0.09);
}

/* Phone Field */
.dcs-enquiry-phone-wrapper {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    gap: 10px;
}

/* Country Code Input */
.dcs-enquiry-country-code-wrapper {
    display: flex;
    height: 54px;
    align-items: center;
    overflow: hidden;
    border: 1px solid var(--dcs-enquiry-border);
    border-radius: 10px;
    background: var(--dcs-enquiry-light-bg);
    transition:
        border-color 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}

.dcs-enquiry-country-code-wrapper span {
    padding-left: 14px;
    color: var(--dcs-enquiry-primary);
    font-size: 17px;
    font-weight: 700;
}

.dcs-enquiry-country-code-wrapper input {
    width: 100%;
    height: 100%;
    min-width: 0;
    border: none;
    outline: none;
    background: transparent;
    padding: 0 10px 0 5px;
    color: var(--dcs-enquiry-heading);
    font-family: inherit;
    font-size: 14px;
}

/* Placeholder */
.dcs-enquiry-form input::placeholder,
.dcs-enquiry-form textarea::placeholder {
    color: #999999;
}

/* Validation Error */
.dcs-enquiry-form-group.dcs-enquiry-has-error input,
.dcs-enquiry-form-group.dcs-enquiry-has-error textarea,
.dcs-enquiry-form-group.dcs-enquiry-has-error
    .dcs-enquiry-country-code-wrapper {
    border-color: #dc2626;
}

.dcs-enquiry-error-message {
    display: block;
    min-height: 18px;
    margin-top: 5px;
    color: #dc2626;
    font-size: 12px;
}

/* Submit Button */
.dcs-enquiry-submit-btn {
    display: inline-flex;
    min-height: 55px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 25px;
    padding: 13px 28px;
    border: 2px solid var(--dcs-enquiry-primary);
    border-radius: 8px;
    background: var(--dcs-enquiry-primary);
    color: var(--dcs-enquiry-white);
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.7px;
    cursor: pointer;
    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.dcs-enquiry-submit-btn:hover {
    background: transparent;
    color: var(--dcs-enquiry-primary);
    box-shadow: 0 12px 25px rgba(185, 28, 28, 0.18);
    transform: translateY(-2px);
}

.dcs-enquiry-submit-btn i {
    transition: transform 0.3s ease;
}

.dcs-enquiry-submit-btn:hover i {
    transform: translateX(5px);
}

/* Success Message */
.dcs-enquiry-success-message {
    display: none;
    align-items: center;
    gap: 9px;
    margin-top: 18px;
    padding: 13px 15px;
    border: 1px solid #86efac;
    border-radius: 8px;
    background: #f0fdf4;
    color: #166534;
    font-size: 14px;
}

.dcs-enquiry-success-message.dcs-enquiry-success-active {
    display: flex;
}

/* =====================================================
   LARGE TABLET
====================================================== */

@media only screen and (max-width: 991px) {
    .dcs-enquiry-content {
        padding: 45px 38px;
    }

    .dcs-enquiry-dialog {
        width: min(700px, 100%);
    }
}

/* =====================================================
   TABLET AND MOBILE
====================================================== */

@media only screen and (max-width: 767px) {

    .dcs-enquiry-modal {
        display: block;
        padding: 12px;
        overflow-y: auto;
    }

    .dcs-enquiry-dialog {
        width: 100%;
        max-height: none;
        margin: 15px auto;
        overflow: hidden;
    }

    .dcs-enquiry-content {
        padding: 55px 20px 25px;
    }

    .dcs-enquiry-heading {
        margin-bottom: 20px;
    }

    .dcs-enquiry-heading h2 {
        font-size: 27px;
    }

    .dcs-enquiry-form-grid {
        gap: 13px;
    }

    .dcs-enquiry-textarea-wrapper textarea {
        min-height: 110px;
        height: 110px;
    }

    .dcs-enquiry-submit-btn {
        margin-top: 12px;
    }
}

/* =====================================================
   SMALL MOBILE
====================================================== */

@media only screen and (max-width: 480px) {
    .dcs-enquiry-modal {
        padding: 10px;
    }

    .dcs-enquiry-content {
        padding: 54px 17px 25px;
    }

    .dcs-enquiry-close-btn {
        top: 12px;
        right: 12px;
        width: 38px;
        height: 38px;
        font-size: 17px;
    }

    .dcs-enquiry-heading h2 {
        font-size: 25px;
    }

    .dcs-enquiry-heading p {
        font-size: 14px;
        line-height: 1.7;
    }

    .dcs-enquiry-phone-wrapper {
        grid-template-columns: 90px minmax(0, 1fr);
        gap: 7px;
    }

    .dcs-enquiry-country-code-wrapper span {
        padding-left: 11px;
    }

    .dcs-enquiry-country-code-wrapper input {
        padding-right: 5px;
    }

    .dcs-enquiry-input-wrapper input,
    .dcs-enquiry-mobile-wrapper input {
        padding-right: 10px;
    }
}


/* =====================================================
   laptop
====================================================== */


@media only screen and (min-width: 768px) and (max-height: 800px) {

    .dcs-enquiry-content {
        padding: 24px 42px 22px;
    }

    .dcs-enquiry-heading {
        margin-bottom: 14px;
    }

    .dcs-enquiry-small-title {
        margin-bottom: 4px;
    }

    .dcs-enquiry-heading h2 {
        margin-bottom: 4px;
        font-size: 30px;
    }

    .dcs-enquiry-heading p {
        font-size: 13px;
        line-height: 1.45;
    }

    .dcs-enquiry-form-grid {
        gap: 9px 18px;
    }

    .dcs-enquiry-form-group label {
        margin-bottom: 4px;
        font-size: 13px;
    }

    .dcs-enquiry-input-wrapper input,
    .dcs-enquiry-mobile-wrapper input,
    .dcs-enquiry-country-code-wrapper {
        height: 44px;
    }

    .dcs-enquiry-textarea-wrapper textarea {
        min-height: 78px;
        height: 78px;
    }

    .dcs-enquiry-error-message {
        min-height: 8px;
        margin-top: 1px;
    }

    .dcs-enquiry-submit-btn {
        min-height: 44px;
        margin-top: 8px;
        padding: 8px 23px;
    }
}

/* =====================================================
   DCS POPUP — FIT COMPLETE FORM IN ONE SCREEN
====================================================== */

.dcs-enquiry-modal {
    padding: 18px;
}

/* Remove popup internal scrolling */
.dcs-enquiry-dialog {
    width: min(900px, 96%);
    max-height: none;
    overflow: hidden;
    border-radius: 24px;
}

/* Reduce popup inner spacing */
.dcs-enquiry-content {
    padding: 32px 48px 30px;
}

/* Compact heading area */
.dcs-enquiry-heading {
    margin-bottom: 20px;
    padding-right: 50px;
}

.dcs-enquiry-small-title {
    margin-bottom: 7px;
    font-size: 12px;
}

.dcs-enquiry-heading h2 {
    margin-bottom: 7px;
    font-size: 36px;
    line-height: 1.15;
}

.dcs-enquiry-heading p {
    font-size: 14px;
    line-height: 1.6;
}

/* Reduce form spacing */
.dcs-enquiry-form-grid {
    gap: 14px 20px;
}

.dcs-enquiry-form-group label {
    margin-bottom: 6px;
    font-size: 14px;
}

/* Reduce input height */
.dcs-enquiry-input-wrapper input,
.dcs-enquiry-mobile-wrapper input {
    height: 48px;
}

.dcs-enquiry-country-code-wrapper {
    height: 48px;
}

/* Reduce textarea height */
.dcs-enquiry-textarea-wrapper textarea {
    min-height: 100px;
    height: 100px;
    padding-top: 14px;
}

/* Reduce error message reserved space */
.dcs-enquiry-error-message {
    min-height: 12px;
    margin-top: 2px;
    font-size: 11px;
    line-height: 1;
}

/* Compact submit button */
.dcs-enquiry-submit-btn {
    min-height: 48px;
    margin-top: 14px;
    padding: 10px 25px;
}

/* Slightly smaller close button */
.dcs-enquiry-close-btn {
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
}



/* =====================================================
   DCS CAREER BENEFITS SECTION
====================================================== */

:root {
    --dcs-career-primary: #b91c1c;
    --dcs-career-primary-dark: #8f1515;
    --dcs-career-heading: #161616;
    --dcs-career-text: #606060;
    --dcs-career-border: #e5e5e5;
    --dcs-career-white: #ffffff;
    --dcs-career-light: #fafafa;
}

.dcs-career-benefits-section,
.dcs-career-benefits-section *,
.dcs-career-benefits-section *::before,
.dcs-career-benefits-section *::after {
    box-sizing: border-box;
}

.dcs-career-benefits-section {
    position: relative;
    overflow: hidden;
    padding: 100px 20px;
    background:
        radial-gradient(
            circle at 8% 12%,
            rgba(185, 28, 28, 0.055),
            transparent 23%
        ),
        radial-gradient(
            circle at 92% 88%,
            rgba(185, 28, 28, 0.045),
            transparent 24%
        ),
        var(--dcs-career-white);
}

.dcs-career-benefits-section::before {
    position: absolute;
    top: 70px;
    left: -80px;
    width: 180px;
    height: 180px;
    border: 1px solid rgba(185, 28, 28, 0.1);
    border-radius: 50%;
    content: "";
}

.dcs-career-benefits-section::after {
    position: absolute;
    right: -65px;
    bottom: 45px;
    width: 150px;
    height: 150px;
    border: 1px solid rgba(185, 28, 28, 0.1);
    border-radius: 50%;
    content: "";
}

.dcs-career-benefits-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
}

/* =====================================================
   HEADING
====================================================== */

.dcs-career-benefits-heading {
    max-width: 850px;
    margin: 0 auto 52px;
    text-align: center;
}

.dcs-career-benefits-subtitle {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    color: var(--dcs-career-primary);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}

.dcs-career-benefits-subtitle::before,
.dcs-career-benefits-subtitle::after {
    width: 32px;
    height: 2px;
    background: var(--dcs-career-primary);
    content: "";
}

.dcs-career-benefits-heading h2 {
    margin: 0;
    color: var(--dcs-career-heading);
    font-size: clamp(32px, 4vw, 43px);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -1.2px;
}

.dcs-career-benefits-heading p {
    max-width: 680px;
    margin: 18px auto 0;
    color: var(--dcs-career-text);
    font-size: 16px;
    line-height: 1.8;
}

/* =====================================================
   GRID
====================================================== */

.dcs-career-benefits-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

/* =====================================================
   CARD
====================================================== */

.dcs-career-benefit-card {
    position: relative;
    min-height: 320px;
    overflow: hidden;
    padding: 38px 28px 34px;
    border: 1px solid var(--dcs-career-border);
    border-radius: 14px;
    background: var(--dcs-career-white);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.055);
    text-align: center;
    transition:
        transform 0.4s ease,
        border-color 0.4s ease,
        box-shadow 0.4s ease,
        background 0.4s ease;
}

.dcs-career-benefit-card::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--dcs-career-primary);
    content: "";
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

.dcs-career-benefit-card::after {
    position: absolute;
    right: -45px;
    bottom: -45px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: rgba(185, 28, 28, 0.055);
    content: "";
    transform: scale(0.6);
    transition: transform 0.4s ease;
}

.dcs-career-benefit-card:hover {
    border-color: rgba(185, 28, 28, 0.45);
    background: #fffdfd;
    box-shadow: 0 22px 50px rgba(185, 28, 28, 0.13);
    transform: translateY(-10px);
}

.dcs-career-benefit-card:hover::before {
    transform: scaleX(1);
}

.dcs-career-benefit-card:hover::after {
    transform: scale(1);
}

/* =====================================================
   ICON
====================================================== */

.dcs-career-benefit-icon {
    position: relative;
    z-index: 2;
    display: inline-flex;
    width: 76px;
    height: 76px;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    border: 1px solid rgba(185, 28, 28, 0.22);
    border-radius: 50%;
    background: rgba(185, 28, 28, 0.055);
    color: var(--dcs-career-primary);
    font-size: 31px;
    transition:
        background 0.35s ease,
        color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.dcs-career-benefit-card:hover .dcs-career-benefit-icon {
    background: var(--dcs-career-primary);
    color: var(--dcs-career-white);
    box-shadow: 0 12px 25px rgba(185, 28, 28, 0.25);
    transform: rotateY(180deg);
}

.dcs-career-benefit-icon i {
    transition: transform 0.35s ease;
}

.dcs-career-benefit-card:hover .dcs-career-benefit-icon i {
    transform: rotateY(-180deg);
}

/* =====================================================
   CARD CONTENT
====================================================== */

.dcs-career-benefit-card h3 {
    position: relative;
    z-index: 2;
    margin: 0 0 15px;
    color: var(--dcs-career-heading);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.35;
    text-transform: uppercase;
}

.dcs-career-benefit-card p {
    position: relative;
    z-index: 2;
    margin: 0;
    color: var(--dcs-career-text);
    font-size: 14px;
    line-height: 1.8;
}

.dcs-career-benefit-card-number {
    position: absolute;
    right: 18px;
    bottom: 8px;
    z-index: 1;
    color: rgba(185, 28, 28, 0.075);
    font-size: 64px;
    font-weight: 800;
    line-height: 1;
    transition:
        color 0.4s ease,
        transform 0.4s ease;
}

.dcs-career-benefit-card:hover .dcs-career-benefit-card-number {
    color: rgba(185, 28, 28, 0.12);
    transform: translateY(-5px);
}

/* =====================================================
   SCROLL ANIMATION
====================================================== */

.dcs-career-reveal {
    opacity: 0;
    transform: translateY(35px);
    transition:
        opacity 0.75s ease,
        transform 0.75s ease;
    transition-delay: var(--dcs-career-delay, 0s);
}

.dcs-career-reveal.dcs-career-visible {
    opacity: 1;
    transform: translateY(0);
}

/* =====================================================
   LARGE LAPTOP
====================================================== */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .dcs-career-benefits-container {
        max-width: 1140px;
    }

    .dcs-career-benefits-grid {
        gap: 20px;
    }

    .dcs-career-benefit-card {
        min-height: 315px;
        padding: 35px 23px 30px;
    }

    .dcs-career-benefit-card h3 {
        font-size: 17px;
    }
}

/* =====================================================
   SMALL LAPTOP
====================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .dcs-career-benefits-section {
        padding: 85px 24px;
    }

    .dcs-career-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .dcs-career-benefit-card {
        min-height: 285px;
        padding: 34px 30px;
    }
}

/* =====================================================
   TABLET
====================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .dcs-career-benefits-section {
        padding: 75px 24px;
    }

    .dcs-career-benefits-heading {
        margin-bottom: 42px;
    }

    .dcs-career-benefits-heading h2 {
        font-size: 38px;
    }

    .dcs-career-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .dcs-career-benefit-card {
        min-height: 290px;
        padding: 34px 26px 30px;
    }
}

/* =====================================================
   LARGE MOBILE
====================================================== */

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .dcs-career-benefits-section {
        padding: 65px 20px;
    }

    .dcs-career-benefits-heading {
        margin-bottom: 35px;
    }

    .dcs-career-benefits-heading h2 {
        font-size: 34px;
    }

    .dcs-career-benefits-heading p {
        font-size: 15px;
    }

    .dcs-career-benefits-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .dcs-career-benefit-card {
        min-height: auto;
        padding: 32px 28px;
    }
}

/* =====================================================
   MOBILE
====================================================== */

@media only screen and (max-width: 575px) {

    .dcs-career-benefits-section {
        padding: 58px 15px;
    }

    .dcs-career-benefits-heading {
        margin-bottom: 32px;
    }

    .dcs-career-benefits-subtitle {
        gap: 8px;
        font-size: 10px;
        letter-spacing: 1.1px;
    }

    .dcs-career-benefits-subtitle::before,
    .dcs-career-benefits-subtitle::after {
        width: 18px;
    }

    .dcs-career-benefits-heading h2 {
        font-size: 29px;
        line-height: 1.25;
        letter-spacing: -0.5px;
    }

    .dcs-career-benefits-heading p {
        margin-top: 13px;
        font-size: 14px;
        line-height: 1.7;
    }

    .dcs-career-benefits-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .dcs-career-benefit-card {
        min-height: auto;
        padding: 30px 22px 28px;
        border-radius: 12px;
    }

    .dcs-career-benefit-icon {
        width: 68px;
        height: 68px;
        margin-bottom: 20px;
        font-size: 27px;
    }

    .dcs-career-benefit-card h3 {
        margin-bottom: 11px;
        font-size: 16px;
    }

    .dcs-career-benefit-card p {
        font-size: 13px;
        line-height: 1.75;
    }

    .dcs-career-benefit-card-number {
        font-size: 52px;
    }
}

/* =====================================================
   EXTRA SMALL MOBILE
====================================================== */

@media only screen and (max-width: 360px) {

    .dcs-career-benefits-section {
        padding: 52px 12px;
    }

    .dcs-career-benefits-heading h2 {
        font-size: 25px;
    }

    .dcs-career-benefits-subtitle {
        font-size: 9px;
    }

    .dcs-career-benefits-subtitle::before,
    .dcs-career-benefits-subtitle::after {
        width: 12px;
    }

    .dcs-career-benefit-card {
        padding: 27px 17px 25px;
    }
}

/* =====================================================
   REDUCED MOTION ACCESSIBILITY
====================================================== */

@media (prefers-reduced-motion: reduce) {

    .dcs-career-reveal,
    .dcs-career-benefit-card,
    .dcs-career-benefit-card::before,
    .dcs-career-benefit-card::after,
    .dcs-career-benefit-icon,
    .dcs-career-benefit-icon i {
        transition: none;
    }

    .dcs-career-reveal {
        opacity: 1;
        transform: none;
    }
}




/* =====================================================
   DCS CAREER - LIFE AT DCS SECTION
====================================================== */

:root {
    --dcs-career-life-primary: #b91c1c;
    --dcs-career-life-primary-dark: #8d1515;
    --dcs-career-life-heading: #171717;
    --dcs-career-life-text: #555555;
    --dcs-career-life-border: #dddddd;
    --dcs-career-life-white: #ffffff;
}

.dcs-career-life-section,
.dcs-career-life-section *,
.dcs-career-life-section *::before,
.dcs-career-life-section *::after {
    box-sizing: border-box;
}

.dcs-career-life-section {
    position: relative;
    overflow: hidden;
    padding: 100px 20px;
    background:
        radial-gradient(
            circle at 5% 10%,
            rgba(185, 28, 28, 0.045),
            transparent 23%
        ),
        var(--dcs-career-life-white);
}

.dcs-career-life-container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
}

.dcs-career-life-layout {
    display: grid;
    grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.7fr);
    gap: 70px;
    align-items: center;
}

/* =====================================================
   LEFT CONTENT
====================================================== */

.dcs-career-life-content {
    max-width: 390px;
}

.dcs-career-life-subtitle {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--dcs-career-life-primary);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}

.dcs-career-life-content h2 {
    margin: 0;
    color: var(--dcs-career-life-heading);
    font-size: clamp(38px, 4vw, 58px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -1.5px;
}

.dcs-career-life-heading-line {
    display: block;
    width: 45px;
    height: 3px;
    margin: 23px 0;
    background: var(--dcs-career-life-primary);
}

.dcs-career-life-content p {
    margin: 0;
    color: var(--dcs-career-life-text);
    font-size: 15px;
    line-height: 1.9;
}

.dcs-career-life-btn {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 30px;
    padding: 12px 20px;
    border: 1px solid var(--dcs-career-life-border);
    border-radius: 5px;
    background: transparent;
    color: var(--dcs-career-life-heading);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.4px;
    text-decoration: none;
    transition:
        background 0.35s ease,
        color 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.dcs-career-life-btn i {
    color: var(--dcs-career-life-primary);
    transition:
        color 0.35s ease,
        transform 0.35s ease;
}

.dcs-career-life-btn:hover {
    border-color: var(--dcs-career-life-primary);
    background: var(--dcs-career-life-primary);
    color: var(--dcs-career-life-white);
    box-shadow: 0 13px 30px rgba(185, 28, 28, 0.2);
    transform: translateY(-3px);
}

.dcs-career-life-btn:hover i {
    color: var(--dcs-career-life-white);
    transform: translate(3px, -3px);
}

/* =====================================================
   IMAGE GALLERY
====================================================== */

.dcs-career-life-gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: 200px 200px;
    gap: 12px;
    min-width: 0;
}

.dcs-career-life-image {
    position: relative;
    overflow: hidden;
    min-width: 0;
    border-radius: 10px;
    background: #eeeeee;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.09);
}

.dcs-career-life-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition:
        transform 0.7s ease,
        filter 0.5s ease;
}

.dcs-career-life-image::before {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(
            180deg,
            transparent 60%,
            rgba(0, 0, 0, 0.2)
        );
    content: "";
    opacity: 0;
    transition: opacity 0.4s ease;
}

.dcs-career-life-image::after {
    position: absolute;
    inset: 0;
    z-index: 2;
    border: 2px solid transparent;
    border-radius: inherit;
    content: "";
    transition: border-color 0.4s ease;
}

.dcs-career-life-image:hover img {
    filter: saturate(1.08);
    transform: scale(1.08);
}

.dcs-career-life-image:hover::before {
    opacity: 1;
}

.dcs-career-life-image:hover::after {
    border-color: rgba(185, 28, 28, 0.65);
}

/* Image placements */
.dcs-career-life-image-one {
    grid-column: 1;
    grid-row: 1;
}

.dcs-career-life-image-two {
    grid-column: 2;
    grid-row: 1;
}

.dcs-career-life-image-three {
    grid-column: 3;
    grid-row: 1;
}

.dcs-career-life-image-four {
    grid-column: 1;
    grid-row: 2;
}

.dcs-career-life-image-five {
    grid-column: 2 / 4;
    grid-row: 2;
}

/* =====================================================
   SCROLL ANIMATION
====================================================== */

.dcs-career-life-reveal,
.dcs-career-life-reveal-left {
    opacity: 0;
    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}

.dcs-career-life-reveal {
    transform: translateY(35px);
    transition-delay: var(--dcs-life-delay, 0s);
}

.dcs-career-life-reveal-left {
    transform: translateX(-45px);
}

.dcs-career-life-reveal.dcs-career-life-visible,
.dcs-career-life-reveal-left.dcs-career-life-visible {
    opacity: 1;
    transform: translate(0);
}

/* =====================================================
   LARGE LAPTOP: 1200px - 1399px
====================================================== */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .dcs-career-life-container {
        max-width: 1140px;
    }

    .dcs-career-life-layout {
        grid-template-columns: minmax(250px, 0.68fr) minmax(0, 1.6fr);
        gap: 50px;
    }

    .dcs-career-life-gallery {
        grid-template-rows: 180px 180px;
    }

    .dcs-career-life-content h2 {
        font-size: 49px;
    }
}

/* =====================================================
   SMALL LAPTOP: 992px - 1199px
====================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .dcs-career-life-section {
        padding: 85px 24px;
    }

    .dcs-career-life-layout {
        grid-template-columns: minmax(230px, 0.75fr) minmax(0, 1.5fr);
        gap: 40px;
    }

    .dcs-career-life-content h2 {
        font-size: 43px;
    }

    .dcs-career-life-gallery {
        grid-template-rows: 165px 165px;
        gap: 10px;
    }

    .dcs-career-life-content p {
        font-size: 14px;
        line-height: 1.8;
    }
}

/* =====================================================
   TABLET: 768px - 991px
====================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .dcs-career-life-section {
        padding: 75px 24px;
    }

    .dcs-career-life-layout {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .dcs-career-life-content {
        max-width: 660px;
        text-align: center;
        margin: 0 auto;
    }

    .dcs-career-life-content h2 br {
        display: none;
    }

    .dcs-career-life-heading-line {
        margin: 20px auto;
    }

    .dcs-career-life-content p {
        max-width: 610px;
        margin: 0 auto;
    }

    .dcs-career-life-gallery {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: 180px 180px;
    }
}

/* =====================================================
   LARGE MOBILE: 576px - 767px
====================================================== */

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .dcs-career-life-section {
        padding: 65px 20px;
    }

    .dcs-career-life-layout {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .dcs-career-life-content {
        max-width: 100%;
        text-align: center;
    }

    .dcs-career-life-content h2 {
        font-size: 38px;
    }

    .dcs-career-life-content h2 br {
        display: none;
    }

    .dcs-career-life-heading-line {
        margin: 18px auto;
    }

    .dcs-career-life-content p {
        max-width: 540px;
        margin: 0 auto;
    }

    .dcs-career-life-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: 175px 175px 190px;
        gap: 10px;
    }

    .dcs-career-life-image-one {
        grid-column: 1;
        grid-row: 1;
    }

    .dcs-career-life-image-two {
        grid-column: 2;
        grid-row: 1;
    }

    .dcs-career-life-image-three {
        grid-column: 1;
        grid-row: 2;
    }

    .dcs-career-life-image-four {
        grid-column: 2;
        grid-row: 2;
    }

    .dcs-career-life-image-five {
        grid-column: 1 / 3;
        grid-row: 3;
    }
}

/* =====================================================
   MOBILE: UP TO 575px
====================================================== */

@media only screen and (max-width: 575px) {

    .dcs-career-life-section {
        padding: 58px 15px;
    }

    .dcs-career-life-layout {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .dcs-career-life-content {
        max-width: 100%;
        text-align: center;
    }

    .dcs-career-life-subtitle {
        margin-bottom: 11px;
        font-size: 11px;
        letter-spacing: 1.3px;
    }

    .dcs-career-life-content h2 {
        font-size: 32px;
        line-height: 1.18;
        letter-spacing: -0.6px;
    }

    .dcs-career-life-content h2 br {
        display: none;
    }

    .dcs-career-life-heading-line {
        width: 38px;
        margin: 17px auto;
    }

    .dcs-career-life-content p {
        font-size: 14px;
        line-height: 1.75;
    }

    .dcs-career-life-btn {
        width: 100%;
        max-width: 280px;
        margin-top: 24px;
    }

    .dcs-career-life-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: 145px 145px 170px;
        gap: 8px;
    }

    .dcs-career-life-image {
        border-radius: 8px;
    }

    .dcs-career-life-image-one {
        grid-column: 1;
        grid-row: 1;
    }

    .dcs-career-life-image-two {
        grid-column: 2;
        grid-row: 1;
    }

    .dcs-career-life-image-three {
        grid-column: 1;
        grid-row: 2;
    }

    .dcs-career-life-image-four {
        grid-column: 2;
        grid-row: 2;
    }

    .dcs-career-life-image-five {
        grid-column: 1 / 3;
        grid-row: 3;
    }
}

/* =====================================================
   EXTRA SMALL MOBILE: UP TO 360px
====================================================== */

@media only screen and (max-width: 360px) {

    .dcs-career-life-section {
        padding: 52px 12px;
    }

    .dcs-career-life-content h2 {
        font-size: 28px;
    }

    .dcs-career-life-content p {
        font-size: 13px;
    }

    .dcs-career-life-gallery {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(5, 180px);
    }

    .dcs-career-life-image-one,
    .dcs-career-life-image-two,
    .dcs-career-life-image-three,
    .dcs-career-life-image-four,
    .dcs-career-life-image-five {
        grid-column: 1;
    }

    .dcs-career-life-image-one {
        grid-row: 1;
    }

    .dcs-career-life-image-two {
        grid-row: 2;
    }

    .dcs-career-life-image-three {
        grid-row: 3;
    }

    .dcs-career-life-image-four {
        grid-row: 4;
    }

    .dcs-career-life-image-five {
        grid-row: 5;
    }
}

/* =====================================================
   4K DISPLAY
====================================================== */

@media only screen and (min-width: 1920px) {

    .dcs-career-life-section {
        padding: 125px 30px;
    }

    .dcs-career-life-container {
        max-width: 1560px;
    }

    .dcs-career-life-layout {
        grid-template-columns: minmax(340px, 0.72fr) minmax(0, 1.8fr);
        gap: 90px;
    }

    .dcs-career-life-content {
        max-width: 470px;
    }

    .dcs-career-life-content h2 {
        font-size: 65px;
    }

    .dcs-career-life-content p {
        font-size: 17px;
    }

    .dcs-career-life-gallery {
        grid-template-rows: 245px 245px;
        gap: 15px;
    }
}

/* =====================================================
   REDUCED MOTION
====================================================== */

@media (prefers-reduced-motion: reduce) {

    .dcs-career-life-reveal,
    .dcs-career-life-reveal-left,
    .dcs-career-life-image img,
    .dcs-career-life-btn,
    .dcs-career-life-btn i {
        transition: none;
    }

    .dcs-career-life-reveal,
    .dcs-career-life-reveal-left {
        opacity: 1;
        transform: none;
    }
}



/* =====================================================
   DCS CAREER - WHAT YOU'LL WORK ON
====================================================== */

:root {
    --dcs-career-work-primary: #b91c1c;
    --dcs-career-work-primary-dark: #8f1515;
    --dcs-career-work-heading: #171717;
    --dcs-career-work-text: #333333;
    --dcs-career-work-border: #e2e2e2;
    --dcs-career-work-white: #ffffff;
    --dcs-career-work-light: #fafafa;
}

.dcs-career-work-section,
.dcs-career-work-section *,
.dcs-career-work-section *::before,
.dcs-career-work-section *::after {
    box-sizing: border-box;
}

.dcs-career-work-section {
    position: relative;
    overflow: hidden;
    padding: 95px 20px;
    background:
        radial-gradient(
            circle at 10% 15%,
            rgba(185, 28, 28, 0.04),
            transparent 24%
        ),
        radial-gradient(
            circle at 90% 85%,
            rgba(185, 28, 28, 0.035),
            transparent 24%
        ),
        var(--dcs-career-work-white);
}

.dcs-career-work-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

/* =====================================================
   SECTION HEADING
====================================================== */

.dcs-career-work-heading {
    max-width: 900px;
    margin: 0 auto 48px;
    text-align: center;
}

.dcs-career-work-subtitle {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--dcs-career-work-primary);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.dcs-career-work-heading h2 {
    margin: 0;
    color: var(--dcs-career-work-heading);
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -1.1px;
}

.dcs-career-work-title-line {
    display: block;
    width: 44px;
    height: 3px;
    margin: 18px auto 0;
    border-radius: 10px;
    background: var(--dcs-career-work-primary);
}

/* =====================================================
   WORK GRID
====================================================== */

.dcs-career-work-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    border-top: 1px solid var(--dcs-career-work-border);
    border-bottom: 1px solid var(--dcs-career-work-border);
}

/* =====================================================
   WORK ITEM
====================================================== */

.dcs-career-work-item {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 185px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 25px 14px;
    background: var(--dcs-career-work-white);
    text-align: center;
    transition:
        background 0.4s ease,
        transform 0.4s ease,
        box-shadow 0.4s ease;
}

.dcs-career-work-item:not(:last-child) {
    border-right: 1px solid var(--dcs-career-work-border);
}

.dcs-career-work-item::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background: var(--dcs-career-work-primary);
    content: "";
    transform: translateX(-50%);
    transition: width 0.4s ease;
}

.dcs-career-work-item::after {
    position: absolute;
    right: 12px;
    bottom: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(185, 28, 28, 0.04);
    content: "";
    opacity: 0;
    transform: scale(0.5);
    transition:
        opacity 0.4s ease,
        transform 0.4s ease;
}

.dcs-career-work-item:hover {
    z-index: 2;
    background: #fffafa;
    box-shadow: 0 15px 35px rgba(185, 28, 28, 0.11);
    transform: translateY(-7px);
}

.dcs-career-work-item:hover::before {
    width: 100%;
}

.dcs-career-work-item:hover::after {
    opacity: 1;
    transform: scale(1);
}

/* =====================================================
   ICON
====================================================== */

.dcs-career-work-icon {
    position: relative;
    z-index: 2;
    display: inline-flex;
    width: 66px;
    height: 66px;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border: 1px solid rgba(185, 28, 28, 0.18);
    border-radius: 50%;
    background: rgba(185, 28, 28, 0.045);
    color: var(--dcs-career-work-primary);
    font-size: 27px;
    transition:
        background 0.4s ease,
        color 0.4s ease,
        transform 0.4s ease,
        box-shadow 0.4s ease;
}

.dcs-career-work-item:hover .dcs-career-work-icon {
    background: var(--dcs-career-work-primary);
    color: var(--dcs-career-work-white);
    box-shadow: 0 10px 24px rgba(185, 28, 28, 0.22);
    transform: rotateY(180deg);
}

.dcs-career-work-icon i {
    transition: transform 0.4s ease;
}

.dcs-career-work-item:hover .dcs-career-work-icon i {
    transform: rotateY(-180deg);
}

/* =====================================================
   ITEM TITLE
====================================================== */

.dcs-career-work-item h3 {
    position: relative;
    z-index: 2;
    margin: 0;
    color: var(--dcs-career-work-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.55;
    transition: color 0.35s ease;
}

.dcs-career-work-item:hover h3 {
    color: var(--dcs-career-work-primary-dark);
}

/* =====================================================
   REVEAL ANIMATION
====================================================== */

.dcs-career-work-reveal {
    opacity: 0;
    transform: translateY(30px);
    transition:
        opacity 0.7s ease,
        transform 0.7s ease;
    transition-delay: var(--dcs-work-delay, 0s);
}

.dcs-career-work-reveal.dcs-career-work-visible {
    opacity: 1;
    transform: translateY(0);
}

/* =====================================================
   LARGE LAPTOP: 1200px - 1399px
====================================================== */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .dcs-career-work-container {
        max-width: 1180px;
    }

    .dcs-career-work-item {
        min-height: 180px;
        padding: 24px 10px;
    }

    .dcs-career-work-icon {
        width: 60px;
        height: 60px;
        font-size: 24px;
    }

    .dcs-career-work-item h3 {
        font-size: 13px;
    }
}

/* =====================================================
   SMALL LAPTOP: 992px - 1199px
====================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .dcs-career-work-section {
        padding: 85px 24px;
    }

    .dcs-career-work-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border: 1px solid var(--dcs-career-work-border);
    }

    .dcs-career-work-item {
        min-height: 185px;
    }

    .dcs-career-work-item:nth-child(4n) {
        border-right: none;
    }

    .dcs-career-work-item:nth-child(-n + 4) {
        border-bottom: 1px solid var(--dcs-career-work-border);
    }

    .dcs-career-work-item:nth-child(5),
    .dcs-career-work-item:nth-child(6),
    .dcs-career-work-item:nth-child(7) {
        border-right: 1px solid var(--dcs-career-work-border);
    }
}

/* =====================================================
   TABLET: 768px - 991px
====================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .dcs-career-work-section {
        padding: 75px 24px;
    }

    .dcs-career-work-heading {
        margin-bottom: 40px;
    }

    .dcs-career-work-heading h2 {
        font-size: 39px;
    }

    .dcs-career-work-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border: 1px solid var(--dcs-career-work-border);
    }

    .dcs-career-work-item {
        min-height: 180px;
        padding: 23px 12px;
    }

    .dcs-career-work-item:nth-child(4n) {
        border-right: none;
    }

    .dcs-career-work-item:nth-child(-n + 4) {
        border-bottom: 1px solid var(--dcs-career-work-border);
    }

    .dcs-career-work-item:nth-child(5),
    .dcs-career-work-item:nth-child(6),
    .dcs-career-work-item:nth-child(7) {
        border-right: 1px solid var(--dcs-career-work-border);
    }

    .dcs-career-work-icon {
        width: 60px;
        height: 60px;
        font-size: 24px;
    }

    .dcs-career-work-item h3 {
        font-size: 13px;
    }
}

/* =====================================================
   LARGE MOBILE: 576px - 767px
====================================================== */

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .dcs-career-work-section {
        padding: 65px 20px;
    }

    .dcs-career-work-heading {
        margin-bottom: 35px;
    }

    .dcs-career-work-heading h2 {
        font-size: 34px;
    }

    .dcs-career-work-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border: 1px solid var(--dcs-career-work-border);
    }

    .dcs-career-work-item {
        min-height: 175px;
    }

    .dcs-career-work-item:nth-child(odd) {
        border-right: 1px solid var(--dcs-career-work-border);
    }

    .dcs-career-work-item:nth-child(even) {
        border-right: none;
    }

    .dcs-career-work-item:not(:nth-last-child(-n + 2)) {
        border-bottom: 1px solid var(--dcs-career-work-border);
    }
}

/* =====================================================
   MOBILE: UP TO 575px
====================================================== */

@media only screen and (max-width: 575px) {

    .dcs-career-work-section {
        padding: 58px 15px;
    }

    .dcs-career-work-heading {
        margin-bottom: 32px;
    }

    .dcs-career-work-subtitle {
        margin-bottom: 10px;
        font-size: 10px;
        letter-spacing: 1.25px;
    }

    .dcs-career-work-heading h2 {
        font-size: 29px;
        line-height: 1.25;
        letter-spacing: -0.5px;
    }

    .dcs-career-work-title-line {
        width: 38px;
        margin-top: 14px;
    }

    .dcs-career-work-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border: 1px solid var(--dcs-career-work-border);
        border-radius: 12px;
        overflow: hidden;
    }

    .dcs-career-work-item {
        min-height: 165px;
        padding: 22px 10px;
    }

    .dcs-career-work-item:nth-child(odd) {
        border-right: 1px solid var(--dcs-career-work-border);
    }

    .dcs-career-work-item:nth-child(even) {
        border-right: none;
    }

    .dcs-career-work-item:not(:nth-last-child(-n + 2)) {
        border-bottom: 1px solid var(--dcs-career-work-border);
    }

    .dcs-career-work-icon {
        width: 56px;
        height: 56px;
        margin-bottom: 14px;
        font-size: 22px;
    }

    .dcs-career-work-item h3 {
        font-size: 12px;
        line-height: 1.5;
    }

    /* Prevent hover movement on touch screens */
    .dcs-career-work-item:hover {
        transform: none;
    }
}

/* =====================================================
   EXTRA-SMALL MOBILE: UP TO 360px
====================================================== */

@media only screen and (max-width: 360px) {

    .dcs-career-work-section {
        padding: 52px 12px;
    }

    .dcs-career-work-heading h2 {
        font-size: 26px;
    }

    .dcs-career-work-grid {
        grid-template-columns: 1fr;
    }

    .dcs-career-work-item {
        min-height: 145px;
        border-right: none !important;
        border-bottom: 1px solid var(--dcs-career-work-border);
    }

    .dcs-career-work-item:last-child {
        border-bottom: none;
    }

    .dcs-career-work-item h3 br {
        display: none;
    }
}

/* =====================================================
   4K / LARGE DISPLAY
====================================================== */

@media only screen and (min-width: 1920px) {

    .dcs-career-work-section {
        padding: 120px 30px;
    }

    .dcs-career-work-container {
        max-width: 1650px;
    }

    .dcs-career-work-heading h2 {
        font-size: 60px;
    }

    .dcs-career-work-item {
        min-height: 220px;
    }

    .dcs-career-work-icon {
        width: 78px;
        height: 78px;
        font-size: 32px;
    }

    .dcs-career-work-item h3 {
        font-size: 16px;
    }
}

/* =====================================================
   REDUCED MOTION
====================================================== */

@media (prefers-reduced-motion: reduce) {

    .dcs-career-work-reveal,
    .dcs-career-work-item,
    .dcs-career-work-item::before,
    .dcs-career-work-item::after,
    .dcs-career-work-icon,
    .dcs-career-work-icon i {
        transition: none;
    }

    .dcs-career-work-reveal {
        opacity: 1;
        transform: none;
    }
}



/* =====================================================
   DCS CAREER PAGE - OUR VALUES SECTION
====================================================== */

:root {
    --dcs-career-values-primary: #b91c1c;
    --dcs-career-values-primary-dark: #8e1515;
    --dcs-career-values-heading: #171717;
    --dcs-career-values-text: #5f5f5f;
    --dcs-career-values-border: #e3e3e3;
    --dcs-career-values-white: #ffffff;
    --dcs-career-values-light: #fafafa;
}

/* Prevent styles from affecting other sections */
.dcs-career-values-section,
.dcs-career-values-section *,
.dcs-career-values-section *::before,
.dcs-career-values-section *::after {
    box-sizing: border-box;
}

.dcs-career-values-section {
    position: relative;
    overflow: hidden;
    padding: 95px 20px;
    background:
        radial-gradient(
            circle at 7% 20%,
            rgba(185, 28, 28, 0.045),
            transparent 22%
        ),
        radial-gradient(
            circle at 93% 85%,
            rgba(185, 28, 28, 0.04),
            transparent 23%
        ),
        var(--dcs-career-values-white);
}

/* Decorative background circles */
.dcs-career-values-section::before {
    position: absolute;
    top: 60px;
    left: -80px;
    width: 180px;
    height: 180px;
    border: 1px solid rgba(185, 28, 28, 0.08);
    border-radius: 50%;
    content: "";
}

.dcs-career-values-section::after {
    position: absolute;
    right: -65px;
    bottom: 35px;
    width: 145px;
    height: 145px;
    border: 1px solid rgba(185, 28, 28, 0.08);
    border-radius: 50%;
    content: "";
}

.dcs-career-values-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

/* =====================================================
   SECTION HEADING
====================================================== */

.dcs-career-values-heading {
    max-width: 850px;
    margin: 0 auto 48px;
    text-align: center;
}

.dcs-career-values-subtitle {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--dcs-career-values-primary);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.dcs-career-values-heading h2 {
    margin: 0;
    color: var(--dcs-career-values-heading);
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -1.1px;
}

.dcs-career-values-title-line {
    display: block;
    width: 44px;
    height: 3px;
    margin: 18px auto 0;
    border-radius: 20px;
    background: var(--dcs-career-values-primary);
}

/* =====================================================
   VALUES GRID
====================================================== */

.dcs-career-values-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
}

/* =====================================================
   VALUE CARD
====================================================== */

.dcs-career-values-card {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 285px;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    padding: 34px 20px 28px;
    border: 1px solid var(--dcs-career-values-border);
    border-radius: 12px;
    background: var(--dcs-career-values-white);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.045);
    text-align: center;
    transition:
        transform 0.4s ease,
        border-color 0.4s ease,
        background 0.4s ease,
        box-shadow 0.4s ease;
}

/* Top red animated border */
.dcs-career-values-card::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 4px;
    background: var(--dcs-career-values-primary);
    content: "";
    transform: translateX(-50%);
    transition: width 0.4s ease;
}

/* Decorative circle */
.dcs-career-values-card::after {
    position: absolute;
    right: -45px;
    bottom: -45px;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    background: rgba(185, 28, 28, 0.055);
    content: "";
    transform: scale(0.7);
    transition: transform 0.4s ease;
}

.dcs-career-values-card.dcs-career-values-visible:hover {
    border-color: rgba(185, 28, 28, 0.45);
    background: #fffdfd;
    box-shadow: 0 20px 45px rgba(185, 28, 28, 0.13);
    transform:
        perspective(900px)
        rotateX(0deg)
        rotateY(0deg)
        translateY(-9px)
        scale(1);
}


.dcs-career-values-card:hover::before {
    width: 100%;
}

.dcs-career-values-card:hover::after {
    transform: scale(1);
}

/* =====================================================
   VALUE ICON
====================================================== */

.dcs-career-values-icon {
    position: relative;
    z-index: 2;
    display: inline-flex;
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    border: 1px solid rgba(185, 28, 28, 0.2);
    border-radius: 50%;
    background: rgba(185, 28, 28, 0.05);
    color: var(--dcs-career-values-primary);
    font-size: 30px;
    transition:
        background 0.4s ease,
        color 0.4s ease,
        transform 0.4s ease,
        box-shadow 0.4s ease;
}

.dcs-career-values-card:hover .dcs-career-values-icon {
    background: var(--dcs-career-values-primary);
    color: var(--dcs-career-values-white);
    box-shadow: 0 12px 27px rgba(185, 28, 28, 0.24);
    transform: rotateY(180deg);
}

.dcs-career-values-icon i {
    transition: transform 0.4s ease;
}

.dcs-career-values-card:hover .dcs-career-values-icon i {
    transform: rotateY(-180deg);
}

/* =====================================================
   CARD TEXT
====================================================== */

.dcs-career-values-card h3 {
    position: relative;
    z-index: 2;
    margin: 0 0 13px;
    color: var(--dcs-career-values-heading);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
    text-transform: uppercase;
}

.dcs-career-values-card p {
    position: relative;
    z-index: 2;
    margin: 0;
    color: var(--dcs-career-values-text);
    font-size: 13px;
    line-height: 1.75;
}

.dcs-career-values-number {
    position: absolute;
    right: 13px;
    bottom: 8px;
    z-index: 1;
    color: rgba(185, 28, 28, 0.07);
    font-size: 52px;
    font-weight: 800;
    line-height: 1;
    transition:
        color 0.4s ease,
        transform 0.4s ease;
}

.dcs-career-values-card:hover .dcs-career-values-number {
    color: rgba(185, 28, 28, 0.13);
    transform: translateY(-4px);
}

/* =====================================================
   VALUES SECTION - 3D FLIP REVEAL ANIMATION
====================================================== */

.dcs-career-values-grid {
    perspective: 1200px;
}

.dcs-career-values-heading {
    opacity: 0;
    transform: scale(0.92);
    filter: blur(5px);
    transition:
        opacity 0.8s ease,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.8s ease;
}

.dcs-career-values-heading.dcs-career-values-visible {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
}

.dcs-career-values-card {
    opacity: 0;
    transform:
        perspective(900px)
        rotateX(18deg)
        rotateY(-12deg)
        translateY(35px)
        scale(0.92);
    transform-origin: center bottom;
    filter: blur(4px);
    transition:
        opacity 0.75s ease,
        transform 0.9s cubic-bezier(0.16, 1, 0.3, 1),
        filter 0.75s ease,
        border-color 0.4s ease,
        background 0.4s ease,
        box-shadow 0.4s ease;
    transition-delay: var(--dcs-values-delay, 0s);
}

.dcs-career-values-card:nth-child(even) {
    transform:
        perspective(900px)
        rotateX(18deg)
        rotateY(12deg)
        translateY(35px)
        scale(0.92);
}

.dcs-career-values-card.dcs-career-values-visible {
    opacity: 1;
    transform:
        perspective(900px)
        rotateX(0deg)
        rotateY(0deg)
        translateY(0)
        scale(1);
    filter: blur(0);
}

.dcs-career-values-reveal.dcs-career-values-visible {
    opacity: 1;
    transform: translateY(0);
}

/* =====================================================
   LARGE LAPTOP: 1200px TO 1399px
====================================================== */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .dcs-career-values-container {
        max-width: 1180px;
    }

    .dcs-career-values-grid {
        gap: 12px;
    }

    .dcs-career-values-card {
        min-height: 280px;
        padding: 32px 16px 25px;
    }

    .dcs-career-values-icon {
        width: 66px;
        height: 66px;
        flex-basis: 66px;
        font-size: 27px;
    }

    .dcs-career-values-card h3 {
        font-size: 14px;
    }

    .dcs-career-values-card p {
        font-size: 12px;
    }
}

/* =====================================================
   SMALL LAPTOP: 992px TO 1199px
====================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .dcs-career-values-section {
        padding: 85px 24px;
    }

    .dcs-career-values-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }

    .dcs-career-values-card {
        min-height: 270px;
        padding: 32px 25px 27px;
    }

    .dcs-career-values-card h3 {
        font-size: 16px;
    }

    .dcs-career-values-card p {
        font-size: 13px;
    }
}

/* =====================================================
   TABLET: 768px TO 991px
====================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .dcs-career-values-section {
        padding: 75px 24px;
    }

    .dcs-career-values-heading {
        margin-bottom: 40px;
    }

    .dcs-career-values-heading h2 {
        font-size: 39px;
    }

    .dcs-career-values-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .dcs-career-values-card {
        min-height: 260px;
        padding: 31px 28px 26px;
    }
}

/* =====================================================
   LARGE MOBILE: 576px TO 767px
====================================================== */

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .dcs-career-values-section {
        padding: 65px 20px;
    }

    .dcs-career-values-heading {
        margin-bottom: 35px;
    }

    .dcs-career-values-heading h2 {
        font-size: 34px;
    }

    .dcs-career-values-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .dcs-career-values-card {
        min-height: 255px;
        padding: 28px 20px 25px;
    }

    .dcs-career-values-icon {
        width: 64px;
        height: 64px;
        flex-basis: 64px;
        margin-bottom: 18px;
        font-size: 26px;
    }

    .dcs-career-values-card h3 {
        font-size: 14px;
    }

    .dcs-career-values-card p {
        font-size: 12px;
    }
}

/* =====================================================
   MOBILE: UP TO 575px
====================================================== */

@media only screen and (max-width: 575px) {

    .dcs-career-values-section {
        padding: 58px 15px;
    }

    .dcs-career-values-heading {
        margin-bottom: 32px;
    }

    .dcs-career-values-subtitle {
        margin-bottom: 9px;
        font-size: 10px;
        letter-spacing: 1.3px;
    }

    .dcs-career-values-heading h2 {
        font-size: 29px;
        line-height: 1.25;
        letter-spacing: -0.5px;
    }

    .dcs-career-values-title-line {
        width: 38px;
        margin-top: 14px;
    }

    .dcs-career-values-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .dcs-career-values-card {
        min-height: auto;
        padding: 29px 22px 27px;
    }

    .dcs-career-values-icon {
        width: 65px;
        height: 65px;
        flex-basis: 65px;
        margin-bottom: 19px;
        font-size: 26px;
    }

    .dcs-career-values-card h3 {
        margin-bottom: 10px;
        font-size: 15px;
    }

    .dcs-career-values-card p {
        max-width: 300px;
        font-size: 13px;
        line-height: 1.7;
    }

    .dcs-career-values-card:hover {
        transform: none;
    }

    .dcs-career-values-card.dcs-career-values-visible:hover {
        transform:
            perspective(900px)
            rotateX(0deg)
            rotateY(0deg)
            translateY(0)
            scale(1);
    }

}

/* =====================================================
   EXTRA-SMALL MOBILE: UP TO 360px
====================================================== */

@media only screen and (max-width: 360px) {

    .dcs-career-values-section {
        padding: 52px 12px;
    }

    .dcs-career-values-heading h2 {
        font-size: 25px;
    }

    .dcs-career-values-card {
        padding: 27px 17px 25px;
    }
}

/* =====================================================
   4K AND LARGE DISPLAY
====================================================== */

@media only screen and (min-width: 1920px) {

    .dcs-career-values-section {
        padding: 120px 30px;
    }

    .dcs-career-values-container {
        max-width: 1650px;
    }

    .dcs-career-values-heading h2 {
        font-size: 60px;
    }

    .dcs-career-values-card {
        min-height: 330px;
        padding: 42px 27px 34px;
    }

    .dcs-career-values-icon {
        width: 82px;
        height: 82px;
        flex-basis: 82px;
        font-size: 34px;
    }

    .dcs-career-values-card h3 {
        font-size: 18px;
    }

    .dcs-career-values-card p {
        font-size: 15px;
    }
}

/* =====================================================
   REDUCED MOTION
====================================================== */

@media (prefers-reduced-motion: reduce) {

    .dcs-career-values-reveal,
    .dcs-career-values-card,
    .dcs-career-values-card::before,
    .dcs-career-values-card::after,
    .dcs-career-values-icon,
    .dcs-career-values-icon i {
        transition: none;
    }

    .dcs-career-values-reveal {
        opacity: 1;
        transform: none;
    }
}



/* resume  */

/* =====================================================
   DCS CAREER - TALENT NETWORK SECTION
====================================================== */

:root {
    --dcs-talent-red: #b91c1c;
    --dcs-talent-dark-red: #901414;
    --dcs-talent-black: #111111;
    --dcs-talent-text: #555555;
    --dcs-talent-white: #ffffff;
    --dcs-talent-light: #f1f1f1;
}

.dcs-career-talent-section,
.dcs-career-talent-section *,
.dcs-career-talent-section *::before,
.dcs-career-talent-section *::after {
    box-sizing: border-box;
}

.dcs-career-talent-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: var(--dcs-talent-white);
}

/* =====================================================
   MAIN LAYOUT
====================================================== */

.dcs-career-talent-wrapper {
    display: grid;
    grid-template-columns: 1.65fr 1fr;
    width: 100%;
    min-height: 590px;
}

/* =====================================================
   LEFT IMAGE AREA
====================================================== */

.dcs-career-talent-left {
    position: relative;
    display: flex;
    min-width: 0;
    align-items: center;
    overflow: hidden;
    padding: 70px 7%;
    background: #0c0c0c;
}

.dcs-career-talent-background {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 7s ease;
}

.dcs-career-talent-section:hover
.dcs-career-talent-background {
    transform: scale(1.07);
}

.dcs-career-talent-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(3, 5, 7, 0.95) 0%,
        rgba(3, 5, 7, 0.88) 38%,
        rgba(3, 5, 7, 0.55) 70%,
        rgba(3, 5, 7, 0.3) 100%
    );
}

.dcs-career-talent-left::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    background: var(--dcs-talent-red);
    content: "";
}

/* =====================================================
   LEFT CONTENT
====================================================== */

.dcs-career-talent-left-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 620px;
}

.dcs-career-talent-top-title {
    display: block;
    margin-bottom: 3px;
    color: var(--dcs-talent-white);
    font-size: clamp(35px, 3.6vw, 58px);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.dcs-career-talent-left-content h2 {
    margin: 0 0 35px;
    color: var(--dcs-talent-red);
    font-size: clamp(42px, 4.5vw, 70px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.dcs-career-talent-left-content h3 {
    margin: 0 0 20px;
    color: var(--dcs-talent-white);
    font-size: 25px;
    font-weight: 700;
    line-height: 1.4;
}

.dcs-career-talent-left-content p {
    max-width: 610px;
    margin: 0;
    color: rgba(255, 255, 255, 0.88);
    font-size: 17px;
    line-height: 1.95;
}

/* =====================================================
   RIGHT AREA
====================================================== */

.dcs-career-talent-right {
    position: relative;
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 60px 45px;
    background: var(--dcs-talent-white);
}

.dcs-career-talent-right::before {
    position: absolute;
    top: -100px;
    right: -100px;
    width: 220px;
    height: 220px;
    border: 1px solid rgba(185, 28, 28, 0.11);
    border-radius: 50%;
    content: "";
}

.dcs-career-talent-right::after {
    position: absolute;
    bottom: -65px;
    left: -65px;
    width: 155px;
    height: 155px;
    border-radius: 50%;
    background: rgba(185, 28, 28, 0.045);
    content: "";
}

.dcs-career-talent-right-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 470px;
    text-align: center;
}

/* =====================================================
   UPLOAD ICON
====================================================== */

.dcs-career-talent-upload-icon {
    display: inline-flex;
    width: 105px;
    height: 105px;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    border: 2px solid rgba(185, 28, 28, 0.2);
    border-radius: 50%;
    color: var(--dcs-talent-red);
    font-size: 43px;
    transition:
        color 0.4s ease,
        background 0.4s ease,
        transform 0.4s ease,
        box-shadow 0.4s ease;
}

.dcs-career-talent-right:hover
.dcs-career-talent-upload-icon {
    background: var(--dcs-talent-red);
    color: var(--dcs-talent-white);
    box-shadow: 0 15px 35px rgba(185, 28, 28, 0.22);
    transform: translateY(-6px);
}

/* =====================================================
   RIGHT CONTENT
====================================================== */

.dcs-career-talent-right-content h2 {
    margin: 0;
    color: var(--dcs-talent-black);
    font-size: clamp(24px, 2.3vw, 34px);
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.dcs-career-talent-right-content > p {
    max-width: 390px;
    margin: 18px auto 28px;
    color: var(--dcs-talent-text);
    font-size: 16px;
    line-height: 1.9;
}

/* =====================================================
   UPLOAD BUTTON
====================================================== */

.dcs-career-talent-upload-btn {
    display: inline-flex;
    min-width: 265px;
    min-height: 60px;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 14px 28px;
    border: 2px solid var(--dcs-talent-red);
    border-radius: 5px;
    background: var(--dcs-talent-red);
    color: var(--dcs-talent-white);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.7px;
    text-decoration: none;
    transition:
        background 0.35s ease,
        color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.dcs-career-talent-upload-btn i {
    font-size: 17px;
    transition: transform 0.35s ease;
}

.dcs-career-talent-upload-btn:hover {
    background: transparent;
    color: var(--dcs-talent-red);
    box-shadow: 0 15px 30px rgba(185, 28, 28, 0.16);
    transform: translateY(-4px);
}

.dcs-career-talent-upload-btn:hover i {
    transform: translateY(-4px);
}

/* =====================================================
   EMAIL BOX
====================================================== */

.dcs-career-talent-email {
    display: flex;
    width: 100%;
    min-height: 66px;
    align-items: center;
    justify-content: center;
    gap: 17px;
    margin-top: 28px;
    padding: 14px 20px;
    border-radius: 5px;
    background: var(--dcs-talent-light);
    color: var(--dcs-talent-black);
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition:
        background 0.35s ease,
        color 0.35s ease,
        transform 0.35s ease;
}

.dcs-career-talent-email i {
    color: var(--dcs-talent-red);
    font-size: 25px;
    transition: color 0.35s ease;
}

.dcs-career-talent-email:hover {
    background: var(--dcs-talent-red);
    color: var(--dcs-talent-white);
    transform: translateY(-3px);
}

.dcs-career-talent-email:hover i {
    color: var(--dcs-talent-white);
}

/* =====================================================
   CURTAIN REVEAL ANIMATION
====================================================== */

.dcs-career-talent-left,
.dcs-career-talent-right {
    opacity: 0;
    transition:
        opacity 0.9s ease,
        clip-path 1.1s cubic-bezier(0.77, 0, 0.18, 1);
}

.dcs-career-talent-left {
    clip-path: inset(0 100% 0 0);
}

.dcs-career-talent-right {
    clip-path: inset(0 0 0 100%);
}

.dcs-career-talent-section.dcs-career-talent-visible
.dcs-career-talent-left,
.dcs-career-talent-section.dcs-career-talent-visible
.dcs-career-talent-right {
    opacity: 1;
    clip-path: inset(0);
}

/* Animate inner content */
.dcs-career-talent-left-content {
    opacity: 0;
    transform: translateX(-45px);
    transition:
        opacity 0.75s ease 0.55s,
        transform 0.75s ease 0.55s;
}

.dcs-career-talent-right-content {
    opacity: 0;
    transform: translateX(45px);
    transition:
        opacity 0.75s ease 0.65s,
        transform 0.75s ease 0.65s;
}

.dcs-career-talent-section.dcs-career-talent-visible
.dcs-career-talent-left-content,
.dcs-career-talent-section.dcs-career-talent-visible
.dcs-career-talent-right-content {
    opacity: 1;
    transform: translateX(0);
}

/* =====================================================
   LARGE LAPTOP: 1200px–1399px
====================================================== */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .dcs-career-talent-wrapper {
        grid-template-columns: 1.55fr 1fr;
        min-height: 560px;
    }

    .dcs-career-talent-left {
        padding: 65px 6%;
    }

    .dcs-career-talent-top-title {
        font-size: 43px;
    }

    .dcs-career-talent-left-content h2 {
        font-size: 55px;
    }

    .dcs-career-talent-right {
        padding: 50px 35px;
    }
}

/* =====================================================
   SMALL LAPTOP: 992px–1199px
====================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .dcs-career-talent-wrapper {
        grid-template-columns: 1.3fr 1fr;
        min-height: 550px;
    }

    .dcs-career-talent-left {
        padding: 55px 45px;
    }

    .dcs-career-talent-top-title {
        font-size: 36px;
    }

    .dcs-career-talent-left-content h2 {
        margin-bottom: 28px;
        font-size: 46px;
    }

    .dcs-career-talent-left-content h3 {
        font-size: 22px;
    }

    .dcs-career-talent-left-content p {
        font-size: 15px;
        line-height: 1.85;
    }

    .dcs-career-talent-right {
        padding: 45px 30px;
    }

    .dcs-career-talent-upload-icon {
        width: 90px;
        height: 90px;
        font-size: 36px;
    }

    .dcs-career-talent-email {
        font-size: 14px;
    }
}

/* =====================================================
   TABLET: 768px–991px
====================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .dcs-career-talent-wrapper {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .dcs-career-talent-left {
        min-height: 510px;
        padding: 60px 55px;
    }

    .dcs-career-talent-left-content {
        max-width: 610px;
    }

    .dcs-career-talent-top-title {
        font-size: 41px;
    }

    .dcs-career-talent-left-content h2 {
        font-size: 54px;
    }

    .dcs-career-talent-right {
        min-height: 520px;
        padding: 65px 35px;
    }

    .dcs-career-talent-right-content {
        max-width: 540px;
    }

    /* Vertical curtain animation */
    .dcs-career-talent-left,
    .dcs-career-talent-right {
        clip-path: inset(100% 0 0 0);
    }

    .dcs-career-talent-section.dcs-career-talent-visible
    .dcs-career-talent-left,
    .dcs-career-talent-section.dcs-career-talent-visible
    .dcs-career-talent-right {
        clip-path: inset(0);
    }
}

/* =====================================================
   LARGE MOBILE: 576px–767px
====================================================== */

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .dcs-career-talent-wrapper {
        grid-template-columns: 1fr;
    }

    .dcs-career-talent-left {
        min-height: 485px;
        padding: 50px 35px;
    }

    .dcs-career-talent-top-title {
        font-size: 34px;
    }

    .dcs-career-talent-left-content h2 {
        margin-bottom: 27px;
        font-size: 44px;
    }

    .dcs-career-talent-left-content h3 {
        font-size: 20px;
    }

    .dcs-career-talent-left-content p {
        font-size: 15px;
    }

    .dcs-career-talent-right {
        min-height: 500px;
        padding: 55px 25px;
    }

    .dcs-career-talent-left,
    .dcs-career-talent-right {
        clip-path: inset(100% 0 0 0);
    }

    .dcs-career-talent-section.dcs-career-talent-visible
    .dcs-career-talent-left,
    .dcs-career-talent-section.dcs-career-talent-visible
    .dcs-career-talent-right {
        clip-path: inset(0);
    }
}

/* =====================================================
   ALL MOBILE: UP TO 575px
====================================================== */

@media only screen and (max-width: 575px) {

    .dcs-career-talent-wrapper {
        grid-template-columns: 1fr;
    }

    .dcs-career-talent-left {
        min-height: 480px;
        padding: 45px 20px;
    }

    .dcs-career-talent-background {
        object-position: 62% center;
    }

    .dcs-career-talent-overlay {
        background: rgba(3, 5, 7, 0.82);
    }

    .dcs-career-talent-top-title {
        font-size: 29px;
    }

    .dcs-career-talent-left-content h2 {
        margin-bottom: 25px;
        font-size: 37px;
        line-height: 1.15;
    }

    .dcs-career-talent-left-content h3 {
        margin-bottom: 14px;
        font-size: 19px;
    }

    .dcs-career-talent-left-content p {
        font-size: 14px;
        line-height: 1.8;
    }

    .dcs-career-talent-right {
        min-height: 480px;
        padding: 50px 15px;
    }

    .dcs-career-talent-upload-icon {
        width: 78px;
        height: 78px;
        margin-bottom: 20px;
        font-size: 31px;
    }

    .dcs-career-talent-right-content h2 {
        font-size: 25px;
    }

    .dcs-career-talent-right-content > p {
        margin: 15px auto 24px;
        font-size: 14px;
        line-height: 1.75;
    }

    .dcs-career-talent-upload-btn {
        width: 100%;
        min-width: 0;
        min-height: 56px;
    }

    .dcs-career-talent-email {
        min-height: 60px;
        padding: 13px 10px;
        font-size: 13px;
        overflow-wrap: anywhere;
    }

    .dcs-career-talent-email i {
        flex: 0 0 auto;
        font-size: 21px;
    }

    .dcs-career-talent-left,
    .dcs-career-talent-right {
        clip-path: inset(100% 0 0 0);
    }

    .dcs-career-talent-left-content,
    .dcs-career-talent-right-content {
        transform: translateY(35px);
    }

    .dcs-career-talent-section.dcs-career-talent-visible
    .dcs-career-talent-left,
    .dcs-career-talent-section.dcs-career-talent-visible
    .dcs-career-talent-right {
        clip-path: inset(0);
    }

    .dcs-career-talent-section.dcs-career-talent-visible
    .dcs-career-talent-left-content,
    .dcs-career-talent-section.dcs-career-talent-visible
    .dcs-career-talent-right-content {
        transform: translateY(0);
    }
}

/* =====================================================
   EXTRA-SMALL MOBILE: UP TO 360px
====================================================== */

@media only screen and (max-width: 360px) {

    .dcs-career-talent-left {
        min-height: 500px;
        padding: 42px 16px;
    }

    .dcs-career-talent-top-title {
        font-size: 25px;
    }

    .dcs-career-talent-left-content h2 {
        font-size: 32px;
    }

    .dcs-career-talent-right {
        padding: 45px 12px;
    }

    .dcs-career-talent-right-content h2 {
        font-size: 22px;
    }

    .dcs-career-talent-email {
        font-size: 12px;
    }
}

/* =====================================================
   4K DISPLAY
====================================================== */

@media only screen and (min-width: 1920px) {

    .dcs-career-talent-wrapper {
        min-height: 760px;
    }

    .dcs-career-talent-left {
        padding: 90px 110px;
    }

    .dcs-career-talent-left-content {
        max-width: 780px;
    }

    .dcs-career-talent-top-title {
        font-size: 65px;
    }

    .dcs-career-talent-left-content h2 {
        font-size: 82px;
    }

    .dcs-career-talent-left-content h3 {
        font-size: 31px;
    }

    .dcs-career-talent-left-content p {
        font-size: 20px;
    }

    .dcs-career-talent-right-content {
        max-width: 550px;
    }
}

/* =====================================================
   REDUCED MOTION
====================================================== */

@media (prefers-reduced-motion: reduce) {

    .dcs-career-talent-left,
    .dcs-career-talent-right,
    .dcs-career-talent-left-content,
    .dcs-career-talent-right-content,
    .dcs-career-talent-background {
        opacity: 1;
        clip-path: none;
        transform: none;
        transition: none;
    }
}



/* =====================================================
  SOLUTION PAGE
====================================================== */

/* =====================================================
   DCS SOLUTION DIFFERENCE SECTION
===================================================== */

.dcs-solution-difference-section {
    --dcs-solution-red: #b91c1c;
    --dcs-solution-red-dark: #8f1515;
    --dcs-solution-dark: #121725;
    --dcs-solution-text: #545863;
    --dcs-solution-light: #f6f7f9;
    --dcs-solution-border: #e1e2e6;
    --dcs-solution-white: #ffffff;

    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 85px 20px;
    background:
        radial-gradient(
            circle at 12% 70%,
            rgba(185, 28, 28, 0.045),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fcfcfd 100%
        );
}


.dcs-solution-difference-container {
    width: min(100%, 1380px);
    margin: 0 auto;
}


.dcs-solution-difference-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.35fr);
    gap: 70px;
    align-items: stretch;
}


/* =====================================================
   LEFT SIDE
===================================================== */

.dcs-solution-difference-left {
    position: relative;
    min-width: 0;
}


.dcs-solution-difference-heading {
    position: relative;
    z-index: 5;
}


.dcs-solution-difference-label-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 13px;
}


.dcs-solution-difference-label {
    display: inline-block;
    color: var(--dcs-solution-red);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}


.dcs-solution-difference-label-line {
    display: inline-block;
    width: 56px;
    height: 2px;
    border-radius: 50px;
    background: var(--dcs-solution-red);
    transform-origin: left center;
}


.dcs-solution-difference-title {
    max-width: 510px;
    margin: 0;
    color: var(--dcs-solution-dark);
    font-size: clamp(34px, 3.1vw, 52px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -1.3px;
}


.dcs-solution-difference-title span {
    display: block;
    margin-top: 4px;
    color: var(--dcs-solution-red);
}


/* Image */

.dcs-solution-difference-image-wrap {
    position: relative;
    min-height: 330px;
    margin-top: 18px;
    isolation: isolate;
}


.dcs-solution-difference-map {
    position: absolute;
    z-index: 1;
    top: 22px;
    left: -16px;
    width: 115%;
    pointer-events: none;
}


.dcs-solution-difference-map svg {
    display: block;
    width: 100%;
    height: auto;
}


.dcs-solution-difference-red-glow {
    position: absolute;
    z-index: 0;
    left: 80px;
    bottom: 12px;
    width: 260px;
    height: 55px;
    border-radius: 50%;
    background: rgba(185, 28, 28, 0.23);
    filter: blur(20px);
}


.dcs-solution-difference-image {
    position: absolute;
    z-index: 3;
    left: 82px;
    bottom: 0;
    display: block;
    width: min(76%, 365px);
    max-height: 315px;
    object-fit: contain;
    object-position: bottom;
    filter:
        drop-shadow(0 22px 20px rgba(16, 20, 29, 0.19))
        drop-shadow(0 10px 10px rgba(185, 28, 28, 0.08));
    transition:
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.55s ease;
}


.dcs-solution-difference-image-wrap:hover
.dcs-solution-difference-image {
    transform: translateY(-9px) scale(1.015);
    filter:
        drop-shadow(0 28px 26px rgba(16, 20, 29, 0.23))
        drop-shadow(0 14px 15px rgba(185, 28, 28, 0.14));
}


.dcs-solution-difference-image-line {
    position: absolute;
    z-index: 4;
    left: 57px;
    bottom: -2px;
    width: 310px;
    height: 3px;
    border-radius: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(185, 28, 28, 0.75),
        transparent
    );
}


/* =====================================================
   RIGHT SIDE
===================================================== */

.dcs-solution-difference-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
}


.dcs-solution-difference-description {
    max-width: 690px;
    margin-bottom: 48px;
}


.dcs-solution-difference-description p {
    margin: 0;
    color: var(--dcs-solution-text);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.86;
    text-align: justify;
}


.dcs-solution-difference-description p + p {
    margin-top: 3px;
}


/* =====================================================
   FEATURE ITEMS
===================================================== */

.dcs-solution-difference-features {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
}


.dcs-solution-difference-feature {
    position: relative;
    min-width: 0;
    padding: 0 24px;
    transition:
        transform 0.35s ease,
        background-color 0.35s ease;
}


.dcs-solution-difference-feature:first-child {
    padding-left: 0;
}


.dcs-solution-difference-feature:last-child {
    padding-right: 0;
}


.dcs-solution-difference-feature:not(:last-child)::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: var(--dcs-solution-border);
}


.dcs-solution-difference-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    margin-bottom: 23px;
    border: 1px solid rgba(185, 28, 28, 0.14);
    border-radius: 8px;
    color: var(--dcs-solution-white);
    font-size: 20px;
    background:
        linear-gradient(
            145deg,
            #db2020,
            var(--dcs-solution-red)
        );
    box-shadow:
        0 12px 25px rgba(185, 28, 28, 0.18);
    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.4s ease,
        background 0.4s ease;
}


.dcs-solution-difference-feature:hover
.dcs-solution-difference-icon {
    transform: translateY(-7px) rotate(-4deg);
    background:
        linear-gradient(
            145deg,
            var(--dcs-solution-red),
            var(--dcs-solution-red-dark)
        );
    box-shadow:
        0 18px 32px rgba(185, 28, 28, 0.28);
}


.dcs-solution-difference-feature h3 {
    position: relative;
    margin: 0 0 16px;
    color: var(--dcs-solution-dark);
    font-size: 17px;
    font-weight: 750;
    line-height: 1.3;
}


.dcs-solution-difference-feature h3::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -8px;
    width: 18px;
    height: 2px;
    border-radius: 30px;
    background: var(--dcs-solution-red);
    transition: width 0.35s ease;
}


.dcs-solution-difference-feature:hover h3::after {
    width: 36px;
}


.dcs-solution-difference-feature p {
    max-width: 155px;
    margin: 0;
    color: var(--dcs-solution-text);
    font-size: 14px;
    line-height: 1.75;
}


/* =====================================================
   JAVASCRIPT SCROLL ANIMATION STATES
===================================================== */

.dcs-solution-difference-heading,
.dcs-solution-difference-image-wrap,
.dcs-solution-difference-description,
.dcs-solution-difference-feature {
    opacity: 0;
    will-change: transform, opacity;
}


.dcs-solution-difference-heading {
    transform: translateX(-45px);
}


.dcs-solution-difference-image-wrap {
    transform: translateY(45px);
}


.dcs-solution-difference-description {
    transform: translateY(-30px);
}


.dcs-solution-difference-feature {
    transform: translateY(35px);
}


.dcs-solution-difference-section.dcs-solution-difference-visible
.dcs-solution-difference-heading {
    opacity: 1;
    transform: translateX(0);
    transition:
        opacity 0.8s ease,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}


.dcs-solution-difference-section.dcs-solution-difference-visible
.dcs-solution-difference-image-wrap {
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity 0.85s ease 0.18s,
        transform 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.18s;
}


.dcs-solution-difference-section.dcs-solution-difference-visible
.dcs-solution-difference-description {
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity 0.8s ease 0.13s,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.13s;
}


.dcs-solution-difference-section.dcs-solution-difference-visible
.dcs-solution-difference-feature {
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity 0.7s ease,
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}


.dcs-solution-difference-section.dcs-solution-difference-visible
.dcs-solution-difference-feature:nth-child(1) {
    transition-delay: 0.25s;
}


.dcs-solution-difference-section.dcs-solution-difference-visible
.dcs-solution-difference-feature:nth-child(2) {
    transition-delay: 0.34s;
}


.dcs-solution-difference-section.dcs-solution-difference-visible
.dcs-solution-difference-feature:nth-child(3) {
    transition-delay: 0.43s;
}


.dcs-solution-difference-section.dcs-solution-difference-visible
.dcs-solution-difference-feature:nth-child(4) {
    transition-delay: 0.52s;
}


/* =====================================================
   LARGE DESKTOP AND 4K
===================================================== */

@media only screen and (min-width: 1600px) {

    .dcs-solution-difference-section {
        padding-top: 105px;
        padding-bottom: 105px;
    }

    .dcs-solution-difference-container {
        width: min(100%, 1520px);
    }

    .dcs-solution-difference-grid {
        grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.4fr);
        gap: 95px;
    }

    .dcs-solution-difference-title {
        max-width: 580px;
        font-size: 58px;
    }

    .dcs-solution-difference-description p {
        font-size: 17px;
    }

    .dcs-solution-difference-image-wrap {
        min-height: 365px;
    }

    .dcs-solution-difference-image {
        left: 105px;
        width: 390px;
        max-height: 345px;
    }

    .dcs-solution-difference-feature {
        padding-right: 30px;
        padding-left: 30px;
    }

    .dcs-solution-difference-feature h3 {
        font-size: 18px;
    }

    .dcs-solution-difference-feature p {
        max-width: 180px;
        font-size: 15px;
    }
}


/* =====================================================
   STANDARD LAPTOP
===================================================== */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .dcs-solution-difference-section {
        padding: 75px 35px;
    }

    .dcs-solution-difference-grid {
        gap: 48px;
    }

    .dcs-solution-difference-title {
        font-size: 43px;
    }

    .dcs-solution-difference-image-wrap {
        min-height: 310px;
    }

    .dcs-solution-difference-image {
        left: 62px;
        width: 310px;
        max-height: 290px;
    }

    .dcs-solution-difference-description {
        margin-bottom: 38px;
    }

    .dcs-solution-difference-description p {
        font-size: 15px;
        line-height: 1.8;
    }

    .dcs-solution-difference-feature {
        padding-right: 17px;
        padding-left: 17px;
    }

    .dcs-solution-difference-feature h3 {
        font-size: 15px;
    }

    .dcs-solution-difference-feature p {
        font-size: 13px;
    }
}


/* =====================================================
   SMALL LAPTOP
===================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .dcs-solution-difference-section {
        padding: 70px 30px;
    }

    .dcs-solution-difference-grid {
        grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
        gap: 42px;
    }

    .dcs-solution-difference-title {
        font-size: 38px;
    }

    .dcs-solution-difference-image-wrap {
        min-height: 285px;
    }

    .dcs-solution-difference-map {
        top: 35px;
        left: -20px;
        width: 120%;
    }

    .dcs-solution-difference-image {
        left: 45px;
        width: 285px;
        max-height: 260px;
    }

    .dcs-solution-difference-image-line {
        left: 30px;
        width: 280px;
    }

    .dcs-solution-difference-description {
        margin-bottom: 33px;
    }

    .dcs-solution-difference-description p {
        font-size: 14px;
        line-height: 1.75;
    }

    .dcs-solution-difference-feature {
        padding-right: 13px;
        padding-left: 13px;
    }

    .dcs-solution-difference-icon {
        width: 47px;
        height: 47px;
        margin-bottom: 19px;
        font-size: 18px;
    }

    .dcs-solution-difference-feature h3 {
        font-size: 14px;
    }

    .dcs-solution-difference-feature p {
        font-size: 12px;
        line-height: 1.65;
    }
}


/* =====================================================
   TABLET
===================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .dcs-solution-difference-section {
        padding: 70px 32px;
    }

    .dcs-solution-difference-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .dcs-solution-difference-left {
        display: grid;
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        gap: 25px;
        align-items: center;
    }

    .dcs-solution-difference-heading {
        align-self: start;
        padding-top: 15px;
    }

    .dcs-solution-difference-title {
        font-size: 39px;
    }

    .dcs-solution-difference-image-wrap {
        min-height: 300px;
        margin-top: 0;
    }

    .dcs-solution-difference-map {
        top: 35px;
        left: -65px;
        width: 135%;
    }

    .dcs-solution-difference-image {
        right: 10px;
        left: auto;
        width: 320px;
        max-width: 100%;
        max-height: 285px;
    }

    .dcs-solution-difference-image-line {
        right: 5px;
        left: auto;
        width: 290px;
    }

    .dcs-solution-difference-red-glow {
        right: 28px;
        left: auto;
    }

    .dcs-solution-difference-description {
        max-width: none;
        margin-bottom: 40px;
    }

    .dcs-solution-difference-description p {
        font-size: 15px;
        line-height: 1.8;
    }

    .dcs-solution-difference-features {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 35px;
    }

    .dcs-solution-difference-feature {
        padding: 0 30px;
    }

    .dcs-solution-difference-feature:nth-child(1),
    .dcs-solution-difference-feature:nth-child(3) {
        padding-left: 0;
    }

    .dcs-solution-difference-feature:nth-child(2),
    .dcs-solution-difference-feature:nth-child(4) {
        padding-right: 0;
    }

    .dcs-solution-difference-feature:nth-child(2)::after {
        display: none;
    }

    .dcs-solution-difference-feature:nth-child(1)::before,
    .dcs-solution-difference-feature:nth-child(2)::before {
        position: absolute;
        content: "";
        right: 0;
        bottom: -18px;
        left: 0;
        height: 1px;
        background: var(--dcs-solution-border);
    }

    .dcs-solution-difference-feature:nth-child(4)::after {
        display: none;
    }

    .dcs-solution-difference-feature p {
        max-width: 260px;
    }
}


/* =====================================================
   LARGE MOBILE
===================================================== */

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .dcs-solution-difference-section {
        padding: 62px 24px;
    }

    .dcs-solution-difference-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .dcs-solution-difference-title {
        max-width: 460px;
        font-size: 38px;
    }

    .dcs-solution-difference-image-wrap {
        min-height: 305px;
        margin-top: 12px;
    }

    .dcs-solution-difference-map {
        top: 38px;
        left: 0;
        width: 100%;
    }

    .dcs-solution-difference-image {
        left: 50%;
        width: 330px;
        max-width: 80%;
        max-height: 285px;
        transform: translateX(-50%);
    }

    .dcs-solution-difference-image-wrap:hover
    .dcs-solution-difference-image {
        transform: translateX(-50%);
    }

    .dcs-solution-difference-red-glow {
        left: 50%;
        transform: translateX(-50%);
    }

    .dcs-solution-difference-image-line {
        left: 50%;
        width: 310px;
        max-width: 85%;
        transform: translateX(-50%);
    }

    .dcs-solution-difference-description {
        margin-bottom: 36px;
    }

    .dcs-solution-difference-description p {
        font-size: 15px;
        line-height: 1.78;
    }

    .dcs-solution-difference-features {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 25px;
    }

    .dcs-solution-difference-feature {
        min-height: 210px;
        padding: 25px;
        border: 1px solid var(--dcs-solution-border);
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 0 12px 30px rgba(16, 20, 29, 0.045);
    }

    .dcs-solution-difference-feature:first-child,
    .dcs-solution-difference-feature:last-child {
        padding: 25px;
    }

    .dcs-solution-difference-feature::after {
        display: none;
    }

    .dcs-solution-difference-feature p {
        max-width: none;
    }
}


/* =====================================================
   MOBILE
===================================================== */

@media only screen and (max-width: 575px) {

    .dcs-solution-difference-section {
        padding: 55px 18px;
    }

    .dcs-solution-difference-grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .dcs-solution-difference-label-wrap {
        gap: 14px;
    }

    .dcs-solution-difference-label {
        font-size: 12px;
    }

    .dcs-solution-difference-label-line {
        width: 42px;
    }

    .dcs-solution-difference-title {
        max-width: 100%;
        font-size: clamp(30px, 9vw, 38px);
        line-height: 1.16;
        letter-spacing: -0.8px;
    }

    .dcs-solution-difference-image-wrap {
        min-height: 275px;
        margin-top: 15px;
    }

    .dcs-solution-difference-map {
        top: 52px;
        left: -22px;
        width: 115%;
    }

    .dcs-solution-difference-image {
        left: 50%;
        width: 290px;
        max-width: 82%;
        max-height: 260px;
        transform: translateX(-50%);
    }

    .dcs-solution-difference-image-wrap:hover
    .dcs-solution-difference-image {
        transform: translateX(-50%);
    }

    .dcs-solution-difference-red-glow {
        left: 50%;
        bottom: 4px;
        width: 230px;
        transform: translateX(-50%);
    }

    .dcs-solution-difference-image-line {
        left: 50%;
        width: 260px;
        max-width: 88%;
        transform: translateX(-50%);
    }

    .dcs-solution-difference-description {
        margin-bottom: 30px;
    }

    .dcs-solution-difference-description p {
        font-size: 14px;
        line-height: 1.75;
    }

    .dcs-solution-difference-description p + p {
        margin-top: 6px;
    }

    .dcs-solution-difference-features {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .dcs-solution-difference-feature,
    .dcs-solution-difference-feature:first-child,
    .dcs-solution-difference-feature:last-child {
        display: grid;
        grid-template-columns: 52px minmax(0, 1fr);
        column-gap: 17px;
        align-items: start;
        min-height: 0;
        padding: 20px;
        border: 1px solid var(--dcs-solution-border);
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 0 10px 25px rgba(16, 20, 29, 0.045);
    }

    .dcs-solution-difference-feature::after {
        display: none;
    }

    .dcs-solution-difference-icon {
        grid-row: 1 / span 2;
        width: 50px;
        height: 50px;
        margin-bottom: 0;
        font-size: 18px;
    }

    .dcs-solution-difference-feature h3 {
        margin-top: 1px;
        margin-bottom: 15px;
        font-size: 16px;
    }

    .dcs-solution-difference-feature p {
        max-width: none;
        font-size: 13px;
        line-height: 1.65;
    }

    .dcs-solution-difference-feature:hover
    .dcs-solution-difference-icon {
        transform: none;
    }
}


/* =====================================================
   EXTRA SMALL MOBILE
===================================================== */

@media only screen and (max-width: 374px) {

    .dcs-solution-difference-section {
        padding-right: 14px;
        padding-left: 14px;
    }

    .dcs-solution-difference-title {
        font-size: 29px;
    }

    .dcs-solution-difference-image-wrap {
        min-height: 245px;
    }

    .dcs-solution-difference-image {
        width: 250px;
        max-height: 225px;
    }

    .dcs-solution-difference-feature,
    .dcs-solution-difference-feature:first-child,
    .dcs-solution-difference-feature:last-child {
        grid-template-columns: 46px minmax(0, 1fr);
        column-gap: 14px;
        padding: 17px;
    }

    .dcs-solution-difference-icon {
        width: 45px;
        height: 45px;
        font-size: 16px;
    }
}


/* =====================================================
   REDUCED MOTION ACCESSIBILITY
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .dcs-solution-difference-heading,
    .dcs-solution-difference-image-wrap,
    .dcs-solution-difference-description,
    .dcs-solution-difference-feature {
        opacity: 1;
        transform: none;
        transition: none !important;
    }

    .dcs-solution-difference-image,
    .dcs-solution-difference-icon,
    .dcs-solution-difference-feature h3::after {
        transition: none !important;
    }
}


/* =====================================================
   DCS ALL-IN-ONE SOLUTIONS SECTION
===================================================== */

.dcs-solutions-grid-section {
    --dcs-solutions-red: #b91c1c;
    --dcs-solutions-red-dark: #8f1212;
    --dcs-solutions-dark: #111827;
    --dcs-solutions-text: #5f6470;
    --dcs-solutions-border: #e5e7eb;
    --dcs-solutions-light: #f7f8fa;
    --dcs-solutions-white: #ffffff;

    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 95px 24px;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(185, 28, 28, 0.035),
            transparent 35%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8f9fb 100%
        );
}

.dcs-solutions-grid-section::before {
    position: absolute;
    content: "";
    top: -180px;
    left: -180px;
    width: 380px;
    height: 380px;
    border: 1px solid rgba(185, 28, 28, 0.05);
    border-radius: 50%;
    pointer-events: none;
}

.dcs-solutions-grid-section::after {
    position: absolute;
    content: "";
    right: -180px;
    bottom: -180px;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(185, 28, 28, 0.06);
    border-radius: 50%;
    pointer-events: none;
}

.dcs-solutions-grid-container {
    position: relative;
    z-index: 2;
    width: min(100%, 1320px);
    margin: 0 auto;
}


/* =====================================================
   SECTION HEADING
===================================================== */

.dcs-solutions-grid-heading {
    max-width: 820px;
    margin: 0 auto 50px;
    text-align: center;
}

.dcs-solutions-grid-subtitle-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 13px;
}

.dcs-solutions-grid-subtitle {
    color: var(--dcs-solutions-red);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.dcs-solutions-grid-heading-line {
    display: inline-block;
    width: 50px;
    height: 2px;
    border-radius: 50px;
    background: var(--dcs-solutions-red);
    transform-origin: left center;
}

.dcs-solutions-grid-title {
    margin: 0;
    color: var(--dcs-solutions-dark);
    font-size: clamp(34px, 4vw, 54px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -1.7px;
}

.dcs-solutions-grid-title span {
    display: block;
}

.dcs-solutions-grid-description {
    max-width: 750px;
    margin: 19px auto 0;
    color: var(--dcs-solutions-text);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
}


/* =====================================================
   GRID
===================================================== */

.dcs-solutions-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 25px;
}


/* =====================================================
   CARD
===================================================== */

.dcs-solutions-grid-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--dcs-solutions-border);
    border-radius: 10px;
    background: var(--dcs-solutions-white);
    box-shadow: 0 12px 36px rgba(17, 24, 39, 0.055);
    transition:
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.45s ease,
        border-color 0.45s ease;
}

.dcs-solutions-grid-card:hover {
    z-index: 3;
    transform: translateY(-10px);
    border-color: rgba(185, 28, 28, 0.28);
    box-shadow:
        0 24px 50px rgba(17, 24, 39, 0.12),
        0 8px 20px rgba(185, 28, 28, 0.07);
}


/* =====================================================
   CARD IMAGE
===================================================== */

.dcs-solutions-grid-image {
    position: relative;
    height: 190px;
    overflow: hidden;
    background: #111111;
}

.dcs-solutions-grid-image::before {
    position: absolute;
    z-index: 2;
    content: "";
    inset: 0;
    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(0, 0, 0, 0.45) 100%
        );
    pointer-events: none;
}

.dcs-solutions-grid-image::after {
    position: absolute;
    z-index: 2;
    content: "";
    inset: 0;
    background: rgba(185, 28, 28, 0);
    transition: background-color 0.45s ease;
    pointer-events: none;
}

.dcs-solutions-grid-card:hover
.dcs-solutions-grid-image::after {
    background: rgba(185, 28, 28, 0.12);
}

.dcs-solutions-grid-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.7s ease;
}

.dcs-solutions-grid-card:hover
.dcs-solutions-grid-image img {
    transform: scale(1.08);
    filter: contrast(1.04);
}

.dcs-solutions-grid-number {
    position: absolute;
    z-index: 4;
    top: 15px;
    right: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 30px;
    padding: 0 9px;
    border: 1px solid rgba(255, 255, 255, 0.32);
    border-radius: 50px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.8px;
    background: rgba(16, 18, 23, 0.56);
    backdrop-filter: blur(7px);
    transition:
        background-color 0.4s ease,
        border-color 0.4s ease,
        transform 0.4s ease;
}

.dcs-solutions-grid-card:hover
.dcs-solutions-grid-number {
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, 0.5);
    background: var(--dcs-solutions-red);
}


/* =====================================================
   CARD CONTENT
===================================================== */

.dcs-solutions-grid-content {
    position: relative;
    min-height: 215px;
    padding: 24px 23px 22px;
}

.dcs-solutions-grid-content h3 {
    margin: 0;
    color: var(--dcs-solutions-dark);
    font-size: 18px;
    font-weight: 750;
    line-height: 1.35;
    transition: color 0.35s ease;
}

.dcs-solutions-grid-card:hover
.dcs-solutions-grid-content h3 {
    color: var(--dcs-solutions-red);
}

.dcs-solutions-grid-card-line {
    display: block;
    width: 27px;
    height: 2px;
    margin: 12px 0 14px;
    border-radius: 30px;
    background: var(--dcs-solutions-red);
    transition: width 0.4s ease;
}

.dcs-solutions-grid-card:hover
.dcs-solutions-grid-card-line {
    width: 52px;
}

.dcs-solutions-grid-content p {
    margin: 0 0 19px;
    color: var(--dcs-solutions-text);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
}

.dcs-solutions-grid-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--dcs-solutions-red);
    font-size: 13px;
    font-weight: 750;
    line-height: 1.3;
    text-decoration: none;
    opacity: 0;
    transform: translateY(10px);
    transition:
        opacity 0.35s ease,
        transform 0.35s ease,
        color 0.35s ease;
}

.dcs-solutions-grid-link i {
    font-size: 12px;
    transition: transform 0.35s ease;
}

.dcs-solutions-grid-card:hover
.dcs-solutions-grid-link,
.dcs-solutions-grid-link:focus-visible {
    opacity: 1;
    transform: translateY(0);
}

.dcs-solutions-grid-link:hover {
    color: var(--dcs-solutions-red-dark);
}

.dcs-solutions-grid-link:hover i {
    transform: translateX(5px);
}


/* =====================================================
   SCROLL ANIMATION
===================================================== */

.dcs-solutions-grid-heading,
.dcs-solutions-grid-card {
    opacity: 0;
    will-change: opacity, transform;
}

.dcs-solutions-grid-heading {
    transform: translateY(35px);
}

.dcs-solutions-grid-card {
    transform: translateY(45px) scale(0.98);
}

.dcs-solutions-grid-section.dcs-solutions-grid-visible
.dcs-solutions-grid-heading {
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity 0.8s ease,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.dcs-solutions-grid-section.dcs-solutions-grid-visible
.dcs-solutions-grid-card {
    opacity: 1;
    transform: translateY(0) scale(1);
    transition:
        opacity 0.7s ease,
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.45s ease,
        border-color 0.45s ease;
}

.dcs-solutions-grid-section.dcs-solutions-grid-visible
.dcs-solutions-grid-card:nth-child(1) {
    transition-delay: 0.12s;
}

.dcs-solutions-grid-section.dcs-solutions-grid-visible
.dcs-solutions-grid-card:nth-child(2) {
    transition-delay: 0.19s;
}

.dcs-solutions-grid-section.dcs-solutions-grid-visible
.dcs-solutions-grid-card:nth-child(3) {
    transition-delay: 0.26s;
}

.dcs-solutions-grid-section.dcs-solutions-grid-visible
.dcs-solutions-grid-card:nth-child(4) {
    transition-delay: 0.33s;
}

.dcs-solutions-grid-section.dcs-solutions-grid-visible
.dcs-solutions-grid-card:nth-child(5) {
    transition-delay: 0.40s;
}

.dcs-solutions-grid-section.dcs-solutions-grid-visible
.dcs-solutions-grid-card:nth-child(6) {
    transition-delay: 0.47s;
}

.dcs-solutions-grid-section.dcs-solutions-grid-visible
.dcs-solutions-grid-card:nth-child(7) {
    transition-delay: 0.54s;
}

.dcs-solutions-grid-section.dcs-solutions-grid-visible
.dcs-solutions-grid-card:nth-child(8) {
    transition-delay: 0.61s;
}


/* =====================================================
   LARGE DESKTOP / 4K
===================================================== */

@media only screen and (min-width: 1600px) {

    .dcs-solutions-grid-section {
        padding-top: 115px;
        padding-bottom: 115px;
    }

    .dcs-solutions-grid-container {
        width: min(100%, 1480px);
    }

    .dcs-solutions-grid-heading {
        max-width: 930px;
        margin-bottom: 62px;
    }

    .dcs-solutions-grid-title {
        font-size: 59px;
    }

    .dcs-solutions-grid-description {
        max-width: 820px;
        font-size: 16px;
    }

    .dcs-solutions-grid-wrapper {
        gap: 30px;
    }

    .dcs-solutions-grid-image {
        height: 215px;
    }

    .dcs-solutions-grid-content {
        min-height: 228px;
        padding: 28px;
    }

    .dcs-solutions-grid-content h3 {
        font-size: 19px;
    }

    .dcs-solutions-grid-content p {
        font-size: 15px;
    }
}


/* =====================================================
   STANDARD LAPTOP
===================================================== */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .dcs-solutions-grid-section {
        padding: 85px 35px;
    }

    .dcs-solutions-grid-wrapper {
        gap: 21px;
    }

    .dcs-solutions-grid-image {
        height: 175px;
    }

    .dcs-solutions-grid-content {
        min-height: 218px;
        padding: 22px 20px;
    }

    .dcs-solutions-grid-content h3 {
        font-size: 17px;
    }

    .dcs-solutions-grid-content p {
        font-size: 13px;
    }
}


/* =====================================================
   SMALL LAPTOP
===================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .dcs-solutions-grid-section {
        padding: 78px 30px;
    }

    .dcs-solutions-grid-title {
        font-size: 45px;
    }

    .dcs-solutions-grid-wrapper {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 23px;
    }

    .dcs-solutions-grid-image {
        height: 190px;
    }

    .dcs-solutions-grid-content {
        min-height: 210px;
    }

    .dcs-solutions-grid-wrapper
    .dcs-solutions-grid-card:nth-child(7) {
        grid-column: 1 / 2;
    }

    .dcs-solutions-grid-wrapper
    .dcs-solutions-grid-card:nth-child(8) {
        grid-column: 2 / 3;
    }
}


/* =====================================================
   TABLET
===================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .dcs-solutions-grid-section {
        padding: 72px 30px;
    }

    .dcs-solutions-grid-heading {
        max-width: 700px;
        margin-bottom: 43px;
    }

    .dcs-solutions-grid-title {
        font-size: 40px;
    }

    .dcs-solutions-grid-description {
        font-size: 14px;
    }

    .dcs-solutions-grid-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }

    .dcs-solutions-grid-image {
        height: 205px;
    }

    .dcs-solutions-grid-content {
        min-height: 205px;
        padding: 24px;
    }

    .dcs-solutions-grid-link {
        opacity: 1;
        transform: none;
    }
}


/* =====================================================
   LARGE MOBILE
===================================================== */

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .dcs-solutions-grid-section {
        padding: 65px 23px;
    }

    .dcs-solutions-grid-heading {
        margin-bottom: 38px;
    }

    .dcs-solutions-grid-subtitle {
        font-size: 12px;
    }

    .dcs-solutions-grid-title {
        font-size: 36px;
        letter-spacing: -1px;
    }

    .dcs-solutions-grid-description {
        font-size: 14px;
        line-height: 1.7;
    }

    .dcs-solutions-grid-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .dcs-solutions-grid-image {
        height: 165px;
    }

    .dcs-solutions-grid-content {
        min-height: 226px;
        padding: 20px 18px;
    }

    .dcs-solutions-grid-content h3 {
        font-size: 16px;
    }

    .dcs-solutions-grid-content p {
        font-size: 13px;
    }

    .dcs-solutions-grid-link {
        opacity: 1;
        transform: none;
        font-size: 12px;
    }
}


/* =====================================================
   MOBILE
===================================================== */

@media only screen and (max-width: 575px) {

    .dcs-solutions-grid-section {
        padding: 58px 17px;
    }

    .dcs-solutions-grid-heading {
        margin-bottom: 34px;
    }

    .dcs-solutions-grid-subtitle-wrap {
        gap: 12px;
    }

    .dcs-solutions-grid-subtitle {
        font-size: 11px;
        letter-spacing: 0.45px;
    }

    .dcs-solutions-grid-heading-line {
        width: 38px;
    }

    .dcs-solutions-grid-title {
        font-size: clamp(30px, 9vw, 37px);
        line-height: 1.13;
        letter-spacing: -0.8px;
    }

    .dcs-solutions-grid-description {
        margin-top: 16px;
        font-size: 13px;
        line-height: 1.72;
    }

    .dcs-solutions-grid-wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .dcs-solutions-grid-card {
        display: grid;
        grid-template-columns: 42% 58%;
        min-height: 220px;
        border-radius: 11px;
    }

    .dcs-solutions-grid-image {
        height: 100%;
        min-height: 220px;
    }

    .dcs-solutions-grid-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 220px;
        padding: 20px 18px;
    }

    .dcs-solutions-grid-content h3 {
        font-size: 16px;
    }

    .dcs-solutions-grid-card-line {
        margin-top: 10px;
        margin-bottom: 11px;
    }

    .dcs-solutions-grid-content p {
        margin-bottom: 14px;
        font-size: 12px;
        line-height: 1.65;
    }

    .dcs-solutions-grid-link {
        opacity: 1;
        transform: none;
        gap: 7px;
        font-size: 11px;
    }

    .dcs-solutions-grid-number {
        top: 12px;
        right: 12px;
        min-width: 34px;
        height: 27px;
        font-size: 10px;
    }

    .dcs-solutions-grid-card:hover {
        transform: translateY(-4px);
    }
}


/* =====================================================
   EXTRA-SMALL MOBILE
===================================================== */

@media only screen and (max-width: 390px) {

    .dcs-solutions-grid-section {
        padding-right: 14px;
        padding-left: 14px;
    }

    .dcs-solutions-grid-card {
        grid-template-columns: 1fr;
    }

    .dcs-solutions-grid-image {
        height: 185px;
        min-height: 185px;
    }

    .dcs-solutions-grid-content {
        min-height: auto;
        padding: 21px 19px 23px;
    }

    .dcs-solutions-grid-content p {
        font-size: 13px;
    }
}


/* =====================================================
   DISABLE HOVER MOVEMENT ON TOUCH DEVICES
===================================================== */

@media (hover: none) {

    .dcs-solutions-grid-card:hover {
        transform: none;
    }

    .dcs-solutions-grid-card:hover
    .dcs-solutions-grid-image img {
        transform: none;
    }

    .dcs-solutions-grid-card:hover
    .dcs-solutions-grid-number {
        transform: none;
    }
}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .dcs-solutions-grid-heading,
    .dcs-solutions-grid-card {
        opacity: 1;
        transform: none;
        transition: none !important;
    }

    .dcs-solutions-grid-image img,
    .dcs-solutions-grid-number,
    .dcs-solutions-grid-card-line,
    .dcs-solutions-grid-link {
        transition: none !important;
    }
}


/* =====================================================
   SOLUTION INNER PAGE
===================================================== */

/* =====================================================
   DCS RACKS AND CONTAINMENT SECTION
===================================================== */

.dcs-containment-section {
    --dcs-containment-red: #b91c1c;
    --dcs-containment-red-dark: #8e1515;
    --dcs-containment-dark: #121722;
    --dcs-containment-text: #626873;
    --dcs-containment-border: #e7e8ec;
    --dcs-containment-card-bg: #ffffff;
    --dcs-containment-light: #f8f9fb;

    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 90px 24px;
    background:
        radial-gradient(
            circle at 8% 20%,
            rgba(185, 28, 28, 0.035),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fafbfc 100%
        );
}

.dcs-containment-section::before,
.dcs-containment-section::after {
    position: absolute;
    content: "";
    width: 120px;
    height: 160px;
    opacity: 0.45;
    pointer-events: none;
    background-image:
        radial-gradient(
            circle,
            rgba(185, 28, 28, 0.25) 1.5px,
            transparent 1.5px
        );
    background-size: 14px 14px;
}

.dcs-containment-section::before {
    top: 40px;
    left: -20px;
}

.dcs-containment-section::after {
    right: -20px;
    bottom: 40px;
}

.dcs-containment-container {
    position: relative;
    z-index: 2;
    width: min(100%, 1320px);
    margin: 0 auto;
}


/* =====================================================
   INTRODUCTION
===================================================== */

.dcs-containment-intro {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 75px;
    align-items: start;
    margin-bottom: 58px;
}

.dcs-containment-eyebrow {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.dcs-containment-eyebrow span:first-child {
    color: var(--dcs-containment-red);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 0.45px;
    text-transform: uppercase;
}

.dcs-containment-eyebrow-line {
    display: inline-block;
    width: 50px;
    height: 2px;
    border-radius: 30px;
    background: var(--dcs-containment-red);
    transform-origin: left center;
}

.dcs-containment-intro-heading h2 {
    max-width: 600px;
    margin: 0;
    color: var(--dcs-containment-dark);
    font-size: clamp(35px, 3.5vw, 52px);
    font-weight: 800;
    line-height: 1.13;
    letter-spacing: -1.4px;
}

.dcs-containment-intro-heading h2 span {
    color: var(--dcs-containment-red);
}

.dcs-containment-intro-description {
    padding-top: 28px;
}

.dcs-containment-intro-description p {
    margin: 0;
    color: var(--dcs-containment-text);
    font-size: 15px;
    line-height: 1.85;
}

.dcs-containment-intro-description p + p {
    margin-top: 22px;
}


/* =====================================================
   CONTAINMENT CARDS
===================================================== */

.dcs-containment-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 58px;
    align-items: center;
    min-height: 420px;
    padding: 48px;
    overflow: hidden;
    border: 1px solid var(--dcs-containment-border);
    border-radius: 18px;
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fbfbfc 100%
        );
    box-shadow: 0 18px 50px rgba(17, 24, 39, 0.055);
    transition:
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.45s ease,
        box-shadow 0.45s ease;
}

.dcs-containment-card + .dcs-containment-card {
    margin-top: 28px;
}

.dcs-containment-card:hover {
    transform: translateY(-6px);
    border-color: rgba(185, 28, 28, 0.22);
    box-shadow:
        0 28px 65px rgba(17, 24, 39, 0.10),
        0 10px 28px rgba(185, 28, 28, 0.05);
}

.dcs-containment-card::before {
    position: absolute;
    content: "";
    width: 270px;
    height: 270px;
    border: 1px solid rgba(185, 28, 28, 0.06);
    border-radius: 50%;
    pointer-events: none;
}

.dcs-containment-card-cold::before {
    top: -145px;
    left: -110px;
}

.dcs-containment-card-hot::before {
    right: -110px;
    bottom: -145px;
}


/* =====================================================
   IMAGE AREA
===================================================== */

.dcs-containment-image-column {
    min-width: 0;
}

.dcs-containment-image-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 315px;
    isolation: isolate;
}

.dcs-containment-image-glow {
    position: absolute;
    z-index: 0;
    bottom: 26px;
    left: 50%;
    width: 76%;
    height: 60px;
    border-radius: 50%;
    background: rgba(185, 28, 28, 0.13);
    filter: blur(25px);
    transform: translateX(-50%);
}

.dcs-containment-image {
    position: relative;
    z-index: 2;
    display: block;
    width: min(100%, 510px);
    max-height: 340px;
    object-fit: contain;
    object-position: center;
    filter:
        drop-shadow(0 22px 22px rgba(17, 24, 39, 0.16))
        drop-shadow(0 8px 12px rgba(185, 28, 28, 0.05));
    transition:
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.55s ease;
}

.dcs-containment-card:hover .dcs-containment-image {
    transform: translateY(-8px) scale(1.018);
    filter:
        drop-shadow(0 28px 28px rgba(17, 24, 39, 0.21))
        drop-shadow(0 12px 18px rgba(185, 28, 28, 0.10));
}


/* =====================================================
   CONTENT AREA
===================================================== */

.dcs-containment-content-column {
    min-width: 0;
}

.dcs-containment-title-row {
    display: flex;
    gap: 22px;
    align-items: flex-start;
    margin-bottom: 25px;
}

.dcs-containment-type-icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border: 1.5px solid var(--dcs-containment-red);
    border-radius: 10px;
    color: var(--dcs-containment-red);
    font-size: 27px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(185, 28, 28, 0.08);
    transition:
        color 0.4s ease,
        background-color 0.4s ease,
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.4s ease;
}

.dcs-containment-card:hover .dcs-containment-type-icon {
    color: #ffffff;
    background: var(--dcs-containment-red);
    transform: translateY(-5px) rotate(-3deg);
    box-shadow: 0 16px 30px rgba(185, 28, 28, 0.22);
}

.dcs-containment-title-row h3 {
    max-width: 400px;
    margin: 2px 0 13px;
    color: var(--dcs-containment-dark);
    font-size: clamp(25px, 2vw, 34px);
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -0.55px;
    text-transform: uppercase;
}

.dcs-containment-title-line {
    display: block;
    width: 44px;
    height: 2px;
    border-radius: 20px;
    background: var(--dcs-containment-red);
    transition: width 0.4s ease;
}

.dcs-containment-card:hover .dcs-containment-title-line {
    width: 80px;
}

.dcs-containment-content-column > p {
    margin: 0;
    color: var(--dcs-containment-text);
    font-size: 15px;
    line-height: 1.8;
}

.dcs-containment-content-column > p + p {
    margin-top: 13px;
}

.dcs-containment-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
    color: var(--dcs-containment-dark);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
    text-decoration: none;
    transition: color 0.35s ease;
}

.dcs-containment-link i {
    color: var(--dcs-containment-red);
    font-size: 13px;
    transition: transform 0.35s ease;
}

.dcs-containment-link:hover {
    color: var(--dcs-containment-red);
}

.dcs-containment-link:hover i {
    transform: translateX(6px);
}


/* =====================================================
   SCROLL ANIMATION STATES
===================================================== */

.dcs-containment-intro-heading,
.dcs-containment-intro-description,
.dcs-containment-card {
    opacity: 0;
    will-change: transform, opacity;
}

.dcs-containment-intro-heading {
    transform: translateX(-45px);
}

.dcs-containment-intro-description {
    transform: translateX(45px);
}

.dcs-containment-card-cold {
    transform: translateY(55px);
}

.dcs-containment-card-hot {
    transform: translateY(55px);
}

.dcs-containment-section.dcs-containment-visible
.dcs-containment-intro-heading {
    opacity: 1;
    transform: translateX(0);
    transition:
        opacity 0.8s ease,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.dcs-containment-section.dcs-containment-visible
.dcs-containment-intro-description {
    opacity: 1;
    transform: translateX(0);
    transition:
        opacity 0.8s ease 0.12s,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.12s;
}

.dcs-containment-section.dcs-containment-visible
.dcs-containment-card-cold {
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity 0.8s ease 0.23s,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.23s,
        border-color 0.45s ease,
        box-shadow 0.45s ease;
}

.dcs-containment-section.dcs-containment-visible
.dcs-containment-card-hot {
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity 0.8s ease 0.36s,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.36s,
        border-color 0.45s ease,
        box-shadow 0.45s ease;
}


/* =====================================================
   LARGE DESKTOP / 4K
===================================================== */

@media only screen and (min-width: 1600px) {

    .dcs-containment-section {
        padding-top: 115px;
        padding-bottom: 115px;
    }

    .dcs-containment-container {
        width: min(100%, 1480px);
    }

    .dcs-containment-intro {
        gap: 105px;
        margin-bottom: 70px;
    }

    .dcs-containment-intro-heading h2 {
        max-width: 680px;
        font-size: 58px;
    }

    .dcs-containment-intro-description p,
    .dcs-containment-content-column > p {
        font-size: 16px;
    }

    .dcs-containment-card {
        min-height: 465px;
        gap: 75px;
        padding: 58px 65px;
    }

    .dcs-containment-image-wrap {
        min-height: 350px;
    }

    .dcs-containment-image {
        width: min(100%, 575px);
        max-height: 385px;
    }

    .dcs-containment-title-row h3 {
        font-size: 36px;
    }
}


/* =====================================================
   STANDARD LAPTOP
===================================================== */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .dcs-containment-section {
        padding: 82px 35px;
    }

    .dcs-containment-intro {
        gap: 60px;
    }

    .dcs-containment-intro-heading h2 {
        font-size: 45px;
    }

    .dcs-containment-card {
        gap: 42px;
        min-height: 400px;
        padding: 42px;
    }

    .dcs-containment-image-wrap {
        min-height: 285px;
    }

    .dcs-containment-image {
        max-height: 310px;
    }

    .dcs-containment-title-row h3 {
        font-size: 29px;
    }

    .dcs-containment-content-column > p {
        font-size: 14px;
    }
}


/* =====================================================
   SMALL LAPTOP
===================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .dcs-containment-section {
        padding: 75px 30px;
    }

    .dcs-containment-intro {
        gap: 45px;
        margin-bottom: 48px;
    }

    .dcs-containment-intro-heading h2 {
        font-size: 39px;
    }

    .dcs-containment-intro-description {
        padding-top: 20px;
    }

    .dcs-containment-intro-description p {
        font-size: 14px;
        line-height: 1.75;
    }

    .dcs-containment-card {
        gap: 34px;
        min-height: 365px;
        padding: 36px;
    }

    .dcs-containment-image-wrap {
        min-height: 270px;
    }

    .dcs-containment-image {
        max-height: 285px;
    }

    .dcs-containment-type-icon {
        width: 57px;
        height: 57px;
        font-size: 23px;
    }

    .dcs-containment-title-row {
        gap: 18px;
    }

    .dcs-containment-title-row h3 {
        font-size: 25px;
    }

    .dcs-containment-content-column > p {
        font-size: 13px;
        line-height: 1.72;
    }
}


/* =====================================================
   TABLET
===================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .dcs-containment-section {
        padding: 70px 30px;
    }

    .dcs-containment-intro {
        grid-template-columns: 1fr;
        gap: 25px;
        margin-bottom: 45px;
    }

    .dcs-containment-intro-heading h2 {
        max-width: 700px;
        font-size: 41px;
    }

    .dcs-containment-intro-description {
        max-width: 720px;
        padding-top: 0;
    }

    .dcs-containment-card {
        grid-template-columns: 1fr;
        gap: 20px;
        min-height: auto;
        padding: 40px;
    }

    .dcs-containment-card-hot
    .dcs-containment-content-column {
        order: 2;
    }

    .dcs-containment-card-hot
    .dcs-containment-image-column {
        order: 1;
    }

    .dcs-containment-image-wrap {
        min-height: 300px;
    }

    .dcs-containment-image {
        width: min(100%, 540px);
        max-height: 330px;
    }

    .dcs-containment-content-column {
        max-width: 700px;
    }

    .dcs-containment-content-column > p {
        font-size: 15px;
    }
}


/* =====================================================
   LARGE MOBILE
===================================================== */

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .dcs-containment-section {
        padding: 62px 22px;
    }

    .dcs-containment-intro {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-bottom: 38px;
    }

    .dcs-containment-intro-heading h2 {
        font-size: 36px;
    }

    .dcs-containment-intro-description {
        padding-top: 0;
    }

    .dcs-containment-card {
        grid-template-columns: 1fr;
        gap: 15px;
        min-height: auto;
        padding: 30px;
        border-radius: 15px;
    }

    .dcs-containment-card-hot
    .dcs-containment-content-column {
        order: 2;
    }

    .dcs-containment-card-hot
    .dcs-containment-image-column {
        order: 1;
    }

    .dcs-containment-image-wrap {
        min-height: 270px;
    }

    .dcs-containment-image {
        width: min(100%, 465px);
        max-height: 285px;
    }

    .dcs-containment-title-row h3 {
        font-size: 27px;
    }

    .dcs-containment-content-column > p {
        font-size: 14px;
    }
}


/* =====================================================
   MOBILE
===================================================== */

@media only screen and (max-width: 575px) {

    .dcs-containment-section {
        padding: 55px 17px;
    }

    .dcs-containment-section::before,
    .dcs-containment-section::after {
        opacity: 0.25;
    }

    .dcs-containment-intro {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 34px;
    }

    .dcs-containment-eyebrow {
        gap: 12px;
        margin-bottom: 13px;
    }

    .dcs-containment-eyebrow span:first-child {
        font-size: 11px;
    }

    .dcs-containment-eyebrow-line {
        width: 38px;
    }

    .dcs-containment-intro-heading h2 {
        font-size: clamp(30px, 9vw, 37px);
        line-height: 1.16;
        letter-spacing: -0.8px;
    }

    .dcs-containment-intro-description {
        padding-top: 0;
    }

    .dcs-containment-intro-description p {
        font-size: 13px;
        line-height: 1.72;
    }

    .dcs-containment-intro-description p + p {
        margin-top: 14px;
    }

    .dcs-containment-card {
        grid-template-columns: 1fr;
        gap: 10px;
        min-height: auto;
        padding: 23px 19px 26px;
        border-radius: 14px;
    }

    .dcs-containment-card + .dcs-containment-card {
        margin-top: 20px;
    }

    .dcs-containment-card-hot
    .dcs-containment-content-column {
        order: 2;
    }

    .dcs-containment-card-hot
    .dcs-containment-image-column {
        order: 1;
    }

    .dcs-containment-image-wrap {
        min-height: 230px;
    }

    .dcs-containment-image {
        width: min(100%, 360px);
        max-height: 245px;
    }

    .dcs-containment-title-row {
        gap: 15px;
        margin-bottom: 20px;
    }

    .dcs-containment-type-icon {
        width: 52px;
        height: 52px;
        border-radius: 8px;
        font-size: 21px;
    }

    .dcs-containment-title-row h3 {
        margin-top: 0;
        font-size: 22px;
        line-height: 1.2;
    }

    .dcs-containment-title-line {
        width: 35px;
    }

    .dcs-containment-content-column > p {
        font-size: 13px;
        line-height: 1.7;
    }

    .dcs-containment-link {
        margin-top: 20px;
        font-size: 13px;
    }

    .dcs-containment-card:hover {
        transform: none;
    }

    .dcs-containment-card:hover
    .dcs-containment-image {
        transform: none;
    }

    .dcs-containment-card:hover
    .dcs-containment-type-icon {
        transform: none;
    }
}


/* =====================================================
   EXTRA SMALL MOBILE
===================================================== */

@media only screen and (max-width: 374px) {

    .dcs-containment-section {
        padding-right: 14px;
        padding-left: 14px;
    }

    .dcs-containment-intro-heading h2 {
        font-size: 29px;
    }

    .dcs-containment-card {
        padding: 20px 16px 23px;
    }

    .dcs-containment-image-wrap {
        min-height: 200px;
    }

    .dcs-containment-image {
        max-height: 215px;
    }

    .dcs-containment-title-row {
        gap: 12px;
    }

    .dcs-containment-type-icon {
        width: 47px;
        height: 47px;
        font-size: 19px;
    }

    .dcs-containment-title-row h3 {
        font-size: 19px;
    }
}


/* =====================================================
   TOUCH DEVICES
===================================================== */

@media (hover: none) {

    .dcs-containment-card:hover {
        transform: none;
    }

    .dcs-containment-card:hover
    .dcs-containment-image {
        transform: none;
    }

    .dcs-containment-card:hover
    .dcs-containment-type-icon {
        transform: none;
    }
}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .dcs-containment-intro-heading,
    .dcs-containment-intro-description,
    .dcs-containment-card {
        opacity: 1;
        transform: none;
        transition: none !important;
    }

    .dcs-containment-image,
    .dcs-containment-type-icon,
    .dcs-containment-title-line,
    .dcs-containment-link i {
        transition: none !important;
    }
}


/* =====================================================
   DCS CONTAINMENT BENEFITS SECTION
===================================================== */

.dcs-containment-benefits-section {
    --dcs-benefits-red: #b91c1c;
    --dcs-benefits-red-light: #e11d1d;
    --dcs-benefits-dark: #08111a;
    --dcs-benefits-dark-secondary: #101a24;
    --dcs-benefits-white: #ffffff;
    --dcs-benefits-text: #cbd0d6;
    --dcs-benefits-divider: rgba(255, 255, 255, 0.18);

    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 70px 24px;
    background: #ffffff;
}


.dcs-containment-benefits-container {
    width: min(100%, 1380px);
    margin: 0 auto;
}


/* =====================================================
   MAIN DARK WRAPPER
===================================================== */

.dcs-containment-benefits-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 22px;
    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(185, 28, 28, 0.09),
            transparent 24%
        ),
        linear-gradient(
            135deg,
            var(--dcs-benefits-dark-secondary) 0%,
            var(--dcs-benefits-dark) 100%
        );
    box-shadow:
        0 28px 65px rgba(8, 17, 26, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}


.dcs-containment-benefits-grid::before {
    position: absolute;
    content: "";
    top: -140px;
    right: -100px;
    width: 330px;
    height: 330px;
    border-radius: 50%;
    background: rgba(185, 28, 28, 0.07);
    filter: blur(60px);
    pointer-events: none;
}


/* =====================================================
   BENEFIT ITEM
===================================================== */

.dcs-containment-benefits-item {
    position: relative;
    z-index: 2;
    min-width: 0;
    padding: 46px 42px;
    transition:
        background-color 0.4s ease,
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}


.dcs-containment-benefits-item:not(:last-child)::after {
    position: absolute;
    content: "";
    top: 42px;
    right: 0;
    width: 1px;
    height: calc(100% - 84px);
    background: var(--dcs-benefits-divider);
}


.dcs-containment-benefits-item:hover {
    background: rgba(185, 28, 28, 0.07);
}


/* =====================================================
   ICON
===================================================== */

.dcs-containment-benefits-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    margin-bottom: 27px;
    border: 2px solid var(--dcs-benefits-red);
    border-radius: 50%;
    color: var(--dcs-benefits-red-light);
    font-size: 28px;
    background:
        radial-gradient(
            circle,
            rgba(185, 28, 28, 0.08),
            transparent 70%
        );
    box-shadow:
        0 0 0 7px rgba(185, 28, 28, 0.025),
        0 14px 30px rgba(0, 0, 0, 0.18);
    transition:
        color 0.4s ease,
        background-color 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.4s ease;
}


.dcs-containment-benefits-item:hover
.dcs-containment-benefits-icon {
    color: #ffffff;
    background: var(--dcs-benefits-red);
    transform: translateY(-7px) rotate(-4deg);
    box-shadow:
        0 0 0 8px rgba(185, 28, 28, 0.11),
        0 18px 34px rgba(185, 28, 28, 0.25);
}


/* =====================================================
   CONTENT
===================================================== */

.dcs-containment-benefits-content h3 {
    margin: 0 0 14px;
    color: var(--dcs-benefits-white);
    font-size: 22px;
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: -0.3px;
}


.dcs-containment-benefits-content p {
    max-width: 230px;
    margin: 0;
    color: var(--dcs-benefits-text);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75;
}


/* =====================================================
   SCROLL ANIMATION
===================================================== */

.dcs-containment-benefits-item {
    opacity: 0;
    transform: translateY(45px);
    will-change: opacity, transform;
}


.dcs-containment-benefits-section.dcs-containment-benefits-visible
.dcs-containment-benefits-item {
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity 0.75s ease,
        transform 0.75s cubic-bezier(0.22, 1, 0.36, 1),
        background-color 0.4s ease;
}


.dcs-containment-benefits-section.dcs-containment-benefits-visible
.dcs-containment-benefits-item:nth-child(1) {
    transition-delay: 0.10s;
}


.dcs-containment-benefits-section.dcs-containment-benefits-visible
.dcs-containment-benefits-item:nth-child(2) {
    transition-delay: 0.20s;
}


.dcs-containment-benefits-section.dcs-containment-benefits-visible
.dcs-containment-benefits-item:nth-child(3) {
    transition-delay: 0.30s;
}


.dcs-containment-benefits-section.dcs-containment-benefits-visible
.dcs-containment-benefits-item:nth-child(4) {
    transition-delay: 0.40s;
}


/* =====================================================
   LARGE DESKTOP / 4K
===================================================== */

@media only screen and (min-width: 1600px) {

    .dcs-containment-benefits-section {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .dcs-containment-benefits-container {
        width: min(100%, 1540px);
    }

    .dcs-containment-benefits-item {
        padding: 55px 50px;
    }

    .dcs-containment-benefits-icon {
        width: 82px;
        height: 82px;
        font-size: 31px;
    }

    .dcs-containment-benefits-content h3 {
        font-size: 24px;
    }

    .dcs-containment-benefits-content p {
        max-width: 270px;
        font-size: 16px;
    }
}


/* =====================================================
   STANDARD LAPTOP
===================================================== */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .dcs-containment-benefits-section {
        padding: 65px 35px;
    }

    .dcs-containment-benefits-item {
        padding: 40px 30px;
    }

    .dcs-containment-benefits-icon {
        width: 68px;
        height: 68px;
        margin-bottom: 24px;
        font-size: 25px;
    }

    .dcs-containment-benefits-content h3 {
        font-size: 19px;
    }

    .dcs-containment-benefits-content p {
        font-size: 14px;
    }
}


/* =====================================================
   SMALL LAPTOP
===================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .dcs-containment-benefits-section {
        padding: 60px 30px;
    }

    .dcs-containment-benefits-item {
        padding: 36px 23px;
    }

    .dcs-containment-benefits-item:not(:last-child)::after {
        top: 35px;
        height: calc(100% - 70px);
    }

    .dcs-containment-benefits-icon {
        width: 62px;
        height: 62px;
        margin-bottom: 21px;
        font-size: 23px;
    }

    .dcs-containment-benefits-content h3 {
        font-size: 17px;
    }

    .dcs-containment-benefits-content p {
        font-size: 13px;
        line-height: 1.65;
    }
}


/* =====================================================
   TABLET
===================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .dcs-containment-benefits-section {
        padding: 60px 30px;
    }

    .dcs-containment-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dcs-containment-benefits-item {
        min-height: 260px;
        padding: 36px;
    }

    .dcs-containment-benefits-item:nth-child(2)::after {
        display: none;
    }

    .dcs-containment-benefits-item:nth-child(1)::before,
    .dcs-containment-benefits-item:nth-child(2)::before {
        position: absolute;
        content: "";
        right: 34px;
        bottom: 0;
        left: 34px;
        height: 1px;
        background: var(--dcs-benefits-divider);
    }

    .dcs-containment-benefits-item:nth-child(3)::after {
        display: block;
    }

    .dcs-containment-benefits-item:nth-child(4)::after {
        display: none;
    }

    .dcs-containment-benefits-content p {
        max-width: 270px;
    }
}


/* =====================================================
   LARGE MOBILE
===================================================== */

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .dcs-containment-benefits-section {
        padding: 55px 22px;
    }

    .dcs-containment-benefits-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-radius: 18px;
    }

    .dcs-containment-benefits-item {
        min-height: 250px;
        padding: 30px 26px;
    }

    .dcs-containment-benefits-item:nth-child(2)::after,
    .dcs-containment-benefits-item:nth-child(4)::after {
        display: none;
    }

    .dcs-containment-benefits-item:nth-child(1)::before,
    .dcs-containment-benefits-item:nth-child(2)::before {
        position: absolute;
        content: "";
        right: 24px;
        bottom: 0;
        left: 24px;
        height: 1px;
        background: var(--dcs-benefits-divider);
    }

    .dcs-containment-benefits-icon {
        width: 62px;
        height: 62px;
        margin-bottom: 20px;
        font-size: 22px;
    }

    .dcs-containment-benefits-content h3 {
        font-size: 17px;
    }

    .dcs-containment-benefits-content p {
        font-size: 13px;
    }
}


/* =====================================================
   MOBILE
===================================================== */

@media only screen and (max-width: 575px) {

    .dcs-containment-benefits-section {
        padding: 50px 17px;
    }

    .dcs-containment-benefits-grid {
        grid-template-columns: 1fr;
        border-radius: 16px;
    }

    .dcs-containment-benefits-item {
        display: grid;
        grid-template-columns: 62px minmax(0, 1fr);
        column-gap: 19px;
        align-items: center;
        min-height: 0;
        padding: 26px 22px;
    }

    .dcs-containment-benefits-item:not(:last-child)::after {
        top: auto;
        right: 22px;
        bottom: 0;
        left: 22px;
        width: auto;
        height: 1px;
    }

    .dcs-containment-benefits-icon {
        grid-row: 1 / span 2;
        width: 58px;
        height: 58px;
        margin-bottom: 0;
        font-size: 21px;
    }

    .dcs-containment-benefits-content h3 {
        margin-bottom: 8px;
        font-size: 17px;
    }

    .dcs-containment-benefits-content p {
        max-width: none;
        font-size: 13px;
        line-height: 1.6;
    }

    .dcs-containment-benefits-item:hover
    .dcs-containment-benefits-icon {
        transform: none;
    }
}


/* =====================================================
   EXTRA-SMALL MOBILE
===================================================== */

@media only screen and (max-width: 374px) {

    .dcs-containment-benefits-section {
        padding-right: 13px;
        padding-left: 13px;
    }

    .dcs-containment-benefits-item {
        grid-template-columns: 52px minmax(0, 1fr);
        column-gap: 15px;
        padding: 23px 17px;
    }

    .dcs-containment-benefits-icon {
        width: 50px;
        height: 50px;
        font-size: 18px;
    }

    .dcs-containment-benefits-content h3 {
        font-size: 15px;
    }

    .dcs-containment-benefits-content p {
        font-size: 12px;
    }
}


/* =====================================================
   TOUCH DEVICES
===================================================== */

@media (hover: none) {

    .dcs-containment-benefits-item:hover {
        background: transparent;
    }

    .dcs-containment-benefits-item:hover
    .dcs-containment-benefits-icon {
        color: var(--dcs-benefits-red-light);
        background: transparent;
        transform: none;
        box-shadow:
            0 0 0 7px rgba(185, 28, 28, 0.025),
            0 14px 30px rgba(0, 0, 0, 0.18);
    }
}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .dcs-containment-benefits-item {
        opacity: 1;
        transform: none;
        transition: none !important;
    }

    .dcs-containment-benefits-icon {
        transition: none !important;
    }
}


/* =====================================================
   DCS POWER SYSTEM MANAGEMENT SECTION
===================================================== */

.dcs-power-overview-section {
    --dcs-power-red: #b91c1c;
    --dcs-power-red-dark: #8f1515;
    --dcs-power-dark: #111827;
    --dcs-power-text: #606572;
    --dcs-power-border: #e6e8ec;
    --dcs-power-white: #ffffff;

    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 90px 24px;
    background:
        radial-gradient(
            circle at 5% 5%,
            rgba(185, 28, 28, 0.035),
            transparent 26%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fafbfc 100%
        );
}


/* Decorative dots */

.dcs-power-overview-section::before {
    position: absolute;
    content: "";
    top: 20px;
    left: -15px;
    width: 100px;
    height: 150px;
    opacity: 0.38;
    pointer-events: none;
    background-image:
        radial-gradient(
            circle,
            rgba(185, 28, 28, 0.25) 1.5px,
            transparent 1.5px
        );
    background-size: 14px 14px;
}


.dcs-power-overview-container {
    position: relative;
    z-index: 2;
    width: min(100%, 1320px);
    margin: 0 auto;
}


/* =====================================================
   INTRODUCTION
===================================================== */

.dcs-power-overview-intro {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 85px;
    align-items: start;
    margin-bottom: 58px;
}


.dcs-power-overview-heading-line {
    display: block;
    width: 42px;
    height: 3px;
    margin-bottom: 24px;
    border-radius: 30px;
    background: var(--dcs-power-red);
    transform-origin: left center;
}


.dcs-power-overview-heading h2 {
    max-width: 590px;
    margin: 0;
    color: var(--dcs-power-dark);
    font-size: clamp(34px, 3.2vw, 50px);
    font-weight: 800;
    line-height: 1.17;
    letter-spacing: -1.2px;
}


.dcs-power-overview-heading h2 span {
    color: var(--dcs-power-red);
}


.dcs-power-overview-description {
    padding-top: 20px;
}


.dcs-power-overview-description p {
    margin: 15px;
    color: var(--dcs-power-text);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.85;
}


.dcs-power-overview-description p + p {
    margin-top: 20px;
}


/* =====================================================
   POWER SOLUTION GRID
===================================================== */

.dcs-power-overview-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 25px;
}


/* =====================================================
   POWER CARD
===================================================== */

.dcs-power-overview-card {
    position: relative;
    min-width: 0;
    min-height: 285px;
    padding: 38px 28px 30px;
    overflow: hidden;
    text-align: center;
    border: 1px solid var(--dcs-power-border);
    border-radius: 12px;
    background: var(--dcs-power-white);
    box-shadow: 0 14px 38px rgba(17, 24, 39, 0.055);
    transition:
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.45s ease,
        border-color 0.45s ease;
}


.dcs-power-overview-card::before {
    position: absolute;
    content: "";
    right: -65px;
    bottom: -65px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: rgba(185, 28, 28, 0.045);
    transition:
        width 0.45s ease,
        height 0.45s ease,
        background-color 0.45s ease;
}


.dcs-power-overview-card:hover {
    transform: translateY(-10px);
    border-color: rgba(185, 28, 28, 0.30);
    box-shadow:
        0 26px 55px rgba(17, 24, 39, 0.12),
        0 10px 25px rgba(185, 28, 28, 0.07);
}


.dcs-power-overview-card:hover::before {
    width: 180px;
    height: 180px;
    background: rgba(185, 28, 28, 0.075);
}


/* =====================================================
   ICON
===================================================== */

.dcs-power-overview-icon {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    margin-bottom: 25px;
    border: 2px solid var(--dcs-power-red);
    border-radius: 12px;
    color: var(--dcs-power-red);
    font-size: 29px;
    background: rgba(185, 28, 28, 0.025);
    box-shadow:
        0 12px 28px rgba(185, 28, 28, 0.08);
    transition:
        color 0.4s ease,
        background-color 0.4s ease,
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.4s ease;
}


.dcs-power-overview-card:hover
.dcs-power-overview-icon {
    color: #ffffff;
    background: var(--dcs-power-red);
    transform: translateY(-7px) rotate(-3deg);
    box-shadow:
        0 18px 34px rgba(185, 28, 28, 0.25);
}


/* =====================================================
   CARD CONTENT
===================================================== */

.dcs-power-overview-card h3 {
    position: relative;
    z-index: 2;
    margin: 0;
    color: var(--dcs-power-dark);
    font-size: 19px;
    font-weight: 750;
    line-height: 1.35;
}


.dcs-power-overview-card-line {
    position: relative;
    z-index: 2;
    display: block;
    width: 35px;
    height: 2px;
    margin: 16px auto;
    border-radius: 30px;
    background: var(--dcs-power-red);
    transition: width 0.4s ease;
}


.dcs-power-overview-card:hover
.dcs-power-overview-card-line {
    width: 65px;
}


.dcs-power-overview-card p {
    position: relative;
    z-index: 2;
    max-width: 210px;
    margin: 0 auto;
    color: var(--dcs-power-text);
    font-size: 13px;
    line-height: 1.7;
}


.dcs-power-overview-link {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 18px;
    color: var(--dcs-power-red);
    font-size: 12px;
    font-weight: 750;
    line-height: 1.3;
    text-decoration: none;
    opacity: 0;
    transform: translateY(8px);
    transition:
        opacity 0.35s ease,
        transform 0.35s ease,
        color 0.35s ease;
}


.dcs-power-overview-link i {
    font-size: 11px;
    transition: transform 0.35s ease;
}


.dcs-power-overview-card:hover
.dcs-power-overview-link,
.dcs-power-overview-link:focus-visible {
    opacity: 1;
    transform: translateY(0);
}


.dcs-power-overview-link:hover {
    color: var(--dcs-power-red-dark);
}


.dcs-power-overview-link:hover i {
    transform: translateX(5px);
}


/* =====================================================
   SCROLL ANIMATION
===================================================== */

.dcs-power-overview-heading,
.dcs-power-overview-description,
.dcs-power-overview-card {
    opacity: 0;
    will-change: transform, opacity;
}


.dcs-power-overview-heading {
    transform: translateX(-45px);
}


.dcs-power-overview-description {
    transform: translateX(45px);
}


.dcs-power-overview-card {
    transform: translateY(45px);
}


.dcs-power-overview-section.dcs-power-overview-visible
.dcs-power-overview-heading {
    opacity: 1;
    transform: translateX(0);
    transition:
        opacity 0.8s ease,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}


.dcs-power-overview-section.dcs-power-overview-visible
.dcs-power-overview-description {
    opacity: 1;
    transform: translateX(0);
    transition:
        opacity 0.8s ease 0.12s,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.12s;
}


.dcs-power-overview-section.dcs-power-overview-visible
.dcs-power-overview-card {
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity 0.7s ease,
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.45s ease,
        box-shadow 0.45s ease;
}


.dcs-power-overview-section.dcs-power-overview-visible
.dcs-power-overview-card:nth-child(1) {
    transition-delay: 0.20s;
}


.dcs-power-overview-section.dcs-power-overview-visible
.dcs-power-overview-card:nth-child(2) {
    transition-delay: 0.28s;
}


.dcs-power-overview-section.dcs-power-overview-visible
.dcs-power-overview-card:nth-child(3) {
    transition-delay: 0.36s;
}


.dcs-power-overview-section.dcs-power-overview-visible
.dcs-power-overview-card:nth-child(4) {
    transition-delay: 0.44s;
}


/* =====================================================
   LARGE DESKTOP / 4K
===================================================== */

@media only screen and (min-width: 1600px) {

    .dcs-power-overview-section {
        padding-top: 115px;
        padding-bottom: 115px;
    }

    .dcs-power-overview-container {
        width: min(100%, 1500px);
    }

    .dcs-power-overview-intro {
        gap: 115px;
        margin-bottom: 72px;
    }

    .dcs-power-overview-heading h2 {
        max-width: 670px;
        font-size: 57px;
    }

    .dcs-power-overview-description p {
        font-size: 16px;
    }

    .dcs-power-overview-grid {
        gap: 30px;
    }

    .dcs-power-overview-card {
        min-height: 315px;
        padding: 45px 34px 34px;
    }

    .dcs-power-overview-icon {
        width: 82px;
        height: 82px;
        font-size: 32px;
    }

    .dcs-power-overview-card h3 {
        font-size: 21px;
    }

    .dcs-power-overview-card p {
        max-width: 245px;
        font-size: 14px;
    }
}


/* =====================================================
   STANDARD LAPTOP
===================================================== */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .dcs-power-overview-section {
        padding: 82px 35px;
    }

    .dcs-power-overview-intro {
        gap: 65px;
        margin-bottom: 50px;
    }

    .dcs-power-overview-heading h2 {
        font-size: 43px;
    }

    .dcs-power-overview-description p {
        font-size: 14px;
    }

    .dcs-power-overview-grid {
        gap: 21px;
    }

    .dcs-power-overview-card {
        min-height: 275px;
        padding: 34px 22px 27px;
    }

    .dcs-power-overview-icon {
        width: 68px;
        height: 68px;
        font-size: 26px;
    }

    .dcs-power-overview-card h3 {
        font-size: 17px;
    }

    .dcs-power-overview-card p {
        font-size: 12px;
    }
}


/* =====================================================
   SMALL LAPTOP
===================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .dcs-power-overview-section {
        padding: 75px 30px;
    }

    .dcs-power-overview-intro {
        gap: 48px;
        margin-bottom: 45px;
    }

    .dcs-power-overview-heading h2 {
        font-size: 38px;
    }

    .dcs-power-overview-description {
        padding-top: 10px;
    }

    .dcs-power-overview-description p {
        font-size: 13px;
        line-height: 1.75;
    }

    .dcs-power-overview-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 17px;
    }

    .dcs-power-overview-card {
        min-height: 270px;
        padding: 30px 17px 24px;
    }

    .dcs-power-overview-icon {
        width: 62px;
        height: 62px;
        font-size: 23px;
    }

    .dcs-power-overview-card h3 {
        font-size: 15px;
    }

    .dcs-power-overview-card p {
        font-size: 11px;
    }
}


/* =====================================================
   TABLET
===================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .dcs-power-overview-section {
        padding: 70px 30px;
    }

    .dcs-power-overview-intro {
        grid-template-columns: 1fr;
        gap: 28px;
        margin-bottom: 45px;
    }

    .dcs-power-overview-heading h2 {
        max-width: 710px;
        font-size: 41px;
    }

    .dcs-power-overview-description {
        max-width: 720px;
        padding-top: 0;
    }

    .dcs-power-overview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .dcs-power-overview-card {
        min-height: 275px;
        padding: 35px 27px;
    }

    .dcs-power-overview-card p {
        max-width: 250px;
    }

    .dcs-power-overview-link {
        opacity: 1;
        transform: none;
    }
}


/* =====================================================
   LARGE MOBILE
===================================================== */

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .dcs-power-overview-section {
        padding: 62px 22px;
    }

    .dcs-power-overview-intro {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-bottom: 38px;
    }

    .dcs-power-overview-heading h2 {
        font-size: 36px;
    }

    .dcs-power-overview-description {
        padding-top: 0;
    }

    .dcs-power-overview-description p {
        font-size: 14px;
        line-height: 1.75;
    }

    .dcs-power-overview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .dcs-power-overview-card {
        min-height: 265px;
        padding: 30px 20px 25px;
    }

    .dcs-power-overview-icon {
        width: 64px;
        height: 64px;
        font-size: 23px;
    }

    .dcs-power-overview-card h3 {
        font-size: 16px;
    }

    .dcs-power-overview-card p {
        font-size: 12px;
    }

    .dcs-power-overview-link {
        opacity: 1;
        transform: none;
    }
}


/* =====================================================
   MOBILE
===================================================== */

@media only screen and (max-width: 575px) {

    .dcs-power-overview-section {
        padding: 55px 17px;
    }

    .dcs-power-overview-section::before {
        opacity: 0.20;
    }

    .dcs-power-overview-intro {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-bottom: 34px;
    }

    .dcs-power-overview-heading-line {
        width: 36px;
        margin-bottom: 18px;
    }

    .dcs-power-overview-heading h2 {
        font-size: clamp(29px, 8.8vw, 37px);
        line-height: 1.18;
        letter-spacing: -0.8px;
    }

    .dcs-power-overview-description {
        padding-top: 0;
    }

    .dcs-power-overview-description p {
        font-size: 13px;
        line-height: 1.72;
    }

    .dcs-power-overview-description p + p {
        margin-top: 14px;
    }

    .dcs-power-overview-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .dcs-power-overview-card {
        display: grid;
        grid-template-columns: 64px minmax(0, 1fr);
        column-gap: 18px;
        align-items: center;
        min-height: 0;
        padding: 22px;
        text-align: left;
    }

    .dcs-power-overview-icon {
        grid-row: 1 / span 4;
        width: 60px;
        height: 60px;
        margin-bottom: 0;
        font-size: 22px;
    }

    .dcs-power-overview-card h3 {
        font-size: 17px;
    }

    .dcs-power-overview-card-line {
        width: 30px;
        margin: 10px 0;
    }

    .dcs-power-overview-card p {
        max-width: none;
        margin: 0;
        font-size: 12px;
        line-height: 1.6;
    }

    .dcs-power-overview-link {
        justify-content: flex-start;
        margin-top: 10px;
        opacity: 1;
        transform: none;
    }

    .dcs-power-overview-card:hover {
        transform: none;
    }

    .dcs-power-overview-card:hover
    .dcs-power-overview-icon {
        transform: none;
    }
}


/* =====================================================
   EXTRA SMALL MOBILE
===================================================== */

@media only screen and (max-width: 374px) {

    .dcs-power-overview-section {
        padding-right: 13px;
        padding-left: 13px;
    }

    .dcs-power-overview-heading h2 {
        font-size: 28px;
    }

    .dcs-power-overview-card {
        grid-template-columns: 54px minmax(0, 1fr);
        column-gap: 14px;
        padding: 18px;
    }

    .dcs-power-overview-icon {
        width: 52px;
        height: 52px;
        font-size: 19px;
    }

    .dcs-power-overview-card h3 {
        font-size: 15px;
    }
}


/* =====================================================
   TOUCH DEVICES
===================================================== */

@media (hover: none) {

    .dcs-power-overview-card:hover {
        transform: none;
    }

    .dcs-power-overview-card:hover
    .dcs-power-overview-icon {
        color: var(--dcs-power-red);
        background: rgba(185, 28, 28, 0.025);
        transform: none;
        box-shadow:
            0 12px 28px rgba(185, 28, 28, 0.08);
    }

    .dcs-power-overview-link {
        opacity: 1;
        transform: none;
    }
}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .dcs-power-overview-heading,
    .dcs-power-overview-description,
    .dcs-power-overview-card {
        opacity: 1;
        transform: none;
        transition: none !important;
    }

    .dcs-power-overview-icon,
    .dcs-power-overview-card-line,
    .dcs-power-overview-link {
        transition: none !important;
    }
}

.dcs-power-overview-grid-1 {
    display: grid;
    grid-template-columns: repeat(2, minmax(280px, 320px));
    justify-content: center;
    gap: 28px;
}

/* =====================================================
   COOLING CARDS — TWO-CARD CENTER ALIGNMENT
===================================================== */

/* Large desktop and 4K */
@media only screen and (min-width: 1600px) {

    .dcs-power-overview-grid-1 {
        grid-template-columns: repeat(2, minmax(320px, 370px));
        justify-content: center;
        gap: 35px;
    }
}


/* Laptop */
@media only screen and (min-width: 992px) and (max-width: 1599px) {

    .dcs-power-overview-grid-1 {
        grid-template-columns: repeat(2, minmax(280px, 320px));
        justify-content: center;
        gap: 26px;
    }
}


/* Tablet */
@media only screen and (min-width: 576px) and (max-width: 991px) {

    .dcs-power-overview-grid-1 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-content: center;
        max-width: 700px;
        margin-right: auto;
        margin-left: auto;
        gap: 22px;
    }
}


/* Mobile */
@media only screen and (max-width: 575px) {

    .dcs-power-overview-grid-1 {
        grid-template-columns: 1fr;
        width: 100%;
        max-width: 420px;
        margin-right: auto;
        margin-left: auto;
        gap: 16px;
    }
}


/* =====================================================
   SOLUTION INNER INNER PAGE
===================================================== */

/* =====================================================
   DCS UPS SOLUTION SHOWCASE
===================================================== */

.dcs-ups-showcase-section {
    --dcs-ups-red: #b91c1c;
    --dcs-ups-red-dark: #8f1515;
    --dcs-ups-red-light: #fff0f0;
    --dcs-ups-dark: #111827;
    --dcs-ups-text: #606572;
    --dcs-ups-border: #e7e8ec;
    --dcs-ups-white: #ffffff;

    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 90px 24px;
    background:
        radial-gradient(
            circle at 90% 80%,
            rgba(185, 28, 28, 0.04),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fafbfc 100%
        );
}

.dcs-ups-showcase-section::before {
    position: absolute;
    content: "";
    top: 20px;
    left: -18px;
    width: 110px;
    height: 160px;
    opacity: 0.3;
    pointer-events: none;
    background-image:
        radial-gradient(
            circle,
            rgba(185, 28, 28, 0.3) 1.5px,
            transparent 1.5px
        );
    background-size: 14px 14px;
}

.dcs-ups-showcase-container {
    position: relative;
    z-index: 2;
    width: min(100%, 1320px);
    margin: 0 auto;
}


/* =====================================================
   INTRODUCTION
===================================================== */

.dcs-ups-showcase-intro {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 80px;
    align-items: start;
    margin-bottom: 58px;
}

.dcs-ups-showcase-heading-line {
    display: block;
    width: 42px;
    height: 3px;
    margin-bottom: 23px;
    border-radius: 30px;
    background: var(--dcs-ups-red);
}

.dcs-ups-showcase-heading h2 {
    max-width: 590px;
    margin: 0;
    color: var(--dcs-ups-dark);
    font-size: clamp(34px, 3.3vw, 50px);
    font-weight: 800;
    line-height: 1.16;
    letter-spacing: -1.2px;
}

.dcs-ups-showcase-heading h2 span {
    color: var(--dcs-ups-red);
}

.dcs-ups-showcase-description {
    padding-top: 18px;
}

.dcs-ups-showcase-description p {
    margin: 0;
    color: var(--dcs-ups-text);
    font-size: 15px;
    line-height: 1.85;
}

.dcs-ups-showcase-description p + p {
    margin-top: 17px;
}


/* =====================================================
   MAIN PRODUCT AREA
===================================================== */

.dcs-ups-showcase-main {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(390px, 0.95fr);
    gap: 65px;
    align-items: center;
}


/* =====================================================
   PRODUCT LIST
===================================================== */

.dcs-ups-showcase-products-title {
    margin-bottom: 14px;
}

.dcs-ups-showcase-products-line {
    display: block;
    width: 36px;
    height: 2px;
    margin-bottom: 14px;
    background: var(--dcs-ups-red);
}

.dcs-ups-showcase-products-title h3 {
    margin: 0;
    color: var(--dcs-ups-dark);
    font-size: 27px;
    font-weight: 800;
}

.dcs-ups-showcase-product {
    position: relative;
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 23px;
    align-items: start;
    padding: 28px 0;
}

.dcs-ups-showcase-product:not(:last-child) {
    border-bottom: 1px solid var(--dcs-ups-border);
}


/* Product icon */

.dcs-ups-showcase-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border: 1px solid rgba(185, 28, 28, 0.12);
    border-radius: 50%;
    color: var(--dcs-ups-red);
    font-size: 26px;
    background: var(--dcs-ups-red-light);
    box-shadow: 0 12px 28px rgba(185, 28, 28, 0.08);
    transition:
        color 0.4s ease,
        background-color 0.4s ease,
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.4s ease;
}

.dcs-ups-showcase-product:hover
.dcs-ups-showcase-icon {
    color: #ffffff;
    background: var(--dcs-ups-red);
    transform: translateY(-5px) rotate(-4deg);
    box-shadow: 0 18px 32px rgba(185, 28, 28, 0.24);
}


/* Product content */

.dcs-ups-showcase-product-content h4 {
    margin: 0 0 9px;
    color: var(--dcs-ups-dark);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.3;
}

.dcs-ups-showcase-product-content p {
    max-width: 540px;
    margin: 0;
    color: var(--dcs-ups-text);
    font-size: 14px;
    line-height: 1.72;
}

.dcs-ups-showcase-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 13px;
    color: var(--dcs-ups-red);
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
    opacity: 0;
    transform: translateY(7px);
    transition:
        opacity 0.35s ease,
        transform 0.35s ease,
        color 0.35s ease;
}

.dcs-ups-showcase-product:hover
.dcs-ups-showcase-link,
.dcs-ups-showcase-link:focus-visible {
    opacity: 1;
    transform: translateY(0);
}

.dcs-ups-showcase-link i {
    font-size: 11px;
    transition: transform 0.35s ease;
}

.dcs-ups-showcase-link:hover {
    color: var(--dcs-ups-red-dark);
}

.dcs-ups-showcase-link:hover i {
    transform: translateX(5px);
}


/* =====================================================
   PRODUCT VISUAL
===================================================== */

.dcs-ups-showcase-visual-card {
    position: relative;
    overflow: hidden;
    padding: 24px;
    border: 1px solid var(--dcs-ups-border);
    border-radius: 18px;
    background: #ffffff;
    box-shadow:
        0 22px 55px rgba(17, 24, 39, 0.09),
        0 8px 20px rgba(185, 28, 28, 0.04);
    transition:
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.45s ease,
        border-color 0.45s ease;
}

.dcs-ups-showcase-visual-card:hover {
    transform: translateY(-7px);
    border-color: rgba(185, 28, 28, 0.24);
    box-shadow:
        0 30px 70px rgba(17, 24, 39, 0.14),
        0 12px 28px rgba(185, 28, 28, 0.07);
}

.dcs-ups-showcase-visual-label {
    display: inline-flex;
    padding: 8px 14px;
    border-radius: 50px;
    color: var(--dcs-ups-red);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    background: var(--dcs-ups-red-light);
}

.dcs-ups-showcase-image-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 350px;
    isolation: isolate;
}

.dcs-ups-showcase-image-glow {
    position: absolute;
    z-index: 0;
    bottom: 40px;
    left: 50%;
    width: 76%;
    height: 65px;
    border-radius: 50%;
    background: rgba(185, 28, 28, 0.13);
    filter: blur(28px);
    transform: translateX(-50%);
}

.dcs-ups-showcase-image {
    position: relative;
    z-index: 2;
    display: block;
    width: min(100%, 530px);
    max-height: 355px;
    object-fit: contain;
    filter: drop-shadow(0 24px 23px rgba(17, 24, 39, 0.18));
    transition:
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.55s ease;
}

.dcs-ups-showcase-visual-card:hover
.dcs-ups-showcase-image {
    transform: translateY(-8px) scale(1.018);
    filter: drop-shadow(0 30px 28px rgba(17, 24, 39, 0.23));
}

.dcs-ups-showcase-visual-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 17px 18px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 650;
    background:
        linear-gradient(
            135deg,
            var(--dcs-ups-red),
            var(--dcs-ups-red-dark)
        );
}

.dcs-ups-showcase-visual-footer i {
    flex: 0 0 auto;
    font-size: 18px;
}


/* =====================================================
   SCROLL ANIMATION
===================================================== */

.dcs-ups-showcase-heading,
.dcs-ups-showcase-description,
.dcs-ups-showcase-product,
.dcs-ups-showcase-visual {
    opacity: 0;
    will-change: transform, opacity;
}

.dcs-ups-showcase-heading {
    transform: translateX(-45px);
}

.dcs-ups-showcase-description {
    transform: translateX(45px);
}

.dcs-ups-showcase-product {
    transform: translateY(35px);
}

.dcs-ups-showcase-visual {
    transform: translateX(50px);
}

.dcs-ups-showcase-section.dcs-ups-showcase-visible
.dcs-ups-showcase-heading {
    opacity: 1;
    transform: translateX(0);
    transition:
        opacity 0.8s ease,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.dcs-ups-showcase-section.dcs-ups-showcase-visible
.dcs-ups-showcase-description {
    opacity: 1;
    transform: translateX(0);
    transition:
        opacity 0.8s ease 0.1s,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s;
}

.dcs-ups-showcase-section.dcs-ups-showcase-visible
.dcs-ups-showcase-product {
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity 0.7s ease,
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.dcs-ups-showcase-section.dcs-ups-showcase-visible
.dcs-ups-showcase-product:nth-child(2) {
    transition-delay: 0.18s;
}

.dcs-ups-showcase-section.dcs-ups-showcase-visible
.dcs-ups-showcase-product:nth-child(3) {
    transition-delay: 0.28s;
}

.dcs-ups-showcase-section.dcs-ups-showcase-visible
.dcs-ups-showcase-product:nth-child(4) {
    transition-delay: 0.38s;
}

.dcs-ups-showcase-section.dcs-ups-showcase-visible
.dcs-ups-showcase-visual {
    opacity: 1;
    transform: translateX(0);
    transition:
        opacity 0.85s ease 0.25s,
        transform 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.25s;
}


/* =====================================================
   LARGE DESKTOP / 4K
===================================================== */

@media only screen and (min-width: 1600px) {

    .dcs-ups-showcase-section {
        padding-top: 115px;
        padding-bottom: 115px;
    }

    .dcs-ups-showcase-container {
        width: min(100%, 1500px);
    }

    .dcs-ups-showcase-intro {
        gap: 110px;
        margin-bottom: 70px;
    }

    .dcs-ups-showcase-heading h2 {
        max-width: 680px;
        font-size: 58px;
    }

    .dcs-ups-showcase-description p {
        font-size: 16px;
    }

    .dcs-ups-showcase-main {
        grid-template-columns: minmax(0, 1.05fr) minmax(470px, 0.95fr);
        gap: 85px;
    }

    .dcs-ups-showcase-image-wrap {
        min-height: 410px;
    }

    .dcs-ups-showcase-image {
        max-height: 410px;
    }
}


/* =====================================================
   LAPTOP
===================================================== */

@media only screen and (min-width: 992px) and (max-width: 1399px) {

    .dcs-ups-showcase-section {
        padding: 78px 32px;
    }

    .dcs-ups-showcase-intro {
        gap: 55px;
        margin-bottom: 48px;
    }

    .dcs-ups-showcase-heading h2 {
        font-size: 42px;
    }

    .dcs-ups-showcase-description p {
        font-size: 14px;
    }

    .dcs-ups-showcase-main {
        grid-template-columns: minmax(0, 1.05fr) minmax(350px, 0.95fr);
        gap: 42px;
    }

    .dcs-ups-showcase-product {
        grid-template-columns: 66px minmax(0, 1fr);
        gap: 18px;
        padding: 23px 0;
    }

    .dcs-ups-showcase-icon {
        width: 62px;
        height: 62px;
        font-size: 22px;
    }

    .dcs-ups-showcase-product-content h4 {
        font-size: 17px;
    }

    .dcs-ups-showcase-product-content p {
        font-size: 13px;
    }

    .dcs-ups-showcase-image-wrap {
        min-height: 315px;
    }

    .dcs-ups-showcase-image {
        max-height: 310px;
    }
}


/* =====================================================
   TABLET
===================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .dcs-ups-showcase-section {
        padding: 70px 30px;
    }

    .dcs-ups-showcase-intro {
        grid-template-columns: 1fr;
        gap: 25px;
        margin-bottom: 43px;
    }

    .dcs-ups-showcase-heading h2 {
        max-width: 700px;
        font-size: 41px;
    }

    .dcs-ups-showcase-description {
        max-width: 720px;
        padding-top: 0;
    }

    .dcs-ups-showcase-main {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .dcs-ups-showcase-products {
        order: 2;
    }

    .dcs-ups-showcase-visual {
        order: 1;
    }

    .dcs-ups-showcase-image-wrap {
        min-height: 340px;
    }

    .dcs-ups-showcase-image {
        max-height: 345px;
    }

    .dcs-ups-showcase-link {
        opacity: 1;
        transform: none;
    }
}


/* =====================================================
   LARGE MOBILE
===================================================== */

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .dcs-ups-showcase-section {
        padding: 62px 22px;
    }

    .dcs-ups-showcase-intro {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-bottom: 38px;
    }

    .dcs-ups-showcase-heading h2 {
        font-size: 36px;
    }

    .dcs-ups-showcase-description {
        padding-top: 0;
    }

    .dcs-ups-showcase-description p {
        font-size: 14px;
    }

    .dcs-ups-showcase-main {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .dcs-ups-showcase-products {
        order: 2;
    }

    .dcs-ups-showcase-visual {
        order: 1;
    }

    .dcs-ups-showcase-image-wrap {
        min-height: 300px;
    }

    .dcs-ups-showcase-image {
        max-height: 300px;
    }

    .dcs-ups-showcase-link {
        opacity: 1;
        transform: none;
    }
}


/* =====================================================
   MOBILE
===================================================== */

@media only screen and (max-width: 575px) {

    .dcs-ups-showcase-section {
        padding: 55px 17px;
    }

    .dcs-ups-showcase-intro {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 34px;
    }

    .dcs-ups-showcase-heading-line {
        width: 35px;
        margin-bottom: 17px;
    }

    .dcs-ups-showcase-heading h2 {
        font-size: clamp(29px, 8.7vw, 37px);
        line-height: 1.17;
        letter-spacing: -0.8px;
    }

    .dcs-ups-showcase-description {
        padding-top: 0;
    }

    .dcs-ups-showcase-description p {
        font-size: 13px;
        line-height: 1.72;
    }

    .dcs-ups-showcase-main {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .dcs-ups-showcase-products {
        order: 2;
    }

    .dcs-ups-showcase-visual {
        order: 1;
    }

    .dcs-ups-showcase-products-title h3 {
        font-size: 23px;
    }

    .dcs-ups-showcase-product {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 15px;
        padding: 22px 0;
    }

    .dcs-ups-showcase-icon {
        width: 56px;
        height: 56px;
        font-size: 20px;
    }

    .dcs-ups-showcase-product-content h4 {
        font-size: 16px;
    }

    .dcs-ups-showcase-product-content p {
        font-size: 12px;
        line-height: 1.65;
    }

    .dcs-ups-showcase-link {
        margin-top: 10px;
        opacity: 1;
        transform: none;
    }

    .dcs-ups-showcase-visual-card {
        padding: 17px;
        border-radius: 14px;
    }

    .dcs-ups-showcase-image-wrap {
        min-height: 245px;
    }

    .dcs-ups-showcase-image {
        max-height: 245px;
    }

    .dcs-ups-showcase-visual-footer {
        padding: 14px;
        font-size: 11px;
    }

    .dcs-ups-showcase-product:hover
    .dcs-ups-showcase-icon,
    .dcs-ups-showcase-visual-card:hover,
    .dcs-ups-showcase-visual-card:hover
    .dcs-ups-showcase-image {
        transform: none;
    }
}


/* =====================================================
   EXTRA SMALL MOBILE
===================================================== */

@media only screen and (max-width: 374px) {

    .dcs-ups-showcase-section {
        padding-right: 13px;
        padding-left: 13px;
    }

    .dcs-ups-showcase-heading h2 {
        font-size: 28px;
    }

    .dcs-ups-showcase-product {
        grid-template-columns: 50px minmax(0, 1fr);
        gap: 12px;
    }

    .dcs-ups-showcase-icon {
        width: 48px;
        height: 48px;
        font-size: 17px;
    }

    .dcs-ups-showcase-image-wrap {
        min-height: 205px;
    }

    .dcs-ups-showcase-image {
        max-height: 205px;
    }
}


/* =====================================================
   TOUCH DEVICES
===================================================== */

@media (hover: none) {

    .dcs-ups-showcase-product:hover
    .dcs-ups-showcase-icon {
        color: var(--dcs-ups-red);
        background: var(--dcs-ups-red-light);
        transform: none;
        box-shadow: 0 12px 28px rgba(185, 28, 28, 0.08);
    }

    .dcs-ups-showcase-visual-card:hover {
        transform: none;
    }

    .dcs-ups-showcase-visual-card:hover
    .dcs-ups-showcase-image {
        transform: none;
    }

    .dcs-ups-showcase-link {
        opacity: 1;
        transform: none;
    }
}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .dcs-ups-showcase-heading,
    .dcs-ups-showcase-description,
    .dcs-ups-showcase-product,
    .dcs-ups-showcase-visual {
        opacity: 1;
        transform: none;
        transition: none !important;
    }

    .dcs-ups-showcase-icon,
    .dcs-ups-showcase-image,
    .dcs-ups-showcase-visual-card,
    .dcs-ups-showcase-link {
        transition: none !important;
    }
}


/* =====================================================
   DCS CHILLED WATER COOLING SYSTEMS
===================================================== */

.dcs-chilled-section {
    --dcs-chilled-red: #b91c1c;
    --dcs-chilled-red-dark: #8f1515;
    --dcs-chilled-dark: #121722;
    --dcs-chilled-text: #606672;
    --dcs-chilled-border: #e5e8ed;
    --dcs-chilled-light-red: #fff1f1;
    --dcs-chilled-white: #ffffff;

    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 90px 24px;
    background:
        radial-gradient(
            circle at 50% 100%,
            rgba(185, 28, 28, 0.035),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fafbfc 100%
        );
}


.dcs-chilled-container {
    position: relative;
    z-index: 2;
    width: min(100%, 1320px);
    margin: 0 auto;
}


/* =====================================================
   INTRODUCTION
===================================================== */

.dcs-chilled-intro {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 80px;
    align-items: start;
    margin-bottom: 55px;
}


.dcs-chilled-heading-line {
    display: block;
    width: 42px;
    height: 3px;
    margin-bottom: 20px;
    border-radius: 30px;
    background: var(--dcs-chilled-red);
}


.dcs-chilled-heading h2 {
    max-width: 500px;
    margin: 0;
    color: var(--dcs-chilled-dark);
    font-size: clamp(34px, 3.2vw, 50px);
    font-weight: 800;
    line-height: 1.14;
    letter-spacing: -1.3px;
}


.dcs-chilled-heading h2 span {
    color: var(--dcs-chilled-red);
}


.dcs-chilled-description {
    padding-top: 15px;
}


.dcs-chilled-description p {
    margin: 0;
    color: var(--dcs-chilled-text);
    font-size: 15px;
    line-height: 1.85;
}


.dcs-chilled-description p + p {
    margin-top: 17px;
}


/* =====================================================
   PRODUCT GRID
===================================================== */

.dcs-chilled-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
}


/* =====================================================
   PRODUCT CARD
===================================================== */

.dcs-chilled-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 640px;
    overflow: hidden;
    padding: 34px 34px 0;
    border: 1px solid var(--dcs-chilled-border);
    border-radius: 16px;
    background: var(--dcs-chilled-white);
    box-shadow:
        0 18px 46px rgba(17, 24, 39, 0.07);
    transition:
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.45s ease,
        box-shadow 0.45s ease;
}


.dcs-chilled-card:hover {
    transform: translateY(-8px);
    border-color: rgba(185, 28, 28, 0.25);
    box-shadow:
        0 28px 65px rgba(17, 24, 39, 0.12),
        0 10px 28px rgba(185, 28, 28, 0.06);
}


/* =====================================================
   CARD HEADER
===================================================== */

.dcs-chilled-card-header {
    display: flex;
    gap: 18px;
    align-items: center;
    margin-bottom: 23px;
}


.dcs-chilled-icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 11px;
    color: var(--dcs-chilled-red);
    font-size: 22px;
    background: var(--dcs-chilled-light-red);
    box-shadow: 0 10px 24px rgba(185, 28, 28, 0.08);
    transition:
        color 0.4s ease,
        background-color 0.4s ease,
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}


.dcs-chilled-card:hover .dcs-chilled-icon {
    color: #ffffff;
    background: var(--dcs-chilled-red);
    transform: translateY(-5px) rotate(-4deg);
}


.dcs-chilled-card-title h3 {
    margin: 0 0 6px;
    color: var(--dcs-chilled-dark);
    font-size: 25px;
    font-weight: 800;
    line-height: 1.25;
}


.dcs-chilled-card-title span {
    display: inline-block;
    color: var(--dcs-chilled-red);
    font-size: 12px;
    font-weight: 750;
    line-height: 1.3;
}


/* =====================================================
   CARD CONTENT
===================================================== */

.dcs-chilled-card-content {
    position: relative;
    z-index: 3;
}


.dcs-chilled-card-content p {
    margin: 0;
    color: var(--dcs-chilled-text);
    font-size: 14px;
    line-height: 1.75;
}


.dcs-chilled-card-content h4 {
    margin: 20px 0 8px;
    color: var(--dcs-chilled-red);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
}


/* =====================================================
   PRODUCT IMAGE
===================================================== */

.dcs-chilled-image-wrap {
    position: relative;
    display: flex;
    flex: 1;
    align-items: flex-end;
    justify-content: center;
    min-height: 280px;
    margin-top: 20px;
    isolation: isolate;
}


.dcs-chilled-image-glow {
    position: absolute;
    z-index: 0;
    bottom: 15px;
    left: 50%;
    width: 60%;
    height: 45px;
    border-radius: 50%;
    background: rgba(185, 28, 28, 0.12);
    filter: blur(25px);
    transform: translateX(-50%);
}


.dcs-chilled-image {
    position: relative;
    z-index: 2;
    display: block;
    width: min(100%, 320px);
    max-height: 290px;
    object-fit: contain;
    object-position: bottom center;
    filter: drop-shadow(0 22px 22px rgba(17, 24, 39, 0.16));
    transition:
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.55s ease;
}


.dcs-chilled-card:hover .dcs-chilled-image {
    transform: translateY(-8px) scale(1.02);
    filter: drop-shadow(0 28px 28px rgba(17, 24, 39, 0.22));
}


.dcs-chilled-dot-pattern {
    position: absolute;
    z-index: 1;
    right: 25px;
    bottom: 25px;
    width: 110px;
    height: 90px;
    opacity: 0.4;
    background-image:
        radial-gradient(
            circle,
            rgba(185, 28, 28, 0.45) 1.3px,
            transparent 1.3px
        );
    background-size: 11px 11px;
}


/* =====================================================
   SCROLL ANIMATION
===================================================== */

.dcs-chilled-heading,
.dcs-chilled-description,
.dcs-chilled-card {
    opacity: 0;
    will-change: opacity, transform;
}


.dcs-chilled-heading {
    transform: translateX(-45px);
}


.dcs-chilled-description {
    transform: translateX(45px);
}


.dcs-chilled-card {
    transform: translateY(45px);
}


.dcs-chilled-section.dcs-chilled-visible
.dcs-chilled-heading {
    opacity: 1;
    transform: translateX(0);
    transition:
        opacity 0.8s ease,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}


.dcs-chilled-section.dcs-chilled-visible
.dcs-chilled-description {
    opacity: 1;
    transform: translateX(0);
    transition:
        opacity 0.8s ease 0.12s,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.12s;
}


.dcs-chilled-section.dcs-chilled-visible
.dcs-chilled-card {
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity 0.75s ease,
        transform 0.75s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.45s ease,
        box-shadow 0.45s ease;
}


.dcs-chilled-section.dcs-chilled-visible
.dcs-chilled-card:nth-child(1) {
    transition-delay: 0.23s;
}


.dcs-chilled-section.dcs-chilled-visible
.dcs-chilled-card:nth-child(2) {
    transition-delay: 0.36s;
}


/* =====================================================
   LARGE DESKTOP / 4K
===================================================== */

@media only screen and (min-width: 1600px) {

    .dcs-chilled-section {
        padding-top: 115px;
        padding-bottom: 115px;
    }

    .dcs-chilled-container {
        width: min(100%, 1480px);
    }

    .dcs-chilled-intro {
        gap: 110px;
        margin-bottom: 68px;
    }

    .dcs-chilled-heading h2 {
        max-width: 590px;
        font-size: 57px;
    }

    .dcs-chilled-description p {
        font-size: 16px;
    }

    .dcs-chilled-grid {
        gap: 34px;
    }

    .dcs-chilled-card {
        min-height: 700px;
        padding: 42px 42px 0;
    }

    .dcs-chilled-card-title h3 {
        font-size: 28px;
    }

    .dcs-chilled-card-content p {
        font-size: 15px;
    }

    .dcs-chilled-image-wrap {
        min-height: 330px;
    }

    .dcs-chilled-image {
        max-height: 335px;
    }
}


/* =====================================================
   STANDARD LAPTOP
===================================================== */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .dcs-chilled-section {
        padding: 82px 35px;
    }

    .dcs-chilled-intro {
        gap: 65px;
        margin-bottom: 48px;
    }

    .dcs-chilled-heading h2 {
        font-size: 43px;
    }

    .dcs-chilled-description p {
        font-size: 14px;
    }

    .dcs-chilled-card {
        min-height: 620px;
        padding: 31px 30px 0;
    }

    .dcs-chilled-image {
        max-height: 270px;
    }
}


/* =====================================================
   SMALL LAPTOP
===================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .dcs-chilled-section {
        padding: 75px 30px;
    }

    .dcs-chilled-intro {
        gap: 48px;
        margin-bottom: 44px;
    }

    .dcs-chilled-heading h2 {
        font-size: 38px;
    }

    .dcs-chilled-description p {
        font-size: 13px;
        line-height: 1.75;
    }

    .dcs-chilled-grid {
        gap: 22px;
    }

    .dcs-chilled-card {
        min-height: 610px;
        padding: 27px 25px 0;
    }

    .dcs-chilled-card-title h3 {
        font-size: 21px;
    }

    .dcs-chilled-card-content p {
        font-size: 13px;
    }

    .dcs-chilled-image {
        max-height: 260px;
    }
}


/* =====================================================
   TABLET
===================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .dcs-chilled-section {
        padding: 70px 30px;
    }

    .dcs-chilled-intro {
        grid-template-columns: 1fr;
        gap: 25px;
        margin-bottom: 42px;
    }

    .dcs-chilled-heading h2 {
        max-width: 690px;
        font-size: 41px;
    }

    .dcs-chilled-description {
        max-width: 720px;
        padding-top: 0;
    }

    .dcs-chilled-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .dcs-chilled-card {
        min-height: 650px;
        padding: 25px 22px 0;
    }

    .dcs-chilled-card-header {
        gap: 14px;
    }

    .dcs-chilled-icon {
        width: 52px;
        height: 52px;
        font-size: 19px;
    }

    .dcs-chilled-card-title h3 {
        font-size: 20px;
    }

    .dcs-chilled-card-content p {
        font-size: 12px;
        line-height: 1.68;
    }

    .dcs-chilled-image-wrap {
        min-height: 240px;
    }

    .dcs-chilled-image {
        max-height: 245px;
    }
}


/* =====================================================
   LARGE MOBILE
===================================================== */

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .dcs-chilled-section {
        padding: 62px 22px;
    }

    .dcs-chilled-intro {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-bottom: 38px;
    }

    .dcs-chilled-heading h2 {
        font-size: 36px;
    }

    .dcs-chilled-description {
        padding-top: 0;
    }

    .dcs-chilled-description p {
        font-size: 14px;
        line-height: 1.75;
    }

    .dcs-chilled-grid {
        grid-template-columns: 1fr;
        gap: 23px;
    }

    .dcs-chilled-card {
        min-height: auto;
        padding: 30px 28px 0;
    }

    .dcs-chilled-image-wrap {
        min-height: 290px;
    }

    .dcs-chilled-image {
        max-height: 285px;
    }
}


/* =====================================================
   MOBILE
===================================================== */

@media only screen and (max-width: 575px) {

    .dcs-chilled-section {
        padding: 55px 17px;
    }

    .dcs-chilled-intro {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 34px;
    }

    .dcs-chilled-heading-line {
        width: 36px;
        margin-bottom: 17px;
    }

    .dcs-chilled-heading h2 {
        font-size: clamp(29px, 8.7vw, 37px);
        line-height: 1.17;
        letter-spacing: -0.8px;
    }

    .dcs-chilled-description {
        padding-top: 0;
    }

    .dcs-chilled-description p {
        font-size: 13px;
        line-height: 1.72;
    }

    .dcs-chilled-description p + p {
        margin-top: 13px;
    }

    .dcs-chilled-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .dcs-chilled-card {
        min-height: auto;
        padding: 23px 19px 0;
        border-radius: 14px;
    }

    .dcs-chilled-card-header {
        gap: 14px;
        margin-bottom: 18px;
    }

    .dcs-chilled-icon {
        width: 50px;
        height: 50px;
        font-size: 18px;
    }

    .dcs-chilled-card-title h3 {
        font-size: 19px;
    }

    .dcs-chilled-card-title span {
        font-size: 11px;
    }

    .dcs-chilled-card-content p {
        font-size: 13px;
        line-height: 1.67;
    }

    .dcs-chilled-card-content h4 {
        margin-top: 17px;
        font-size: 14px;
    }

    .dcs-chilled-image-wrap {
        min-height: 245px;
    }

    .dcs-chilled-image {
        max-height: 240px;
    }

    .dcs-chilled-dot-pattern {
        right: 10px;
        bottom: 15px;
        width: 90px;
        height: 70px;
    }

    .dcs-chilled-card:hover,
    .dcs-chilled-card:hover .dcs-chilled-image,
    .dcs-chilled-card:hover .dcs-chilled-icon {
        transform: none;
    }
}


/* =====================================================
   EXTRA SMALL MOBILE
===================================================== */

@media only screen and (max-width: 374px) {

    .dcs-chilled-section {
        padding-right: 13px;
        padding-left: 13px;
    }

    .dcs-chilled-heading h2 {
        font-size: 28px;
    }

    .dcs-chilled-card {
        padding-right: 16px;
        padding-left: 16px;
    }

    .dcs-chilled-card-header {
        align-items: flex-start;
    }

    .dcs-chilled-icon {
        width: 46px;
        height: 46px;
        font-size: 17px;
    }

    .dcs-chilled-card-title h3 {
        font-size: 17px;
    }

    .dcs-chilled-image-wrap {
        min-height: 210px;
    }

    .dcs-chilled-image {
        max-height: 210px;
    }
}


/* =====================================================
   TOUCH DEVICES
===================================================== */

@media (hover: none) {

    .dcs-chilled-card:hover {
        transform: none;
    }

    .dcs-chilled-card:hover .dcs-chilled-icon {
        color: var(--dcs-chilled-red);
        background: var(--dcs-chilled-light-red);
        transform: none;
    }

    .dcs-chilled-card:hover .dcs-chilled-image {
        transform: none;
    }
}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .dcs-chilled-heading,
    .dcs-chilled-description,
    .dcs-chilled-card {
        opacity: 1;
        transform: none;
        transition: none !important;
    }

    .dcs-chilled-icon,
    .dcs-chilled-image {
        transition: none !important;
    }
}




/* =====================================================
   RESUME UPLOADING CSS
===================================================== */

/* =====================================================
   DCS CAREER RESUME UPLOAD
===================================================== */

.dcs-career-resume-form {
    position: relative;
    display: inline-block;
    margin: 0;
}

/* Hide original file input */
.dcs-career-resume-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

/* Upload button */
.dcs-career-talent-upload-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 205px;
    min-height: 58px;
    padding: 16px 26px;
    border: 1px solid #b91c1c;
    border-radius: 6px;
    background: #b91c1c;
    color: #ffffff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    transition:
        background-color 0.35s ease,
        color 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

.dcs-career-talent-upload-btn span,
.dcs-career-talent-upload-btn i {
    position: relative;
    z-index: 2;
}

.dcs-career-talent-upload-btn i {
    font-size: 16px;
    transition: transform 0.35s ease;
}

.dcs-career-talent-upload-btn:hover {
    background: #951714;
    border-color: #951714;
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(185, 28, 28, 0.25);
}

.dcs-career-talent-upload-btn:hover i {
    transform: translateY(-3px);
}

/* Disabled/uploading condition */
.dcs-career-talent-upload-btn:disabled {
    cursor: not-allowed;
    opacity: 0.75;
    transform: none;
}

/* Spinner */
.dcs-career-talent-upload-btn.dcs-uploading i {
    animation: dcsCareerUploadSpinner 0.8s linear infinite;
}

@keyframes dcsCareerUploadSpinner {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* Status message */
.dcs-career-resume-status {
    display: none;
    width: 100%;
    margin-top: 12px;
    padding: 11px 14px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}

.dcs-career-resume-status.dcs-status-visible {
    display: block;
}

.dcs-career-resume-status.dcs-status-loading {
    border: 1px solid #d7d7d7;
    background: #f4f4f4;
    color: #333333;
}

.dcs-career-resume-status.dcs-status-success {
    border: 1px solid #b7dec4;
    background: #eaf8ee;
    color: #18733a;
}

.dcs-career-resume-status.dcs-status-error {
    border: 1px solid #efb8b8;
    background: #fff0f0;
    color: #b91c1c;
}

/* Mobile */
@media only screen and (max-width: 575px) {
    .dcs-career-resume-form {
        display: block;
        width: 100%;
    }

    .dcs-career-talent-upload-btn {
        width: 100%;
        min-width: 0;
        min-height: 54px;
        padding: 15px 20px;
    }

    .dcs-career-talent-upload-btn:hover {
        transform: none;
    }
}