/* custom theme override with provided color codes */
    :root {
      --ot-title-font: "Montserrat", sans-serif;
      --ot-body-font: "Noto Sans", sans-serif;
      --ot-style-font: "Montserrat", sans-serif;
      --ot-icon-font: "fontawesome";
      --ot-ripple-ani-duration: 2s;
      --ot-theme-color: #f07400;
      --ot-theme-color2: #FFB300;
      --ot-title-color: #415A77;
      --ot-title-color2: #1B263B;
      --ot-dark-color: #080C14;
      --ot-body-color: #415A77;
      --ot-stroke-color: #778DA9;
      --ot-border-color: #E0E1DD;
      --ot-smoke-color: #E8F0FE;
      --ot-smoke-color2: #1A3A5F;
      --ot-white-color: #FFFFFF;
      --ot-placeholder-color: #778DA9;
      --ot-black-color: #000000;
      --ot-gray-color: #F0F4F8;
      --ot-error-color: #DC3545;
      --ot-ecommerce-bg1: #76d8ff;
    }

    /* enhance service blocks with new theme */
    body {
      color: var(--ot-body-color);
      font-family: var(--ot-body-font);
    }

    h1,
    h3,
    h4,
    h5,
    h6,
    .ot-sec-title,
    .sidebar-widget-title{
      font-family: var(--ot-title-font);
      color: var(--ot-title-color);
    }

    .ot-btn-primary {
      background-color: var(--ot-theme-color);
      border-color: var(--ot-theme-color);
    }

    .ot-btn-primary:hover {
      background-color: var(--ot-theme-color2);
      border-color: var(--ot-theme-color2);
    }

    .service-block-card {
      background: var(--ot-white-color);
      border-radius: 20px;
      padding: 28px 30px;
      margin-bottom: 28px;
      transition: all 0.3s ease;
      border: 1px solid var(--ot-border-color);
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.02);
    }

    .service-block-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.1);
      border-color: var(--ot-theme-color);
    }

    .service-block-title {
      font-size: 1.65rem;
      font-weight: 700;
      margin-bottom: 16px;
      color: var(--ot-title-color2);
      display: flex;
      align-items: center;
      gap: 14px;
    }

    .service-block-title .step-num {
      width: 48px;
      height: 48px;
      background: var(--ot-theme-color);
      color: white;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      font-weight: 800;
      font-size: 1.3rem;
      box-shadow: 0 8px 18px -8px rgba(240, 116, 0, 0.4);
      transition: 0.2s;
    }

    .service-block-card:hover .step-num {
      background: var(--ot-theme-color2);
      transform: scale(1.02);
    }

    .service-list-desc {
      color: var(--ot-body-color);
      line-height: 1.65;
      margin-bottom: 12px;
      font-size: 1rem;
    }

    .service-feature-tag {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 12px;
    }

    .service-feature-tag span {
      background: var(--ot-smoke-color);
      padding: 5px 16px;
      border-radius: 40px;
      font-size: 0.8rem;
      font-weight: 500;
      color: var(--ot-title-color2);
    }

    .ot-service-details-content .ot-sec-title {
      font-weight: 800;
      color: var(--ot-title-color2);
    }

    .sidebar-widget-categorie ul li a {
      color: var(--ot-body-color);
      font-weight: 500;
    }

    .sidebar-widget-categorie ul li a:hover {
      color: var(--ot-theme-color);
    }

    .ot-pagination-style2 .pagination-btn {
      background: var(--ot-gray-color);
      color: var(--ot-title-color);
    }

    .ot-pagination-style2 .pagination-btn.next {
      background: var(--ot-theme-color);
      color: white;
    }

    .ot-breadcrumb-overlay {
      position: relative;
    }

    .ot-offcanvas-info-icon i {
      color: var(--ot-theme-color);
    }

    .ot-footer-widget-link ul li a:hover {
      color: var(--ot-theme-color);
    }