/*--------------------------------------------------------------
  TABLE OF CONTENTS:
----------------------------------------------------------------

** - Utility
** - Common
** - Custom Cursor
** - Animations
** - Cards
** - Navigation
** - Home Showcase
** - Mobile Nav
** - Search Popup
** - Page Header
** - Main Slider
** - About
** - Services
** - ServiceS Details
** - Project
** - Project Details
** - Video
** - Funfact
** - Team
** - Team Details
** - Contact
** - Testimonial
** - Why Choose
** - Working Process
** - Blog
** - Blog List
** - Blog Standard
** - Blog Details
** - Feature
** - Pricing Plan
** - Faq
** - Gallery
** - History
** - Coming Soon
** - Products
** - Product Details
** - Cart
** - Checkout
** - Wishlist
** - Sign Up
** - Login
** - Privacy Policy
** - Error
** - Footer
** - Google Map

--------------------------------------------------------------*/

/***
=============================================
Common
=============================================
***/
:root {

  /* ---------- TYPOGRAPHY ---------- */
  --verdicta-font: "Roboto", sans-serif;
  --verdicta-font-two: "Inter Tight", sans-serif;


  /* ---------- PRIMARY J2V BRAND ---------- */

  /* Gold / Amber — primary brand accent */
  --verdicta-base: #D9A21B;
  --verdicta-base-rgb: 217, 162, 27;

  /* Deep Navy — primary dark brand colour */
  --verdicta-black: #0B273C;
  --verdicta-black-rgb: 11, 39, 60;


  /* ---------- SUPPORTING COLOURS ---------- */

  /* Neutral grey */
  --verdicta-gray: #66727D;
  --verdicta-gray-rgb: 102, 114, 125;

  /* Pure white */
  --verdicta-white: #FFFFFF;
  --verdicta-white-rgb: 255, 255, 255;

  /* Very light cool grey */
  --verdicta-gray-bg: #F2F5F7;
  --verdicta-gray-bg-rgb: 242, 245, 247;

  /* Soft navy-tinted border */
  --verdicta-bdr-color: #D9E1E7;
  --verdicta-bdr-color-rgb: 217, 225, 231;

  --verdicta-bdr-radius: 10px;


  /* =========================================================
     J2V EXTENDED PALETTE
     ========================================================= */

  /* ---------- NAVY FAMILY ---------- */

  --j2v-navy-950: #03070C;
  --j2v-navy-900: #06111B;
  --j2v-navy-800: #0B273C;
  --j2v-navy-700: #0D3550;
  --j2v-navy-600: #124766;


  /* ---------- GOLD FAMILY ---------- */

  --j2v-gold-deep: #C18310;
  --j2v-gold: #D9A21B;
  --j2v-gold-warm: #E0AC49;
  --j2v-gold-light: #EFC56B;
  --j2v-gold-pale: #F6D98C;


  /* ---------- ENERGY BLUE ---------- */

  --j2v-blue-deep: #063B61;
  --j2v-blue: #075B91;
  --j2v-blue-bright: #0878C9;
  --j2v-blue-electric: #169BE8;
  --j2v-blue-glow: #36B7FF;


  /* ---------- ENERGY / INDUSTRIAL ACCENTS ---------- */

  --j2v-energy-cyan: #00A9D6;
  --j2v-energy-teal: #008E9B;
  --j2v-energy-green: #65A84A;

  /* Use sparingly for sustainability / climate indicators */
  --j2v-climate-green: #6BAA45;


  /* ---------- TEXT ---------- */

  --j2v-text-primary: #FFFFFF;
  --j2v-text-secondary: #C4CED6;
  --j2v-text-muted: #8D9BA7;
  --j2v-text-dark: #0B273C;


  /* ---------- BORDERS ---------- */

  --j2v-border-dark: rgba(255, 255, 255, 0.12);
  --j2v-border-blue: rgba(22, 155, 232, 0.45);
  --j2v-border-gold: rgba(217, 162, 27, 0.55);


  /* ---------- GLASS EFFECTS ---------- */

  --j2v-glass-dark: rgba(6, 17, 27, 0.72);
  --j2v-glass-blue: rgba(7, 91, 145, 0.20);
  --j2v-glass-gold: rgba(217, 162, 27, 0.10);


  /* ---------- GRADIENTS ---------- */

  --j2v-gradient-dark:
    linear-gradient(
      135deg,
      #03070C 0%,
      #06111B 35%,
      #0B273C 70%,
      #06111B 100%
    );

  --j2v-gradient-blue:
    linear-gradient(
      135deg,
      #03070C 0%,
      #071A2B 32%,
      #063B61 65%,
      #075B91 100%
    );

  --j2v-gradient-gold:
    linear-gradient(
      135deg,
      #C18310 0%,
      #D9A21B 40%,
      #EFC56B 100%
    );

  --j2v-gradient-gold-dark:
    linear-gradient(
      135deg,
      #8E5E08 0%,
      #C18310 45%,
      #D9A21B 100%
    );

  --j2v-gradient-energy:
    linear-gradient(
      120deg,
      #03070C 0%,
      #071A2B 30%,
      #063B61 55%,
      #008E9B 78%,
      #D9A21B 100%
    );


  /* ---------- GLOW ---------- */

  --j2v-glow-blue:
    0 0 30px rgba(22, 155, 232, 0.25);

  --j2v-glow-gold:
    0 0 30px rgba(217, 162, 27, 0.25);

  --j2v-glow-gold-strong:
    0 0 45px rgba(217, 162, 27, 0.40);


  /* ---------- SHADOWS ---------- */

  --j2v-shadow-dark:
    0 20px 60px rgba(0, 0, 0, 0.35);

  --j2v-shadow-card:
    0 15px 45px rgba(0, 0, 0, 0.25);


  /* ---------- UI ---------- */

  --j2v-radius-sm: 6px;
  --j2v-radius-md: 10px;
  --j2v-radius-lg: 18px;
  --j2v-radius-xl: 28px;

  --j2v-container-width: 1320px;

  --j2v-transition:
    all 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.row {
  --bs-gutter-x: 30px;
}

.gutter-y-30 {
  --bs-gutter-y: 30px;
}

body {
  font-family: var(--verdicta-font);
  color: var(--verdicta-gray);
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
}

body.locked {
  overflow: hidden;
}

a {
  color: var(--verdicta-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

a,
a:hover,
a:focus,
a:visited {
  text-decoration: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::placeholder {
  color: inherit;
  opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--verdicta-font-two);
  color: var(--verdicta-black);
  margin: 0;
}

p {
  margin: 0;
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding: 0px;
}

button {
  cursor: pointer;
  border: none;
  background: transparent;
  padding: 0;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::placeholder {
  color: inherit;
  opacity: 1;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
}

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

.list-unstyled {
  padding-left: 0;
}

@media (min-width: 1320px) {
  .container {
    max-width: 1320px;
  }
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

::placeholder {
  color: inherit;
  opacity: 1;
}

#particles-js {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  opacity: 0.4;
  z-index: -1;
}

/***
=============================================
Custom Cursor
=============================================
***/
.custom-cursor__cursor {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  border: 1px solid var(--verdicta-base);
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  position: fixed;
  pointer-events: none;
  left: 0;
  top: 0;
  -webkit-transform: translate(calc(-50% + 5px), -50%);
  transform: translate(calc(-50% + 5px), -50%);
  z-index: 999991;
  display:none;
}

.custom-cursor__cursor-two {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: var(--verdicta-base);
  opacity: .3;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  -webkit-transition: width .3s, height .3s, opacity .3s;
  transition: width .3s, height .3s, opacity .3s;
  z-index: 999991;
  display:none;
}

.custom-cursor__hover {
  background-color: var(--verdicta-base);
  opacity: 0.4;
}

.custom-cursor__innerhover {
  width: 25px;
  height: 25px;
  opacity: .4;
}

/***
=============================================
Sec Title Css
=============================================
***/
.sec-title {
  position: relative;
  display: block;
  margin-top: -6px;
  padding-bottom: 47px;
  z-index: 1;
}

.sec-title__tagline {
  position: relative;
  display: inline-block;
  margin-bottom: 12px;
  padding-left: 28px;
  padding-right: 28px;
}

.sec-title__tagline::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 3px;
  background: #BB9880;
  background: linear-gradient(90deg, rgba(187, 152, 128, 1) 0%, rgba(187, 152, 128, 1) 24%, rgba(187, 152, 128, 1) 39%, rgba(187, 152, 128, 0.63) 82%, rgba(187, 152, 128, 0.4) 100%);
  content: "";
}

.sec-title__tagline.right-line::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 3px;
  background: #BB9880;
  background: linear-gradient(-90deg, rgba(187, 152, 128, 1) 0%, rgba(187, 152, 128, 1) 24%, rgba(187, 152, 128, 1) 39%, rgba(187, 152, 128, 0.63) 82%, rgba(187, 152, 128, 0.4) 100%);
  content: "";
}

.sec-title__tagline h4 {
  color: var(--verdicta-base);
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: var(--verdicta-font);
}

.sec-title__title {
  font-size: 48px;
  line-height: 60px;
  font-weight: 700;
  text-transform: none;
  font-family: var(--verdicta-font-two);
}

/***
=============================================
   Thm Btn Css
=============================================
***/
.thm-btn {
  position: relative;
  display: inline-block;
  color: var(--verdicta-white);
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
  background: linear-gradient(135deg, #071A2B 0%, #0B273C 55%, #B8790B 100%);
  border-radius: 5px;
  padding: 7px 35px;
  overflow: hidden;
  font-family: var(--verdicta-font);
  text-transform: uppercase;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 1;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.thm-btn:hover {
  color: var(--verdicta-white);
}

.thm-btn i {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  top: 1px;
  margin-left: 5px;
}

.hover-btn {
  background-color: var(--verdicta-black);
  height: 100%;
  top: 0;
  opacity: 0;
  position: absolute;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 25%;
  z-index: -1;
}

.hover-bx {
  left: 0;
  -webkit-transition-delay: 0.105s;
  transition-delay: 0.105s;
  border-radius: 5px 0px 0px 5px;
}

.hover-bx2 {
  left: 25%;
  -webkit-transition-delay: 0.105s;
  transition-delay: 0.105s;
}

.hover-bx3 {
  left: 50%;
  -webkit-transition-delay: 0.105s;
  transition-delay: 0.105s;
}

.hover-bx4 {
  left: 75%;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  border-radius: 0 5px 5px 0;
}

.thm-btn:hover .hover-btn {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*---------------------------------
     Preloader CSS
-----------------------------------*/
.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 20000;
  overflow-x: hidden !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader div {
  width: 20px;
  height: 20px;
  margin: 0 10px 0;
  border-radius: 50px;
  transform-origin: 50% 0;
  display: inline-block;
  animation: bouncing 1.4s linear infinite;
}

.loader div:last-child {
  margin: 0;
}

.loader div:nth-child(1) {
  background-color: rgba(var(--verdicta-base-rgb), 1.0);
}

.loader div:nth-child(2) {
  background-color: rgba(var(--verdicta-base-rgb), 0.70);
  animation-delay: 0.2s;
}

.loader div:nth-child(3) {
  background-color: rgba(var(--verdicta-base-rgb), 0.40);
  animation-delay: 0.4s;
}

@keyframes bouncing {

  0%,
  100% {
    transform: translateY(0) scale(1, 1);
    animation-timing-function: ease-in;
  }

  45% {
    transform: translateY(50px) scale(1, 1);
    animation-timing-function: linear;
  }

  50% {
    transform: translateY(50px) scale(1.5, 0.5);
    animation-timing-function: linear;
  }

  55% {
    transform: translateY(50px) scale(1, 1);
    animation-timing-function: ease-out;
  }
}

/***
=============================================
   Rating Box
=============================================
***/
.rating-box {
  position: relative;
  display: block;
}

.rating-box a {
  position: relative;
  color: var(--verdicta-base);
}

.rating-box a i::before {
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
}

/***
=============================================
Chat Popup
=============================================
***/
.chat-popup {
  position: fixed;
  left: 0;
  bottom: 0px;
  width: 350px;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  background: var(--verdicta-black);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
  border-radius: 10px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  transform: translateX(-100%);
  transition: background-color 0.7s ease;
  transition: all 0.7s ease;
}

.chat-popup.popup-visible {
  transform: translateX(0%);
  visibility: visible;
  opacity: 1;
}

.chat-popup .popup-inner {
  position: relative;
  display: block;
  padding: 40px 35px;
  padding-top: 32px;
}

.chat-popup .close-chat {
  position: absolute;
  display: flex;
  left: 0px;
  top: -55px;
  width: 60px;
  height: 55px;
  line-height: 44px;
  text-align: center;
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
  background: var(--verdicta-base);
  cursor: pointer;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.chat-popup .popup-inner p {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 40px;
  color: rgba(255, 255, 255, .70);
}

.chat-popup .chat-form .form-group {
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.chat-popup .chat-form .form-group:last-child {
  margin-bottom: 0px;
}

.chat-popup .chat-form .form-group input[type='text'],
.chat-popup .chat-form .form-group input[type='email'],
.chat-popup .chat-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 5px;
  font-size: 13px;
  color: rgba(255, 255, 255, .70);
  padding: 10px 20px;
  background-color: rgba(255, 255, 255, .10);
  transition: all 500ms ease;
}

.chat-popup .chat-form .form-group textarea {
  height: 120px;
  resize: none;
}

.chat-popup .chat-form .form-group input:focus,
.chat-popup .chat-form .form-group textarea:focus {
  outline: none;
}

.chat-popup .chat-form .form-group button {
  border: none;
}

.chat-popup .chat-form .form-group button .hover-btn {
  background: var(--verdicta-white);
}

.chat-popup .chat-form .form-group button.thm-btn:hover {
  color: var(--verdicta-black);
}

.chat-icon {
  position: fixed;
  display: inline-block;
  left: 30px;
  bottom: 45px;
  z-index: 99;
}

.chat-icon button {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 47px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  border-radius: 5px;
  background: var(--verdicta-base);
  z-index: 1;
  border: none;
}

.chat-icon button:before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  background-color: rgba(var(--verdicta-base-rgb), .20);
  border-radius: 5px;
  z-index: -1;
}


/***
=============================================
xs sidebar
=============================================
***/
.xs-sidebar-group .xs-overlay {
  left: 0%;
  top: 0;
  position: fixed;
  height: 100%;
  opacity: 0;
  width: 100%;
  visibility: hidden;
  -webkit-transition: all .4s ease-in .8s;
  -o-transition: all .4s ease-in .8s;
  transition: all .4s ease-in .8s;
  cursor: url(../images/icon/cross-out.png),
    pointer;
  z-index: 999;
}

.xs-sidebar-group.isActive .xs-overlay {
  opacity: .8;
  visibility: visible;
  -webkit-transition: all .8s ease-out 0s;
  -o-transition: all .8s ease-out 0s;
  transition: all .8s ease-out 0s;
  right: 100%;
}

.xs-sidebar-group .widget-heading {
  position: absolute;
  top: 0;
  right: 0;
  padding: 25px;
}

.xs-sidebar-group .widget-heading a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.xs-sidebar-group .widget-heading a:hover {
  color: var(--verdicta-base);
  border-color: var(--verdicta-base);
}

.xs-sidebar-widget {
  position: fixed;
  left: -100%;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 360px;
  z-index: 999999;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  visibility: hidden;
  opacity: 0;
  border-right: 5px solid rgba(var(--verdicta-white-rgb), .50);
}

.xs-sidebar-group.isActive .xs-sidebar-widget {
  opacity: 1;
  visibility: visible;
  left: 0;
  background-color: var(--verdicta-black);
  -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
  -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
  transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}

.sidebar-textwidget {
  padding: 70px 30px;
}

.sidebar-widget-container {
  position: relative;
  top: 150px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-in .3s;
  -o-transition: all .3s ease-in .3s;
  transition: all .3s ease-in .3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.xs-sidebar-group.isActive .sidebar-widget-container {
  top: 0px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 1s ease-out 1.2s;
  -o-transition: all 1s ease-out 1.2s;
  transition: all 1s ease-out 1.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.xs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: .8;
  z-index: 0;
}

.xs-bg-black {
  background-color: #000000;
}

.xs-sidebar-group .content-inner .logo {
  position: relative;
  max-width: 172px;
  width: 100%;
  margin-bottom: 30px;
}

.xs-sidebar-group .content-inner h4 {
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.xs-sidebar-group .content-inner .content-box {
  margin-bottom: 30px;
  padding-right: 15px;
}

.xs-sidebar-group .content-inner .content-box p {
  color: #ffffff;
}

.xs-sidebar-group .content-inner .form-inner .form-group {
  position: relative;
  margin-bottom: 20px;
}

.xs-sidebar-group .content-inner .form-inner .form-group:last-child {
  margin-bottom: 0px;
}

.xs-sidebar-group .content-inner .form-inner .form-group input[type='text'],
.xs-sidebar-group .content-inner .form-inner .form-group input[type='email'],
.xs-sidebar-group .content-inner .form-inner .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  font-size: 15px;
  padding: 10px 20px;
  color: #848484;
  border: none;
  outline: none;
  transition: all 500ms ease;
}

.xs-sidebar-group .content-inner .form-inner .form-group .form-inner__btn {
  border: none;
  outline: none;
  background-color: var(--verdicta-white);
  color: var(--verdicta-black);
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  padding: 13px 45px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.xs-sidebar-group .content-inner .form-inner .form-group .form-inner__btn:hover {
  color: var(--verdicta-white);
}

.xs-sidebar-group .content-inner .form-inner .form-group .form-inner__btn:before {
  background-color: var(--verdicta-base);
}

.xs-sidebar-group .content-inner .form-inner .form-group textarea {
  resize: none;
  height: 120px;
}

.xs-sidebar-group .content-inner .form-inner .form-group input:focus,
.xs-sidebar-group .content-inner .form-inner .form-group textarea:focus {
  border-color: #00224f;
}

.xs-sidebar-group .content-inner .form-inner .form-group button {
  position: relative;
  display: block;
}

.xs-sidebar-group .content-inner .form-inner .form-group button.thm-btn .hover-btn {
  background: var(--verdicta-white);
}

.xs-sidebar-group .content-inner .form-inner .form-group button.thm-btn:hover {
  color: var(--verdicta-base);
}

.sidebar-contact-info {
  position: relative;
  display: block;
  padding-top: 43px;
}

.sidebar-contact-info ul {
  position: relative;
  display: block;
  padding-bottom: 22px;
}

.sidebar-contact-info ul li {
  position: relative;
  display: block;
  color: var(--verdicta-white);
  line-height: 30px;
}

.sidebar-contact-info ul li span {
  position: relative;
  display: inline-block;
  width: 25px;
}

.sidebar-contact-info ul li span:before {
  position: relative;
  display: inline-block;
  color: #ffffff;
}

.sidebar-contact-info ul li a {
  color: var(--verdicta-white);
}

.sidebar-contact-info ul li a:hover {
  color: var(--verdicta-base);
}

.xs-sidebar-group .content-inner .thm-social-link1 {
  overflow: hidden;
}

.thm-social-link1 {
  position: relative;
  display: block;
}

.thm-social-link1 ul {
  position: relative;
}

.thm-social-link1 ul li {
  position: relative;
  display: inline-block;
  margin-right: 6px;
}

.thm-social-link1 ul li:last-child {
  margin-right: 0;
}

.thm-social-link1 ul li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: rgba(var(--verdicta-white-rgb), .10);
  border-radius: 50%;
  color: var(--verdicta-white);
  font-size: 15px;
  text-align: center;
  z-index: 1;
  transition: all 500ms ease;
}

.thm-social-link1 ul li a:before {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: var(--verdicta-base);
  border-radius: 50%;
  transition: .5s;
  transform: scale(.5);
  opacity: 0;
  content: '';
  z-index: -1;
}

.thm-social-link1 ul li a:hover:before {
  transform: scale(1);
  opacity: 1;
}

.thm-social-link1 ul li a:hover {
  color: var(--verdicta-white);
}


/***
=============================================
   Styled Pagination
=============================================
***/
.styled-pagination {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding-top: 40px;
}

.styled-pagination li {
  position: relative;
  display: inline-block;
  margin-right: 11px;
}

.styled-pagination li:last-child {
  margin-right: 0;
}

.styled-pagination li a {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 45px;
  background: transparent;
  border-radius: 0%;
  color: rgba(var(--verdicta-gray-rgb), .50);
  font-size: 16px;
  line-height: 45px;
  font-weight: 600;
  border: 1px solid rgba(var(--verdicta-gray-rgb), .50);
  text-align: center;
  transition: all 500ms ease;
  font-family: var(--verdicta-font);
  z-index: 1;
}

.styled-pagination li:hover a,
.styled-pagination li.active a {
  color: var(--verdicta-white);
  background: var(--verdicta-base);
  border-color: var(--verdicta-base);
}

.styled-pagination li.prev a,
.styled-pagination li.next a {
  border-radius: 0%;
  color: rgba(var(--verdicta-gray-rgb), .50);
}

.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover {
  color: var(--verdicta-white);
}

.styled-pagination li a span:before {
  position: relative;
  top: 0px;
  color: rgba(var(--verdicta-gray-rgb), .50);
  font-size: 14px;
  font-weight: 700;
  transition: all 200ms linear;
  transition-delay: 0.1s;
}

.styled-pagination li a:hover span:before,
.styled-pagination li.active a span:before {
  color: var(--verdicta-white);
}


/***
=============================================
Scroll To Top Css
=============================================
***/
.scroll-to-top {
  display: flex;
  align-items: center;
  width: auto;
  height: 35px;
  background: transparent;
  position: fixed;
  bottom: 60px;
  right: -12px;
  z-index: 99;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transform: rotate(-90deg);
  cursor: pointer;
  transition: all 0.2s ease;
}

.scroll-to-top:hover {
  color: var(--verdicta-base);
}

.scroll-to-top__text {
  display: inline;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  margin-left: 10px;
}

.scroll-to-top__wrapper {
  display: inline-block;
  width: 30px;
  height: 4px;
  background-color: var(--verdicta-base);
  position: relative;
  overflow: hidden;
}

.scroll-to-top__inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--verdicta-black);
}

.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
  bottom: 70px;
}

.search-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 99999;
  margin-top: -540px;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  background-color: rgba(var(--verdicta-black-rgb), .90);
  transition: transform 500ms ease, opacity 500ms ease;
}

.sidenav-bar-visible .search-popup {
  width: 80%;
}

.search-active .search-popup {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  margin-top: 0;
}

.search-popup form {
  position: absolute;
  max-width: 600px;
  top: 50%;
  left: 15px;
  right: 15px;
  margin: -35px auto 0;
  -webkit-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  transform: scaleX(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  background-color: transparent;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  opacity: 0;
}

.search-active .search-popup form {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-delay: 600ms;
  transition-delay: 600ms;
  opacity: 1;
}

.search-popup .search-popup__group {
  position: relative;
  margin: 0px;
  overflow: hidden;
}

.search-popup .search-popup__group input {
  position: relative;
  display: block;
  font-size: 17px;
  line-height: 65px;
  color: var(--verdicta-black);
  height: 65px;
  width: 100%;
  padding: 0px 30px;
  background-color: var(--verdicta-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: 400;
  text-transform: capitalize;
  padding-right: 80px;
  outline: none;
  border: none;
  border-radius: 5px;
}

.search-popup button {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 65px;
  width: 65px;
  line-height: 65px;
  background: var(--verdicta-base);
  text-align: center;
  color: var(--verdicta-white);
  font-size: 20px;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
}

.search-popup button:hover {
  background: var(--verdicta-base);
}

.search-popup .close-search {
  position: absolute;
  left: 0;
  right: 0;
  top: 75%;
  margin: 0 auto;
  margin-top: -170px;
  border-radius: 50%;
  text-align: center;
  color: var(--verdicta-white);
  background-color: var(--verdicta-base);
  width: 70px;
  height: 70px;
  border: 1px solid rgba(var(--verdicta-white-rgb), .30);
  cursor: pointer;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  opacity: 0;
  visibility: hidden;
}

.search-popup .close-search:hover {
  background-color: var(--verdicta-base);
}

.search-active .search-popup .close-search {
  visibility: visible;
  opacity: 1;
  top: 50%;
  -webkit-transition-delay: 900ms;
  transition-delay: 900ms;
}

.search-popup .close-search span {
  position: relative;
  display: block;
  height: 70px;
  width: 70px;
  font-size: 20px;
  line-height: 70px;
  color: var(--verdicta-white);
  transform: rotate(45deg);
}

/***
=============================================
Thm Dot Style1
=============================================
***/
.thm-dot-style1.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 30px;
}

.thm-dot-style1.owl-theme .owl-dots .owl-dot {
  position: relative;
  display: inline-block;
}

.thm-dot-style1.owl-theme .owl-dots .owl-dot span {
  display: block;
  width: 12px;
  height: 12px;
  background: rgba(var(--verdicta-black-rgb), .20);
  margin: 0px 6px;
  border-radius: 0%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.thm-dot-style1.owl-theme .owl-dots .owl-dot.active span,
.thm-dot-style1.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--verdicta-base);
  border-color: var(--verdicta-base);
}

/***
=============================================
Mobile Nav Css
=============================================
***/
.mobile-nav__wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
  transition: transform 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  visibility: hidden;
}

.mobile-nav__wrapper .container {
  padding-left: 0;
  padding-right: 0;
}

.mobile-nav__wrapper.expanded {
  opacity: 1;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  visibility: visible;
  -webkit-transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
  transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}

.mobile-nav__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  opacity: 0.5;
  cursor: pointer;
}

.mobile-nav__content {
  width: 300px;
  background-color: var(--verdicta-black);
  z-index: 10;
  position: relative;
  height: 100%;
  overflow-y: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  border-right: 3px solid rgba(var(--verdicta-white-rgb), .40);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
  transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}

.mobile-nav__wrapper.expanded .mobile-nav__content {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
  transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
  transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
}

.mobile-nav__content .logo-box {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile-nav__close {
  position: absolute;
  top: 20px;
  right: 15px;
  font-size: 18px;
  color: var(--verdicta-white);
  cursor: pointer;
}

.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list>li>ul,
.mobile-nav__content .main-menu__list>li>ul>li>ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.mobile-nav__content .main-menu__list>li>ul,
.mobile-nav__content .main-menu__list>li>ul>li>ul {
  display: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-left: 0.5em;
}

.mobile-nav__content .main-menu__list>li:not(:last-child),
.mobile-nav__content .main-menu__list>li>ul>li:not(:last-child),
.mobile-nav__content .main-menu__list>li>ul>li>ul>li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__content .main-menu__list>li>a>.main-menu-border {
  display: none !important;
}

.mobile-nav__content .main-menu__list>li>a,
.mobile-nav__content .main-menu__list>li>ul>li>a,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 30px;
  color: #ffffff;
  font-size: 14px;
  font-family: var(--verdicta-font, "Rubik", sans-serif);
  font-weight: 500;
  height: 46px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.mobile-nav__content .main-menu__list>li>a.expanded .mobile-nav__content .main-menu__list>li>ul>li>a.expanded .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a.expanded {
  color: var(--verdicta-base);
}

.mobile-nav__content .main-menu__list li a.expanded {
  color: var(--verdicta-white);
}

.mobile-nav__content .main-menu__list>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button {
  width: 30px;
  height: 30px;
  background-color: var(--verdicta-base);
  border: none;
  outline: none;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  padding: 0;
}

.mobile-nav__content .main-menu__list>li>a>button.expanded,
.mobile-nav__content .main-menu__list>li>ul>li>a>button.expanded,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button.expanded {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background-color: #fff;
  color: var(--verdicta-base);
}

/* no menu after 2rd level dropdown */
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>ul {
  display: none !important;
}

.mobile-nav__content .main-menu__list li.cart-btn span {
  position: relative;
  top: auto;
  right: auto;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.mobile-nav__content .main-menu__list li.cart-btn i {
  font-size: 16px;
}

.mobile-nav__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}

.mobile-nav__top .main-menu__login a {
  color: var(--verdicta-text-dark);
}

.mobile-nav__container {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mobile-nav__social a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: var(--verdicta-white);
  -webkit-transition: 500ms;
  transition: 500ms;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(var(--verdicta-white-rgb), .30);
  border-radius: 50%;
}

.mobile-nav__social a+a {
  margin-left: 10px;
}

.mobile-nav__social a:hover {
  color: var(--verdicta-base);
  background: var(--verdicta-white);
  border-color: var(--verdicta-white);
}

.mobile-nav__contact {
  margin-bottom: 0;
  margin-top: 30px;
  margin-bottom: 30px;
}

.mobile-nav__contact li {
  color: var(--verdicta-white);
  font-size: 16px;
  font-weight: 500;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mobile-nav__contact li+li {
  margin-top: 15px;
}

.mobile-nav__contact li a {
  color: var(--verdicta-white);
  -webkit-transition: 500ms;
  transition: 500ms;
}

.mobile-nav__contact li a:hover {
  color: var(--verdicta-base);
}

.mobile-nav__contact li>i {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--verdicta-base);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 15px;
  margin-right: 10px;
  color: var(--verdicta-white);
}

.mobile-nav__container .main-logo,
.mobile-nav__container .topbar__buttons,
.mobile-nav__container .main-menu__language,
.mobile-nav__container .main-menu__login {
  display: none;
}


/***
=============================================
Home Showcase Css
=============================================
***/
.home-showcase {
  margin-top: -31px;
  margin-bottom: -31px;
}

.main-header-one__bottom .home-showcase .container {
  max-width: 1350px;
  width: 100%;
}

.home-showcase__inner {
  padding: 40px 42px 33px;
  background-color: var(--verdicta-white);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.home-showcase .row {
  --bs-gutter-x: 42px;
  --bs-gutter-y: 20px;
  justify-content: center;
}

.home-showcase__item {
  position: relative;
  display: block;
  margin-bottom: 7px;
  border: 2px solid var(--verdicta-bdr-color);
  border-radius: var(--verdicta-bdr-radius);
  padding: 10px 10px 16px;
}

.home-showcase__image {
  position: relative;
  overflow: hidden;
  border-radius: var(--verdicta-bdr-radius);
}

.home-showcase__image>img {
  width: 100%;
  border-radius: var(--verdicta-bdr-radius);
  transition: filter 500ms ease;
  filter: blur(0px);
}

.home-showcase__image:hover>img {
  filter: blur(2px);
}

.home-showcase__image:hover .home-showcase__buttons {
  transform: scale(1, 1);
  opacity: 1;
  transform-origin: top center;
}

.home-showcase__buttons {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  transform: scale(1, 0);
  transition: transform 500ms ease, opacity 600ms linear;
  transform-origin: bottom center;
  opacity: 0;
  background-color: rgba(var(--verdicta-black-rgb), .70);
  border-radius: var(--verdicta-bdr-radius);
}

.home-showcase__buttons__item {
  padding: 0px 17px 0px;
  width: 150px;
  text-align: center;
  color: var(--verdicta-white);
  background-color: var(--verdicta-base);
}

.home-showcase__buttons__item+.home-showcase__buttons__item {
  margin-top: 10px;
}

.home-showcase__title {
  margin: 0;
  text-align: center;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  color: var(--verdicta-black);
  margin-top: 18px;
  text-transform: capitalize;
  font-family: var(--verdicta-font);
}

.mobile-nav__wrapper .home-showcase .row [class*=col-] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.mobile-nav__wrapper .home-showcase__inner {
  padding: 46px 0px;
  background-color: rgba(0, 0, 0, 0);
}

.mobile-nav__wrapper .home-showcase__title {
  color: var(--verdicta-white, #ffffff);
}


/***
=============================================
Main Header One Css
=============================================
***/
.main-header-one {
  position: relative;
  display: block;
  width: 100%;
  transition: all 500ms ease;
  z-index: 999;
}

.main-header-one__top {
  position: relative;
  display: block;
  background-color: #000f1c;
  z-index: 99;
}

.main-header-one__top::before {
  position: absolute;
  top: 0;
  left: 65%;
  bottom: 0;
  right: 0px;
  border-top: 31px solid #9d732a;
  border-left: 23px solid transparent;
  content: "";
  z-index: -1;
}

.main-header-one__top .container {
  
  width: 100%;
}

.main-header-one__top-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 2px 0px;
}

.header-style1__contact {
  position: relative;
  display: flex;
  align-items: center;
}

.header-style1__contact li {
  position: relative;
  display: flex;
  align-items: center;
}

.header-style1__contact li+li {
  margin-left: 45px;
}

.header-style1__contact li:before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 5px;
  left: -23px;
  width: 1px;
  background-color: rgba(255, 255, 255, .60);
}

.header-style1__contact li:first-child:before {
  display: none;
}

.header-style1__contact li .icon {
  position: relative;
  display: flex;
  align-items: center;
}

.header-style1__contact li .icon i {
  position: relative;
  display: inline-block;
  color: #FFFFFF;
  font-size: 11px;
  line-height: 16px;
}

.header-style1__contact li .text {
  margin-left: 10px;
}

.header-style1__contact li .text p {
  color: #FFFFFF;
    font-size: 11px;
    line-height: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.header-style1__contact li .text p a {
  color: #FFFFFF;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.header-style1__contact li .text p a:hover {
  color: #05080D;
}

.main-header-one__top-right {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.main-header-one__top-right span{
  font-size: 10px;
	letter-spacing: 2px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.main-header__language-switcher {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 23px;
}

.main-header__language-switcher .icon {
  position: relative;
  display: block;
  margin-right: 10px;
}

.main-header__language-switcher .icon span {
  position: relative;
  display: inline-block;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 16px;
  top: 2px;
}

.main-header__language-switcher .language-switcher {
  position: relative;
  display: block;
}

.main-header__language-switcher .language-switcher form {
  position: relative;
  display: block;
  width: 65px;
}

.main-header__language-switcher .language-switcher form .select-box {
  position: relative;
  display: block;
}

.main-header__language-switcher .nice-select {
  background-color: #05080D;
  border-radius: 0px;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 400;
  height: 25px;
  line-height: 25px;
  outline: none;
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
  font-family: var(--verdicta-font);
}

.main-header__language-switcher .nice-select:after {
  right: 0px;
  margin-top: -5px;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}

.main-header__language-switcher .nice-select .list {
  width: 115px;
  background-color: #05080D;
}

.header-style1__social-links {
  position: relative;
  display: flex;
  align-items: center;
  line-height: 0;
  padding-left: 20px;
}

/*.header-style1__social-links::before {
  position: absolute;
  top: -1px;
  left: 0;
  bottom: -2px;
  width: 1px;
  background-color: rgba(255, 255, 255, .60);
  content: "";
}*/

.header-style1__social-links a {
  position: relative;
  display: inline-block;
  color: #FFFFFF;
}

.header-style1__social-links a i::before {
  position: relative;
  display: inline-block;
  font-size: 11px;
  line-height: 15px;
}

.header-style1__social-links a:hover {
  color: #D9A21B;
}

.header-style1__social-links a+a {
  margin-left: 20px;
}

.main-header-one__bottom {
    position: absolute;
    top: 10;
    left: 0;
    width: 100%;
    background: transparent !important;
    z-index: 100;
}
.main-header-one__bottom .main-menu,
.main-header-one__bottom .main-menu__wrapper,
.main-header-one__bottom .main-menu__wrapper-inner {
    background: transparent !important;
}
.main-menu .main-menu__list>li>ul>li>a, .main-menu .main-menu__list>li>ul>li>ul>li>a, .stricky-header .main-menu__list>li>ul>li>a, .stricky-header .main-menu__list>li>ul>li>ul>li>a{
    color: #FFFFFF !important;
}
.main-menu .main-menu__list li a{
    color: #FFFFFF !important;
}

/* Dropdown arrow */
.main-header-one__bottom .main-menu__list > li.dropdown > a::after {
    color: #FFFFFF !important;
}

/* Hover / active */
.main-header-one__bottom .main-menu__list > li:hover > a,
.main-header-one__bottom .main-menu__list > li.current > a {
    color: #D9A21B !important;
}

.main-header-one__bottom .main-menu__list > li:hover > a::after,
.main-header-one__bottom .main-menu__list > li.current > a::after {
    color: #D9A21B !important;
}


.main-header-one__bottom .container {
  	
  width: 100%;
}

.main-menu__wrapper-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.main-header-one__bottom-left {
  position: relative;
  display: block;
}

.logo-one {
  position: relative;
  display: block;
  z-index: 1;
}

.logo-one a {
  position: relative;
  display: block;
}

.logo-one a img {
  width: 100%;
}

.main-header-one__bottom-middle {
  display: block;
}

.main-menu__main-menu-box {
  display: block;
}

.main-header-one__bottom-right {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.header-search-box {
  position: relative;
  display: block;
}

.main-menu__search {
  position: relative;
  display: block;
  color: var(--verdicta-black);
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu__search:hover {
  color: var(--verdicta-base);
}

.main-header__shop {
  position: relative;
  display: block;
  margin-left: 18px;
}

.main-header__shop .icon-box {
  position: relative;
  display: block;
}

.main-header__shop .icon-box a {
  position: relative;
  display: inline-block;
  color: var(--verdicta-black);
}

.main-header__shop .icon-box a:hover {
  color: var(--verdicta-base);
}

.main-header__shop .icon-box a i::before {
  position: relative;
  display: inline-block;
  font-size: 21px;
  line-height: 21px;
  font-weight: 700;
}

.main-header__shop .icon-box .count {
  position: absolute;
  top: -2px;
  right: -8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  background: var(--verdicta-base);
  border-radius: 50%;
}

.main-header__shop .icon-box .count span {
  position: relative;
  color: var(--verdicta-white);
  font-size: 12px;
  font-weight: 500;
  top: -1px;
}

.main-header__btn {
  position: relative;
  display: block;
  margin-left: 43px;
  line-height: 0px;
}

.stricky-header.stricky-header__one .main-menu__list>li {
  padding-top: 40px;
  padding-bottom: 38px;
}

.stricky-header.main-menu {
  background-color: #000f1c;
}

.stricky-header__one .container {
 
  width: 100%;
}


/***
=============================================
Main Menu
=============================================
***/

.main-menu {
  position: relative;
  display: block;
}

.main-menu__wrapper {
  position: relative;
  display: block;
}

.main-menu .main-menu__list,
.main-menu .main-menu__list>li>ul,
.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list,
.stricky-header .main-menu__list>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
}

@media (min-width: 1200px) {

  .main-menu .main-menu__list,
  .main-menu .main-menu__list>li>ul,
  .main-menu .main-menu__list>li>ul>li>ul,
  .stricky-header .main-menu__list,
  .stricky-header .main-menu__list>li>ul,
  .stricky-header .main-menu__list>li>ul>li>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.main-menu .main-menu__list>li,
.stricky-header .main-menu__list>li {
  padding-top: 35px;
  padding-bottom: 33px;
  position: relative;
}

.main-menu .main-menu__list>li+li,
.stricky-header .main-menu__list>li+li {
  margin-left: 35px;
}

.main-menu .main-menu__list>li>a,
.stricky-header .main-menu__list>li>a {
  color: var(--verdicta-black);
  font-size: 13px;
  line-height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: 600;
  text-transform: uppercase;
  font-family: var(--verdicta-font-two);
	text-transform: uppercase;
	letter-spacing: 2px;
}

.main-menu .main-menu__list>li.current>a,
.main-menu .main-menu__list>li:hover>a,
.stricky-header .main-menu__list>li.current>a,
.stricky-header .main-menu__list>li:hover>a {
  color: var(--verdicta-base);
}

.main-menu .main-menu__list>li.dropdown>a {
  padding-right: 16px;
}

.main-menu .main-menu__list>li.dropdown>a:after {
  position: absolute;
  top: 46%;
  right: 0;
  font-family: 'icomoon' !important;
  content: "\e97b";
  font-size: 10px;
  color: var(--verdicta-black);
  transform: translateY(-50%);
  font-weight: 700;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.main-menu .main-menu__list>li.current>a::after,
.main-menu .main-menu__list>li:hover>a::after,
.stricky-header .main-menu__list>li.current>a::after,
.stricky-header .main-menu__list>li:hover>a::after {
  color: var(--verdicta-base);
}

.main-menu .main-menu__list>li>ul,
.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 270px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  opacity: 0;
  visibility: hidden;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scaleY(0) translateZ(100px);
  transform: scaleY(0) translateZ(100px);
  -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
  z-index: 99;
  background-color: rgb(255, 255, 255);
  padding: 0px 0px 0px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.shadow-box {
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}

.main-menu .main-menu__list>li>ul>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul>li>ul {
  display: none;
}

.main-menu .main-menu__list>li:hover>ul,
.main-menu .main-menu__list>li>ul>li:hover>ul,
.stricky-header .main-menu__list>li:hover>ul,
.stricky-header .main-menu__list>li>ul>li:hover>ul {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1) translateZ(0px);
  transform: scaleY(1) translateZ(0px);
}

.main-menu .main-menu__list>li>ul>li,
.main-menu .main-menu__list>li>ul>li>ul>li,
.stricky-header .main-menu__list>li>ul>li,
.stricky-header .main-menu__list>li>ul>li>ul>li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  width: 100%;
  position: relative;
}

.main-menu .main-menu__list>li>ul>li+li,
.main-menu .main-menu__list>li>ul>li>ul>li+li,
.stricky-header .main-menu__list>li>ul>li+li,
.stricky-header .main-menu__list>li>ul>li>ul>li+li {
  border-top: 1px solid rgb(5 39 69);
}

.main-menu .main-menu__list>li>ul>li>a,
.main-menu .main-menu__list>li>ul>li>ul>li>a,
.stricky-header .main-menu__list>li>ul>li>a,
.stricky-header .main-menu__list>li>ul>li>ul>li>a {
  position: relative;
  font-size: 12px;
  line-height: 13px;
  color: #A5D0F5;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  -webkit-transition: 500ms;
  transition: 500ms;
  background-color: #000f1c;
  border-radius: 0px;
  z-index: 1;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.main-menu .main-menu__list>li>ul>li:hover>a,
.main-menu .main-menu__list>li>ul>li>ul>li:hover>a,
.stricky-header .main-menu__list>li>ul>li:hover>a,
.stricky-header .main-menu__list>li>ul>li>ul>li:hover>a {
  color: var(--verdicta-white);
}


.main-menu .main-menu__list>li>ul>li>a::before,
.main-menu .main-menu__list>li>ul>li>ul>li>a::before,
.stricky-header .main-menu__list>li>ul>li>a::before,
.stricky-header .main-menu__list>li>ul>li>ul>li>a::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  bottom: 0px;
  background-color: #9d732a;
  border-radius: 0px;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: right center;
  transform-origin: right center;
  z-index: -1;
}

.main-menu .main-menu__list>li>ul>li:hover>a::before,
.main-menu .main-menu__list>li>ul>li>ul>li:hover>a::before,
.stricky-header .main-menu__list>li>ul>li:hover>a::before,
.stricky-header .main-menu__list>li>ul>li>ul>li:hover>a::before {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
  top: 0;
  left: 100%;
  border-left: 2px solid transparent;
  background-color: transparent;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
}

.main-menu .main-menu__list>li>ul>li.dropdown>a:after {
  position: absolute;
  top: 50%;
  right: 30px;
  font-family: 'icomoon' !important;
  content: "\e970";
  font-size: 12px;
  color: var(--verdicta-black);
  transform: translateY(-50%);
  font-weight: 700;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.main-menu .main-menu__list>li>ul>li:hover.dropdown>a::after {
  color: var(--verdicta-white);
}

.main-menu .main-menu__list li ul li>ul.right-align,
.stricky-header .main-menu__list li ul li>ul.right-align {
  top: 0;
  left: auto;
  right: 100%;
}

.main-menu-four__main-menu-box .main-menu__list>.megamenu,
.main-menu-three__main-menu-box .main-menu__list>.megamenu,
.main-menu-two__main-menu-box .main-menu__list>.megamenu,
.main-menu__wrapper .main-menu__list>.megamenu {
  position: static;
}

.main-menu-four__main-menu-box .main-menu__list>.megamenu>ul,
.main-menu-three__main-menu-box .main-menu__list>.megamenu>ul,
.main-menu-two__main-menu-box .main-menu__list>.megamenu>ul,
.main-menu__wrapper .main-menu__list>.megamenu>ul {
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  background-color: transparent;
}

.main-menu-three__main-menu-box .main-menu__list>.megamenu>ul>li,
.main-menu-two__main-menu-box .main-menu__list>.megamenu>ul>li,
.main-menu__wrapper .main-menu__list>.megamenu>ul>li {
  padding: 31px !important;
}

.stricky-header {
  position: fixed;
  z-index: 991;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  visibility: hidden;
  -webkit-transform: translateY(-120%);
  transform: translateY(-120%);
  -webkit-transition: visibility 500ms ease, -webkit-transform 500ms ease;
  transition: visibility 500ms ease, -webkit-transform 500ms ease;
  transition: transform 500ms ease, visibility 500ms ease;
  transition: transform 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}

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

.stricky-header.stricky-fixed {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
}

.stricky-header .main-menu__inner {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-right: 0;
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
}

.mobile-nav__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: 10px;
}

@media (min-width: 1200px) {
  .mobile-nav__buttons {
    display: none;
  }
}

.mobile-nav__buttons a {
  font-size: 20px;
  color: var(--verdicta-base);
  cursor: pointer;
}

.mobile-nav__buttons a+a {
  margin-left: 10px;
}

.mobile-nav__buttons a:hover {
  color: var(--verdicta-base);
}

.main-menu .mobile-nav__toggler {
  font-size: 25px;
  color: var(--verdicta-base);
  cursor: pointer;
  line-height: 0px;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.main-menu .mobile-nav__toggler:hover {
  color: var(--verdicta-black);
}

.main-menu .mobile-nav__toggler i::before {
  position: relative;
  display: inline-block;
  top: 2px;
}

@media (min-width: 1200px) {
  .main-menu .mobile-nav__toggler {
    display: none;
  }
}

/***
=============================================
Main Header Two Css
=============================================
***/
.main-header-one--two {
  position: relative;
  display: block;
  z-index: 999;
}

.main-header-one--two .main-header-one__top {
  background-color: var(--verdicta-black);
}

.main-header-one--two .main-header-one__top::before {
  display: none;
}

.main-header-one--two .main-header-one__top-right {
  position: relative;
  display: block;
  padding-left: 50px;
  z-index: 1;
}

.main-header-one--two .main-header-one__top-right::before {
  position: absolute;
  top: -9px;
  left: 100px;
  bottom: -8px;
  right: -9999999px;
  background: var(--verdicta-base);
  content: "";
  z-index: -1;
}

.main-header-one--two .main-header-one__top-right-inner {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
  padding-left: 55px;
}

.main-header-one--two .main-header-one__top-right-inner::before {
  position: absolute;
  top: -9px;
  left: 0;
  bottom: -8px;
  right: 0;
  background: var(--verdicta-base);
  clip-path: polygon(5% 2%, 100% 0, 100% 50%, 100% 100%, 5% 100%, 0% 50%);
  content: "";
  z-index: -1;
}

.main-header-one--two .main-header-one__top-right-inner::after {
  position: absolute;
  top: -9px;
  left: -8px;
  bottom: -8px;
  right: 0px;
  background: rgba(var(--verdicta-base-rgb), .50);
  clip-path: polygon(5% 2%, 100% 0, 100% 50%, 100% 100%, 5% 100%, 0% 50%);
  content: "";
  z-index: -2;
}

.main-header-one--two .main-header__language-switcher .nice-select {
  background-color: var(--verdicta-base);
}

.main-header-one--two .header-style1__contact li .text p a:hover {
  color: var(--verdicta-base);
}

.main-header-one--two .header-style1__social-links a:hover {
  color: var(--verdicta-black);
}

.main-header-one--two .main-header-one__bottom-left {
  position: relative;
  display: block;
  z-index: 1;
}

.main-header-one--two .main-header-one__bottom-left:before,
.stricky-header__two .main-header-one__bottom-left:before {
  position: absolute;
  top: -17px;
  left: -999999px;
  bottom: -16px;
  right: 100px;
  background: var(--verdicta-base);
  content: "";
  z-index: -1;
}

.main-header-one--two .logo-one,
.stricky-header__two .logo-one {
  position: relative;
  display: block;
  padding-right: 80px;
  z-index: 1;
}

.main-header-one--two .logo-one::before,
.stricky-header__two .logo-one::before {
  position: absolute;
  top: -17px;
  left: 0;
  bottom: -17px;
  right: 0;
  background: var(--verdicta-base);
  clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%, 0% 50%);
  content: "";
  z-index: -1;
}

.main-header-one--two .logo-one::after,
.stricky-header__two .logo-one::after {
  position: absolute;
  top: -17px;
  left: 0;
  bottom: -17px;
  right: -8px;
  background: rgba(var(--verdicta-base-rgb), .50);
  clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%, 0% 50%);
  content: "";
  z-index: -2;
}

.main-header-one__bottom-right .sidebar-icon {
  position: relative;
  display: block;
  padding-left: 20px;
  margin-left: 20px;
  padding-right: 10px;
}

.main-header-one__bottom-right .sidebar-icon::after {
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: 0px;
  width: 1px;
  background: var(--verdicta-black);
  content: "";
}

.main-header-one__bottom-right .sidebar-icon a {
  position: relative;
  display: block;
  width: 41px;
}

.main-header-one__bottom-right .sidebar-icon a span+span {
  margin-top: 5px;
}

.main-header-one__bottom-right .sidebar-icon a .nav-sidebar-menu-1 {
  position: relative;
  display: block;
  height: 2px;
  width: 20px;
  background-color: var(--verdicta-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-header-one__bottom-right .sidebar-icon a:hover .nav-sidebar-menu-1 {
  width: 30px;
  background: var(--verdicta-base);
}

.main-header-one__bottom-right .sidebar-icon a .nav-sidebar-menu-2 {
  position: relative;
  display: block;
  height: 2px;
  width: 30px;
  background-color: var(--verdicta-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-header-one__bottom-right .sidebar-icon a:hover .nav-sidebar-menu-2 {
  width: 20px;
  background: var(--verdicta-base);
}

.main-header-one__bottom-right .sidebar-icon a .nav-sidebar-menu-3 {
  position: relative;
  display: block;
  height: 2px;
  width: 25px;
  background-color: var(--verdicta-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-header-one__bottom-right .sidebar-icon a:hover .nav-sidebar-menu-3 {
  width: 30px;
  background: var(--verdicta-base);
}

.main-header-one--two .main-header__btn,
.stricky-header__two .main-header__btn {
  margin-left: 0px;
}

.stricky-header__two .container {
  max-width: 1590px;
  width: 100%;
}

/***
=============================================
Main Slider One
=============================================
***/
.main-slider-one {
    position: relative;
    display: block;
    z-index: 1;
}

.main-slider-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 6000ms linear;
    -moz-transition: all 6000ms linear;
    -ms-transition: all 6000ms linear;
    -o-transition: all 6000ms linear;
    transition: all 6000ms linear;
    z-index: -1;
}

.main-slider-one .active .main-slider-one__bg {
    -webkit-transform: scale(1.10);
    -ms-transform: scale(1.10);
    transform: scale(1.10);
}

.main-slider-one__bg::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(
        90deg,
        rgba(3, 7, 12, 0.96) 0%,
        rgba(6, 17, 27, 0.92) 22%,
        rgba(7, 28, 44, 0.78) 42%,
        rgba(7, 28, 44, 0.48) 62%,
        rgba(7, 28, 44, 0.18) 80%,
        rgba(7, 28, 44, 0.00) 100%
    );
    content: "";
    z-index: -1;
}

.main-slider-one__single {
    position: relative;
    display: flex;
    align-items: center;
    height: 670px;
    padding: 0;
    z-index: 1;
}

.main-slider-one__content {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 5;
    max-width: 850px;
    width: 100%;
}

.main-slider-one__content .tagline {
    position: relative;
    display: block;
    margin-bottom: 10px;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
    transform: perspective(400px) rotateY(0deg) translateY(-80px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
    z-index: 10;
}

.main-slider-one .active .main-slider-one__content .tagline {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

.main-slider-one__content .tagline span {
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--verdicta-white);
    letter-spacing: 2px;
}

.main-slider-one__content .title-box {
    position: relative;
    display: block;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
    transform: perspective(400px) rotateY(0deg) translateY(-80px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1200ms ease;
    -moz-transition: all 1200ms ease;
    -ms-transition: all 1200ms ease;
    -o-transition: all 1200ms ease;
    transition: all 1200ms ease;
    z-index: 10;
}

.main-slider-one .active .main-slider-one__content .title-box {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 900ms;
    -moz-transition-delay: 900ms;
    -ms-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    transition-delay: 900ms;
}

.main-slider-one__content .title-box h2 {
    color: var(--verdicta-white);
    font-size: 40px;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase;
}

.main-slider-one__content .text-box {
    position: relative;
    display: block;
    margin-top: 30px;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
    transform: perspective(400px) rotateY(0deg) translateY(80px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
    z-index: 10;
}

.main-slider-one .active .main-slider-one__content .text-box {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

.main-slider-one__content .text-box p {
    color: var(--verdicta-white);
	font-size: 13px;
	letter-spacing: 1px;
}

.main-slider-one__btn {
    position: relative;
    display: block;
    margin-top: 52px;
    line-height: 0px;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
    transform: perspective(400px) rotateY(0deg) translateY(80px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
    z-index: 10;
}

.main-slider-one__btn .thm-btn:hover {
    color: var(--verdicta-black);
}

.main-slider-one__btn .hover-btn {
    background: var(--verdicta-white);
}

.main-slider-one .active .main-slider-one__btn {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

.main-slider__carousel.owl-theme .owl-dots {
    margin-top: 0px;
    position: absolute;
    top: 50%;
    left: 60px;
    transform: translateY(-50%);
    z-index: 99;
    padding-top: 100px;
    padding-bottom: 100px;
}

.main-slider__carousel.owl-theme .owl-dots::before {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 4px;
    height: 85px;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 14%, rgba(255, 255, 255, 0.7595413165266106) 35%, rgba(255, 255, 255, 0.5746673669467788) 57%, rgba(255, 255, 255, 0.19371498599439774) 95%);
    transform: translateX(-50%);
    opacity: 0.3;
    content: "";
}

.main-slider__carousel.owl-theme .owl-dots::after {
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 4px;
    height: 85px;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 14%, rgba(255, 255, 255, 0.7595413165266106) 35%, rgba(255, 255, 255, 0.5746673669467788) 57%, rgba(255, 255, 255, 0.19371498599439774) 95%);
    transform: translateX(-50%);
    opacity: 0.3;
    content: "";
}

.main-slider__carousel.owl-theme .owl-dots .owl-dot {
    display: block;
}

.main-slider__carousel.owl-theme .owl-dots .owl-dot span {
    position: relative;
    display: block;
    width: 10px;
    height: 10px;
    margin: 10.5px 0px;
    background: rgba(var(--verdicta-white-rgb), 0.4);
    border-radius: 50%;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.main-slider__carousel.owl-theme .owl-dots .owl-dot.active span,
.main-slider__carousel.owl-theme .owl-dots .owl-dot:hover span {
    background: rgba(var(--verdicta-white-rgb), 1.0);
}

.main-slider__carousel.owl-theme .owl-dots .owl-dot span::before {
    position: absolute;
    top: -8px;
    left: -8px;
    bottom: -8px;
    right: -8px;
    border: 1px solid rgba(var(--verdicta-white-rgb), 0.4);
    border-radius: 50%;
    transform: scaleX(0);
    transition: all 200ms linear;
    transition-delay: 0.1s;
    content: "";
}

.main-slider__carousel.owl-theme .owl-dots .owl-dot.active span::before,
.main-slider__carousel.owl-theme .owl-dots .owl-dot:hover span::before {
    transform: scaleX(1.0);
    border: 1px solid rgba(var(--verdicta-white-rgb), 1.0);
}

.main-slider-one .line {
    position: absolute;
    top: 0;
    left: 16.66%;
    bottom: 0;
    width: 1px;
    background: rgba(var(--verdicta-white-rgb), 0.08);
    content: "";
    z-index: 1;
}

.main-slider-one .line::after {
    content: "";
    height: 70px;
    width: 1px;
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 1;
    background: linear-gradient(to bottom, #0c1f38, #bb9880, #0c1f38);
    z-index: 3;
    animation: slideToBottom 10s linear infinite alternate;
}

.main-slider-one .line2::after,
.main-slider-one .line4::after {
    content: "";
    height: 70px;
    width: 1px;
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 1;
    background: linear-gradient(to bottom, #0c1f38, #bb9880, #0c1f38);
    z-index: 3;
    animation: slideToBottom 15s linear infinite alternate;
}

.main-slider-one .line.line2 {
    position: absolute;
    top: 0;
    left: 33.33%;
    bottom: 0;
    width: 1px;
    background: rgba(var(--verdicta-white-rgb), 0.08);
    content: "";
    z-index: 1;
}

.main-slider-one .line.line3 {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    width: 1px;
    background: rgba(var(--verdicta-white-rgb), 0.08);
    content: "";
    z-index: 1;
}

.main-slider-one .line.line4 {
    position: absolute;
    top: 0;
    left: 66.66%;
    bottom: 0;
    width: 1px;
    background: rgba(var(--verdicta-white-rgb), 0.08);
    content: "";
    z-index: 1;
}

.main-slider-one .line.line5 {
    position: absolute;
    top: 0;
    left: 83.33%;
    bottom: 0;
    width: 1px;
    background: rgba(var(--verdicta-white-rgb), 0.08);
    content: "";
    z-index: 1;
}

/***
=============================================
Main Slider Two
=============================================
***/
.main-slider-one--two {
    position: relative;
    display: block;
}

.main-slider-one--two .main-slider-one__bg::before {
    background: #0C1F38;
    background: linear-gradient(90deg, rgba(12, 31, 56, 1) 0%, rgba(12, 31, 56, 1) 48%, rgba(12, 31, 56, 0.79) 63%, rgba(12, 31, 56, 0.08) 73%, rgba(12, 31, 56, 0) 100%);
}

.main-slider-one--two .shape1 {
    position: absolute;
    bottom: 145px;
    left: 880px;
    opacity: 0.15;
    animation: shake-l-r 4s linear 0s infinite;
    z-index: -1;
}

.main-slider-one--two .shape2 {
    position: absolute;
    top: 65px;
    left: 70px;
    opacity: 0.1;
    z-index: -1;
}

.main-slider-one--two .main-slider-one__single {
    padding: 204px 0px 260px;
}

.main-slider-one--two .main-slider-one__content {
    overflow: visible;
}

.main-slider-one--two .main-slider-one__content .tagline {
    position: relative;
    display: block;
    padding-left: 38px;
}

.main-slider-one--two .main-slider-one__content .tagline::before {
    position: absolute;
    top: 10px;
    left: 0;
    width: 25px;
    height: 2px;
    border-radius: 50%;
    background: var(--verdicta-base);
    content: "";
}

.main-slider-one--two .main-slider-one__content .tagline span {
    color: var(--verdicta-base);
}

.main-slider-one--two .main-slider-one__btn {
    position: relative;
    display: flex;
    align-items: center;
}

.main-slider-one--two .main-slider-one__btn .thm-btn:hover {
    color: var(--verdicta-black);
}

.main-slider-one--two .main-slider-one__btn .hover-btn {
    background-color: var(--verdicta-white);
}

.main-slider__video {
    position: relative;
    display: block;
    margin-left: 30px;
}

.main-slider__video-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 18px;
    color: var(--verdicta-base);
    background-color: var(--verdicta-white);
    border-radius: 50%;
    margin: 0 auto 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.main-slider__video-icon:hover {
    background-color: var(--verdicta-base);
    color: var(--verdicta-white);
}

.main-slider__video .ripple,
.main-slider__video-icon .ripple:before,
.main-slider__video-icon .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(var(--verdicta-base-rgb), 0.6);
    -o-box-shadow: 0 0 0 0 rgba(var(--verdicta-base-rgb), 0.6);
    -webkit-box-shadow: 0 0 0 0 rgba(var(--verdicta-base-rgb), 0.6);
    box-shadow: 0 0 0 0 rgba(var(--verdicta-base-rgb), 0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.main-slider__video-icon .ripple:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
}

.main-slider__video-icon .ripple:after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
}

/***
=============================================
Banner One
=============================================
***/
.banner-one {
    position: relative;
    display: block;
    background: var(--verdicta-gray-bg);
    padding: 174px 0px 180px;
    overflow: hidden;
    z-index: 1;
}

.banner-one__inner {
    position: relative;
    display: block;
}

.banner-one__inner .shape4 {
    position: absolute;
    top: -90px;
    left: 925px;
}

.banner-one__inner .shape5 {
    position: absolute;
    bottom: -70px;
    left: 160px;
}

.banner-one__inner .shape6 {
    position: absolute;
    bottom: 100px;
    right: 785px;
    animation: shake-l-r 4s linear 0s infinite;
}

.banner-one__inner .shape7 {
    position: absolute;
    top: -110px;
    left: 35px;
    animation: shake-l-r 4s linear 0s infinite;
    opacity: 0.25;
}

.banner-one__content {
    position: relative;
    display: block;
    z-index: 1;
}

.banner-one__img1 {
    position: absolute;
    top: 55px;
    right: -55px;
    width: 410px;
    height: 410px;
    border: 5px solid var(--verdicta-white);
    border-radius: 50%;
    overflow: hidden;
}

.banner-one__img2 {
    position: absolute;
    top: -370px;
    right: -220px;
    width: 450px;
    height: 900px;
    border-radius: 300px;
    transform: rotate(39deg);
    overflow: hidden;
}

.banner-one__img2::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(var(--verdicta-base-rgb), 0.6);
    mix-blend-mode: overlay;
    content: "";
}

.banner-one__content .shape2 {
    position: absolute;
    top: -200px;
    right: 180px;
    transform: rotate(8deg);
    z-index: -1;
}

.banner-one__content .shape3 {
    position: absolute;
    bottom: -198px;
    right: -170px;
    transform: rotate(8deg);
    z-index: -1;
}

.banner-one__tagline {
    position: relative;
    display: block;
    padding-left: 40px;
    margin-bottom: 19px;
}

.banner-one__tagline::before {
    position: absolute;
    top: 11px;
    left: 0;
    width: 30px;
    height: 4px;
    background: rgba(var(--verdicta-base-rgb), 1.0);
    border-radius: 2px;
    content: "";
}

.banner-one__tagline span {
    color: var(--verdicta-base);
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    text-transform: capitalize;
}

.banner-one__title {
    position: relative;
    display: block;
    margin-bottom: 27px;
}

.banner-one__title h2 {
    color: var(--verdicta-black);
    font-size: 55px;
    line-height: 1.3em;
    font-weight: 700;
    text-transform: capitalize;
}

.banner-one__text {
    position: relative;
    display: block;
}

.banner-one__text p {
    color: var(--verdicta-gray);
    font-size: 18px;
    line-height: 28px;
}

.banner-one__bottom {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 46px;
    gap: 25px;
}


.banner-one__btn {
    position: relative;
    display: block;
    line-height: 0px;
    margin-top: 37px;
}

.banner-one__btn .thm-btn {
    background: var(--verdicta-base);
    color: var(--verdicta-white);
}

.banner-one__btn .thm-btn .hover-btn {
    background-color: var(--verdicta-black);
}

.banner-one__satisfied-partner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 45px;
}

.banner-one__satisfied-partner-list {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.banner-one__satisfied-partner-list li {
    position: relative;
    display: block;
}

.banner-one__satisfied-partner-list li+li {
    margin-left: -16px;
}

.banner-one__satisfied-partner-img {
    position: relative;
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    overflow: hidden;
}

.banner-one__satisfied-partner-img img {
    width: 100%;
    border-radius: 50%;
    border: 2px solid var(--verdicta-base);
}

.banner-one__satisfied-partner-content {
    position: relative;
    display: block;
}

.banner-one__satisfied-partner-content .odometer-formatting-mark {
    display: none;
}

.banner-one__satisfied-partner-count-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 7px;
}

.banner-one__satisfied-partner-count-box p {
    font-size: 24px;
    color: var(--verdicta-black);
    font-weight: 700;
    line-height: 24px !important;
    font-family: var(--verdicta-font-two) !important;
}

.banner-one__satisfied-partner-count-box span {
    font-size: 24px;
    color: var(--verdicta-black);
    font-weight: 700;
    line-height: 24px;
    font-family: var(--verdicta-font-two);
}

.banner-one__satisfied-partner-text {
    color: rgba(var(--verdicta-black-rgb), 0.85);
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
}

.banner-one__google-rating {
    position: absolute;
    bottom: -60px;
    left: 500px;
    background: var(--verdicta-white);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    border-radius: 9px;
    padding: 20px 20px 20px;
    max-width: 192px;
    width: 100%;
}

.banner-one__google-rating::before {
    position: absolute;
    bottom: -20px;
    right: 25px;
    border-top: 20px solid var(--verdicta-white);
    border-left: 0px solid transparent;
    border-right: 16px solid transparent;
    content: "";
    opacity: 0.6;
}

.banner-one__google-rating-img {
    position: relative;
    display: block;
    margin-bottom: 11px;
}

.banner-one__google-rating-img img {
    width: auto;
}

.banner-one__google-rating-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.banner-one__google-rating-star {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.banner-one__google-rating-star span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--verdicta-base);
}

.banner-one__google-rating-count {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px;
}

.banner-one__google-rating-count p {
    font-size: 18px;
    color: var(--verdicta-black);
    font-weight: 500;
}

.banner-one__google-rating-count span {
    font-size: 18px;
    color: var(--verdicta-black);
    font-weight: 500;
}

/*==============================================
    About One
===============================================*/
.about-one {
    position: relative;
    display: block;
    background: var(--verdicta-white);
    padding: 50px 0 50px;
    overflow: hidden;
    z-index: 1;
}

.about-one .shape2 {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.17;
    z-index: -1;
}

.about-one__img {
    position: relative;
    display: block;
    padding-right: 50px;
    z-index: 1;
}

/*.about-one__img .shape1 {
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 295px;
    width: 15px;
    background: var(--verdicta-base);
    border-radius: var(--verdicta-bdr-radius);
    content: "";
}*/

/*.about-one__img1 {
    position: relative;
    display: block;
    background: var(--verdicta-white);
    border-radius: var(--verdicta-bdr-radius);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    padding: 15px;
    overflow: hidden;
}*/

.about-one__img1 .inner {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: var(--verdicta-bdr-radius);
    background: var(--verdicta-black);
}

.about-one__img1 .inner img {
    width: 100%;
    transition: all 500ms ease;
}

.about-one__img:hover .about-one__img1 .inner img {
    opacity: 0.7;
    transform: scaleX(1.05);
}

.about-one__img2 {
    position: absolute;
    bottom: 45px;
    right: 0;
    overflow: hidden;
    border-radius: var(--verdicta-bdr-radius);
    border: 5px solid var(--verdicta-white);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.about-one__img2::before {
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
    background: rgba(var(--verdicta-black-rgb), 0.2);
    content: "";
}

.about-one__img2 img {
    width: 100%;
    transition: all 500ms ease;
}

.about-one__img:hover .about-one__img2 img {
    transform: scaleY(1.05);
}

.about-one__video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
}

.about-one__video-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 25px;
    color: var(--verdicta-base);
    background-color: var(--verdicta-white);
    border: 0px solid var(--verdicta-black);
    box-shadow: 0px 10px 70px 0px rgba(0, 0, 0, .25);
    border-radius: 50%;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    z-index: 1;
}

.about-one__video-icon:hover {
    background-color: var(--verdicta-base);
    color: var(--verdicta-white);
}

.about-one__video .ripple,
.about-one__video-icon .ripple:before,
.about-one__video-icon .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(var(--verdicta-white-rgb), 0.6);
    -o-box-shadow: 0 0 0 0 rgba(var(--verdicta-white-rgb), 0.6);
    -webkit-box-shadow: 0 0 0 0 rgba(var(--verdicta-white-rgb), 0.6);
    box-shadow: 0 0 0 0 rgba(var(--verdicta-white-rgb), 0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.about-one__video-icon .ripple:before {
    position: absolute;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
}

.about-one__video-icon .ripple:after {
    position: absolute;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
}

.about-one__experience {
    position: absolute;
    top: 60px;
    left: -100px;
    height: 200px;
    width: 200px;
    background-color: rgba(var(--verdicta-base-rgb), .80);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    box-shadow: 0px 10px 70px 0px rgba(0, 0, 0, .11);
    clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
    padding: 0 30px 0;
    animation: topBottom 3s ease-in-out infinite;
    z-index: 2;
}

.about-one__experience-inner {
    position: relative;
    height: 180px;
    width: 180px;
    background-color: rgba(var(--verdicta-white-rgb), 1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
    padding: 0 30px 0;
}

.about-one__experience .count-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-one__experience .count-box h2 {
    color: var(--verdicta-base);
    font-size: 60px;
    line-height: 1em;
    font-weight: 700;
    margin-bottom: 3px;
}

.about-one__experience .count-box span {
    color: var(--verdicta-base);
    font-size: 55px;
    font-weight: 700;
}

.about-one__experience p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    text-transform: capitalize;
    font-weight: 600;
}


.about-one__content {
    position: relative;
    display: block;
    margin-left: 20px;
}

.about-one__content .sec-title {
    padding-bottom: 36px;
}

.about-one__content-list {
    position: relative;
    display: block;
    margin-top: 41px;
}

.about-one__content-list ul {
    position: relative;
    display: block;
}

.about-one__content-list ul li {
    position: relative;
    display: block;
    padding-left: 89px;
}

.about-one__content-list ul li+li {
    margin-top: 29px;
}

.about-one__content-list ul li .icon-box {
    position: absolute;
    top: 7px;
    left: 0;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--verdicta-base);
    box-shadow: 0px 10px 70px 0px rgba(0, 0, 0, .11);
    clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}

.about-one__content-list ul li .icon-box .inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    background: var(--verdicta-white);
    box-shadow: 0px 10px 70px 0px rgba(0, 0, 0, .11);
    clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}

.about-one__content-list ul li .icon-box span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-black);
    font-size: 33px;
    line-height: 33px;
    transition: all 500ms ease;
}

.about-one__content-list ul li:hover .icon-box span::before {
    -webkit-animation-name: wobble-horizontal-hover;
    animation-name: wobble-horizontal-hover;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.about-one__content-list ul li .content-box {
    position: relative;
    display: block;
}

.about-one__content-list ul li .content-box h3 {
    font-size: 21px;
    line-height: 31px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 9px;
}

.about-one__content-list ul li .content-box p {
    margin: 0;
}

.about-one__content-btn {
    position: relative;
    display: block;
    line-height: 0px;
    margin-top: 10px;
}

/*==============================================
    About Two
===============================================*/
.about-two {
    position: relative;
    display: block;
    background: var(--verdicta-white);
    padding: 0px 0px 105px;
    z-index: 1;
}

.about-two .shape1 {
    position: absolute;
    top: -180px;
    right: 0px;
    opacity: 0.1;
    z-index: -1;
}

.about-two__img {
    position: relative;
    display: block;
    z-index: 1;
}

.about-two__img .row {
    --bs-gutter-x: 15px;
}

.about-two__img-single {
    position: relative;
    display: block;
    margin-bottom: 15px;
}

.about-two__img-single-img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: var(--verdicta-bdr-radius);
}

.about-two__img-single-img img {
    width: 100%;
}

.about-two__round-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 165px;
    height: 165px;
    background: var(--verdicta-base);
    border-radius: 50%;
    z-index: 5;
}

.about-two__round-text .curved-circle {
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    color: var(--verdicta-white);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    font-family: var(--verdicta-font);
    height: auto !important;
    border-radius: 50%;
    animation: animName 17s linear infinite;
}

.about-two__round-text-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 105px;
    width: 105px;
    line-height: 105px;
    text-align: center;
    background: var(--verdicta-white);
    border-radius: 50%;
    z-index: 3;
}


.about-two__content {
    position: relative;
    display: block;
    margin-left: 20px;
    margin-right: -20px;
}

.about-two__content .sec-title {
    padding-bottom: 31px;
}

.about-two__content-text {
    position: relative;
    display: block;
}

.about-two__content-text p {
    margin: 0;
}

.about-two__tab {
    position: relative;
    display: block;
    margin-top: 36px;
}

.about-two__tab .tabs-button-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--verdicta-gray-bg);
    margin-bottom: 24px;
    z-index: 1;
}

.about-two__tab .tabs-button-box li::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background: rgba(var(--verdicta-black-rgb), 0.25);
    content: "";
}

.about-two__tab .tabs-button-box li:last-child:before {
    display: none;
}

.about-two__tab .tabs-button-box li:last-child {
    margin-right: 0px;
}

.about-two__tab .tabs-button-box .tab-btn-item {
    position: relative;
    display: block;
    width: 100%;
    padding: 13px 20px 12px;
    cursor: pointer;
}

.about-two__tab .tabs-button-box .tab-btn-item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0%;
    background-color: var(--verdicta-base);
    transition: all 0.3s ease;
    z-index: -1;
}

.about-two__tab .tabs-button-box .tab-btn-item.active-btn:after {
    height: 100%;
}

.about-two__tab .tabs-button-box .tab-btn-item h3 {
    color: var(--verdicta-black);
    font-size: 17px;
    line-height: 27px;
    font-weight: 500;
    text-transform: capitalize;
}

.about-two__tab .tabs-button-box .tab-btn-item.active-btn h3 {
    color: var(--verdicta-white);
}

.about-two__tab .tabs-content {
    position: relative;
    display: block;
}

.about-two__tab .tabs-content .tab {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;
    visibility: hidden;
}

.about-two__tab .tabs-content .tab.tab-active {
    position: relative;
    visibility: visible;
    z-index: 5;
}

.about-two__single-tab {
    transition: all 0.7s ease;
    opacity: 0;
    transform: scaleY(0.9);
    transform-origin: top bottom;
}

.about-two__tab .tabs-content .tab.tab-active .about-two__single-tab {
    opacity: 1.0;
    transform: scaleY(1);
    transform-origin: bottom top;
}

.about-two__single-tab-inner {
    position: relative;
    display: block;
}

.about-two__single-tab-text {
    position: relative;
    display: block;
}

.about-two__single-tab-text p {
    margin: 0;
}

.about-two__single-tab-bottom {
    position: relative;
    display: block;
    margin-top: 23px;
}

.about-two__single-tab-bottom-list {
    position: relative;
    display: block;
}

.about-two__single-tab-bottom-list li {
    position: relative;
    display: block;
}

.about-two__single-tab-bottom-list li+li {
    margin-top: 6px;
}

.about-two__single-tab-bottom-list li p {
    margin: 0;
}

.about-two__single-tab-bottom-list li p span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 15px;
    line-height: 15px;
    margin-right: 5px;
    font-weight: 700;
}


.about-two__content-bottom {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}

.about-two__content-founder {
    position: relative;
    display: flex;
    align-items: center;
}

.about-two__content-founder .img-box {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid var(--verdicta-base);
    overflow: hidden;
}

.about-two__content-founder .img-box img {
    width: 100%;
}

.about-two__content-founder .text-box {
    position: relative;
    display: block;
    margin-left: 20px;
    flex: 1;
}

.about-two__content-founder .text-box h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 2px;
}

.about-two__content-founder .text-box p {
    margin: 0;
}

.about-two__content-signature {
    position: relative;
    display: block;
    opacity: 0.3;
}

.about-two__content-btn {
    position: relative;
    display: block;
    line-height: 0px;
}

/*==============================================
    About Three
===============================================*/
.about-three {
    position: relative;
    display: block;
    padding: 120px 0px 120px;
    z-index: 1;
}

.about-three .shape2 {
    position: absolute;
    top: 65px;
    right: 35px;
    opacity: 0.6;
    z-index: -1;
}

.about-three__img {
    position: relative;
    display: block;
    margin-right: 30px;
    padding-right: 75px;
    padding-left: 75px;
}

.about-three__img .shape1 {
    position: absolute;
    top: 0;
    left: 40px;
    bottom: 205px;
    width: 10px;
    background: var(--verdicta-base);
    border-radius: var(--verdicta-bdr-radius);
}

.about-three__img1 {
    position: relative;
    display: block;
    border-radius: var(--verdicta-bdr-radius);
    overflow: hidden;
}

.about-three__img1 img {
    width: 100%;
}

.about-three__img2 {
    position: absolute;
    top: 50px;
    right: 0px;
    border: 3px solid var(--verdicta-white);
    border-radius: var(--verdicta-bdr-radius);
    overflow: hidden;
    z-index: 5;
}

.about-three__img2 img {
    width: 100%;
}

.about-three__experience {
    position: absolute;
    left: 0px;
    bottom: 50px;
    background: var(--verdicta-base);
    border: 3px solid var(--verdicta-white);
    border-radius: var(--verdicta-bdr-radius);
    padding: 26px 35px 29px;
    z-index: 5;
}

.about-three__experience-inner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
}

.about-three__experience-icon {
    position: relative;
    display: block;
}

.about-three__experience-icon span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-white);
    font-size: 65px;
    line-height: 65px;
}

.about-three__experience-content {
    position: relative;
    display: block;
    flex: 1;
}

.about-three__experience-content .count-box {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 2px;
}

.about-three__experience-content .count-box h2 {
    color: var(--verdicta-white);
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    font-family: var(--thm-font);
}

.about-three__experience-content .count-box span {
    position: relative;
    display: inline-block;
    color: var(--verdicta-white);
    font-size: 22px;
    margin-left: 2px;
    top: -1px;
    font-weight: 700;
}

.about-three__experience-content p {
    color: var(--verdicta-white);
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    text-transform: capitalize;
}

.about-three__content {
    position: relative;
    display: block;
}

.about-three__content .sec-title {
    padding-bottom: 31px;
}

.about-three__content-text {
    position: relative;
    display: block;
}

.about-three__content-text p {
    margin: 0;
}

.about-three__content-list-box {
    position: relative;
    display: block;
    margin-top: 29px;
}

.about-three__content-list {
    position: relative;
    display: block;
}

.about-three__content-list li {
    position: relative;
    display: block;
}

.about-three__content-list li+li {
    margin-top: 8px;
}

.about-three__content-list li p {
    margin: 0;
}

.about-three__content-list li p span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 15px;
    line-height: 15px;
    margin-right: 5px;
    font-weight: 700;
}

.about-three__progress-box {
    position: relative;
    display: block;
    margin-top: 30px;
}

.about-three__progress-box .progress-box {
    position: relative;
    display: block;
}

.about-three__progress-box .progress-box+.progress-box {
    margin-top: 28px;
}

.about-three__progress-box .progress-box .bar-title {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-bottom: 15px;
    font-family: var(--verdicta-font-two);
    color: var(--verdicta-black);
}

.about-three__progress-box .progress-box .bar {
    position: relative;
    width: 100%;
    height: 7px;
    background-color: rgba(var(--verdicta-gray-rgb), .10);
    border-radius: 4px;
}

.about-three__progress-box .progress-box .bar-inner {
    position: relative;
    display: block;
    width: 0px;
    height: 7px;
    background: var(--verdicta-base);
    border-radius: 4px;
    -webkit-transition: all 1500ms ease;
    transition: all 1500ms ease;
}

.about-three__progress-box .progress-box .count-box {
    position: absolute;
    right: 0px;
    margin-right: -35px;
    bottom: 18px;
    width: 40px;
    height: 22px;
    background: var(--verdicta-base);
    color: var(--verdicta-white);
    line-height: 22px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    text-align: center;
    letter-spacing: 0;
    opacity: 0;
    font-family: var(--verdicta-font);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.about-three__progress-box .progress-box .counted .count-box {
    opacity: 1;
}

.about-three__progress-box .progress-box .count-box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: -5px;
    border: 5px solid transparent;
    border-top: 5px solid var(--verdicta-base);
    border-left: 5px solid var(--verdicta-base);
}

.about-three__content-btn {
    position: relative;
    display: block;
    margin-top: 50px;
    line-height: 0px;
}

/*==============================================
   Services One
===============================================*/
.services-one {
    position: relative;
    display: block;
    background-color: var(--verdicta-gray-bg);
    padding: 120px 0px 112px;
    z-index: 1;
}

.services-one__pattern {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.05;
    z-index: -1;
}

.services-one__single {
    position: relative;
    display: block;
    background: var(--verdicta-white);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    border-radius: var(--verdicta-bdr-radius);
    margin-bottom: 30px;
}

.services-one__single-img {
    position: relative;
    display: block;
    border-radius: var(--verdicta-bdr-radius);
    overflow: hidden;
}

.services-one__single-img::before {
    background: rgba(255, 255, 255, 0.4);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 1;
    z-index: 1;
    pointer-events: none;
}

.services-one__single:hover .services-one__single-img::before {
    height: 100%;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.services-one__single-img img {
    width: 100%;
    transition: .5s ease;
    transform: scale(1.05);
}

.services-one__single:hover .services-one__single-img img {
    transform: scale(1);
}

.services-one__single-content {
    position: relative;
    display: block;
    padding: 57px 35px 32px;
}

.services-one__single-content .icon-box {
    position: absolute;
    top: -35px;
    left: 35px;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--verdicta-base);
    box-shadow: 0px 10px 70px 0px rgba(0, 0, 0, .11);
    clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}

.services-one__single-content .icon-box .inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    background: var(--verdicta-white);
    box-shadow: 0px 10px 70px 0px rgba(0, 0, 0, .11);
    clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}

.services-one__single-content .icon-box span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-black);
    font-size: 33px;
    line-height: 33px;
    transition: all 500ms ease;
}

.services-one__single:hover .services-one__single-content .icon-box span::before {
    -webkit-animation-name: wobble-horizontal-hover;
    animation-name: wobble-horizontal-hover;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.services-one__single-content h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.services-one__single-content h2 a {
    color: var(--verdicta-black);
}

.services-one__single-content h2 a:hover {
    color: var(--verdicta-base);
}

.services-one__single-content p {
    margin: 0;
}

.services-one__single-content .btn-box {
    position: relative;
    display: block;
    margin-top: 15px;
}

.services-one__single-content .btn-box a {
    color: var(--verdicta-base);
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--verdicta-font-two);
}

.services-one__single-content .btn-box a:hover {
    color: var(--verdicta-black);
}

.services-one__single-content .btn-box a span {
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    top: 1px;
    margin-left: 2px;
}

/*==============================================
   Services Two
===============================================*/
.services-two {
    position: relative;
    display: block;
    background: var(--verdicta-black);
    padding: 120px 0px 120px;
    z-index: 1;
}

.services-two__pattern {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.4;
    z-index: -1;
}

.services-two__bg {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: calc((100% - 470px) / 2);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.services-two__top {
    position: relative;
    display: block;
    max-width: 750px;
    width: 100%;
    margin-left: 500px;
}

.services-two__top .sec-title {
    padding-bottom: 26px;
}

.services-two__top .sec-title__title {
    color: var(--verdicta-white);
}

.services-two__top-text {
    position: relative;
    display: block;
}

.services-two__top-text p {
    color: rgba(var(--verdicta-white-rgb), 0.8);
}

.services-two__bottom {
    position: relative;
    display: block;
    margin-top: 52px;
    width: 1730px;
}

.services-two__single {
    position: relative;
    display: block;
    overflow: hidden;
    border: 3px solid rgba(var(--verdicta-white-rgb), 0.1);
    border-radius: var(--verdicta-bdr-radius);
    padding: 0px 45px 39px;
    background: rgba(var(--verdicta-black-rgb), 0.9);
}

.services-two__single-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 90px;
    background: rgba(var(--verdicta-white-rgb), 0.1);
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    z-index: 1;
}

.services-two__single-icon:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: var(--verdicta-base);
    transition-delay: 0.5s;
    transition: .5s;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(-70deg) scale(0.0);
    -ms-transform: perspective(400px) rotateX(-70deg) scale(0.0);
    transform: perspective(400px) rotateX(-70deg) scale(0.0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    z-index: -1;
}

.services-two__single:hover .services-two__single-icon:before {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg) scale(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scale(1.0);
    transform: perspective(400px) rotateX(0deg) scale(1.0);
}

.services-two__single-icon span {
    position: relative;
    display: block;
    line-height: 0px;
}

.services-two__single-icon span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-white);
    font-size: 40px;
    line-height: 40px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.services-two__single:hover .services-two__single-icon span::before {
    color: var(--verdicta-white);
}

.services-two__single-content {
    position: relative;
    display: block;
    margin-top: 23px;
}

.services-two__single-content h2 {
    position: relative;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    padding-bottom: 3px;
    margin-bottom: 24px;
}

.services-two__single-content h2::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: var(--verdicta-base);
    content: "";
}

.services-two__single-content h2 a {
    color: var(--verdicta-white);
}

.services-two__single-content h2 a:hover {
    color: var(--verdicta-base);
}

.services-two__single-content p {
    color: rgba(var(--verdicta-white-rgb), 0.8);
    margin: 0;
}

.services-two__single-content .btn-box {
    position: relative;
    display: block;
    margin-top: 21px;
}

.services-two__single-content .btn-box a {
    color: var(--verdicta-white);
    font-size: 17px;
    line-height: 27px;
    font-weight: 500;
    text-transform: capitalize;
}

.services-two__single-content .btn-box a:hover {
    color: var(--verdicta-base);
}

.services-two__single-content .btn-box a span::before {
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    margin-left: 2px;
    font-weight: 700;
}

/*==============================================
   Services One Services
===============================================*/
.services-one--services {
    position: relative;
    display: block;
    padding: 120px 0px 90px;
    z-index: 1;
}


/*==============================================
  Services Details
===============================================*/
.services-details {
    position: relative;
    display: block;
    padding: 120px 0px 120px;
    z-index: 1;
}

.services-details__content {
    position: relative;
    display: block;
}

.services-details__content-img1 {
    position: relative;
    display: block;
    border-radius: var(--verdicta-bdr-radius);
    overflow: hidden;
}

.services-details__content-img1 img {
    width: 100%;
}

.services-details__content-text1 {
    position: relative;
    display: block;
    margin-top: 37px;
}

.services-details__content-text1 h2 {
    font-size: 34px;
    line-height: 44px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 18px;
}

.services-details__content-text1 .text1 {
    margin: 0;
    margin-bottom: 25px;
}

.services-details__content-text1 .text2 {
    margin: 0;
}

.services-details__content-img2 {
    position: relative;
    display: block;
    margin-top: 37px;
    margin-bottom: 10px;
}

.services-details__content-img2-single {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: var(--verdicta-bdr-radius);
}

.services-details__content-img2-single img {
    width: 100%;
}

.services-details__content-text2 {
    position: relative;
    display: block;
    margin-top: 37px;
}

.services-details__content-text2 h2 {
    font-size: 34px;
    line-height: 44px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 18px;
}

.services-details__content-text2 p {
    margin: 0;
}

.services-details__content-text2-bottom {
    position: relative;
    display: block;
    margin-top: 37px;
}

.services-details__content-text2-bottom .row {
    align-items: center;
}

.services-details__content-text2-bottom-img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: var(--verdicta-bdr-radius);
}

.services-details__content-text2-bottom-img img {
    width: 100%;
}

.services-details__content-text2-bottom-content {
    position: relative;
    display: block;
    margin-left: 10px;
}

.services-details__content-text2-bottom-content ul {
    position: relative;
    display: block;
}

.services-details__content-text2-bottom-content ul li {
    position: relative;
    display: block;
}

.services-details__content-text2-bottom-content ul li+li {
    margin-top: 16px;
}

.services-details__content-text2-bottom-content ul li p {
    font-size: 17px;
    line-height: 27px;
    font-weight: 500;
}

.services-details__content-text2-bottom-content ul li p span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    top: 2px;
    right: 5px;
}

.services-details__content-text3 {
    position: relative;
    display: block;
    background: var(--verdicta-gray-bg);
    border: 1px solid var(--verdicta-bdr-color);
    padding: 55px 50px 7px;
    border-radius: var(--verdicta-bdr-radius);
    margin-top: 45px;
}

.services-details__content-text3-single {
    position: relative;
    display: block;
    margin-bottom: 40px;
}

.services-details__content-text3-single .icon-box {
    position: relative;
    display: block;
    margin-bottom: 26px;
}

.services-details__content-text3-single .icon-box span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 60px;
    line-height: 60px;
}

.services-details__content-text3-single h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
}

.services-details__content-text3-single p {
    margin: 0;
}

.faq-one--services {
    position: relative;
    display: block;
    margin-top: 45px;
}

.faq-one--services .faq-one-accrodion .accrodion-title h4 {
    color: var(--verdicta-black);
    font-size: 18px;
}

.faq-one--services .faq-one-accrodion .accrodion {
    background: var(--verdicta-gray-bg);
    border: 1px solid var(--verdicta-bdr-color);
    border-radius: var(--verdicta-bdr-radius);
}

.faq-one--services .faq-one-accrodion .accrodion-title h4::before {
    color: var(--verdicta-black);
}

.faq-one--services .faq-one-accrodion .accrodion-content {
    background: var(--verdicta-white);
    border-radius: var(--verdicta-bdr-radius);
}

.faq-one--services .faq-one-accrodion .accrodion-content p {
    color: var(--verdicta-gray);
}



/*==============================================
  Sidebar
===============================================*/

.sidebar {
    position: relative;
    display: block;
}

.sidebar__single {
    position: relative;
    display: block;
    background-color: var(--verdicta-gray-bg);
    border: 1px solid var(--verdicta-bdr-color);
    padding: 50px 30px 50px;
    border-radius: var(--verdicta-bdr-radius);
}

.sidebar__single+.sidebar__single {
    margin-top: 30px;
}

.sidebar__single .title-box {
    position: relative;
    display: block;
    padding-bottom: 3px;
    margin-bottom: 35px;
    margin-top: -8px;
}

.sidebar__single .title-box::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: var(--verdicta-base);
    content: "";
}

.sidebar__single .title-box::after {
    position: absolute;
    left: 36px;
    bottom: 0;
    width: 3px;
    height: 2px;
    background: var(--verdicta-gray-bg);
    content: "";
}

.sidebar__single .title-box h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
}

.sidebar__search {
    position: relative;
    display: block;
}

.sidebar__search-form {
    position: relative;
}

.sidebar__search-form input[type="search"] {
    display: block;
    outline: none;
    background-color: var(--verdicta-white);
    color: var(--verdicta-gray);
    font-size: 15px;
    font-weight: 600;
    padding-left: 20px;
    height: 60px;
    width: 100%;
    padding-right: 60px;
    border-radius: var(--verdicta-bdr-radius);
    border: 1px solid var(--verdicta-bdr-color);
}

.sidebar__search-form ::-webkit-input-placeholder {
    color: var(--verdicta-gray);
    opacity: 1;
}

.sidebar__search-form ::-moz-placeholder {
    color: var(--verdicta-gray);
    opacity: 1;
}

.sidebar__search-form :-ms-input-placeholder {
    color: var(--verdicta-gray);
    opacity: 1;
}

.sidebar__search-form ::-ms-input-placeholder {
    color: var(--verdicta-gray);
    opacity: 1;
}

.sidebar__search-form ::placeholder {
    color: var(--verdicta-gray);
    opacity: 1;
}

.sidebar__search-form :-ms-input-placeholder {
    color: var(--verdicta-gray);
}

.sidebar__search-form ::-ms-input-placeholder {
    color: var(--verdicta-gray);
}

.sidebar__search-form button[type="submit"] {
    background-color: var(--verdicta-base);
    color: var(--verdicta-white);
    font-size: 18px;
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    width: 50px;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 3px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar__search-form:hover button[type="submit"] {
    background-color: var(--verdicta-black);
    color: var(--verdicta-white);
}

.sidebar__categories {
    position: relative;
    display: block;
}

.sidebar__categories-list {
    position: relative;
    display: block;
}

.sidebar__categories-list li {
    position: relative;
    display: block;
}

.sidebar__categories-list li+li {
    margin-top: 10px;
}

.sidebar__categories-list li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--verdicta-white);
    border-radius: var(--verdicta-bdr-radius);
    padding: 0px 25px 0px;
    color: var(--verdicta-black);
    font-size: 18px;
    line-height: 55px;
    font-weight: 500;
    text-transform: capitalize;
    border: 1px solid var(--verdicta-bdr-color);
}

.sidebar__categories-list li a:hover,
.sidebar__categories-list li a.active {
    color: var(--verdicta-white);
    background: var(--verdicta-base);
}

.sidebar__categories-list li a span {
    position: relative;
    display: block;
}

.sidebar__categories-list li a span::before {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
}

.sidebar__download {
    position: relative;
    display: block;
}

.sidebar__download-list {
    position: relative;
    display: block;
}

.sidebar__download-list li {
    position: relative;
    display: block;
}

.sidebar__download-list li+li {
    margin-top: 10px;
}

.sidebar__download-list li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--verdicta-white);
    border-radius: var(--verdicta-bdr-radius);
    padding: 0px 25px 0px;
    color: var(--verdicta-black);
    font-size: 18px;
    line-height: 55px;
    font-weight: 500;
    text-transform: capitalize;
    border: 1px solid var(--verdicta-bdr-color);
}

.sidebar__download-list li a:hover,
.sidebar__download-list li a.active {
    color: var(--verdicta-white);
    background: var(--verdicta-base);
}

.sidebar__download-list li a span {
    position: relative;
    display: block;
}

.sidebar__download-list li a span::before {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
}

.sidebar__contact {
    position: relative;
    display: block;
    border: none;
    background: none;
    z-index: 1;
}

.sidebar__contact-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: var(--verdicta-bdr-radius);
    z-index: -1;
}

.sidebar__contact-bg::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(var(--verdicta-black-rgb), 0.90);
    border-radius: var(--verdicta-bdr-radius);
    content: "";
}

.sidebar__contact-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: var(--verdicta-base);
    border-radius: 50%;
    margin-bottom: 24px;
}

.sidebar__contact-icon span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-white);
    font-size: 25px;
    line-height: 25px;
}

.sidebar__contact-text {
    position: relative;
    display: block;
}

.sidebar__contact-text p {
    color: var(--verdicta-white);
}

.sidebar__contact-text h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    margin-top: 5px;
}

.sidebar__contact-text h2 a {
    color: var(--verdicta-white);
}

.sidebar__contact-text h2 a:hover {
    color: var(--verdicta-base);
}

.sidebar__contact-btn {
    position: relative;
    display: block;
    line-height: 0px;
    margin-top: 41px;
}

.sidebar__contact-btn .thm-btn {
    background: var(--verdicta-base);
}

.sidebar__contact-btn .thm-btn:hover {
    color: var(--verdicta-black);
}

.sidebar__contact-btn .thm-btn .hover-btn {
    background-color: var(--verdicta-white);
}



.sidebar__project-info {
    position: relative;
    display: block;
}

.sidebar__project-info-text {
    position: relative;
    display: block;
}

.sidebar__project-info-text p {
    margin: 0;
}


.sidebar__project-info-list {
    position: relative;
    display: block;
    margin-top: 27px;
}

.sidebar__project-info-list li {
    position: relative;
    display: flex;
    align-items: center;
}

.sidebar__project-info-list li+li {
    margin-top: 22px;
}

.sidebar__project-info-list li span {
    position: relative;
    display: inline-block;
    color: var(--verdicta-black);
    font-size: 18px;
    font-weight: 500;
    min-width: 100px;
    margin-right: 18px;
}

.sidebar__project-info-list li a {
    color: var(--verdicta-gray);
}

.sidebar__project-info-list li a:hover {
    color: var(--verdicta-base);
}

.sidebar__project-info-list li span::before {
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 18px;
    color: var(--thm-black);
    font-weight: 500;
    content: ":";
}

.sidebar__project-info-list li .rating-box a {
    color: var(--verdicta-base);
}

.sidebar__recent-post {
    position: relative;
    display: block;
}

.sidebar__recent-post-single {
    position: relative;
    display: block;
}

.sidebar__recent-post-single+.sidebar__recent-post-single {
    margin-top: 26px;
}

.sidebar__recent-post-img {
    position: relative;
    display: block;
    background: var(--verdicta-black);
    border-radius: 10px;
    overflow: hidden;
}

.sidebar__recent-post-img img {
    width: 100%;
    transition: all 500ms ease;
}

.sidebar__recent-post-single:hover .sidebar__recent-post-img img {
    opacity: 0.6;
    transform: scaleX(1.05);
}

.sidebar__recent-post-content {
    position: relative;
    display: block;
    margin-top: 21px;
}

.sidebar__recent-post-content p {
    margin: 0;
}

.sidebar__recent-post-content p span {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 15px;
    line-height: 15px;
    padding-right: 2px;
    top: 1px;
}

.sidebar__recent-post-content h3 {
    font-size: 21px;
    line-height: 31px;
    font-weight: 600;
    margin-top: 6px;
}

.sidebar__recent-post-content h3 a {
    color: var(--verdicta-black);
}

.sidebar__recent-post-content h3 a:hover {
    color: var(--verdicta-base);
}

.sidebar__tags {
    position: relative;
    display: block;
}

.sidebar__tags-list {
    position: relative;
    display: block;
    margin-left: -5px;
    margin-right: -5px;
    overflow: hidden;
}

.sidebar__tags-list li {
    position: relative;
    display: block;
    padding: 0px 5px 0px;
    float: left;
    margin-bottom: 10px;
}

.sidebar__tags-list li a {
    position: relative;
    display: inline-block;
    color: var(--verdicta-black);
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    background: var(--verdicta-white);
    padding: 7px 15px 7px;
}

.sidebar__tags-list li a:hover {
    color: var(--verdicta-white);
    background: var(--verdicta-base);
}

/*==============================================
Testimonials One
===============================================*/
.testimonials-one {
    position: relative;
    display: block;
    background: var(--verdicta-gray-bg);
    padding: 120px 0px 66px;
    margin-top: 120px;
    z-index: 2;
}

.testimonials-one__img {
    position: absolute;
    left: 90px;
    bottom: 0;
    z-index: -1;
}

.testimonials-one__right {
    position: relative;
    display: block;
    max-width: 850px;
    width: 100%;
    float: right;
}

#testimonials-one__thumb {
    width: 355px;
    margin-left: 0;
}

.testimonials-one__right-img {
    position: relative;
    display: block;
    cursor: pointer;
    transition: all 500ms ease;
}

.testimonials-one__right-img .inner {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    transition: all 500ms ease;
}

.testimonials-one__right-img .inner::before {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-radius: 50%;
    background: rgb(255, 255, 255, 0.07);
    transition: all 500ms ease;
    content: "";
}

#testimonials-one__thumb .swiper-slide-thumb-active .testimonials-one__right-img .inner::before {
    background: rgb(255, 255, 255, 0);
}

.testimonials-one__right-img .inner>img {
    width: 100px;
    border-radius: 50%;
    transition: all 0.5s ease-in-out 0.6s;
}

.testimonials-one__right-img .icon {
    position: absolute;
    bottom: 15px;
    right: -5px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    text-align: center;
    color: var(--verdicta-white);
    font-size: 10px;
    font-weight: 700;
    background: var(--verdicta-base);
    transform: scale(0);
    transition: all 500ms ease;
}

#testimonials-one__thumb .swiper-slide-thumb-active .testimonials-one__right-img .icon {
    transform: scale(1);
}

.testimonials-one-content {
    position: relative;
    display: block;
    margin-top: 62px;
    padding-bottom: 46px;
}

.testimonials-one-content__single {
    position: relative;
    display: block;
}

.testimonials-one-content__single-inner {
    position: relative;
    display: block;
    padding-left: 150px;
}

.testimonials-one-content__single-inner .icon-box {
    position: absolute;
    right: 0;
    bottom: 5px;
}

.testimonials-one-content__single-inner .icon-box span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 50px;
    line-height: 50px;
}

.testimonials-one-content__single-inner .img-box {
    position: absolute;
    top: 8px;
    left: 0;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
}

.testimonials-one-content__single-inner .img-box img {
    width: 100%;
}

.testimonials-one-content__single-inner .content-box {
    position: relative;
    display: block;
}

.testimonials-one-content__single-inner .content-box p {
    margin: 0;
}

.testimonials-one-content__single-inner .content-box .name {
    position: relative;
    display: block;
    margin-top: 27px;
}

.testimonials-one-content__single-inner .content-box .name h4 {
    color: var(--verdicta-base);
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    text-transform: capitalize;
}

.testimonials-one-content__single-inner .content-box .name span {
    color: var(--verdicta-gray);
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    font-family: var(--verdicta-font);
    letter-spacing: 0.01em;
}

#testimonials-one__carousel-pagination {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    top: -117px;
    right: 0;
    left: auto;
    width: 100%;
    z-index: 20;
}

#testimonials-one__carousel-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 0px;
    background: rgba(var(--verdicta-black-rgb), .20);
    border: 0px solid var(--verdicta-black);
    border-color: transparent;
    transition: all 500ms ease;
    opacity: 1;
    margin: 0;
    display: block;
}

#testimonials-one__carousel-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 12px;
}

#testimonials-one__carousel-pagination .swiper-pagination-bullet-active {
    background-color: var(--verdicta-base);
}

/*==============================================
Testimonials Two
===============================================*/
.testimonials-two {
    position: relative;
    display: block;
    background: var(--verdicta-white);
    padding: 120px 0px 120px;
    z-index: 1;
}

.testimonials-two__wrap {
    position: relative;
    display: block;
}

.testimonials-two__list {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-wrap: nowrap;
    width: fit-content;
    margin: 0 -15px;
}

.testimonials-two__list.style2 {
    position: relative;
    margin-top: 30px;
}

.testimonials-two__list li {
    position: relative;
    display: block;
    float: left;
    padding: 0 15px;
}

.testimonials-two__single {
    position: relative;
    display: block;
    background: var(--verdicta-gray-bg);
    border: 1px solid var(--verdicta-bdr-color);
    border-radius: var(--verdicta-bdr-radius);
    padding: 45px 45px 37px;
    z-index: 1;
}

.testimonials-two__single-quote {
    position: absolute;
    right: 35px;
    bottom: 22px;
}

.testimonials-two__single-quote span::before {
    position: relative;
    display: inline-block;
    color: rgba(var(--verdicta-gray-rgb), .17);
    font-size: 35px;
    line-height: 35px;
}

.testimonials-two__single-top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.testimonials-two__single-top-author {
    position: relative;
    display: flex;
    align-items: center;
}

.testimonials-two__single-top-author .img-box {
    position: relative;
    display: block;
    width: 65px;
    height: 65px;
    border: 2px solid var(--verdicta-base);
    border-radius: 50%;
    overflow: hidden;
}

.testimonials-two__single-top-author .img-box img {
    width: 100%;
}

.testimonials-two__single-top-author .text-box {
    position: relative;
    display: block;
    margin-left: 15px;
    flex: 1;
}

.testimonials-two__single-top-author .text-box h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    text-transform: capitalize;
}

.testimonials-two__single-top-author .text-box p {
    color: var(--verdicta-base);
    font-weight: 500;
    margin: 0;
}

.testimonials-two__single-text {
    position: relative;
    display: block;
    margin-top: 37px;
}

.testimonials-two__single-text p {
    margin: 0;
}

/*==============================================
Testimonials Two Testimonials
===============================================*/
.testimonials-two--testimonials {
    position: relative;
    display: block;
    padding: 120px 0px 90px;
    z-index: 1;
}

.testimonials-two--testimonials .testimonials-two__single {
    margin-bottom: 30px;
}

/*==============================================
    Team One
===============================================*/
.team-one {
    position: relative;
    display: block;
    padding: 120px 0px 59px;
    z-index: 1;
}

.team-one .shape1 {
    position: absolute;
    top: 70px;
    right: -10px;
    opacity: 0.12;
    z-index: -1;
}

.team-one__single {
    position: relative;
    display: block;
    background: var(--verdicta-white);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border-radius: var(--verdicta-bdr-radius);
    margin-bottom: 30px;
}

.team-one__single.mt30 {
    margin-top: 30px;
}

.team-one__single-img {
    position: relative;
    display: block;
}

.team-one__single-img-inner {
    position: relative;
    display: block;
    overflow: hidden;
    background: var(--verdicta-black);
    border-top-left-radius: var(--verdicta-bdr-radius);
    border-top-right-radius: var(--verdicta-bdr-radius);
}

.team-one__single-img-inner::before {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 41px;
    background: #ffffff;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='300' height='85' viewBox='0 0 300 85'%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAABVCAYAAADzJ9nIAAAAAXNSR0IArs4c6QAACJ1JREFUeF7tnUmspFMUx/+HJm2OeY5ZYo4mJBISEhIWhhBErISVBWJBYtjYWUmwtqJjZyUxz/M8t9aIudHa2MR4fH/u62h0v7rvVb37VdXvJpWqV3XqO/f+vnr/3OHcc0M9L5m5saRtJe0kaVdJu5eH/96mvLeJpB0k2TbL+5uX1zMtDEnfSPpJkl//ImlVef25pO8k+Xl1eawsn/vvbyPi+56jonoQmHgC/sftTcnMLSXtK+lwSQdLOkjSfpJ2KyK0aIEr+4ekNUXMLGCfSvpA0nvl2a/93pcR8dsC1w13EJg6Ak0FKzN3lnSEpOMkHSPpEEl7SNpojO6Ee20zQrZc0juS3pD0vqSVEfHzGLWFqkKg1wQWVLAyc2tJB0o6XtJpko6UtH2vCc29cu6ZWchWSHq5iJhff+KhZ0T8OvdL800ITCeBkQtWZi4uAnW+pJMl7TmdqNe22nNhH0tyb+zFTriflfSWpI8iwkNQCgQgsB4CIxOszPTwziJ1dpmL4iasn8APkt6V9Eon6k+U57cjwsNNCgQgUAgMXbAy86Ru2HOJpDMkbQbpORP4rAwlnyy9sFciwquYFAhMLYGhCFZmbtr9c53ZrZZdKumEqaU52oY7vOJVSc9Jer08lkXEj6N1y9Uh0B8C8xKszHT8k4d9l0ta0p9mTU1NHF7xvKTHJD3a3QsLmOPLKBCYSAJzFqzMdE/qRknHTiSZ8WvU72VF0pP4j/gREV6VpEBgYghUC1ZmOk7qekkXlcjyiYExYQ1xRL/jwZ4qAvZERDj4lQKBsSUwsGBlpoM5r5B0ZdkOM7aNntKKew7stbIC6Yl8C5jDKygQGBsCAwlWZh7Q7dW7RdIpY9MyKjobgW+7ldyXSu/rXk/oR4TDKygQ6C2BWQUrM8/rotFvlrRjb1tBxYZBwFuJHAN2n6SHI+LDYVyUa0BgmATWK1glVOE6SdcO0yHXGgsCjsb3dqIHLV6OxCcGbCzu28RX8n8FKzP3knRbN1w4ceIJ0MBBCHxVho8eOt5TBIy9kIOQw2aoBP4jWJnprAlLS5qXoTrjYhNBwOETb0t6qMuwcXc3r/kkW4gm4r6ORSPWEazMdBaFuyRtNxa1p5J9IODsEw6dcO/rwYjwnkgKBEZCYK1gZeapkm4v2T1H4oyLTjwBbxN6oaw8OgL/GWK/Jv6eL2gD/xKszDyniJX3BFIgMCwCjv1yzNf9fkSEA1kpEJgzgchMb1q+UxJiNWeMfHEAAp6kn1l5tIA9GxHOo0+BwMAELFjOiunDHSgQWEgCzofvTdtedXTUvePAKBDYIAELlpPE+fQZCgRaEXCE/TMlA6uzTjwdET7RiAKBdQhYsBxjw6ogP4w+EfAm7cfLyuOjEeEwCsqUE8jMrRCsKf8RjEHzfeqQVx69ZcixXy8x9zUGd23IVSzB7EsRrCGD5XIjJ+A9jhYuz305A+sKjlIbOfOmDkow+x0+oxTBanorcD5PAj681llXvd/RPTDPfZEyZ55Q+/T1zHQ6qxtmzodAsPp0d6jLfAk4ZY5z3rsHZhEjZc58iTb6fmbuLumm7uwCx4iuLQhWoxuC2wUh4FAJrzo+4O1DpIxeEObzdpKZzrt3q6T9/30xBGveeLnAmBBwymifNmQB8wG2nv/yoR0eVlJ6QCAzDy5ZjS9eX3UQrB7cKKrQhICzTiwrwaszZz8uj4hsUpspdupwBUmXSbpK0pYbQoFgTfEPhaavQ8DhE+6BWbwcgf880fej/YWUJKHOaHy1JPeuZi0I1qyIMJhSAo6+96EdzjrhIFYPI9+LiD+mlMfQml2E6jRJ10g6uubCCFYNLWynmYDnwJZLerMkMHzaPbKIcD4wygAEymE2F3QnN50l6YgBvvIfEwRrLtT4DgT+JuAwCm8b8ulDFjA/uxfmnPiUv1NXbdGt0jox6IUdnzNmm6OaDRqCNRshPofA4AQ8XHSPy70wbyeygLlX9m5ErBn8MuNtWYZ8R3XD6NM7FucOM906gjXevw1q338CFjFvJ1pRJvUdTmER+0LSqoj4uv9N2HANi0DtKenQcnapD685aBTtQrBGQZVrQmB2Al6VdGon5wWzmHlo6WfnxHcvbXVEOOV070pm7iLpQEmHdRk1jpO0RNLekhaPurII1qgJc30I1BPwHJjTPn1ZBM2i5of3SX5WPvPnFrRfhr1ymZmLylzTDiW5p8XIUefuNe3jTcitzn5AsOp/THwDAq0JuHfmsAsPJz035mSHXsV0HjEHvjqLsCP4fWaDbbw48M/idOgzWYY3krRbt8F44/Kek3k6P972JbHnyHtNNTARrBpa2EIAAk0JIFhN8eMcAhCoIYBg1dDCFgIQaEoAwWqKH+cQgEANAQSrhha2EIBAUwIIVlP8OIcABGoIIFg1tLCFAASaEkCwmuLHOQQgUEMAwaqhhS0EINCUAILVFD/OIQCBGgIIVg0tbCEAgaYEEKym+HEOAQjUEECwamhhCwEINCWAYDXFj3MIQKCGAIJVQwtbCECgKQEEqyl+nEMAAjUEEKwaWthCAAJNCSBYTfHjHAIQqCGAYNXQwhYCEGhKAMFqih/nEIBADQEEq4YWthCAQFMCCFZT/DiHAARqCCBYNbSwhQAEmhJAsJrixzkEIFBDAMGqoYUtBCDQlACC1RQ/ziEAgRoCCFYNLWwhAIGmBBCspvhxDgEI1BBAsGpoYQsBCDQlgGA1xY9zCECghgCCVUMLWwhAoCkBBKspfpxDAAI1BBCsGlrYQgACTQkgWE3x4xwCEKghgGDV0MIWAhBoSgDBaoof5xCAQA0BBKuGFrYQgEBTAghWU/w4hwAEagggWDW0sIUABJoSQLCa4sc5BCBQQwDBqqGFLQQg0JQAgtUUP84hAIEaAghWDS1sIQCBpgQsWN9J2qppLXAOAQhAYAACFqwVkrYdwBYTCEAAAk0J/AmS9Yo/LGGgVgAAAABJRU5ErkJggg==' x='0' y='0' width='300' height='85'/%3E%3C/svg%3E");
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='300' height='85' viewBox='0 0 300 85'%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAABVCAYAAADzJ9nIAAAAAXNSR0IArs4c6QAACJ1JREFUeF7tnUmspFMUx/+HJm2OeY5ZYo4mJBISEhIWhhBErISVBWJBYtjYWUmwtqJjZyUxz/M8t9aIudHa2MR4fH/u62h0v7rvVb37VdXvJpWqV3XqO/f+vnr/3OHcc0M9L5m5saRtJe0kaVdJu5eH/96mvLeJpB0k2TbL+5uX1zMtDEnfSPpJkl//ImlVef25pO8k+Xl1eawsn/vvbyPi+56jonoQmHgC/sftTcnMLSXtK+lwSQdLOkjSfpJ2KyK0aIEr+4ekNUXMLGCfSvpA0nvl2a/93pcR8dsC1w13EJg6Ak0FKzN3lnSEpOMkHSPpEEl7SNpojO6Ee20zQrZc0juS3pD0vqSVEfHzGLWFqkKg1wQWVLAyc2tJB0o6XtJpko6UtH2vCc29cu6ZWchWSHq5iJhff+KhZ0T8OvdL800ITCeBkQtWZi4uAnW+pJMl7TmdqNe22nNhH0tyb+zFTriflfSWpI8iwkNQCgQgsB4CIxOszPTwziJ1dpmL4iasn8APkt6V9Eon6k+U57cjwsNNCgQgUAgMXbAy86Ru2HOJpDMkbQbpORP4rAwlnyy9sFciwquYFAhMLYGhCFZmbtr9c53ZrZZdKumEqaU52oY7vOJVSc9Jer08lkXEj6N1y9Uh0B8C8xKszHT8k4d9l0ta0p9mTU1NHF7xvKTHJD3a3QsLmOPLKBCYSAJzFqzMdE/qRknHTiSZ8WvU72VF0pP4j/gREV6VpEBgYghUC1ZmOk7qekkXlcjyiYExYQ1xRL/jwZ4qAvZERDj4lQKBsSUwsGBlpoM5r5B0ZdkOM7aNntKKew7stbIC6Yl8C5jDKygQGBsCAwlWZh7Q7dW7RdIpY9MyKjobgW+7ldyXSu/rXk/oR4TDKygQ6C2BWQUrM8/rotFvlrRjb1tBxYZBwFuJHAN2n6SHI+LDYVyUa0BgmATWK1glVOE6SdcO0yHXGgsCjsb3dqIHLV6OxCcGbCzu28RX8n8FKzP3knRbN1w4ceIJ0MBBCHxVho8eOt5TBIy9kIOQw2aoBP4jWJnprAlLS5qXoTrjYhNBwOETb0t6qMuwcXc3r/kkW4gm4r6ORSPWEazMdBaFuyRtNxa1p5J9IODsEw6dcO/rwYjwnkgKBEZCYK1gZeapkm4v2T1H4oyLTjwBbxN6oaw8OgL/GWK/Jv6eL2gD/xKszDyniJX3BFIgMCwCjv1yzNf9fkSEA1kpEJgzgchMb1q+UxJiNWeMfHEAAp6kn1l5tIA9GxHOo0+BwMAELFjOiunDHSgQWEgCzofvTdtedXTUvePAKBDYIAELlpPE+fQZCgRaEXCE/TMlA6uzTjwdET7RiAKBdQhYsBxjw6ogP4w+EfAm7cfLyuOjEeEwCsqUE8jMrRCsKf8RjEHzfeqQVx69ZcixXy8x9zUGd23IVSzB7EsRrCGD5XIjJ+A9jhYuz305A+sKjlIbOfOmDkow+x0+oxTBanorcD5PAj681llXvd/RPTDPfZEyZ55Q+/T1zHQ6qxtmzodAsPp0d6jLfAk4ZY5z3rsHZhEjZc58iTb6fmbuLumm7uwCx4iuLQhWoxuC2wUh4FAJrzo+4O1DpIxeEObzdpKZzrt3q6T9/30xBGveeLnAmBBwymifNmQB8wG2nv/yoR0eVlJ6QCAzDy5ZjS9eX3UQrB7cKKrQhICzTiwrwaszZz8uj4hsUpspdupwBUmXSbpK0pYbQoFgTfEPhaavQ8DhE+6BWbwcgf880fej/YWUJKHOaHy1JPeuZi0I1qyIMJhSAo6+96EdzjrhIFYPI9+LiD+mlMfQml2E6jRJ10g6uubCCFYNLWynmYDnwJZLerMkMHzaPbKIcD4wygAEymE2F3QnN50l6YgBvvIfEwRrLtT4DgT+JuAwCm8b8ulDFjA/uxfmnPiUv1NXbdGt0jox6IUdnzNmm6OaDRqCNRshPofA4AQ8XHSPy70wbyeygLlX9m5ErBn8MuNtWYZ8R3XD6NM7FucOM906gjXevw1q338CFjFvJ1pRJvUdTmER+0LSqoj4uv9N2HANi0DtKenQcnapD685aBTtQrBGQZVrQmB2Al6VdGon5wWzmHlo6WfnxHcvbXVEOOV070pm7iLpQEmHdRk1jpO0RNLekhaPurII1qgJc30I1BPwHJjTPn1ZBM2i5of3SX5WPvPnFrRfhr1ymZmLylzTDiW5p8XIUefuNe3jTcitzn5AsOp/THwDAq0JuHfmsAsPJz035mSHXsV0HjEHvjqLsCP4fWaDbbw48M/idOgzWYY3krRbt8F44/Kek3k6P972JbHnyHtNNTARrBpa2EIAAk0JIFhN8eMcAhCoIYBg1dDCFgIQaEoAwWqKH+cQgEANAQSrhha2EIBAUwIIVlP8OIcABGoIIFg1tLCFAASaEkCwmuLHOQQgUEMAwaqhhS0EINCUAILVFD/OIQCBGgIIVg0tbCEAgaYEEKym+HEOAQjUEECwamhhCwEINCWAYDXFj3MIQKCGAIJVQwtbCECgKQEEqyl+nEMAAjUEEKwaWthCAAJNCSBYTfHjHAIQqCGAYNXQwhYCEGhKAMFqih/nEIBADQEEq4YWthCAQFMCCFZT/DiHAARqCCBYNbSwhQAEmhJAsJrixzkEIFBDAMGqoYUtBCDQlACC1RQ/ziEAgRoCCFYNLWwhAIGmBBCspvhxDgEI1BBAsGpoYQsBCDQlgGA1xY9zCECghgCCVUMLWwhAoCkBBKspfpxDAAI1BBCsGlrYQgACTQkgWE3x4xwCEKghgGDV0MIWAhBoSgDBaoof5xCAQA0BBKuGFrYQgEBTAghWU/w4hwAEagggWDW0sIUABJoSQLCa4sc5BCBQQwDBqqGFLQQg0JQAgtUUP84hAIEaAghWDS1sIQCBpgQsWN9J2qppLXAOAQhAYAACFqwVkrYdwBYTCEAAAk0J/AmS9Yo/LGGgVgAAAABJRU5ErkJggg==' x='0' y='0' width='300' height='85'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top right;
    mask-position: top right;
    mask-size: cover;
    content: "";
    z-index: 5;
}

.team-one__single-img-inner img {
    width: 100%;
    transition: all 500ms ease;
}

.team-one__single:hover .team-one__single-img-inner img {
    opacity: 0.65;
    transform: scaleX(1.05);
}

.team-one__single-content {
    position: relative;
    display: block;
    padding: 27px 10px 40px;
    z-index: 1;
}

.team-one__single-content h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 2px;
}

.team-one__single-content h2 a {
    color: var(--verdicta-black);
}

.team-one__single-content h2 a:hover {
    color: var(--verdicta-base);
}

.team-one__single-content p {
    margin: 0;
}

.team-one__single-content .social-links {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 22px;
}

.team-one__single-content .social-links li {
    position: relative;
    display: block;
}

.team-one__single-content .social-links li+li {
    margin-left: 7px;
}

.team-one__single-content .social-links li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--verdicta-base);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--verdicta-gray-bg);
    z-index: 1;
}

.team-one__single-content .social-links li a:hover {
    color: var(--verdicta-white);
}

.team-one__single-content .social-links li a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--verdicta-base);
    transform: scale(0.5);
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    z-index: -1;
}

.team-one__single-content .social-links li a:hover::before {
    transform: scale(1.0);
    opacity: 1;
}

.team-one__single-content .social-links li a span::before {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
}

/*==============================================
    Team One Two
===============================================*/
.team-one--two {
    position: relative;
    display: block;
    padding-bottom: 91px;
}

/*==============================================
    Team Two
===============================================*/
.team-two {
    position: relative;
    display: block;
    padding: 120px 0px 90px;
    z-index: 1;
}

.team-two__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.team-two__single-img {
    position: relative;
    display: block;
    border-radius: var(--verdicta-bdr-radius);
    overflow: hidden;
    z-index: 1;
}

.team-two__single-img::before {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 210px;
    background: #0C1F38;
    background: linear-gradient(0deg, rgba(12, 31, 56, 1) 0%, rgba(12, 31, 56, 0.85) 48%, rgba(12, 31, 56, 0) 100%);
    content: "";
    z-index: 1;
}

.team-two__single-img::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(var(--verdicta-black-rgb), 0.5);
    opacity: 0;
    z-index: 1;
    transition: opacity 0.5s ease;
    transition: all 0.5s ease;
}

.team-two__single:hover .team-two__single-img::after {
    opacity: 0.50;
}

.team-two__single-img img {
    width: 100%;
    transform: scale(1.0);
    transition: all 1500ms ease;
}

.team-two__single:hover .team-two__single-img img {
    transform: scale(1.05) rotate(0deg);
}

.team-two__single-content {
    position: absolute;
    left: 0;
    bottom: 23px;
    right: 0;
    text-align: center;
    z-index: 5;
}

.team-two__single-content .text-box {
    position: relative;
    display: block;
    padding-bottom: 17px;
    margin-bottom: 19px;
}

.team-two__single-content .text-box::before {
    position: absolute;
    left: 40px;
    bottom: 0;
    right: 40px;
    height: 2px;
    background: #FFFFFF;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.25) 100%);
    content: "";
}

.team-two__single-content .text-box h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
}

.team-two__single-content .text-box h2 a {
    color: var(--verdicta-white);
}

.team-two__single-content .text-box h2 a:hover {
    color: var(--verdicta-base);
}

.team-two__single-content .text-box p {
    color: var(--verdicta-base);
    text-transform: capitalize;
    font-weight: 500;
}

.team-two__single-content .social-links {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-two__single-content .social-links a {
    position: relative;
    display: inline-block;
    color: var(--verdicta-white);
}

.team-two__single-content .social-links a:hover {
    color: var(--verdicta-base);
}

.team-two__single-content .social-links a+a {
    margin-left: 20px;
}

.team-two__single-content .social-links a span::before {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
}

/*==============================================
    Team One Team
===============================================*/
.team-one--team {
    position: relative;
    display: block;
    padding: 120px 0px 90px;
}



/*==============================================
  Team Details
===============================================*/
.team-details {
    position: relative;
    display: block;
    padding: 120px 0px 120px;
    z-index: 1;
}

.team-details__sidebar {
    position: relative;
    display: block;
    border-radius: var(--verdicta-bdr-radius);
    overflow: hidden;
    border: 1px solid var(--verdicta-bdr-color);
    border-bottom: 5px solid var(--verdicta-base);
}

.team-details__sidebar-img {
    position: relative;
    display: block;
}

.team-details__sidebar-img img {
    width: 100%;
}

.team-details__sidebar-content {
    position: relative;
    display: block;
    padding: 42px 30px 45px;
}

.team-details__sidebar-content-text1 {
    position: relative;
    display: block;
}

.team-details__sidebar-content-text1 span {
    color: var(--verdicta-base);
    font-size: 15px;
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
}

.team-details__sidebar-content-text1 h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 13px;
}

.team-details__sidebar-content-text1 p {
    margin: 0;
}

.team-details__sidebar-content-text2 {
    position: relative;
    display: block;
    border-top: 1px solid var(--verdicta-bdr-color);
    margin-top: 29px;
    padding-top: 31px;
}

.team-details__sidebar-content-text2 ul {
    position: relative;
    display: block;
}

.team-details__sidebar-content-text2 ul li {
    position: relative;
    display: block;
    padding-left: 45px;
}

.team-details__sidebar-content-text2 ul li .icon-box {
    position: absolute;
    top: 6px;
    left: 0;
}

.team-details__sidebar-content-text2 ul li .icon-box span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 15px;
    font-weight: 500;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    border: 1px solid var(--verdicta-bdr-color);
    text-align: center;
}

.team-details__sidebar-content-text2 ul li .text-box {
    position: relative;
    display: block;
}

.team-details__sidebar-content-text2 ul li+li {
    margin-top: 17px;
}

.team-details__sidebar-content-text2 ul li span {
    position: relative;
    display: block;
    color: var(--verdicta-black);
    font-size: 15px;
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
}

.team-details__sidebar-content-text2 ul li p {
    margin: 0;
}

.team-details__sidebar-content-text2 ul li p a {
    color: var(--verdicta-gray);
}

.team-details__sidebar-content-text2 ul li p a:hover {
    color: var(--verdicta-base);
}

.team-details__sidebar-social-links {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 32px;
}

.team-details__sidebar-social-links a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid var(--verdicta-bdr-color);
    font-size: 15px;
}

.team-details__sidebar-social-links a+a {
    margin-left: 8px;
}

.team-details__sidebar-social-links a:hover {
    color: var(--verdicta-white);
    border-color: var(--verdicta-base);
    background: var(--verdicta-base);
}

.team-details__content {
    position: relative;
    display: block;
    margin-left: 30px;
    margin-top: -7px;
}

.team-details__content-text1 {
    position: relative;
    display: block;
}

.team-details__content-text1 .title-box {
    position: relative;
    display: block;
}

.team-details__content-text1 .title-box h2 {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    padding-bottom: 3px;
    margin-bottom: 18px;
}

.team-details__content-text1 .title-box h2::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 55px;
    height: 2px;
    background: var(--verdicta-base);
    content: "";
}

.team-details__content-text1 .title-box h2::after {
    position: absolute;
    left: 42px;
    bottom: 0;
    width: 3px;
    height: 2px;
    background: var(--verdicta-white);
    content: "";
}

.team-details__content-text1 .title-box p {
    margin: 0;
}

.team-details__progress {
    position: relative;
    display: block;
    margin-top: 34px;
}

.team-details__progress-single {
    position: relative;
    display: block;
}

.team-details__progress-single+.team-details__progress-single {
    margin-top: 23px;
}

.team-details__progress-single .bar-title {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-bottom: 13px;
    font-family: var(--verdicta-font-two);
    color: var(--verdicta-black);
}

.team-details__progress-single .bar {
    position: relative;
    width: 100%;
    height: 7px;
    background-color: var(--verdicta-gray-bg);
    border-radius: 4px;
}

.team-details__progress-single .bar-inner {
    position: relative;
    display: block;
    width: 0px;
    height: 7px;
    background: var(--verdicta-base);
    border-radius: 4px;
    -webkit-transition: all 1500ms ease;
    transition: all 1500ms ease;
}

.team-details__progress-single .count-box {
    position: absolute;
    right: 0px;
    margin-right: -35px;
    bottom: 18px;
    width: 40px;
    height: 22px;
    background: var(--verdicta-base);
    color: #ffffff;
    line-height: 22px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    text-align: center;
    letter-spacing: 0;
    opacity: 0;
    font-family: var(--verdicta-font);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-details__progress-single .counted .count-box {
    opacity: 1;
}

.team-details__progress-single .count-box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: -5px;
    border: 5px solid transparent;
    border-top: 5px solid var(--verdicta-base);
    border-left: 5px solid var(--verdicta-base);
}

.team-details__content-text2 {
    position: relative;
    display: block;
    margin-top: 48px;
}

.team-details__content-text2 .title-box {
    position: relative;
    display: block;
}

.team-details__content-text2 .title-box h2 {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    padding-bottom: 3px;
    margin-bottom: 18px;
}

.team-details__content-text2 .title-box h2::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 55px;
    height: 2px;
    background: var(--verdicta-base);
    content: "";
}

.team-details__content-text2 .title-box h2::after {
    position: absolute;
    left: 42px;
    bottom: 0;
    width: 3px;
    height: 2px;
    background: var(--verdicta-white);
    content: "";
}

.team-details__content-text2 .title-box p {
    margin: 0;
}

.team-details__content-text2-bottom {
    position: relative;
    display: block;
    margin-top: 41px;
}

.team-details__content-text2-single {
    position: relative;
    display: block;
    border: 1px solid var(--verdicta-bdr-color);
    border-bottom: 5px solid var(--verdicta-base);
    border-radius: 10px;
    padding: 37px 40px 29px;
    overflow: hidden;
}

.team-details__content-text2-single .icon-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border: 1px solid var(--verdicta-bdr-color);
    border-radius: 50%;
    margin-bottom: 18px;
}

.team-details__content-text2-single .icon-box span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 25px;
    line-height: 25px;
}

.team-details__content-text2-single .text-box {
    position: relative;
    display: block;
}

.team-details__content-text2-single .text-box h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.team-details__content-text2-single .text-box p {
    margin: 0;
    margin-bottom: 9px;
}

.team-details__content-text2-single .text-box span {
    position: relative;
    display: block;
}


/*==============================================
  Team Details Contact
===============================================*/
.team-details-contact {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    background: var(--verdicta-gray-bg);
    z-index: 1;
}

.team-details-contact__pattern {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: scroll;
    background-repeat: repeat;
    background-position: center center;
    opacity: 0.04;
    z-index: -1;
}

.team-details-contact .container {
    max-width: 830px;
}

.team-details-contact__inner {
    position: relative;
    display: block;
    text-align: center;
}

.team-details-contact__form {
    position: relative;
    display: block;
}

.team-details-contact__input-box {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.team-details-contact__input-box input[type="text"],
.team-details-contact__input-box input[type="email"] {
    height: 60px;
    width: 100%;
    background-color: var(--verdicta-white);
    border: 1px solid var(--verdicta-bdr-color);
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    color: var(--verdicta-gray);
    display: block;
    border-radius: var(--verdicta-bdr-radius);
}

.team-details-contact__input-box .select-box {
    width: 100%;
}

.team-details-contact__input-box .nice-select {
    height: 60px;
    width: 100%;
    background-color: var(--verdicta-white);
    border: 1px solid var(--verdicta-bdr-color);
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    font-size: 16px;
    color: var(--verdicta-gray);
    font-weight: 400;
    border-radius: var(--verdicta-bdr-radius);
    line-height: 60px;
    display: block;
    float: none;
}

.team-details-contact__input-box .nice-select:after {
    position: absolute;
    top: 22px;
    right: 30px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid var(--verdicta-gray);
    border-right: 2px solid var(--verdicta-gray);
    margin-top: 0px;
    z-index: 10;
}

.team-details-contact__input-box textarea {
    height: 165px;
    width: 100%;
    background-color: var(--verdicta-white);
    border: 1px solid var(--verdicta-bdr-color);
    padding: 15px 30px 30px;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    color: var(--verdicta-gray);
    position: relative;
    display: block;
    border-radius: var(--verdicta-bdr-radius);
}

.team-details-contact__btn-box {
    position: relative;
    display: block;
}

/*==============================================
    Blog One
===============================================*/
.blog-one {
    position: relative;
    display: block;
    background: var(--verdicta-white);
    padding: 120px 0px 90px;
    z-index: 1;
}

.blog-one__single {
    position: relative;
    display: block;
    background: var(--verdicta-white);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: var(--verdicta-bdr-radius);
    border-bottom-right-radius: var(--verdicta-bdr-radius);
    margin-bottom: 30px;
    z-index: 1;
}

.blog-one__single-img {
    position: relative;
    display: block;
}

.blog-one__single-img .inner {
    position: relative;
    display: block;
    border-radius: var(--verdicta-bdr-radius);
    overflow: hidden;
}

.blog-one__single-img .inner img:first-child {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    -webkit-transform: translatex(50%) scalex(2);
    transform: translatex(50%) scalex(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.blog-one__single:hover .blog-one__single-img .inner img:first-child {
    -webkit-transform: translatex(0) scalex(1);
    transform: translatex(0) scalex(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.blog-one__single:hover .blog-one__single-img .inner img:nth-child(2) {
    -webkit-transform: translatex(-50%) scalex(2);
    transform: translatex(-50%) scalex(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.blog-one__single-img .inner img {
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-one__single-img .date-box {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: var(--verdicta-base);
    border-radius: 5px;
    z-index: 5;
}

.blog-one__single-img .date-box h2 {
    color: var(--verdicta-white);
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
}

.blog-one__single-img .date-box p {
    position: relative;
    display: inline-block;
    color: var(--verdicta-white);
    font-size: 17px;
    line-height: 17px;
    margin-right: 2px;
}


.blog-one__single-content {
    position: relative;
    display: block;
    padding: 28px 30px 27px;
    overflow: hidden;
}

.blog-one__single-content .meta-box {
    position: relative;
    display: flex;
    align-items: center;
}

.blog-one__single-content .meta-box li {
    position: relative;
    display: block;
    margin-right: 20px;
}

.blog-one__single-content .meta-box li:last-child {
    margin-right: 0px;
}

.blog-one__single-content .meta-box li p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: var(--verdicta-font-two);
}

.blog-one__single-content .meta-box li p span {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 18px;
    line-height: 18px;
    top: 2px;
    margin-right: 4px;
}

.blog-one__single-content .meta-box li p a {
    color: var(--verdicta-gray);
}

.blog-one__single-content .meta-box li p a:hover {
    color: var(--verdicta-base);
}

.blog-one__single-content h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 15px;
}

.blog-one__single-content h2 a {
    color: var(--verdicta-black);
}

.blog-one__single-content h2 a:hover {
    color: var(--verdicta-base);
}

.blog-one__single-content p {
    margin: 0;
}

.blog-one__single-content .btn-box {
    position: relative;
    display: block;
    margin-top: 15px;
}

.blog-one__single-content .btn-box a {
    color: var(--verdicta-base);
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--verdicta-font-two);
}

.blog-one__single-content .btn-box a span {
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    top: 1px;
    margin-left: 2px;
}

/*==============================================
    Blog Two
===============================================*/
.blog-two {
    position: relative;
    display: block;
    background: var(--verdicta-white);
    padding: 0px 0px 90px;
    z-index: 1;
}

.blog-two__single {
    position: relative;
    display: block;
    background-color: var(--verdicta-white);
    box-shadow: -10px 0px 60px 0px rgba(0, 0, 0, 0.09);
    border-radius: var(--verdicta-bdr-radius);
    padding: 25px 25px 30px;
    margin-bottom: 30px;
}

.blog-two__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: var(--verdicta-bdr-radius);
    z-index: 1;
}

.blog-two__img:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(var(--verdicta-black-rgb), 1);
    opacity: 0;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
    z-index: 1;
}

.blog-two__single:hover .blog-two__img:before {
    opacity: .50;
}

.blog-two__img img {
    width: 100%;
    transform: scale3d(1, 1, 1);
    transition: transform 1s ease-in-out;
}

.blog-two__single:hover .blog-two__img img {
    transform: scale(1.05) rotate(0deg);
}

.blog-two__content {
    position: relative;
    display: block;
    margin: 26px 0px 0px;
    padding-left: 65px;
}

.blog-two__user {
    position: absolute;
    top: 63px;
    left: -58px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 4px;
    padding-right: 15px;
    transform: rotate(90deg);
}

.blog-two__user:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 40px;
    border: 1px solid var(--verdicta-bdr-color);
    z-index: -1;
}

.blog-two__user-img {
    position: relative;
    display: block;
    width: 32px;
    border-radius: 50%;
    overflow: hidden;
    transform: rotate(-90deg);
}

.blog-two__user-img img {
    width: 100%;
    border-radius: 50%;
}

.blog-two__user-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--verdicta-black);
    font-family: var(--verdicta-font-two);
    text-transform: capitalize;
}

.blog-two__meta {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.blog-two__meta li {
    position: relative;
    display: block;
}

.blog-two__meta li+li {
    margin-left: 26px;
}

.blog-two__meta li::before {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 6px;
    left: -13px;
    border: 1px solid var(--verdicta-base);
}

.blog-two__meta li:first-child::before {
    display: none;
}

.blog-two__meta li a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: var(--verdicta-gray);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-two__meta li a:hover {
    color: var(--verdicta-base);
}

.blog-two__meta li a span {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 16px;
    line-height: 16px;
    margin-right: 8px;
    top: -1px;
}

.blog-two__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.blog-two__title a {
    color: var(--verdicta-black);
}

.blog-two__title a:hover {
    color: var(--verdicta-base);
}

.blog-two__text {
    margin: 0;
}

.blog-two__btn-box {
    position: relative;
    display: block;
    margin-top: 23px;
    line-height: 0px;
}

.blog-two__btn-box .thm-btn {
    padding: 0px 25px 0px;
    line-height: 45px;
}


.blog-two__single.style2 {
    position: relative;
    display: flex;
    align-items: center;
}

.blog-two__single.style2 .blog-two__img {
    width: 250px;
}

.blog-two__single.style2 .blog-two__content {
    flex: 1;
    margin-left: 20px;
    margin-top: 0px;
}

.blog-two__single.style2 .blog-two__meta li+li {
    margin-left: 21px;
}

.blog-two__single.style2 .blog-two__meta li a {
    font-size: 14px;
    font-weight: 500;
}

.blog-two__single.style2 .blog-two__title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
}

.blog-two__single.style2 .blog-two__meta {
    margin-bottom: 9px;
}

.blog-two__single.style2 .blog-two__btn-box {
    margin-top: 21px;
}

.blog-two__single.style2 .blog-two__user {
    top: 52px;
}

/*==============================================
   Blog One Blog
===============================================*/
.blog-one--blog {
    position: relative;
    display: block;
    padding: 120px 0px 120px;
    z-index: 1;
}

/*==============================================
   Blog Two Blog
===============================================*/
.blog-two--blog {
    position: relative;
    display: block;
    padding: 120px 0px 120px;
    z-index: 1;
}

/*==============================================
   Blog List Page
===============================================*/
.blog-list-page {
    position: relative;
    display: block;
    padding: 120px 0px 120px;
    z-index: 1;
}

.blog-list-page__content {
    position: relative;
    display: block;
}

.blog-list-page__single {
    position: relative;
    display: block;
    background: var(--verdicta-gray-bg);
    border-radius: 10px;
    margin-bottom: 30px;
    z-index: 1;
}

.blog-list-page__single-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 330px;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index: 2;
}

.blog-list-page__single-content {
    position: relative;
    display: block;
    padding: 39px 45px 37px;
    padding-left: 370px;
    border: 1px solid var(--verdicta-bdr-color);
    border-radius: 10px;
    z-index: 1;
}

.blog-list-page__single-content .meta-box {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 16px;
}

.blog-list-page__single-content .meta-box li {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 40px;
}

.blog-list-page__single-content .meta-box li:last-child {
    margin-right: 0px;
}

.blog-list-page__single-content .meta-box li .icon {
    position: relative;
    display: block;
}

.blog-list-page__single-content .meta-box li .icon span {
    position: relative;
    display: inline-block;
}

.blog-list-page__single-content .meta-box li .icon span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 15px;
    line-height: 15px;
    top: 1px;
}

.blog-list-page__single-content .meta-box li .text-box {
    position: relative;
    display: block;
    margin-left: 10px;
}

.blog-list-page__single-content .meta-box li .text-box p {
    font-size: 15px;
    line-height: 25px;
    text-transform: capitalize;
}

.blog-list-page__single-content .meta-box li .text-box p a {
    color: var(--verdicta-gray);
}

.blog-list-page__single-content .meta-box li .text-box p a:hover {
    color: var(--verdicta-base);
}

.blog-list-page__single-content h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    margin-bottom: 19px;
}

.blog-list-page__single-content h2 a {
    color: var(--verdicta-black);
}

.blog-list-page__single-content h2 a:hover {
    color: var(--verdicta-base);
}

.blog-list-page__single-content p {
    margin: 0;
}

.blog-list-page__single-content .btn-box {
    position: relative;
    display: block;
    margin-top: 25px;
}

.blog-list-page__single-content .btn-box a {
    color: var(--verdicta-black);
    font-size: 17px;
    line-height: 27px;
    font-weight: 500;
    text-transform: capitalize;
}

.blog-list-page__single-content .btn-box a:hover {
    color: var(--verdicta-base);
}

.blog-list-page__single-content .btn-box a span:before {
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    margin-left: 2px;
    font-weight: 700;
}

/*==============================================
   Blog Standard Page
===============================================*/
.blog-standard-page {
    position: relative;
    display: block;
    padding: 120px 0px 120px;
    z-index: 1;
}

.blog-standard-page__content {
    position: relative;
    display: block;
    margin-right: 20px;
}

.blog-standard-page__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
}


.blog-standard-page__single-img {
    position: relative;
    display: block;
    border-top-left-radius: var(--verdicta-bdr-radius);
    border-top-right-radius: var(--verdicta-bdr-radius);
    overflow: hidden;
}

.blog-standard-page__single-img::before {
    background: rgba(255, 255, 255, 0.4);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 1;
    z-index: 1;
    pointer-events: none;
}

.blog-standard-page__single:hover .blog-standard-page__single-img::before {
    height: 100%;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.blog-standard-page__single-img img {
    width: 100%;
    transition: .5s ease;
    transform: scale(1.05);
}

.blog-standard-page__single:hover .blog-standard-page__single-img img {
    transform: scale(1);
}

.blog-standard-page__single-content {
    position: relative;
    display: block;
    padding-top: 20px;
    margin-top: -60px;
    margin-right: 15px;
    z-index: 1;
}

.blog-standard-page__single-content .date-box {
    position: absolute;
    top: 0;
    right: 15px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: var(--verdicta-base);
    z-index: 5;
}

.blog-standard-page__single-content .date-box::before {
    position: absolute;
    top: 0px;
    right: -15px;
    width: 15px;
    border-bottom: 20px solid #a17a60;
    border-right: 15px solid transparent;
    border-left: 0px solid transparent;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    content: "";
}

.blog-standard-page__single-content .date-box h2 {
    color: var(--verdicta-white);
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
}

.blog-standard-page__single-content .date-box p {
    color: var(--verdicta-white);
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.blog-standard-page__single-content-inner {
    position: relative;
    display: block;
    background: var(--verdicta-white);
    padding: 18px 35px 42px;
    z-index: 2;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
    border-bottom-left-radius: var(--verdicta-bdr-radius);
    border-bottom-right-radius: var(--verdicta-bdr-radius);
}

.blog-standard-page__single-content-inner .meta-box {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 16px;
    margin-bottom: 34px;
}

.blog-standard-page__single-content-inner .meta-box::before {
    position: absolute;
    left: -35px;
    bottom: 0;
    right: -35px;
    height: 2px;
    background: rgba(var(--verdicta-bdr-color-rgb), 0.45);
    content: "";
}

.blog-standard-page__single-content-inner .meta-box::after {
    position: absolute;
    left: 0;
    width: 60px;
    height: 2px;
    bottom: 0px;
    background: var(--verdicta-base);
    content: "";
    z-index: 5;
}

.blog-standard-page__single-content-inner .meta-box li {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 40px;
}

.blog-standard-page__single-content-inner .meta-box li:last-child {
    margin-right: 0px;
}

.blog-standard-page__single-content-inner .meta-box li .icon {
    position: relative;
    display: block;
}

.blog-standard-page__single-content-inner .meta-box li .icon span {
    position: relative;
    display: inline-block;
}

.blog-standard-page__single-content-inner .meta-box li .icon span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 15px;
    line-height: 15px;
    top: 1px;
}

.blog-standard-page__single-content-inner .meta-box li .text-box {
    position: relative;
    display: block;
    margin-left: 10px;
}

.blog-standard-page__single-content-inner .meta-box li .text-box p {
    font-size: 15px;
    line-height: 25px;
    text-transform: capitalize;
}

.blog-standard-page__single-content-inner .meta-box li .text-box p a {
    color: var(--verdicta-gray);
}

.blog-standard-page__single-content-inner .meta-box li .text-box p a:hover {
    color: var(--verdicta-base);
}

.blog-standard-page__single-content-inner h2 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    margin-bottom: 19px;
}

.blog-standard-page__single-content-inner h2 a {
    color: var(--verdicta-black);
}

.blog-standard-page__single-content-inner h2 a:hover {
    color: var(--verdicta-base);
}

.blog-standard-page__single-content-inner p {
    margin: 0;
}

.blog-standard-page__single-content-inner .btn-box {
    position: relative;
    display: block;
    margin-top: 27px;
}

.blog-standard-page__single-content-inner .btn-box a {
    color: var(--verdicta-black);
    font-size: 17px;
    line-height: 27px;
    font-weight: 500;
    text-transform: capitalize;
}

.blog-standard-page__single-content-inner .btn-box a:hover {
    color: var(--verdicta-base);
}

.blog-standard-page__single-content-inner .btn-box a span:before {
    position: relative;
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    margin-left: 2px;
    font-weight: 700;
}

/*==============================================
   Blog Details
===============================================*/
.blog-details {
    position: relative;
    display: block;
    padding: 120px 0px 120px;
    z-index: 1;
}

.blog-details__content {
    position: relative;
    display: block;
    margin-right: 20px;
}

.blog-details__content-top {
    position: relative;
    display: block;
    margin-bottom: 33px;
}

.blog-details__content-top .img-box {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: var(--verdicta-bdr-radius);
    margin-bottom: 28px;
}

.blog-details__content-top .img-box img {
    width: 100%;
}

.blog-details__content-top .meta-box {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.blog-details__content-top .meta-box li {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 40px;
}

.blog-details__content-top .meta-box li:last-child {
    margin-right: 0px;
}

.blog-details__content-top .meta-box li .icon {
    position: relative;
    display: block;
}

.blog-details__content-top .meta-box li .icon span {
    position: relative;
    display: inline-block;
}

.blog-details__content-top .meta-box li .icon span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 15px;
    line-height: 15px;
    top: 1px;
}

.blog-details__content-top .meta-box li .text-box {
    position: relative;
    display: block;
    margin-left: 10px;
}

.blog-details__content-top .meta-box li .text-box p {
    font-size: 15px;
    line-height: 25px;
    text-transform: capitalize;
}

.blog-details__content-top .meta-box li .text-box p a {
    color: var(--verdicta-gray);
}

.blog-details__content-top .meta-box li .text-box p a:hover {
    color: var(--verdicta-base);
}

.blog-details__content-top h2 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 24px;
}

.blog-details__content-top .text1 {
    margin: 0;
    margin-bottom: 26px;
}

.blog-details__content-top .text2 {
    margin: 0;
}

.blog-details__content-text1 {
    position: relative;
    display: block;
}

.blog-details__content-text1 h2 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 18px;
}

.blog-details__content-text1 .text1 {
    margin: 0;
}

.blog-details__content-text1 .text2 {
    margin: 0;
    margin-top: 26px;
}

.blog-details__content-img1 {
    position: relative;
    display: block;
    margin-top: 42px;
}

.blog-details__content-img1-single {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
}

.blog-details__content-img1-single img {
    width: 100%;
}

.blog-details__content-text2 {
    position: relative;
    display: block;
    margin-top: 43px;
}

.blog-details__content-text2 h2 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    text-transform: capitalize;
}

.blog-details__content-text2 .text1 {
    position: relative;
    display: block;
    margin-top: 24px;
}

.blog-details__content-text2-list {
    position: relative;
    display: block;
    margin-top: 23px;
}

.blog-details__content-text2-list li {
    position: relative;
    display: block;
}

.blog-details__content-text2-list li+li {
    margin-top: 12px;
}

.blog-details__content-text2-list li p {
    margin: 0;
}

.blog-details__content-text2-list li p span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 15px;
    line-height: 15px;
    margin-right: 5px;
    font-weight: 700;
}

.blog-details__content-text3 {
    position: relative;
    display: block;
    margin-top: 35px;
}

.blog-details__content-text3 h2 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    text-transform: capitalize;
}

.blog-details__content-text3 p {
    position: relative;
    display: block;
    margin-top: 24px;
}

.blog-details__content-text4 {
    position: relative;
    display: flex;
    align-items: flex-start;
    border: 1px solid var(--verdicta-bdr-color);
    border-bottom: 3px solid var(--verdicta-base);
    padding: 33px 40px 40px;
    margin-top: 42px;
    border-radius: 10px;
}

.blog-details__content-text4 .img-box {
    position: relative;
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 6px;
}

.blog-details__content-text4 .img-box img {
    width: 100%;
}

.blog-details__content-text4 .content-box {
    position: relative;
    display: block;
    margin-left: 40px;
    flex: 1;
}

.blog-details__content-text4 .content-box h2 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 2px;
}

.blog-details__content-text4 .content-box>span {
    color: var(--verdicta-base);
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--verdicta-font-two);
}

.blog-details__content-text4 .content-box p {
    margin: 0;
    margin-top: 10px;
}

.blog-details__content-text4 .content-box .social-links {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 17px;
}

.blog-details__content-text4 .content-box .social-links>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--verdicta-black);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--verdicta-bdr-color);
    z-index: 1;
}

.blog-details__content-text4 .content-box .social-links>a:hover {
    color: var(--verdicta-white);
    background: var(--verdicta-base);
    border-color: var(--verdicta-base);
}

.blog-details__content-text4 .content-box .social-links>a+a {
    margin-left: 10px;
}

.blog-details__content-text4 .content-box .social-links>a>span::before {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
    z-index: 1;
}

.blog-details__content-text5 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
    border-top: 1px solid var(--verdicta-bdr-color);
    border-bottom: 1px solid var(--verdicta-bdr-color);
    padding-top: 26px;
    padding-bottom: 24px;
}


.blog-details__content-text5-tag {
    position: relative;
    display: flex;
    align-items: center;
}

.blog-details__content-text5-tag .title-box {
    position: relative;
    display: block;
}

.blog-details__content-text5-tag .title-box h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    text-transform: capitalize;
}

.blog-details__content-text5-tag ul {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 25px;
}

.blog-details__content-text5-tag ul li {
    position: relative;
    display: block;
    margin-right: 15px;
}

.blog-details__content-text5-tag ul li:last-child {
    margin-right: 0px;
}

.blog-details__content-text5-tag ul li a {
    color: var(--verdicta-gray);
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    text-transform: capitalize;
    background: var(--verdicta-gray-bg);
    padding: 9px 20px 8px;
    border: 1px solid var(--verdicta-bdr-color);
    border-radius: 10px;
}

.blog-details__content-text5-tag ul li a:hover {
    color: var(--verdicta-white);
    background: var(--verdicta-base);
    border-color: var(--verdicta-base);
}


.blog-details__content-text5-share {
    position: relative;
    display: flex;
    align-items: center;
}

.blog-details__content-text5-share .title-box {
    position: relative;
    display: block;
}

.blog-details__content-text5-share .title-box h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    text-transform: capitalize;
}

.blog-details__content-text5-share ul {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 25px;
}

.blog-details__content-text5-share ul li {
    position: relative;
    display: block;
    margin-right: 10px;
}

.blog-details__content-text5-share ul li:last-child {
    margin-right: 0px;
}

.blog-details__content-text5-share ul li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    color: var(--verdicta-black);
    border: 1px solid var(--verdicta-bdr-color);
    border-radius: 50%;
    overflow: hidden;
}

.blog-details__content-text5-share ul li a:hover {
    border-color: var(--verdicta-base);
    background: var(--verdicta-base);
    color: var(--verdicta-white);
}

.blog-details__content-text5-share ul li a span::before {
    position: relative;
    display: inline-block;
    font-size: 15px;
}

.comment-one {
    position: relative;
    display: block;
    margin-top: 48px;
}

.comment-one .title-box {
    position: relative;
    display: block;
    margin-bottom: 35px;
}

.comment-one .title-box h2 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    text-transform: capitalize;
}

.comment-one__single {
    position: relative;
    display: block;
}

.comment-one__single.style2 {
    padding-left: 80px;
}

.comment-one__single+.comment-one__single {
    margin-top: 52px;
}

.comment-one__single-inner {
    position: relative;
    display: block;
    padding-left: 110px;
}

.comment-one__img {
    position: absolute;
    top: 5px;
    left: 0;
    width: 80px;
    border-radius: 10px;
    overflow: hidden;
}

.comment-one__img img {
    width: 100%;
}

.comment-one__content {
    position: relative;
    display: block;
}

.comment-one__content-top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.comment-one__content-top .title-box {
    position: relative;
    display: block;
    margin-bottom: 0px;
}

.comment-one__content-top .title-box h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 8px;
}

.comment-one__content-top .title-box p {
    font-weight: 500;
}

.comment-one__content-top .title-box p span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 15px;
    margin-right: 5px;
}

.comment-one__content-top .btn-box {
    position: relative;
    display: block;
}

.comment-one__content-top .btn-box a {
    position: relative;
    display: inline-block;
    color: var(--verdicta-black);
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    background: var(--verdicta-gray-bg);
    border: 1px solid var(--verdicta-bdr-color);
    padding: 7px 20px 4px;
    border-radius: 5px;
    font-family: var(--verdicta-font-two);
}

.comment-one__content-top .btn-box a:hover {
    background: var(--verdicta-base);
    color: var(--verdicta-white);
    border-color: var(--verdicta-base);
}

.comment-one__content-text {
    position: relative;
    display: block;
    margin-top: 11px;
}

.comment-one__content-text p {
    margin: 0;
}

.comment-form {
    position: relative;
    display: block;
    margin-top: 44px;
}

.comment-form .title-box {
    position: relative;
    display: block;
    margin-bottom: 32px;
}

.comment-form .title-box h2 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
    margin-bottom: 14px;
}

.comment-form .title-box p {
    margin: 0;
}

.comment-form .input-box {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.comment-form .input-box input[type="text"],
.comment-form .input-box input[type="email"],
.comment-form .input-box textarea {
    position: relative;
    display: block;
    height: 50px;
    width: 100%;
    background-color: transparent;
    border: 1px solid var(--verdicta-bdr-color);
    padding-left: 20px;
    padding-right: 40px;
    outline: none;
    font-size: 15px;
    font-weight: 400;
    color: var(--verdicta-gray);
    border-radius: 5px;
    font-family: var(--verdicta-font);
    width: 100%;
    outline: none;
    resize: none;
}

.comment-form .input-box textarea {
    height: 120px;
    padding-top: 11px;
}


.comment-form .input-box .icon {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.comment-form .input-box .icon.style2 {
    top: 11%;
    transform: translateY(0%);
}

.comment-form .input-box .icon span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 16px;
}

.comment-form__checkbox {
    position: relative;
    display: block;
    margin-top: -10px;
    margin-bottom: 44px;
}

.comment-form__checkbox label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    margin-right: 0px;
    margin-bottom: 0;
    color: var(--verdicta-gray);
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    font-family: var(--verdicta-font);
    cursor: pointer;
}

.comment-form__checkbox input[type="checkbox"] {
    display: none;
}

.comment-form__checkbox input[type="checkbox"]+label span {
    position: absolute;
    display: block;
    top: 4px;
    left: 0px;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    background-color: transparent;
    border: 1px solid var(--verdicta-bdr-color);
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form__checkbox label span:before {
    position: absolute;
    top: 3px;
    left: 5px;
    display: block;
    border-bottom: 2px solid var(--verdicta-base);
    border-right: 2px solid var(--verdicta-base);
    content: '';
    width: 5px;
    height: 9px;
    pointer-events: none;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    opacity: 0;
}

.comment-form__checkbox input[type="checkbox"]:checked+label span {
    border: 1px solid var(--verdicta-bdr-color);
}

.comment-form__checkbox input[type="checkbox"]:checked+label span:before {
    opacity: 1;
}

.comment-form__btn {
    position: relative;
    display: block;
}

/***
=============================================
Contact One
=============================================
***/
.contact-one {
    position: relative;
    display: block;
    padding: 120px 0px 0px;
    z-index: 2;
}

.contact-one .row {
    --bs-gutter-x: 0px;
}

.contact-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 120px;
    right: 0;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;
}

.contact-one__bg::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(var(--verdicta-black-rgb), 0.75);
    content: "";
    z-index: -1;
}

.contact-one .sec-title__title {
    color: var(--verdicta-white);
}

.contact-one__inner {
    position: relative;
    display: block;
    background: var(--verdicta-white);
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);
    padding: 80px 50px 50px;
    border-radius: 10px;
    z-index: 5;
}

.contact-one__form {
    position: relative;
    display: block;
    background: var(--verdicta-gray-bg);
    padding: 35px 35px 35px;
}

.contact-one__form .row {
    --bs-gutter-x: 30px;
}

.contact-one__form-box {
    position: relative;
    display: block;
}

.contact-one__form-box .input-box {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.contact-one__form-box .input-box .icon {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.contact-one__form-box .input-box .icon span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 15px;
}

.contact-one__form-box .input-box input[type="text"],
.contact-one__form-box .input-box input[type="email"],
.contact-one__form-box .input-box textarea {
    position: relative;
    display: block;
    height: 50px;
    width: 100%;
    background-color: var(--verdicta-white);
    border: 1px solid rgba(var(--verdicta-black-rgb), .12);
    padding-left: 20px;
    padding-right: 40px;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    color: var(--verdicta-gray);
    border-radius: 3px;
    font-family: var(--verdicta-font);
}

.contact-one__form-box .input-box .select-box {
    width: 100%;
}

.contact-one__form-box .input-box .nice-select {
    position: relative;
    display: block;
    height: 50px;
    width: 100%;
    background-color: var(--verdicta-white);
    border: 1px solid rgba(var(--verdicta-black-rgb), .12);
    padding-left: 20px;
    padding-right: 40px;
    outline: none;
    font-size: 14px;
    line-height: 48px;
    font-weight: 400;
    color: var(--verdicta-gray);
    border-radius: 3px;
    font-family: var(--verdicta-font);
    float: none;
}

.contact-one__form-box .input-box .nice-select:after {
    position: absolute;
    top: 18px;
    right: 23px;
    width: 9px;
    height: 9px;
    border-bottom: 2px solid var(--verdicta-base);
    border-right: 2px solid var(--verdicta-base);
    margin-top: 0px;
    z-index: 10;
}

.contact-one__form-box .input-box .nice-select .option {
    color: var(--verdicta-white);
}

.contact-one__form-box .input-box textarea {
    height: 120px;
    padding-top: 11px;
    outline: none;
    resize: none;
}

.contact-one__form-box .input-box .icon.style2 {
    top: 11%;
    transform: translateY(0%);
}

.contact-one__contact-info {
    position: relative;
    display: flex;
    background: var(--verdicta-black);
    height: 100%;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    padding: 20px 45px 20px;
    z-index: 1;
}

.contact-one__contact-info::before {
    position: absolute;
    top: -30px;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--verdicta-black);
    content: "";
}

.contact-one__contact-info::after {
    position: absolute;
    top: -30px;
    left: -30px;
    border-bottom: 30px solid #2c4d6d;
    border-left: 30px solid transparent;
    border-right: 0px solid transparent;
    content: "";
}

.contact-one__contact-info .title-box {
    position: relative;
    display: block;
    margin-bottom: 34px;
    padding-bottom: 5px;
}

.contact-one__contact-info .title-box::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: var(--verdicta-white);
    content: "";
}

.contact-one__contact-info .title-box h2 {
    color: var(--verdicta-white);
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
}

.contact-one__contact-info-list {
    position: relative;
    display: block;
}

.contact-one__contact-info-list li {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 21px;
}

.contact-one__contact-info-list li:last-child {
    margin-bottom: 0px;
}

.contact-one__contact-info-list-item .icon-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: rgba(var(--verdicta-white-rgb), 0.25);
    border-radius: 6px;
    top: 6px;
}

.contact-one__contact-info-list-item .icon-box span {
    position: relative;
    display: inline-block;
    color: var(--verdicta-white);
    font-size: 15px;
    line-height: 15px;
}

.contact-one__contact-info-list-item .text-box {
    position: relative;
    display: block;
    flex: 1;
    margin-left: 12px;
}

.contact-one__contact-info-list-item .text-box p {
    color: var(--verdicta-white);
}

.contact-one__contact-info-list-item .text-box p a {
    color: var(--verdicta-white);
}

.contact-one__contact-info-list-item .text-box p a:hover {
    color: var(--verdicta-base);
}

.contact-one .line {
    position: absolute;
    top: 0;
    left: 16.66%;
    bottom: 0;
    width: 1px;
    background: rgba(var(--verdicta-white-rgb), 0.1);
    content: "";
    z-index: 1;
}

.contact-one .line::after {
    content: "";
    height: 70px;
    width: 1px;
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 1;
    background: linear-gradient(to bottom, #0c1f38, #bb9880, #0c1f38);
    z-index: 3;
    animation: slideToBottom 10s linear infinite alternate;
}

.contact-one .line2::after,
.contact-one .line4::after {
    content: "";
    height: 70px;
    width: 1px;
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 1;
    background: linear-gradient(to bottom, #0c1f38, #bb9880, #0c1f38);
    z-index: 3;
    animation: slideToBottom 15s linear infinite alternate;
}

.contact-one .line.line2 {
    position: absolute;
    top: 0;
    left: 33.33%;
    bottom: 0;
    width: 1px;
    background: rgba(var(--verdicta-white-rgb), 0.1);
    content: "";
    z-index: 1;
}

.contact-one .line.line3 {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    width: 1px;
    background: rgba(var(--verdicta-white-rgb), 0.1);
    content: "";
    z-index: 1;
}

.contact-one .line.line4 {
    position: absolute;
    top: 0;
    left: 66.66%;
    bottom: 0;
    width: 1px;
    background: rgba(var(--verdicta-white-rgb), 0.1);
    content: "";
    z-index: 1;
}

.contact-one .line.line5 {
    position: absolute;
    top: 0;
    left: 83.33%;
    bottom: 0;
    width: 1px;
    background: rgba(var(--verdicta-white-rgb), 0.1);
    content: "";
    z-index: 1;
}


/***
=============================================
Contact Page Info
=============================================
***/
.contact-page-info {
    position: relative;
    display: block;
    padding: 120px 0px 90px;
    z-index: 1;
}

.contact-page-info__single {
    position: relative;
    display: block;
    overflow: hidden;
    background: var(--verdicta-white);
    border: 3px solid var(--verdicta-bdr-color);
    padding: 0px 30px 37px;
    border-radius: var(--verdicta-bdr-radius);
    overflow: hidden;
    margin-bottom: 30px;
}

.contact-page-info__single-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 80px;
    background: var(--verdicta-gray-bg);
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    margin: 0 auto 23px;
    z-index: 1;
}

.contact-page-info__single-icon:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: var(--verdicta-base);
    transition-delay: 0.5s;
    transition: .5s;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(-70deg) scale(0.0);
    -ms-transform: perspective(400px) rotateX(-70deg) scale(0.0);
    transform: perspective(400px) rotateX(-70deg) scale(0.0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    z-index: -1;
}

.contact-page-info__single:hover .contact-page-info__single-icon:before {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg) scale(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scale(1.0);
    transform: perspective(400px) rotateX(0deg) scale(1.0);
}

.contact-page-info__single-icon span {
    position: relative;
    display: block;
    line-height: 0px;
}

.contact-page-info__single-icon span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 40px;
    line-height: 40px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.contact-page-info__single:hover .contact-page-info__single-icon span::before {
    color: var(--verdicta-white);
}

.contact-page-info__single-text {
    position: relative;
    display: block;
}

.contact-page-info__single-text h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 12px;
}

.contact-page-info__single-text p {
    margin: 0;
}

.contact-page-info__single-text p a {
    color: var(--verdicta-black);
}

.contact-page-info__single-text p a:hover {
    color: var(--verdicta-base);
}


/***
=============================================
Contact Page
=============================================
***/
.contact-page {
    position: relative;
    display: block;
    padding: 0px 0px 120px;
    z-index: 1;
}

.contact-page__google-map {
    position: relative;
    display: block;
    margin-right: 40px;
}

.contact-page__google-map-one {
    position: relative;
    display: block;
    border: none;
    height: 532px;
    width: 100%;
    border-radius: 10px;
    filter: grayscale(100%);
}

.contact-page__form-box {
    position: relative;
    display: block;
    z-index: 2;
}

.contact-page__form {
    position: relative;
    display: block;
}

.contact-page__form .input-box {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.contact-page__form .input-box .icon {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.contact-page__form .input-box .icon span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 15px;
}

.contact-page__form .input-box input[type="text"],
.contact-page__form .input-box input[type="email"] {
    position: relative;
    display: block;
    height: 50px;
    width: 100%;
    background-color: var(--verdicta-white);
    border: 1px solid var(--verdicta-bdr-color);
    padding-left: 20px;
    padding-right: 40px;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    color: var(--verdicta-gray);
    border-radius: var(--verdicta-bdr-radius);
    font-family: var(--verdicta-font);
}

.contact-page__form .input-box .select-box {
    width: 100%;
}

.contact-page__form .input-box .nice-select {
    position: relative;
    display: block;
    height: 50px;
    width: 100%;
    background-color: var(--verdicta-white);
    border: 1px solid var(--verdicta-bdr-color);
    padding-left: 20px;
    padding-right: 40px;
    outline: none;
    font-size: 14px;
    line-height: 48px;
    font-weight: 400;
    color: var(--verdicta-gray);
    border-radius: var(--verdicta-bdr-radius);
    font-family: var(--verdicta-font);
    float: none;
}

.contact-page__form .input-box .nice-select:after {
    position: absolute;
    top: 18px;
    right: 23px;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid var(--verdicta-base);
    border-right: 1px solid var(--verdicta-base);
    margin-top: 0px;
    z-index: 10;
}

.contact-page__form .input-box .nice-select .option {
    color: var(--verdicta-white);
}

.contact-page__form .input-box textarea {
    position: relative;
    display: block;
    height: 50px;
    width: 100%;
    background-color: var(--verdicta-white);
    border: 1px solid var(--verdicta-bdr-color);
    padding-left: 20px;
    padding-right: 40px;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    color: var(--verdicta-gray);
    border-radius: var(--verdicta-bdr-radius);
    font-family: var(--verdicta-font);
    width: 100%;
    height: 150px;
    padding-top: 11px;
    outline: none;
    resize: none;
}

.contact-page__form .input-box .icon.style2 {
    top: 11%;
    transform: translateY(0%);
}

.contact-page__form-btn {
    position: relative;
    display: block;
}

/*==============================================
    Counter One
===============================================*/
.counter-one {
    position: relative;
    display: block;
    background: var(--verdicta-white);
    padding: 120px 0px 90px;
    z-index: 1;
}

.counter-one__single {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 1;
    padding: 70px 0px 70px;
    margin-bottom: 30px;
}

.counter-one__single::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--verdicta-base);
    box-shadow: 0px 10px 70px 0px rgba(0, 0, 0, .11);
    clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
    content: "";
    z-index: -1;
}

.counter-one__single::after {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    background: var(--verdicta-white);
    box-shadow: 0px 10px 70px 0px rgba(0, 0, 0, .11);
    clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
    content: "";
    z-index: -1;
}

.counter-one__single-icon {
    position: relative;
    display: block;
    margin-bottom: 13px;
}

.counter-one__single-icon span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 60px;
    line-height: 60px;
    transition-delay: 0.1s;
    transition: all 500ms ease;
}

.counter-one__single:hover .counter-one__single-icon span::before {
    transform: rotateY(180deg);
    transition-delay: 0.1s;
}

.counter-one__single-content {
    position: relative;
    display: block;
}

.counter-one__single-content .count-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.counter-one__single-content .count-box h2 {
    color: var(--verdicta-black);
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
}

.counter-one__single-content .count-box .k {
    position: relative;
    display: inline-block;
    color: var(--verdicta-black);
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    margin-left: 2px;
}

.counter-one__single-content .count-box .plus {
    position: relative;
    display: inline-block;
    color: var(--verdicta-black);
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    margin-left: 1px;
    top: 2px;
}

.counter-one__single-content p {
    color: var(--verdicta-gray);
    font-size: 18px;
}


/*==============================================
  Counter Two
===============================================*/
.counter-two {
    position: relative;
    display: block;
    background: var(--verdicta-black);
    padding: 110px 0px 112px;
    z-index: 1;
}

.counter-two .row {
    --bs-gutter-x: 125px;
}

.counter-two__single {
    position: relative;
    display: block;
}

.counter-two__single-inner {
    position: relative;
    display: flex;
    align-items: center;
}

.counter-two__single-icon {
    position: relative;
    display: block;
}

.counter-two__single-icon::before {
    position: absolute;
    top: -25px;
    left: 0;
    bottom: -25px;
    width: 35px;
    border: 1px solid rgba(var(--verdicta-white-rgb), 0.1);
    content: "";
    z-index: -1;
}

.counter-two__single-icon span {
    position: relative;
    display: block;
    line-height: 0px;
}

.counter-two__single-icon span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-white);
    font-size: 65px;
    line-height: 65px;
    transition-delay: 0.1s;
    transition: all 500ms ease;
}

.counter-two__single:hover .counter-two__single-icon span::before {
    transform: rotateY(180deg);
    transition-delay: 0.1s;
}

.counter-two__single-content {
    position: relative;
    display: block;
    margin-left: 20px;
    flex: 1;
}

.counter-two__single-content .count-box {
    position: relative;
    display: flex;
    align-items: center;
}

.counter-two__single-content .count-box h2 {
    color: var(--verdicta-white);
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
}

.counter-two__single-content .count-box .k {
    position: relative;
    display: inline-block;
    color: var(--verdicta-white);
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    margin-left: 2px;
}

.counter-two__single-content .count-box .plus {
    position: relative;
    display: inline-block;
    color: var(--verdicta-white);
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    margin-left: 1px;
    top: 2px;
}

.counter-two__single-content p {
    color: var(--verdicta-white);
}

/***
=====================================================
    Error Page
=====================================================
***/
.error-page {
    position: relative;
    display: block;
    padding: 82px 0px 120px;
    z-index: 1;
}

.error-page__wrapper {
    position: relative;
    display: block;
}

.error-page__content {
    position: relative;
    display: block;
    margin-top: 20px;
}

.error-page__content h2 {
    color: var(--verdicta-black);
    font-size: 230px;
    line-height: 0.9em;
    font-weight: 700;
    text-shadow: 3px 3px 3px var(--verdicta-base);
    font-family: var(--verdicta-font-two);
    margin-bottom: 15px;
}

.error-page__content h3 {
    font-size: 60px;
    line-height: 1.1em;
    font-weight: 600;
    margin-bottom: 25px;
}

.error-page__content p {
    font-weight: 500;
    margin: 0px;
}

.error-page__form {
    position: relative;
    display: block;
    margin: 47px auto 20px;
}

.error-page__form-input {
    position: relative;
    display: block;
    max-width: 550px;
    width: 100%;
    margin: 0 auto;
}

.error-page__form input[type="search"] {
    height: 60px;
    width: 100%;
    outline: none;
    background-color: transparent;
    border: 1px solid var(--verdicta-base);
    font-size: 16px;
    color: var(--verdicta-gray);
    font-weight: 500;
    padding-left: 30px;
    padding-right: 60px;
    border-radius: 10px;
}

.error-page__form button[type="submit"] {
    background-color: var(--verdicta-base);
    color: var(--verdicta-white);
    font-size: 17px;
    position: absolute;
    top: 0;
    right: 0px;
    bottom: 0;
    width: 60px;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.error-page__form button[type="submit"]:hover {
    background-color: var(--verdicta-black);
}

.error-page__content .btn-box {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 41px;
}

/***
=============================================
Faq One
=============================================
***/
.faq-one {
    position: relative;
    display: block;
    background: var(--verdicta-black);
    padding: 120px 0 120px;
    z-index: 1;
}

.faq-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: calc((100% - 60px) / 2);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.faq-one .shape1 {
    position: absolute;
    bottom: 0px;
    right: -10px;
    opacity: 0.15;
    z-index: -1;
}

.faq-one .big-title {
    position: absolute;
    top: 160px;
    right: -60px;
    color: transparent;
    -webkit-text-stroke: 1px rgba(var(--verdicta-white-rgb), 0.09);
    font-size: 170px;
    line-height: 1.1em;
    font-weight: 700;
    text-transform: uppercase;
    transform: rotate(90deg);
    font-family: var(--verdicta-font-two);
}

.faq-one__inner {
    position: relative;
    display: block;
    max-width: 645px;
    width: 100%;
    float: right;
}

.faq-one__inner .sec-title__tagline .text h4 {
    color: var(--verdicta-white);
}

.faq-one__inner .sec-title__tagline .icon-box span::before {
    color: var(--verdicta-white);
}

.faq-one__inner .sec-title__title {
    color: var(--verdicta-white);
}

.faq-one__content {
    position: relative;
    display: block;
    margin-left: 20px;
}

.faq-one__content-faq {
    position: relative;
    display: block;
    z-index: 1;
}

.faq-one-accrodion {
    position: relative;
    display: block;
}

.faq-one-accrodion .accrodion {
    position: relative;
    display: block;
    background: rgba(var(--verdicta-white-rgb), 0.05);
    border: 1px solid rgba(var(--verdicta-white-rgb), 0.06);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    padding: 0px 35px 0px;
}

.faq-one-accrodion .accrodion.active {
    padding-bottom: 25px;
}

.faq-one__content-faq .faq-one-accrodion .accrodion+.accrodion {
    margin-top: 10px;
}

.faq-one-accrodion .accrodion-title {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 19px 0px 18px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.faq-one-accrodion .accrodion-title h4 {
    position: relative;
    color: var(--verdicta-white);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-transform: capitalize;
    margin: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.faq-one-accrodion .accrodion-title h4::before {
    position: absolute;
    color: var(--verdicta-white);
    font-size: 15px;
    line-height: 15px;
    font-weight: 700;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-align: center;
    content: "\e96c";
    font-family: 'icomoon' !important;
}

.faq-one-accrodion .accrodion.active .accrodion-title h4::before {
    content: "\e969";
}

.faq-one-accrodion .accrodion-content {
    position: relative;
    display: block;
    padding: 21px 25px 20px;
    background: rgba(var(--verdicta-white-rgb), 0.07);
    margin-top: 0px;
    margin-bottom: 0px;
}

.faq-one-accrodion .accrodion-content p {
    color: var(--verdicta-white);
    margin: 0;
}

/***
=============================================
Faq One Faq
=============================================
***/
.faq-one--faq {
    position: relative;
    display: block;
    background: var(--verdicta-white);
}

.faq-one--faq .faq-one-accrodion .accrodion+.accrodion {
    margin-top: 10px;
}

.faq-one--faq .faq-one-accrodion .accrodion-title h4 {
    color: var(--verdicta-black);
    font-size: 18px;
}

.faq-one--faq .faq-one-accrodion .accrodion {
    background: var(--verdicta-gray-bg);
    border: 1px solid var(--verdicta-bdr-color);
}

.faq-one--faq .faq-one-accrodion .accrodion-title h4::before {
    color: var(--verdicta-black);
}

.faq-one--faq .faq-one-accrodion .accrodion-content {
    background: var(--verdicta-white);
}

.faq-one--faq .faq-one-accrodion .accrodion-content p {
    color: var(--verdicta-gray);
}

/*==============================================
    Site Footer
===============================================*/
.site-footer {
    position: relative;
    display: block;
    background-color: var(--verdicta-black);
    padding: 120px 0px 0px;
    overflow: hidden;
    z-index: 1;
}

.site-footer .shape1 {
    position: absolute;
    right: 0px;
    bottom: 70px;
    z-index: -1;
    mix-blend-mode: luminosity;
    opacity: 0.18;
}

.site-footer .shape2 {
    position: absolute;
    top: 50px;
    left: -35px;
    z-index: -1;
    mix-blend-mode: luminosity;
    opacity: 0.18;
}

.site-footer__top {
    position: relative;
    display: block;
    margin-bottom: 112px;
    z-index: 5;
}

.footer-widget__about {
    position: relative;
    display: block;
    z-index: 1;
}

.site-footer__logo {
    position: relative;
    display: block;
}

.site-footer__logo a {
    position: relative;
    display: inline-block;
}

.site-footer__logo a img {
    width: 100%;
}

.footer-widget__about-text {
    position: relative;
    display: block;
    margin-top: 30px;
}

.footer-widget__about-text p {
    color: var(--verdicta-white);
}

.footer-widget__about-social-links {
    position: relative;
    display: block;
    margin-top: 27px;
}

.footer-widget__about-social-links {
    position: relative;
    display: block;
}

.footer-widget__about-social-links ul {
    position: relative;
    display: flex;
    align-items: center;
}

.footer-widget__about-social-links ul li {
    position: relative;
    display: block;
}

.footer-widget__about-social-links ul li+li {
    margin-left: 10px;
}

.footer-widget__about-social-links ul li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background: var(--verdicta-white);
    color: var(--verdicta-black);
    border-radius: 50%;
    overflow: hidden;
}

.footer-widget__about-social-links ul li a:hover {
    color: var(--verdicta-white);
    background-color: var(--verdicta-primary);
}

.footer-widget__about-social-links ul li a::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: var(--verdicta-base);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: all;
    transition-property: all;
    opacity: 1;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    border-radius: 50%;
    z-index: -1;
}

.footer-widget__about-social-links ul li a:hover::before {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.footer-widget__about-social-links ul li a span {
    position: relative;
    display: inline-block;
    font-size: 15px;
}

.footer-widget__single {
    position: relative;
    display: block;
}

.footer-widget__single .title-box {
    position: relative;
    display: block;
    margin-top: -7px;
    margin-bottom: 29px;
}

.footer-widget__single .title-box h2 {
    color: var(--verdicta-white);
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 6px;
}

.footer-widget__single .title-box .title-line {
    position: relative;
    display: block;
    height: 2px;
    width: 105px;
    background: rgba(var(--verdicta-white-rgb), 0.25);
}

.footer-widget__single .title-box .title-line::before {
    position: absolute;
    top: 0;
    right: -25px;
    width: 20px;
    height: 2px;
    background: rgba(var(--verdicta-white-rgb), 0.25);
    content: "";
}

.footer-widget__services {
    position: relative;
    display: block;
    margin-left: 35px;
}

.footer-widget__services-list {
    position: relative;
    display: block;
}

.footer-widget__services-list li {
    position: relative;
    display: block;
    margin-bottom: 11px;
}

.footer-widget__services-list li:last-child {
    margin-bottom: 0px;
}

.footer-widget__services-list li a {
    color: var(--verdicta-white);
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}

.footer-widget__services-list li a:hover {
    color: var(--verdicta-base);
}

.footer-widget__services-list li a span {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
    top: 1px;
}

.footer-widget__contact {
    position: relative;
    display: block;
    margin-left: -40px;
}

.footer-widget__contact-list {
    position: relative;
    display: block;
}

.footer-widget__contact-list li {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 21px;
}

.footer-widget__contact-list li:last-child {
    margin-bottom: 0px;
}

.footer-widget__contact-list li .icon-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: rgba(var(--verdicta-white-rgb), 0.25);
    border-radius: 6px;
    top: 6px;
}

.footer-widget__contact-list li .icon-box span {
    position: relative;
    display: inline-block;
    color: var(--verdicta-white);
    font-size: 15px;
    line-height: 15px;
}

.footer-widget__contact-list li .text-box {
    position: relative;
    display: block;
    margin-left: 12px;
}

.footer-widget__contact-list li .text-box p {
    color: var(--verdicta-white);
}

.footer-widget__contact-list li .text-box p a {
    color: var(--verdicta-white);
}

.footer-widget__contact-list li .text-box p a:hover {
    color: var(--verdicta-base);
}


.footer-widget__newsletter {
    position: relative;
    display: block;
}

.footer-widget__newsletter-text {
    position: relative;
    display: block;
}

.footer-widget__newsletter-text p {
    color: var(--verdicta-white);
}

.footer-one__subscribe-form {
    position: relative;
    display: block;
    margin-top: 20px;
}

.footer-one__subscribe-form .subscribe-form {
    position: relative;
    display: block;
}

.footer-one__subscribe-form .subscribe-form input[type="email"] {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 20px;
    background: rgba(255, 255, 255, 1.0);
    border: none;
    color: var(--verdicta-gray);
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    border-radius: 5px;
    transition: all 500ms ease;
    font-family: var(--verdicta-font);
    text-transform: none;
    outline: none;
}

.footer-one__subscribe-form .subscribe-form input::-webkit-input-placeholder {
    color: var(--verdicta-gray);
}

.footer-one__subscribe-form .subscribe-form input:-moz-placeholder {
    color: var(--verdicta-gray);
}

.footer-one__subscribe-form .subscribe-form input::-moz-placeholder {
    color: var(--verdicta-gray);
}

.footer-one__subscribe-form .subscribe-form input:-ms-input-placeholder {
    color: var(--verdicta-gray);
}

.footer-one__subscribe-form .subscribe-form button {
    position: relative;
    margin-top: 15px;
}

.footer-one__subscribe-form .subscribe-form button.thm-btn .hover-btn {
    background-color: var(--verdicta-white);
}

.footer-one__subscribe-form .subscribe-form button.thm-btn:hover {
    color: var(--verdicta-black);
}

.site-footer__bottom {
    position: relative;
    display: block;
    background: var(--verdicta-black);
    border-top: 1px solid rgba(var(--verdicta-white-rgb), 0.10);
    z-index: 5;
}

.site-footer__bottom-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 29px 0px 27px;
}

.site-footer__copyright {
    position: relative;
    display: block;
}

.site-footer__copyright p {
    color: var(--verdicta-white);
}

.site-footer__copyright p a {
    color: var(--verdicta-white);
}

.site-footer__copyright p a:hover {
    color: var(--verdicta-base);
}

.site-footer__bottom-menu {
    position: relative;
    display: flex;
    align-items: center;
}

.site-footer__bottom-menu li {
    position: relative;
    display: block;
    padding-left: 25px;
    padding-right: 30px;
}

.site-footer__bottom-menu li:first-child {
    padding-left: 0px;
}

.site-footer__bottom-menu li:last-child {
    padding-right: 0px;
}

.site-footer__bottom-menu li::before {
    position: absolute;
    top: 9px;
    right: 0;
    width: 5px;
    height: 5px;
    background: var(--verdicta-white);
    border-radius: 50%;
    content: "";
}

.site-footer__bottom-menu li:last-child::before {
    display: none;
}

.site-footer__bottom-menu li a {
    color: var(--verdicta-white);
    font-size: 16px;
    line-height: 26px;
}

.site-footer__bottom-menu li a:hover {
    color: var(--verdicta-base);
}

.site-footer .line {
    position: absolute;
    top: 0;
    left: 16.66%;
    bottom: 0;
    width: 1px;
    background: rgba(var(--verdicta-white-rgb), 0.07);
    content: "";
    z-index: 1;
}

.site-footer .line::after {
    content: "";
    height: 70px;
    width: 1px;
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 1;
    background: linear-gradient(to bottom, #0c1f38, #bb9880, #0c1f38);
    z-index: 3;
    animation: slideToBottom 10s linear infinite alternate;
}

.site-footer .line2::after,
.site-footer .line4::after {
    content: "";
    height: 70px;
    width: 1px;
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 1;
    background: linear-gradient(to bottom, #0c1f38, #bb9880, #0c1f38);
    z-index: 3;
    animation: slideToBottom 15s linear infinite alternate;
}

.site-footer .line.line2 {
    position: absolute;
    top: 0;
    left: 33.33%;
    bottom: 0;
    width: 1px;
    background: rgba(var(--verdicta-white-rgb), 0.07);
    content: "";
    z-index: 1;
}

.site-footer .line.line3 {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    width: 1px;
    background: rgba(var(--verdicta-white-rgb), 0.07);
    content: "";
    z-index: 1;
}

.site-footer .line.line4 {
    position: absolute;
    top: 0;
    left: 66.66%;
    bottom: 0;
    width: 1px;
    background: rgba(var(--verdicta-white-rgb), 0.07);
    content: "";
    z-index: 1;
}

.site-footer .line.line5 {
    position: absolute;
    top: 0;
    left: 83.33%;
    bottom: 0;
    width: 1px;
    background: rgba(var(--verdicta-white-rgb), 0.07);
    content: "";
    z-index: 1;
}

/*==============================================
  Site Footer Two
===============================================*/
.site-footer--two {
    position: relative;
    display: block;
    background: none;
    z-index: 1;
}

.site-footer--two__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;
}

.site-footer--two__bg::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(var(--verdicta-black-rgb), 0.97);
    content: "";
}

.site-footer--two .shape3 {
    position: absolute;
    left: -175px;
    bottom: 98px;
    opacity: 0.04;
    z-index: -1;
    transform: rotate(-40deg);
}

.site-footer--two .footer-widget__services-list li a:hover {
    color: var(--verdicta-base);
}

.site-footer--two .footer-widget__contact-list li .text-box p a:hover {
    color: var(--verdicta-base);
}

.footer-widget__recent-posts {
    position: relative;
    display: block;
}

.footer-widget__recent-posts-list {
    position: relative;
    display: block;
    padding-top: 6px;
}

.footer-widget__recent-posts-list li {
    position: relative;
    display: flex;
    align-items: center;
}

.footer-widget__recent-posts-list li+li {
    margin-top: 25px;
}

.footer-widget__recent-posts-list li .img-box {
    position: relative;
    display: block;
    width: 85px;
    border-radius: var(--verdicta-bdr-radius);
    overflow: hidden;
    z-index: 1;
}

.footer-widget__recent-posts-list li .img-box:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: rgba(var(--verdicta-black-rgb), .70);
    transition: all 700ms ease;
    transform: translateY(-100%);
    z-index: 1;
}

.footer-widget__recent-posts-list li:hover .img-box:before {
    transform: translateY(0%);
}

.footer-widget__recent-posts-list li .img-box img {
    width: 100%;
}

.footer-widget__recent-posts-list li .img-box a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: var(--verdicta-white);
    transform: translateY(100px);
    opacity: 0;
    transition: all 700ms ease;
    z-index: 2;
}

.footer-widget__recent-posts-list li .img-box a:hover {
    color: var(--verdicta-base);
}

.footer-widget__recent-posts-list li:hover .img-box a {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 0.3s;
}

.footer-widget__recent-posts-list li:hover .img-box a span::before {
    position: relative;
    display: inline-block;
    font-size: 17px;
    line-height: 17px;
}

.footer-widget__recent-posts-list li .content-box {
    position: relative;
    display: block;
    margin-left: 20px;
    flex: 1;
}

.footer-widget__recent-posts-list li .content-box h3 {
    font-size: 17px;
    line-height: 27px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 9px;
}

.footer-widget__recent-posts-list li .content-box h3 a {
    color: var(--verdicta-white);
}

.footer-widget__recent-posts-list li .content-box h3 a:hover {
    color: var(--verdicta-base);
}

.footer-widget__recent-posts-list li .content-box p {
    color: var(--verdicta-white);
}

.footer-widget__recent-posts-list li .content-box p span::before {
    position: relative;
    display: inline-block;
    color: rgba(var(--verdicta-white-rgb), 0.70);
    font-size: 15px;
    line-height: 15px;
    margin-right: 5px;
}

.site-footer--two .site-footer__bottom {
    background: none;
}

.site-footer--two .site-footer__bottom-menu li a:hover {
    color: var(--verdicta-base);
}

.site-footer--two .site-footer__copyright p a:hover {
    color: var(--verdicta-base);
}

/***
=============================================
Page Header
=============================================
***/
.page-header {
    position: relative;
    display: block;
    height: 480px;
    overflow: hidden;
    z-index: 1;
	width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;
}

.page-header__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;
}

.page-header__bg::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    content: "";

    background: linear-gradient(
        90deg,
        rgba(3, 7, 12, 0.88) 0%,
        rgba(6, 17, 27, 0.72) 28%,
        rgba(11, 39, 60, 0.48) 52%,
        rgba(11, 39, 60, 0.25) 75%,
        rgba(193, 131, 16, 0.08) 100%
    );

    z-index: -1;
}

.page-header__inner {
    position: relative;
    display: block;
    text-align: center;
    overflow: hidden;
	width: 100%;

    display: flex;
    align-items: center;

    justify-content: center;

    text-align: center;
}

.page-header__inner h2 {
    color: var(--verdicta-white);
    font-size: 50px;
    line-height: 1.1em;
    font-weight: 700;
    text-transform: capitalize;
}

.page-header__inner .thm-breadcrumb {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
}

.page-header__inner .thm-breadcrumb li {
    color: var(--verdicta-white);
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    text-transform: capitalize;
    margin-left: 5px;
    margin-right: 5px;
}

.page-header__inner .thm-breadcrumb li:first-child {
    margin-left: 0px;
}

.page-header__inner .thm-breadcrumb li:last-child {
    margin-right: 0px;
}

.page-header__inner .thm-breadcrumb li a {
    color: var(--verdicta-white);
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    text-transform: capitalize;
}

.page-header__inner .thm-breadcrumb li a:hover {
    color: var(--verdicta-base);
}

.page-header__inner .thm-breadcrumb li span {
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    top: 2px;
}

.page-header .line {
    position: absolute;
    top: 0;
    left: 16.66%;
    bottom: 0;
    width: 1px;
    background: rgba(var(--verdicta-white-rgb), 0.08);
    content: "";
    z-index: 1;
}

.page-header .line::after {
    content: "";
    height: 70px;
    width: 1px;
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 1;
    background: linear-gradient(to bottom, #0c1f38, #bb9880, #0c1f38);
    z-index: 3;
    animation: slideToBottom 10s linear infinite alternate;
}

.page-header .line2::after,
.page-header .line4::after {
    content: "";
    height: 70px;
    width: 1px;
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 1;
    background: linear-gradient(to bottom, #0c1f38, #bb9880, #0c1f38);
    z-index: 3;
    animation: slideToBottom 15s linear infinite alternate;
}

.page-header .line.line2 {
    position: absolute;
    top: 0;
    left: 33.33%;
    bottom: 0;
    width: 1px;
    background: rgba(var(--verdicta-white-rgb), 0.08);
    content: "";
    z-index: 1;
}

.page-header .line.line3 {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    width: 1px;
    background: rgba(var(--verdicta-white-rgb), 0.08);
    content: "";
    z-index: 1;
}

.page-header .line.line4 {
    position: absolute;
    top: 0;
    left: 66.66%;
    bottom: 0;
    width: 1px;
    background: rgba(var(--verdicta-white-rgb), 0.08);
    content: "";
    z-index: 1;
}

.page-header .line.line5 {
    position: absolute;
    top: 0;
    left: 83.33%;
    bottom: 0;
    width: 1px;
    background: rgba(var(--verdicta-white-rgb), 0.08);
    content: "";
    z-index: 1;
}

/***
=============================================
Product
=============================================
***/
.product {
    position: relative;
    display: block;
    padding: 120px 0 120px;
}

.product__items {
    position: relative;
    display: block;
}

.product__showing-result {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-right: 130px;
}

.product__showing-text-box {
    position: relative;
    display: block;
}

.product__showing-text {
    font-size: 16px;
    font-weight: 400;
}

.product__showing-sort {
    position: relative;
    display: block;
    max-width: 340px;
    width: 100%;
}

.product__showing-sort .select-box .nice-select {
    background-color: var(--verdicta-gray-bg);
    color: var(--verdicta-gray);
    font-size: 16px;
    font-weight: 400;
    height: 70px;
    line-height: 70px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    border-radius: var(--verdicta-bdr-radius);
    border: 1px solid var(--verdicta-bdr-color);
    margin-bottom: 0px;
}

.product__showing-sort .select-box .nice-select:after {
    position: absolute;
    right: 30px;
}

.product__all {
    position: relative;
    display: block;
}

.product__all-tab {
    position: relative;
    display: block;
}

.product__all-tab-button {
    position: absolute;
    top: -100px;
    right: 0;
    z-index: 5;
}

.product__all-tab-button ul {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--verdicta-gray-bg);
    padding: 15px 15px 15px;
    border-radius: var(--verdicta-bdr-radius);
    border: 1px solid var(--verdicta-bdr-color);
}

.product__all-tab-button ul li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 3px;
    background-color: var(--verdicta-white);
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, .2);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.product__all-tab-button ul li:hover,
.product__all-tab-button ul li.active-btn-item {
    background-color: var(--verdicta-base);
}

.product__all-tab-button ul li+li {
    margin-left: 10px;
}

.product__all-tab-button-icon {
    position: relative;
    display: block;
    color: var(--verdicta-base);
    font-size: 18px;
    line-height: 0;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.product__all-tab-button-icon.one {
    transform: rotate(90deg);
}

.product__all-tab-button ul li:hover .product__all-tab-button-icon,
.product__all-tab-button ul li.active-btn-item .product__all-tab-button-icon {
    color: var(--verdicta-white);
}

.product__all-tab .tabs-content-box {
    position: relative;
    display: block;
}

.product__all-tab .tab-content-box-item {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;
    visibility: hidden;
}

.product__all-tab .tab-content-box-item.tab-content-box-item-active {
    position: relative;
    visibility: visible;
    z-index: 5;
}

.product__all-tab .tab-content-box-item .product__all-tab-content-box-item {
    transition: all 0.7s ease;
    opacity: 0;
    transform: translateY(5px);
    transform-origin: top bottom;
}

.product__all-tab .tab-content-box-item.tab-content-box-item-active .product__all-tab-content-box-item {
    opacity: 1.0;
    transform: translateY(0px);
    transform-origin: bottom top;
}

.product__all-tab-single {
    position: relative;
    display: block;
}

.single-product-style1 {
    position: relative;
    display: block;
    margin-bottom: 30px;
    border: 1px solid var(--verdicta-bdr-color);
    background-color: var(--verdicta-white);
    border-radius: var(--verdicta-bdr-radius);
    transition: all 500ms ease;
    z-index: 1;
}

.single-product-style1:hover {
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}

.single-product-style1__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
}

.single-product-style1__img img:first-child {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    -webkit-transform: translatex(50%) scalex(2);
    transform: translatex(50%) scalex(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.single-product-style1:hover .single-product-style1__img img:first-child {
    -webkit-transform: translatex(0) scalex(1);
    transform: translatex(0) scalex(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.single-product-style1:hover .single-product-style1__img img:nth-child(2) {
    -webkit-transform: translatex(-50%) scalex(2);
    transform: translatex(-50%) scalex(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.single-product-style1__img img {
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.single-product-style1__overlay {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 5;
}

.single-product-style1__overlay li {
    position: relative;
    display: block;
}

.single-product-style1__overlay li+li {
    margin-top: 8px;
}

.single-product-style1__overlay li p {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    background-color: var(--verdicta-white);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.13);
    color: var(--verdicta-base);
    line-height: 35px;
    font-weight: 600;
    border-radius: 3px;
}

.single-product-style1__info {
    position: absolute;
    left: 0;
    bottom: 20px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.4s linear 0s;
    z-index: 5;
}

.single-product-style1:hover .single-product-style1__info {
    opacity: 1;
    transform: translateY(0);
}

.single-product-style1__info li {
    position: relative;
    display: block;
}

.single-product-style1__info li+li {
    margin-left: 8px;
}

.single-product-style1__info li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--verdicta-white);
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, .2);
    color: var(--verdicta-base);
    font-size: 15px;
    line-height: 0;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-product-style1__info li a:hover {
    color: var(--verdicta-white);
    background-color: var(--verdicta-base);
}

.single-product-style1__content {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    background: var(--verdicta-gray-bg);
    padding: 37px 20px 31px;
}

.single-product-style1__content-left {
    position: relative;
    display: block;
}

.single-product-style1__content-left h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-transform: capitalize;
}

.single-product-style1__content-left h4 a {
    color: var(--verdicta-black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.single-product-style1__content-left h4 a:hover {
    color: var(--verdicta-base);
}

.single-product-style1__content-left p {
    font-size: 16px;
    font-weight: 500;
    color: var(--verdicta-gray);
    margin-top: 10px;
}

.single-product-style1__content-left p del {
    color: var(--verdicta-base);
    margin-right: 5px;
}

.single-product-style1__content-right {
    position: relative;
    display: block;
}

.single-product-style1__review {
    position: relative;
    display: flex;
    align-items: center;
    background-color: var(--verdicta-white);
    border-radius: 3px;
    padding: 3.5px 10px 3.5px;
    top: -9px;
}

.single-product-style1__review i {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 16px;
    margin-right: 8px;
    top: -2px;
}

.single-product-style1__review p {
    color: var(--verdicta-black);
    font-weight: 500;
}


.single-product-style2 {
    position: relative;
    display: block;
    margin-bottom: 30px;
    border: 1px solid var(--verdicta-bdr-color);
    background-color: var(--verdicta-white);
    border-radius: var(--verdicta-bdr-radius);
    transition: all 500ms ease;
    overflow: hidden;
    z-index: 1;
}

.single-product-style2:hover {
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}

.single-product-style2 .row {
    --bs-gutter-x: 0px;
    align-items: center;
}

.single-product-style2__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    border-right: 1px solid var(--verdicta-bdr-color);
    margin-right: 5px;
}

.single-product-style2__img img:first-child {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    -webkit-transform: translatex(50%) scalex(2);
    transform: translatex(50%) scalex(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.single-product-style2:hover .single-product-style2__img img:first-child {
    -webkit-transform: translatex(0) scalex(1);
    transform: translatex(0) scalex(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.single-product-style2:hover .single-product-style2__img img:nth-child(2) {
    -webkit-transform: translatex(-50%) scalex(2);
    transform: translatex(-50%) scalex(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.single-product-style2__img img {
    position: relative;
    width: 100%;
    display: block;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.single-product-style2__content {
    position: relative;
    display: block;
    padding: 0px 20px 0px;
    z-index: 1;
}

.single-product-style2__content::before {
    position: absolute;
    top: -999px;
    left: -5px;
    bottom: -999px;
    right: 0;
    background: var(--verdicta-gray-bg);
    content: "";
    z-index: -1;
}

.single-product-style2__review {
    position: relative;
    display: flex;
    align-items: center;
}

.single-product-style2__review i {
    color: var(--verdicta-base);
    font-size: 16px;
}

.single-product-style2__review i+i {
    margin-left: 5px;
}

.single-product-style2__text {
    position: relative;
    display: block;
    padding-top: 17px;
}

.single-product-style2__text h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-transform: capitalize;
    margin-bottom: 1px;
}

.single-product-style2__text h4 a {
    color: var(--verdicta-black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.single-product-style2__text h4 a:hover {
    color: var(--verdicta-base);
}

.single-product-style2__text p {
    font-size: 16px;
    font-weight: 500;
    color: var(--verdicta-gray);
    margin-top: 8px;
}

.single-product-style2__text p del {
    color: var(--verdicta-base);
    margin-right: 5px;
}

.single-product-style2__info {
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 16px;
}

.single-product-style2__info li {
    position: relative;
    display: block;
}

.single-product-style2__info li+li {
    margin-left: 8px;
}

.single-product-style2__info li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: var(--verdicta-white);
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, .15);
    color: var(--verdicta-base);
    font-size: 15px;
    line-height: 0;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.single-product-style2__info li a:hover {
    color: var(--verdicta-white);
    background-color: var(--verdicta-base);
}

/***
=============================================
Product Sidebar
=============================================
***/
.product__sidebar {
    position: relative;
    display: block;
}

.product__sidebar-single+.product__sidebar-single {
    margin-top: 30px;
}

.product__sidebar-title {
    position: relative;
    display: block;
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    margin: 0;
    margin-bottom: 22px;
    padding-left: 27px;
}

.product__sidebar-title::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 17px;
    height: 17px;
    background-color: var(--verdicta-base);
    clip-path: polygon(0 0, 0 100%, 100% 50%);
}

.shop-search {
    position: relative;
    display: block;
    background-color: var(--verdicta-gray-bg);
    border: 1px solid var(--verdicta-bdr-color);
    border-radius: var(--verdicta-bdr-radius);
    padding: 35px 30px 35px;
}

.shop-search form {
    position: relative;
}

.shop-search form input[type=search],
.shop-search form input[type=text] {
    width: 100%;
    height: 60px;
    background-color: var(--verdicta-white);
    padding-left: 30px;
    padding-right: 60px;
    font-size: 16px;
    color: var(--verdicta-gray);
    font-family: var(--verdicta-font);
    border-radius: var(--verdicta-bdr-radius);
    border: none;
    outline: none;
    font-weight: 500;
}

.shop-search form ::placeholder {
    color: inherit;
    opacity: 1;
}

.shop-search form button[type="submit"] {
    background-color: var(--verdicta-base);
    color: var(--verdicta-white);
    font-size: 18px;
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    width: 50px;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: var(--verdicta-bdr-radius);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.shop-search form button:hover[type="submit"] {
    background-color: var(--verdicta-black);
    color: var(--verdicta-white);
}

.product__price-ranger {
    position: relative;
    padding: 33px 30px 31px;
    margin: 0;
    background-color: var(--verdicta-gray-bg);
    border: 1px solid var(--verdicta-bdr-color);
    border-radius: var(--verdicta-bdr-radius);
}

.product__price-ranger.price-ranger {
    margin-top: 7px;
    margin-bottom: 0px;
}

.product__price-ranger .price-ranger .ui-widget-content {
    background: var(--verdicta-white);
    border: none;
    height: 5px;
}

.product__price-ranger .price-ranger .ui-slider-handle {
    position: absolute;
    top: -5px;
    background: var(--verdicta-base);
    border: 0;
    height: 14px;
    width: 14px !important;
    border-radius: 50%;
    margin-left: -2px;
    outline: medium none;
    cursor: pointer;
    z-index: 2;
}

.product__price-ranger .price-ranger .ui-slider .ui-slider-range {
    background: var(--verdicta-base);
}

.product__price-ranger .price-ranger #slider-range {
    margin-left: 3px;
    margin-right: 0;
    margin-top: 0;
}

.product__price-ranger .price-ranger .ranger-min-max-block {
    position: relative;
    display: block;
    margin-top: 17px;
}

.product__price-ranger .price-ranger .ranger-min-max-block input {
    display: inline-block;
}

.product__price-ranger .price-ranger .ranger-min-max-block input[type="submit"] {
    position: relative;
    display: block;
    background: var(--verdicta-base);
    float: right;
    text-align: center;
    border: none;
    color: var(--verdicta-white);
    font-size: 12px;
    font-weight: 700;
    margin-top: 0;
    text-transform: uppercase;
    cursor: pointer;
    padding: 5px 20px;
    border-radius: 20px;
    letter-spacing: 0.1em;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.product__price-ranger .price-ranger .ranger-min-max-block input[type="submit"]:hover {
    background: var(--verdicta-black);
}

.product__price-ranger .price-ranger .ranger-min-max-block input[type="text"] {
    position: relative;
    display: inline-block;
    color: var(--verdicta-gray);
    font-size: 16px;
    font-weight: 400;
    width: 40px;
    line-height: 30px;
    border: none;
    outline: none;
    padding: 0;
    text-align: center;
    background-color: transparent;
}

.product__price-ranger .price-ranger .ranger-min-max-block span {
    position: relative;
    display: inline-block;
    color: var(--verdicta-gray);
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    left: -2px;
}

.shop-category {
    position: relative;
    display: block;
    background-color: var(--verdicta-gray-bg);
    border: 1px solid var(--verdicta-bdr-color);
    padding: 35px 30px 35px;
    border-radius: var(--verdicta-bdr-radius);
}

.shop-category ul {
    position: relative;
    display: block;
}

.shop-category ul li {
    position: relative;
    line-height: 24px;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--verdicta-gray);
    margin-bottom: 15px;
}

.shop-category ul li:last-child {
    margin-bottom: 0;
}

.shop-category ul li a {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 24px;
    font-size: 16px;
    text-transform: capitalize;
    color: var(--verdicta-gray);
    font-weight: 500;
    border-radius: 10px;
    background-color: var(--verdicta-white);
    padding: 13px 15px 13px;
    transition: all 0.3s ease;
    z-index: 1;
}

.shop-category ul li:hover a {
    color: var(--verdicta-base);
}

.shop-category ul li a:after {
    position: absolute;
    right: 5px;
    top: 10px;
    bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    background-color: var(--verdicta-base);
    font-family: 'icomoon' !important;
    content: "\e97c";
    opacity: 1;
    font-size: 15px;
    color: var(--verdicta-white);
    line-height: 30px;
    border-radius: 5px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: 1;
}

.shop-category ul li a:hover:after {
    background-color: var(--verdicta-black);
}

.shop-product-tags {
    position: relative;
    display: block;
    background-color: var(--verdicta-gray-bg);
    border: 1px solid var(--verdicta-bdr-color);
    padding: 34px 30px 35px;
    border-radius: var(--verdicta-bdr-radius);
    overflow: hidden;
    z-index: 1;
}

.shop-product-tags .product__sidebar-title {
    margin-left: 5px;
}

.shop-product__tags-list {
    margin-top: -10px;
}

.shop-product__tags-list a {
    font-size: 12px;
    color: var(--verdicta-black);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background: var(--verdicta-white);
    display: inline-block;
    padding: 5px 20px 5px;
    margin-left: 5px;
    font-weight: 700;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.shop-product__tags-list a+a {
    margin-left: 5px;
    margin-top: 10px;
}

.shop-product__tags-list a:hover {
    color: var(--verdicta-white);
    background: var(--verdicta-base);
}

.shop-product-reviews {
    position: relative;
    display: block;
    background-color: var(--verdicta-gray-bg);
    border: 1px solid var(--verdicta-bdr-color);
    padding: 34px 30px 33px;
    border-radius: var(--verdicta-bdr-radius);
    overflow: hidden;
    z-index: 1;
}

.sidebar-rating-box {
    position: relative;
    display: block;
}

.sidebar-rating-box ul {
    position: relative;
    display: block;
    overflow: hidden;
}

.sidebar-rating-box ul li {
    position: relative;
    display: block;
}

.sidebar-rating-box ul li+li {
    margin-top: 30px;
}

.sidebar-rating-box ul li input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.sidebar-rating-box ul li label {
    position: relative;
    display: block;
    padding-left: 30px;
    color: #ffc009;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.sidebar-rating-box ul li label span.gray {
    color: #dddbdb;
}

.sidebar-rating-box ul li input[type=radio]+label i {
    position: absolute;
    top: 1px;
    left: 0;
    width: 15px;
    height: 15px;
    overflow: hidden;
    border: 1px solid var(--verdicta-base);
    border-radius: 50%;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.sidebar-rating-box ul li label i::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    transform: scale(0);
    background-color: var(--verdicta-base);
    border-radius: 50%;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.sidebar-rating-box ul li input[type=radio]:checked+label i {
    border-color: var(--verdicta-base);
}

.sidebar-rating-box ul li input[type=radio]:checked+label i::before {
    transform: scale(1.0);
}

.shop-product-recent-products {
    position: relative;
    display: block;
    background-color: var(--verdicta-gray-bg);
    border: 1px solid var(--verdicta-bdr-color);
    padding: 34px 30px 35px;
    border-radius: var(--verdicta-bdr-radius);
}

.shop-product-recent-products ul {
    position: relative;
    display: block;
}

.shop-product-recent-products ul li {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dddbdb;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.shop-product-recent-products ul li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.shop-product-recent-products ul li .img {
    position: relative;
    display: block;
    border-radius: var(--verdicta-bdr-radius);
    overflow: hidden;
}

.shop-product-recent-products ul li .img::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
    background: rgba(var(--verdicta-black-rgb), 0.5);
    opacity: 0;
    z-index: 1;
    content: "";
}

.shop-product-recent-products ul li:hover .img::before {
    opacity: 1;
}

.shop-product-recent-products ul li .img img {
    width: 100%;
    transition: .5s ease;
    transform: scale(1.05);
}

.shop-product-recent-products ul li:hover .img img {
    transform: scale(1);
}

.shop-product-recent-products ul li .img a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--verdicta-white);
    font-size: 16px;
    line-height: 0;
    transform: translateY(10px) scale(0);
    z-index: 5;
}

.shop-product-recent-products ul li:hover .img a {
    transform: translateY(0) scale(1);
}

.shop-product-recent-products ul li .img a:hover {
    color: var(--verdicta-base);
    transform: translateY(0) scale(1);
}

.shop-product-recent-products ul li .content {
    position: relative;
    display: block;
    flex: 1;
    margin-left: 20px;
}

.shop-product-recent-products ul li .content .title {
    position: relative;
    display: block;
}

.shop-product-recent-products ul li .content .title h5 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    text-transform: capitalize;
}

.shop-product-recent-products ul li .content .title h5 a {
    color: var(--verdicta-black);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.shop-product-recent-products ul li .content .title h5 a:hover {
    color: var(--verdicta-base);
}

.shop-product-recent-products ul li .content .price {
    position: relative;
    display: block;
    padding: 5px 0px 5px;
}

.shop-product-recent-products ul li .content .price p {
    color: var(--verdicta-base);
}

.shop-product-recent-products ul li .content .review {
    position: relative;
    display: flex;
    align-items: center;
}

.shop-product-recent-products ul li .content .review i {
    color: #ffc009;
    font-size: 12px;
}

.shop-product-recent-products ul li .content .review i.color {
    color: #dddbdb;
}

.shop-product-recent-products ul li .content .review i+i {
    margin-left: 5px;
}


/***
=============================================
Product Details
=============================================
***/
.product-details {
    position: relative;
    display: block;
    padding: 120px 0px 120px;
    z-index: 1;
}


.product-details__left {
    position: relative;
    display: block;
    margin-right: 70px;
}

.product-details__left-inner {
    position: relative;
    display: block;
}

.product-details__thumb-box {
    position: relative;
    display: block;
    max-width: 400px;
    margin-top: 20px;
}

#shop-details-one__thumb {
    z-index: 10;
}

.product-details__thumb-img {
    position: relative;
    display: block;
    width: 125px !important;
    cursor: pointer;
    overflow: hidden;
    background: var(--verdicta-gray-bg);
    border-radius: 10px;
}

.product-details__thumb-img img {
    width: 100%;
    border-radius: 10px;
}

.product-details__thumb-img:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--verdicta-base);
    opacity: 0;
    transition: all 500ms ease;
}


#shop-details-one__thumb .swiper-slide-thumb-active .product-details__thumb-img:before {
    opacity: 1;
}

.product-details__content-box {
    position: relative;
    display: block;
}

.product-details__img {
    position: relative;
    display: block;
    border: 1px solid var(--verdicta-bdr-color);
    border-radius: 15px;
}

.product-details__img img {
    width: 100%;
    border-radius: 15px;
}


.product-details__nav {
    position: absolute;
    top: 50%;
    left: 5px;
    right: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    transform: translateY(-50%);
    z-index: 100;
}

.product-details__nav .swiper-button-next,
.product-details__nav .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: var(--verdicta-black);
    background-color: var(--verdicta-gray-bg);
    border-radius: 50%;
    margin: 0;
    text-align: center;
    opacity: 1;
    transition: all 500ms ease;
    z-index: 100;
}


.product-details__nav .swiper-button-next:hover,
.product-details__nav .swiper-button-prev:hover {
    color: var(--verdicta-white);
    background-color: var(--verdicta-base);
}

.product-details__nav .swiper-button-next {
    margin-top: 0px;
}

.product-details__nav .swiper-button-next i,
.product-details__nav .swiper-button-prev i {
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 700;
}

.product-details__nav .swiper-button-next::after,
.product-details__nav .swiper-button-prev::after {
    display: none;
}

.product-details__right {
    position: relative;
    display: block;
    margin-top: -7px;
}

.product-details__top {
    position: relative;
    display: block;
}

.product-details__title {
    font-size: 34px;
    line-height: 44px;
    font-weight: 700;
    margin: 0;
}

.product-details__title span {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    margin-left: 25px;
    letter-spacing: 0;
}

.product-details__reveiw {
    display: flex;
    align-items: center;
    margin-top: 26px;
    padding-bottom: 37px;
    margin-bottom: 28px;
    border-bottom: 1px solid var(--verdicta-bdr-color);
}

.product-details__reveiw i {
    font-size: 16px;
    color: var(--verdicta-base);
}

.product-details__reveiw i+i {
    margin-left: 4px;
}

.product-details__reveiw span {
    position: relative;
    top: 1px;
    line-height: 1;
    font-size: 16px;
    color: var(--verdicta-gray);
    margin-left: 18px;
}

.product-details__content {
    position: relative;
    display: block;
}

.product-details__content-text1 {
    font-size: 16px;
    line-height: 30px;
    margin: 0;
    margin-bottom: 31px;
}

.product-details__content-text2 {
    font-size: 16px;
    line-height: 30px;
    margin: 0;
}

.product-details__select {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
}

.product-details__select-size {
    position: relative;
    display: flex;
    align-items: center;
}

.product-details__select-size h3 {
    font-size: 20px;
    line-height: 30px;
    margin-right: 15px;
}

.product-details__select-size ul {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    flex: 1;
}

.product-details__select-size ul li {
    position: relative;
    display: block;
    width: 45px;
    height: 35px;
}

.product-details__select-size ul li input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.product-details__select-size ul li label {
    position: relative;
    width: 45px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--verdicta-black);
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.product-details__select-size ul li input[type=radio]:checked+label {
    color: var(--verdicta-white);
    font-weight: 500;
}

.product-details__select-size ul li input[type=radio]+label i {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
    right: 0;
    width: 45px;
    height: 35px;
    overflow: hidden;
    border: 1px solid var(--verdicta-gray);
    border-radius: 5px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: -1;
}

.product-details__select-size ul li label i::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    transform: scale(0.3);
    opacity: 0;
    background-color: var(--verdicta-base);
    border-radius: 5px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.product-details__select-size ul li input[type=radio]:checked+label i {
    border-color: var(--verdicta-base);
}

.product-details__select-size ul li input[type=radio]:checked+label i::before {
    transform: scale(1.0);
    opacity: 1;
}


.product-details__inner {
    position: relative;
    display: block;
    margin-top: 30px;
    margin-bottom: 25px;
}

.product-details__quantity {
    position: relative;
    display: flex;
    align-items: center;
}

.product-details__quantity-title {
    margin: 0;
    color: var(--verdicta-black);
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    margin-right: 20px;
}

.product-details__quantity .quantity-box {
    position: relative;
    width: 98px;
    border-radius: 0px;
    height: 50px;
}

.product-details__quantity .quantity-box input {
    width: 98px;
    border-radius: 10px;
    height: 50px;
    border: 1px solid var(--verdicta-bdr-color);
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    font-family: var(--verdicta-font);
    padding-left: 30px;
    outline: none;
    font-size: 18px;
    font-weight: 700;
    color: var(--verdicta-gray);
}

.product-details__quantity .quantity-box button {
    width: 24px;
    height: 24px;
    background-color: transparent;
    color: var(--verdicta-gray);
    font-size: 8px;
    position: absolute;
    top: 1px;
    right: 1px;
    background-color: #fff;
    border: none;
    border-left: 1px solid var(--verdicta-bdr-color);
    border-top-right-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
}

.product-details__quantity .quantity-box button.sub {
    bottom: 1px;
    top: auto;
    border-top: 1px solid var(--verdicta-bdr-color);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
}

.product-details__buttons-boxes {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 25px;
}

.product-details__buttons-1 {
    position: relative;
    display: block;
}

.product-details__buttons-2 {
    position: relative;
    display: block;
}

.product-details__social {
    position: relative;
    display: block;
}

.product-details__social .title {
    position: relative;
    display: block;
}

.product-details__social .title h3 {
    color: var(--verdicta-black);
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
}

.product-details__social-link {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.product-details__social-link a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--verdicta-black);
    font-size: 15px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    background-color: var(--verdicta-gray-bg);
    border-radius: 50%;
    height: 45px;
    width: 45px;
}

.product-details__social-link a+a {
    margin-left: 10px;
}

.product-details__social-link a:hover {
    color: var(--verdicta-white);
    background-color: var(--verdicta-base);
}

/***
=============================================
Product Description
=====***/
.product-description {
    position: relative;
    display: block;
    padding: 0 0 116px;
    z-index: 1;
}

.product-details__description {
    position: relative;
    display: block;
}

.product-details__main-tab-box {
    position: relative;
    display: block;
}

.product-details__main-tab-box .tab-buttons {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    line-height: 0;
}

.product-details__main-tab-box .tab-buttons .tab-btn {
    position: relative;
    display: inline-block;
}

.product-details__main-tab-box .tab-buttons .tab-btn span {
    position: relative;
    display: block;
    text-align: center;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    font-size: 18px;
    line-height: 18px;
    color: var(--verdicta-black);
    background-color: var(--verdicta-gray-bg);
    padding: 16px 25px 16px;
    text-transform: capitalize;
    font-weight: 500;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.3s ease;
    z-index: 1;
}

.product-details__main-tab-box .tab-buttons .tab-btn.active-btn span {
    color: var(--verdicta-white);
}

.product-details__main-tab-box .tab-buttons .tab-btn span:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0%;
    content: "";
    background-color: var(--verdicta-base);
    transition: all 0.3s ease;
    z-index: -1;
}

.product-details__main-tab-box .tab-buttons .tab-btn.active-btn span:before {
    height: 100%;
}

.product-details__main-tab-box .tabs-content {
    position: relative;
    display: block;
}

.product-details__main-tab-box .tabs-content .tab {
    position: relative;
    display: none;
    -webkit-transform: translateY(35px);
    -ms-transform: translateY(35px);
    transform: translateY(35px);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    z-index: 10;
}

.product-details__main-tab-box .tabs-content .tab.active-tab {
    display: block;
    margin-top: 0px;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.product-details__tab-content-inner {
    position: relative;
    display: block;
    padding: 40px 40px 50px;
    border: 1px solid var(--verdicta-bdr-color);
}

.product-details__description-content {
    position: relative;
    display: block;
}

.product-description__list {
    position: relative;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
}

.product-description__list ul {
    position: relative;
    display: block;
}

.product-description__list ul li {
    position: relative;
    display: block;
    margin-bottom: 2px;
}

.product-description__list ul li:last-child {
    margin-bottom: 0px;
}

.product-description__list ul li p {
    color: var(--verdicta-black);
    margin: 0;
    font-weight: 500;
}

.product-description__list ul li p span:before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 17px;
    line-height: 17px;
    margin-right: 11px;
    top: 2px;
    font-weight: 700;
}

.product-details__additional-information-content {
    position: relative;
    display: block;
}

.product-details__additional-information-text-1 {
    padding-bottom: 24px;
}

/*--------------------------------------------------------------
  # Review One
  --------------------------------------------------------------*/
.review-one {
    position: relative;
    display: block;
}

.comments-area {
    position: relative;
    display: block;
}

.review-one__title {
    position: relative;
    display: block;
    margin-bottom: 36px;
}

.review-one__title h3 {
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    margin: 0;
    text-transform: capitalize;
}


.comments-area .comment-box {
    position: relative;
    display: block;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--verdicta-bdr-color);
}

.comments-area .comment {
    position: relative;
    display: flex;
    align-items: center;
}

.comments-area .comment-box .author-thumb {
    position: relative;
    display: block;
    width: 165px;
    height: 165px;
    border-radius: 50%;
    overflow: hidden;
}

.comments-area .comment-box .author-thumb img {
    width: 100%;
}

.comments-area .comment-box .author-thumb figure {
    margin: 0;
}

.review-one__content {
    position: relative;
    display: block;
    padding-left: 45px;
    flex: 1;
}

.review-one__content-top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.review-one__content-top .info {
    position: relative;
    display: block;
}

.review-one__content-top .info h2 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    text-transform: capitalize;
}

.review-one__content-top .info h2 span {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: capitalize;
    margin-left: 5px;
    font-family: var(--verdicta-font);
}

.review-one__content-top .reply-btn {
    position: relative;
    display: block;
}

.review-one__content-top .reply-btn i:before {
    color: var(--verdicta-base);
    font-size: 15px;
}

.review-one__content-bottom {
    position: relative;
    display: block;
}

.review-one__content-bottom p {
    font-size: 16px;
    line-height: 30px;
    margin: 0px;
}

/*--------------------------------------------------------------
  # Review Form One
  --------------------------------------------------------------*/
.review-form-one {
    position: relative;
    display: block;
    padding: 16px 0px 0px;
}

.review-form-one__inner {
    position: relative;
    display: block;
}

.review-form-one__title {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    text-transform: capitalize;
}

.review-form-one__rate-box {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 17px;
    margin-bottom: 37px;
}

.review-form-one__rate-text {
    font-size: 18px;
    font-weight: 400;
}

.review-form-one__rate {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 17px;
}

.review-form-one__rate i {
    font-size: 16px;
    color: var(--verdicta-base);
}

.review-form-one__rate i+i {
    margin-left: 5px;
}

.review-form-one__form {
    position: relative;
    display: block;
}

.review-form-one__form .row {
    --bs-gutter-x: 20px;
}

.review-form-one__input-box textarea {
    font-size: 16px;
    color: var(--verdicta-gray);
    height: 160px;
    width: 100%;
    background-color: var(--verdicta-white);
    padding: 20px 30px 30px;
    border: 1px solid var(--verdicta-bdr-color);
    outline: none;
    margin-bottom: 0px;
    font-weight: 400;
    border-radius: var(--verdicta-bdr-radius);
}

.review-form-one__input-box.text-message-box {
    height: 160px;
}

.review-form-one__input-box {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.review-form-one__input-box input[type="text"],
.review-form-one__input-box input[type="email"] {
    height: 60px;
    width: 100%;
    border: 1px solid var(--verdicta-bdr-color);
    background-color: var(--verdicta-white);
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    font-size: 16px;
    color: var(--verdicta-gray);
    display: block;
    font-weight: 400;
    border-radius: var(--verdicta-bdr-radius);
}

.review-form-one__form .thm-btn {
    position: relative;
    display: block;
}


/*--------------------------------------------------------------
  # Related Products
  --------------------------------------------------------------*/
.related-products {
    position: relative;
    display: block;
    padding: 0px 0px 120px;
}

.related-products__title {
    position: relative;
    display: block;
    padding-bottom: 52px;
}

.related-products__title h3 {
    font-size: 40px;
    line-height: 1.0em;
    margin-bottom: 16px;
    font-weight: 700;
    text-transform: capitalize;
}

.related-products__title p {
    margin: 0;
}

.single-product-style1.instyle--2 {
    margin-bottom: 0px;
}

/*--------------------------------------------------------------
  # Cart Page
  --------------------------------------------------------------*/
.cart-page {
    position: relative;
    display: block;
    background: var(--verdicta-white);
    padding: 114px 0px 120px;
}

.cart-page__left {
    position: relative;
    display: block;
}

.cart-page .table-responsive {
    position: relative;
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media(max-width: 1199px) {
    .cart-table {
        min-width: 1170px;
    }
}

.cart-table {
    margin-bottom: 0px;
}

.cart-table thead th {
    color: var(--verdicta-black);
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    padding: 0;
    border: none;
    padding-bottom: 22px;
    font-family: var(--verdicta-font-two);
}

.cart-table thead th:last-child {
    text-align: right;
}

.cart-table tbody tr {
    vertical-align: middle;
}

.cart-table tbody tr:last-child {
    border-bottom: 1px solid var(--verdicta-bdr-color);
}

.cart-table tbody td {
    font-size: 18px;
    color: var(--verdicta-gray);
    vertical-align: middle;
    border-top: 1px solid var(--verdicta-bdr-color);
    border-bottom: 1px solid var(--verdicta-bdr-color);
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
}

.cart-table tbody td:last-child {
    text-align: right;
}

.cart-table .product-box {
    display: flex;
    align-items: center;
}

.cart-table .product-box .img-box {
    position: relative;
    display: block;
    width: 120px;
    border-radius: 0;
    overflow: hidden;
    margin-right: 35px;
}

.cart-table .product-box .img-box img {
    width: 100%;
    border: 1px solid var(--verdicta-bdr-color);
    border-radius: 10px;
}

.cart-table h3 {
    color: var(--verdicta-black);
    font-size: 20px;
    margin-left: 36px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0;
}

.cart-table h3 a {
    color: var(--verdicta-black);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.cart-table h3 a:hover {
    color: var(--verdicta-base);
}

.cart-table .quantity-box {
    position: relative;
    width: 98px;
    border-radius: 0px;
    height: 50px;
}

.cart-table .quantity-box input {
    width: 98px;
    border-radius: 10px;
    height: 50px;
    border: 1px solid var(--verdicta-bdr-color);
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    font-family: var(--verdicta-font);
    padding-left: 30px;
    outline: none;
    font-size: 18px;
    color: var(--verdicta-gray);
    font-weight: 700;
}

.cart-table .quantity-box button {
    width: 24px;
    height: 24px;
    background-color: transparent;
    color: var(--thm-black);
    font-size: 8px;
    position: absolute;
    top: 1px;
    right: 1px;
    background-color: #fff;
    border-top-right-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    border-left: 1px solid var(--verdicta-bdr-color);
}

.cart-table .quantity-box button.sub {
    bottom: 1px;
    top: auto;
    border-top: 1px solid var(--verdicta-bdr-color);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
}

.cart-table .cross-icon {
    position: relative;
    display: block;
}

.cart-table .cross-icon i:before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-black);
    font-size: 16px;
    cursor: pointer;
}

.cart-page__right {
    position: relative;
    display: block;
    margin-left: 20px;
}

.cart-page__sidebar {
    position: relative;
    display: block;
    padding: 38px 30px 40px;
    background-color: var(--verdicta-gray-bg);
    border-radius: var(--verdicta-bdr-radius);
    border: 1px solid var(--verdicta-bdr-color);
}

.cart-page__shipping {
    position: relative;
    display: block;
}

.cart-page__shipping-title {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 24px;
    margin-bottom: 25px;
}

.cart-page__shipping-form {
    position: relative;
    display: block;
}

.cart-page__shipping-form .row {
    --bs-gutter-x: 20px;
}

.cart-page__shipping-input-box {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.cart-page__shipping-input-box .select-box .nice-select {
    background-color: var(--verdicta-white);
    color: var(--verdicta-gray);
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 8px;
    width: 100%;
    margin-bottom: 0px;
}

.cart-page__shipping-input-box .select-box .nice-select:after {
    position: absolute;
    right: 20px;
}

.cart-page__shipping-input-box .nice-select .option:hover,
.cart-page__shipping-input-box .nice-select .option.focus,
.cart-page__shipping-input-box .nice-select .option.selected.focus {
    background-color: var(--verdicta-black);
}

.cart-page__shipping-input-box input[type=email],
.cart-page__shipping-input-box input[type=text] {
    width: 100%;
    height: 50px;
    background-color: var(--verdicta-white);
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    color: var(--verdicta-gray);
    font-family: var(--verdicta-font);
    border-radius: 8px;
    border: none;
    outline: none;
    font-weight: 400;
}

.cart-page__btn-box {
    position: relative;
    display: block;
}

.cart-page__btn-box .thm-btn {
    width: 100%;
}

.cart-page__coupon-code {
    position: relative;
    display: block;
    border-top: 1px solid var(--verdicta-bdr-color);
    border-bottom: 1px solid var(--verdicta-bdr-color);
    margin-top: 30px;
    margin-bottom: 20px;
    padding-top: 23px;
    padding-bottom: 30px;
}

.cart-page__coupon-code-title {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 24px;
    margin-bottom: 20px;
}

.cart-page__coupon-code-text {
    margin-bottom: 16px;
}

.cart-page__coupon-code-form {
    position: relative;
    display: block;
}

.cart-page__coupon-code-form input[type=email],
.cart-page__coupon-code-form input[type=text] {
    width: 100%;
    height: 50px;
    background-color: var(--verdicta-white);
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    color: var(--verdicta-gray);
    font-family: var(--verdicta-font);
    border-radius: 8px;
    border: none;
    outline: none;
    font-weight: 400;
}

.cart-page__coupon-code-form .thm-btn {
    width: 100%;
    margin-top: 20px;
}

.cart-total {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.cart-total li {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: var(--verdicta-gray);
    font-size: 18px;
    font-weight: 500;
}

.cart-total li+li {
    margin-top: 15px;
}

.cart-total li span:first-child {
    display: block;
    color: var(--verdicta-black);
    font-size: 18px;
    margin-right: 80px;
    font-weight: 700;
    width: 140px;
    text-align: right;
}

.cart-total-amount {
    color: var(--verdicta-base);
}

.cart-page__buttons {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.cart-page__buttons-1 {
    position: relative;
    display: block;
    line-height: 0px;
}

.cart-page__buttons-2 {
    position: relative;
    display: block;
    line-height: 0px;
}

/*--------------------------------------------------------------
  # Checkout
  --------------------------------------------------------------*/
.checkout-page {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    z-index: 1;
}

.checkout-page .billing_details {
    position: relative;
    display: block;
    border-radius: 10px;
    border: 1px solid var(--verdicta-bdr-color);
    padding: 53px 50px 60px;
}

.billing_title {
    position: relative;
    display: block;
    margin-bottom: 45px;
}

.billing_title p {
    font-size: 16px;
    margin: 0;
}

.billing_title a {
    color: var(--verdicta-base);
}

.billing_title h2 {
    font-size: 30px;
    line-height: 30px;
    margin: 0;
    font-weight: 700;
    margin-top: 16px;
}

.billing_details_form {
    position: relative;
    display: block;
}

.billing_details_form .bs-gutter-x-20 {
    --bs-gutter-x: 20px;
}

.billing_details_form .btn-light {
    border: none;
}

.billing_details_form .btn-light:hover {
    border: none;
}

.billing_input_box {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.billing_input_box input[type="text"],
.billing_input_box input[type="email"],
.billing_input_box input[type="tel"] {
    height: 60px;
    width: 100%;
    border: 1px solid var(--verdicta-bdr-color);
    background-color: var(--verdicta-white);
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 10px;
    outline: none;
    font-size: 16px;
    color: var(--verdicta-gray);
    display: block;
    font-weight: 400;
}

.billing_input_box textarea {
    display: block;
    color: var(--verdicta-gray);
    font-size: 16px;
    font-weight: 400;
    height: 140px;
    width: 100%;
    border: 1px solid var(--verdicta-bdr-color);
    background-color: var(--verdicta-white);
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 13px;
    border-radius: 10px;
    outline: none;
    resize: none;
}

.billing_input_box textarea:focus {
    border: 1px solid var(--verdicta-bdr-color);
}

.billing_details .checked-box {
    position: relative;
    display: block;
    margin-top: 17px;
}

.billing_details .checked-box label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    margin-right: 0px;
    margin-bottom: 0;
    color: var(--verdicta-gray);
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    text-transform: none;
    cursor: pointer;
    font-family: var(--verdicta-font);
}

.billing_details .checked-box input[type="checkbox"] {
    display: none;
}

.billing_details .checked-box input[type="checkbox"]+label span {
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: middle;
    background-color: transparent;
    background: var(--verdicta-base);
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    border: 0;
}

.billing_details .checked-box label span:before {
    position: absolute;
    top: 4px;
    left: 6px;
    display: block;
    border-bottom: 2px solid var(--verdicta-white);
    border-right: 2px solid var(--verdicta-white);
    content: '';
    width: 6px;
    height: 9px;
    pointer-events: none;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    opacity: 0;
}

.billing_details.checked-box input[type="checkbox"]:checked+label span {
    border-color: var(--verdicta-white);
}

.billing_details .checked-box input[type="checkbox"]:checked+label span:before {
    opacity: 1;
}

.billing_details_form .select-box .nice-select {
    border: 1px solid var(--verdicta-bdr-color);
    background-color: var(--verdicta-white);
    border-radius: 10px;
    color: var(--verdicta-gray);
    font-size: 16px;
    font-weight: 400;
    height: 60px;
    line-height: 60px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    margin-bottom: 20px;
}

.billing_details_form .select-box .nice-select:after {
    position: absolute;
    right: 30px;
}

.billing_details_form .nice-select .option:hover,
.billing_details_form .nice-select .option.focus,
.billing_details_form .nice-select .option.selected.focus {
    background-color: var(--verdicta-black);
}

.billing_details_form-btns {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 36px;
}

.billing_details_form-btn-1 {
    position: relative;
    display: block;
}

.billing_details_form-btn-2 {
    position: relative;
    display: block;
}

.sidebar-order-summary {
    position: relative;
    display: block;
    border-radius: 10px;
    border: 1px solid var(--verdicta-bdr-color);
    padding: 37px 30px 45px;
    z-index: 1;
}

.sidebar-order-summary .title-box {
    position: relative;
    display: block;
    padding-bottom: 3px;
    margin-bottom: 35px;
}

.sidebar-order-summary .title-box::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: var(--verdicta-base);
    content: "";
}

.sidebar-order-summary .title-box::after {
    position: absolute;
    left: 37px;
    bottom: 0;
    width: 3px;
    height: 2px;
    background: var(--verdicta-white);
    content: "";
}

.sidebar-order-summary .title-box h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    text-transform: capitalize;
}


.sidebar-order-summary__list {
    position: relative;
    display: block;
}

.sidebar-order-summary__list>li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--verdicta-bdr-color);
    padding: 13px 0px 12px;
}

.sidebar-order-summary__list>li:last-child {
    border-bottom: 1px solid var(--verdicta-bdr-color);
}

.sidebar-order-summary__list>li>.left-text {
    position: relative;
    display: block;
}

.sidebar-order-summary__list>li>.left-text p {
    font-size: 18px;
    margin: 0px;
}

.sidebar-order-summary__list>li>.right-text {
    position: relative;
    display: block;
}

.sidebar-order-summary__list>li>.right-text p {
    font-size: 18px;
    margin: 0px;
}


.sidebar-order-summary__list>li>.right-text>ul {
    position: relative;
    display: block;
}

.sidebar-order-summary__list>li>.right-text>ul>li {
    position: relative;
    display: block;
}

.sidebar-order-summary__list>li>.right-text>ul>li+li {
    margin-top: 5px;
}

.sidebar-order-summary__list>li>.right-text>ul>li input[type=radio] {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}

.sidebar-order-summary__list>li>.right-text>ul>li label {
    position: relative;
    display: block;
    padding-right: 24px;
    font-size: 18px;
    font-weight: 400;
    text-align: right;
    cursor: pointer;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.sidebar-order-summary__list>li>.right-text>ul>li input[type=radio]+label i {
    position: absolute;
    top: 6px;
    right: 0;
    width: 15px;
    height: 15px;
    overflow: hidden;
    border: 1px solid var(--verdicta-gray);
    border-radius: 50%;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.sidebar-order-summary__list>li>.right-text>ul>li label i::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    transform: scale(0);
    background-color: var(--verdicta-base);
    border-radius: 50%;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.sidebar-order-summary__list>li>.right-text>ul>li input[type=radio]:checked+label i {
    border-color: var(--verdicta-base);
}

.sidebar-order-summary__list>li>.right-text>ul>li input[type=radio]:checked+label i::before {
    transform: scale(1.0);
}


.sidebar-order-summary__Payment {
    position: relative;
    display: block;
    margin-top: 37px;
}

.checkout__payment {
    position: relative;
    margin-bottom: 30px;
}

.checkout__payment__item+.checkout__payment__item {
    margin-top: 23px;
}

.checkout__payment__title {
    display: flex;
    color: var(--verdicta-black);
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    align-items: center;
    cursor: pointer;
}

.checkout__payment__title::before {
    content: '';
    width: 20px;
    height: 20px;
    background-color: var(--verdicta-white);
    border: 2px solid var(--verdicta-bdr-color);
    border-radius: 50%;
    margin-right: 10px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-size: 10px;
    color: var(--verdicta-white);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    position: relative;
    top: 0px;
    transition: all 500ms ease;
}

.checkout__payment__item--active .checkout__payment__title::before {
    background-color: var(--verdicta-base);
    border-color: var(--verdicta-base);
    content: '\f00c';
}

.checkout__payment__content {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: var(--verdicta-gray);
    font-weight: 400;
    margin-top: 15px;
}

.sidebar-order-summary__bottom {
    position: relative;
    display: block;
}

.sidebar-order-summary__bottom .text1 {
    margin-bottom: 0;
}

.sidebar-order-summary__bottom .text1 a {
    color: var(--verdicta-base);
    text-decoration: underline;
}







.sidebar-order-summary__checked {
    position: relative;
    display: block;
    margin-top: 20px;
    ;
}

.sidebar-order-summary__checked label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    margin-right: 0px;
    margin-bottom: 0;
    color: var(--verdicta-gray);
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    text-transform: none;
    cursor: pointer;
    font-family: var(--verdicta-font);
}

.sidebar-order-summary__checked label a {
    color: var(--verdicta-base);
}

.sidebar-order-summary__checked input[type="checkbox"] {
    display: none;
}

.sidebar-order-summary__checked input[type="checkbox"]+label span {
    position: absolute;
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: middle;
    background-color: transparent;
    background: var(--verdicta-base);
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    border: 0;
}

.sidebar-order-summary__checked label span:before {
    position: absolute;
    top: 4px;
    left: 6px;
    display: block;
    border-bottom: 2px solid var(--verdicta-white);
    border-right: 2px solid var(--verdicta-white);
    content: '';
    width: 6px;
    height: 9px;
    pointer-events: none;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    opacity: 0;
}

.sidebar-order-summary__checked input[type="checkbox"]:checked+label span {
    border-color: var(--verdicta-white);
}

.sidebar-order-summary__checked input[type="checkbox"]:checked+label span:before {
    opacity: 1;
}

.sidebar-order-summary__btn {
    position: relative;
    display: block;
    margin-top: 27px;
    line-height: 0px;
}



/*--------------------------------------------------------------
# Wishlist Page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
  # Cart Page
  --------------------------------------------------------------*/
.wishlist-page {
    position: relative;
    display: block;
    background: var(--verdicta-white);
    padding: 120px 0px 120px;
}

.wishlist-page .table-responsive {
    position: relative;
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media(max-width: 1199px) {
    .wishlist-table {
        min-width: 1170px;
    }
}

.wishlist-table {
    margin-bottom: 0px;
}

.wishlist-table thead th {
    color: var(--verdicta-black);
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    padding: 0;
    border: none;
    border-top: 1px solid var(--verdicta-bdr-color);
    padding-top: 22px;
    padding-bottom: 22px;
    font-family: var(--verdicta-font-two);
    text-align: center;
}

.wishlist-table tbody tr {
    vertical-align: middle;
}

.wishlist-table tbody tr:last-child {
    border-bottom: 1px solid var(--verdicta-bdr-color);
}

.wishlist-table tbody td {
    font-size: 18px;
    color: var(--verdicta-gray);
    vertical-align: middle;
    border-top: 1px solid var(--verdicta-bdr-color);
    border-bottom: 1px solid var(--verdicta-bdr-color);
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.wishlist-table .product-box {
    display: flex;
    align-items: center;
}

.wishlist-table .cross-icon {
    position: relative;
    display: block;
}

.wishlist-table .cross-icon i:before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-black);
    font-size: 16px;
}

.wishlist-table .product-box .img-box {
    position: relative;
    display: block;
    width: 120px;
    border-radius: 0;
    overflow: hidden;
    margin-left: 35px;
    margin-right: 35px;
}

.wishlist-table .product-box .img-box img {
    width: 100%;
    border: 1px solid var(--verdicta-bdr-color);
    border-radius: 10px;
}

.wishlist-table h3 {
    color: var(--verdicta-black);
    font-size: 20px;
    margin-left: 36px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0;
}

.wishlist-table h3 a {
    color: var(--verdicta-black);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.wishlist-table h3 a:hover {
    color: var(--verdicta-base);
}


.product-details__social.two {
    margin-top: 42px;
}

/*--------------------------------------------------------------
# Sign Up One
--------------------------------------------------------------*/
.sign-up-one {
    position: relative;
    display: block;
    background-color: var(--verdicta-white);
    padding: 115px 0px 120px;
    z-index: 1;
}

.sign-up-one .container {
    max-width: 620px;
}

.sign-up-one__form {
    position: relative;
    display: block;
}

.sign-up-one__form .inner-title {
    position: relative;
    display: block;
    padding-bottom: 60px;
}

.sign-up-one__form .inner-title h2 {
    font-size: 60px;
    line-height: 1.0em;
    font-weight: 700;
    text-transform: capitalize;
}

.sign-up-one__form form {
    position: relative;
    display: block;
    background-color: var(--verdicta-white);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    padding: 60px 50px 52px;
    border-radius: var(--verdicta-bdr-radius);
}

.sign-up-one__form form .form-group {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.sign-up-one__form form .input-box {
    position: relative;
    display: block;
}

.sign-up-one__form form input[type="text"],
.sign-up-one__form form input[type="email"] {
    position: relative;
    display: block;
    border-radius: 10px;
    border: 1px solid rgba(var(--verdicta-bdr-color-rgb), .50);
    background-color: rgba(var(--verdicta-bdr-color-rgb), .50);
    width: 100%;
    height: 60px;
    color: var(--verdicta-gray);
    font-size: 16px;
    font-family: var(--verdicta-font);
    font-weight: 400;
    font-style: normal;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    transition: all 500ms ease;
}

.sign-up-one__form form input[type="text"]:focus,
.sign-up-one__form form input[type="email"]:focus {
    border-color: var(--verdicta-base);
    background-color: var(--verdicta-white);
}

.sign-up-one__form form input[type="text"]::-webkit-input-placeholder {
    color: var(--verdicta-gray);
}

.sign-up-one__form form input[type="text"]:-moz-placeholder {
    color: var(--verdicta-gray);
}

.sign-up-one__form form input[type="text"]::-moz-placeholder {
    color: var(--verdicta-gray);
}

.sign-up-one__form form input[type="text"]:-ms-input-placeholder {
    color: var(--verdicta-gray);
}

.sign-up-one__form form input[type="email"]::-webkit-input-placeholder {
    color: var(--verdicta-gray);
}

.sign-up-one__form form input[type="email"]:-moz-placeholder {
    color: var(--verdicta-gray);
}

.sign-up-one__form form input[type="email"]::-moz-placeholder {
    color: var(--verdicta-gray);
}

.sign-up-one__form form input[type="email"]:-ms-input-placeholder {
    color: var(--verdicta-gray);
}

.sign-up-one__form form .thm-btn {
    width: 100%;
}

.sign-up-one__form form .google-facebook {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.sign-up-one__form form .google-facebook a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--verdicta-gray);
    background-color: var(--verdicta-white);
    color: var(--verdicta-black);
    font-size: 16px;
    line-height: 28px;
    font-family: var(--verdicta-font);
    font-weight: 500;
    padding: 10px 15px 10px;
    border-radius: 5px;
    letter-spacing: -0.01em;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.sign-up-one__form form .google-facebook a:hover {
    border: 1px solid var(--verdicta-base);
    background-color: var(--verdicta-white);
}

.sign-up-one__form form .google-facebook a+a {
    margin-left: 14px;
}

.sign-up-one__form form .google-facebook a .icon {
    position: relative;
    display: block;
    line-height: 0;
    margin-right: 10px;
}

.sign-up-one__form form .create-account {
    position: relative;
    display: block;
    padding-top: 22px;
}

.sign-up-one__form form .create-account p {
    margin: 0;
}

.sign-up-one__form form .create-account p a {
    font-weight: 500;
}

.sign-up-one__form form .create-account p a:hover {
    color: var(--verdicta-base);
}



/*--------------------------------------------------------------
# Login One
--------------------------------------------------------------*/
.login-one {
    position: relative;
    display: block;
    background-color: var(--verdicta-white);
    padding: 115px 0px 120px;
    z-index: 1;
}

.login-one .container {
    max-width: 620px;
}

.login-one__form {
    position: relative;
    display: block;
}

.login-one__form .inner-title {
    position: relative;
    display: block;
    padding-bottom: 60px;
}

.login-one__form .inner-title h2 {
    font-size: 60px;
    line-height: 1.0em;
    font-weight: 700;
    text-transform: capitalize;
}

.login-one__form form {
    position: relative;
    display: block;
    background-color: var(--verdicta-white);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    border-radius: var(--verdicta-bdr-radius);
    padding: 60px 50px 52px;
}

.login-one__form form .form-group {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.login-one__form form .input-box {
    position: relative;
    display: block;
}

.login-one__form form input[type="text"],
.login-one__form form input[type="email"] {
    position: relative;
    display: block;
    border-radius: 10px;
    border: 1px solid rgba(var(--verdicta-bdr-color-rgb), .50);
    background-color: rgba(var(--verdicta-bdr-color-rgb), .50);
    width: 100%;
    height: 60px;
    color: var(--verdicta-gray);
    font-size: 16px;
    font-family: var(--verdicta-font);
    font-weight: 400;
    font-style: normal;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    transition: all 500ms ease;
}

.login-one__form form input[type="text"]:focus,
.login-one__form form input[type="email"]:focus {
    border-color: var(--verdicta-base);
    background-color: var(--verdicta-white);
}

.login-one__form form input[type="text"]::-webkit-input-placeholder {
    color: var(--verdicta-gray);
}

.login-one__form form input[type="text"]:-moz-placeholder {
    color: var(--verdicta-gray);
}

.login-one__form form input[type="text"]::-moz-placeholder {
    color: var(--verdicta-gray);
}

.login-one__form form input[type="text"]:-ms-input-placeholder {
    color: var(--verdicta-gray);
}

.login-one__form form input[type="email"]::-webkit-input-placeholder {
    color: var(--verdicta-gray);
}

.login-one__form form input[type="email"]:-moz-placeholder {
    color: var(--verdicta-gray);
}

.login-one__form form input[type="email"]::-moz-placeholder {
    color: var(--verdicta-gray);
}

.login-one__form form input[type="email"]:-ms-input-placeholder {
    color: var(--verdicta-gray);
}

.login-one__form form .thm-btn {
    width: 100%;
}

.login-one__form form .remember-forget {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 24px;
}


.login-one__form form .checked-box1 {
    position: relative;
    display: block;
    min-height: 26px;
}

.login-one__form form .checked-box1 input[type="checkbox"] {
    display: none;
}

.login-one__form form .checked-box1 label {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    color: var(--verdicta-gray);
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    cursor: pointer;
    font-family: var(--verdicta-font);
}

.login-one__form form .checked-box1 input[type="checkbox"]+label span {
    position: absolute;
    display: block;
    top: 5px;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: 1px solid #e3e4ea;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.login-one__form form .checked-box1 label span:before {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
    right: 0;
    content: "";
    width: 8px;
    height: 8px;
    background: var(--verdicta-base);
    border-radius: 2px;
    margin: 3px auto 0px;
    transform: scale(0);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.login-one__form form .checked-box1 input[type="checkbox"]:checked+label span {
    border-color: var(--verdicta-base);
}

.login-one__form form .checked-box1 input[type="checkbox"]:checked+label span:before {
    transform: scale(1.0);
}


.login-one__form form .forget {
    position: relative;
    display: block;
}

.login-one__form form .forget a {
    color: var(--verdicta-black);
    font-size: 16px;
    line-height: 26px;
    font-family: var(--verdicta-font);
    font-weight: 400;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.login-one__form form .forget a:hover {
    color: var(--verdicta-base);
}

.login-one__form form .create-account {
    position: relative;
    display: block;
    padding-top: 25px;
}

.login-one__form form .create-account p {
    color: var(--verdicta-black);
}

.login-one__form form .create-account p a {
    color: var(--verdicta-base);
    font-weight: 500;
}


/*==============================================
    Video One
===============================================*/
.video-one {
    position: relative;
    display: block;
    z-index: 2;
}

.video-one .shape1 {
    position: absolute;
    top: 100px;
    left: 0;
    opacity: 0.4;
    z-index: -1;
}

.video-one .shape2 {
    position: absolute;
    bottom: -309px;
    right: -30px;
    opacity: 0.4;
    z-index: -1;
}

.video-one::before {
    position: absolute;
    top: 120px;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--verdicta-black);
    content: "";
    z-index: -1;
}

.video-one__inner {
    position: relative;
    display: block;
    padding: 200px 0px 200px;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
}

.video-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 10px;
    z-index: 1;
}

.video-one__bg::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(var(--verdicta-black-rgb), 0.4);
    content: "";
    z-index: -1;
}

.video-one__inner-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-one__box {
    position: relative;
    display: inline-block;
    z-index: 5;
}

.video-one__box a {
    position: relative;
    display: inline-block;
    z-index: 5;
}

.video-one__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 25px;
    color: var(--verdicta-base);
    background-color: var(--verdicta-white);
    border-radius: 50%;
    margin: 0 auto;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.video-one__icon:hover {
    color: var(--verdicta-white);
    background-color: var(--verdicta-base);
}

.video-one__icon::before {
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
    border: 1px solid var(--verdicta-white);
    border-radius: 50%;
    content: "";
}

.video-one__box .border-animation {
    position: absolute;
    top: -15px;
    left: -15px;
    bottom: -15px;
    right: -15px;
    border: 1px solid var(--verdicta-white);
    animation: squares 2.9s linear 0s infinite;
    -webkit-animation: squares 2.9s linear 0s infinite;
    -ms-animation: squares 2.9s linear 0s infinite;
    -o-animation: squares 2.9s linear 0s infinite;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    opacity: 0;
    border-radius: 50%;
}

.video-one__box .border-animation.border-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.video-one__box .border-animation.border-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

/*==============================================
    Award One
===============================================*/
.award-one {
    position: relative;
    display: block;
    padding: 120px 0px 0px;
    z-index: 1;
}

.award-one .row {
    align-items: center;
}

.award-one__award {
    position: relative;
    display: block;
}

.award-one__award-single {
    position: relative;
    display: block;
    background: var(--verdicta-black);
    text-align: center;
    padding: 0px 25px 67px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 88%, 50% 100%, 0 88%);
    clip-path: polygon(0 0, 100% 0, 100% 88%, 50% 100%, 0 88%);
}

.award-one__award-single .angle-text {
    position: absolute;
    top: 35px;
    right: -28px;
    background: var(--verdicta-white);
    transform: rotate(45deg);
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.award-one__award-single .angle-text p {
    color: var(--verdicta-black);
    font-size: 12px;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase;
}

.award-one__award-single .number {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--verdicta-white);
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    width: 60px;
    height: 60px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background: rgba(var(--verdicta-white-rgb), 0.15);
    margin: 0 auto;
    font-family: var(--verdicta-font-two);
}

.award-one__award-single h3 {
    color: var(--verdicta-white);
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    margin-top: 35px;
    margin-bottom: 20px;
}

.award-one__award-single p {
    color: rgba(var(--verdicta-white-rgb), 0.8);
}

.award-one__award-single h2 {
    color: var(--verdicta-white);
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    margin-top: 15px;
}

.award-one__content {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 40px;
}

.award-one__content-text {
    position: relative;
    display: block;
    margin-right: 15px;
}

.award-one__content-text h2 {
    color: var(--verdicta-base);
    font-size: 35px;
    line-height: 45px;
    font-weight: 700;
    margin-bottom: 18px;
}

.award-one__content-text p {
    margin: 0;
}

.award-one__content-text .rating-box {
    position: relative;
    display: block;
    margin-top: 17px;
}

.award-one__content-text .signature-box {
    position: relative;
    display: block;
    margin-top: 19px;
}

.award-one__content-text .signature-box img {
    width: auto;
    opacity: 0.5;
}

.award-one__content-img {
    position: relative;
    display: block;
    flex: 1;
}

.award-one__content-img img {
    width: auto;
}

/***
=============================================
Brand One
=============================================
***/
.brand-one {
    position: relative;
    display: block;
    border-top: 1px solid rgba(var(--verdicta-bdr-color-rgb), 0.93);
    padding: 58px 0px 60px;
    z-index: 2;
}

.brand-one__inner {
    position: relative;
    display: block;
}

.brand-one__single {
    position: relative;
    display: block;
}

.brand-one__single-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.brand-one__single-inner a {
    position: relative;
    display: block;
    z-index: 5;
}

.brand-one__single-inner a img:first-child {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    -webkit-transform: translateY(50%) scaleY(2);
    transform: translateY(50%) scaleY(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.brand-one__single:hover .brand-one__single-inner a img:first-child {
    -webkit-transform: translateY(0) scaleY(1);
    transform: translateY(0) scaleY(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.brand-one__single:hover .brand-one__single-inner a img:nth-child(2) {
    -webkit-transform: translateY(-50%) scaleY(2);
    transform: translateY(-50%) scaleY(2);
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.brand-one__single-inner a img {
    position: relative;
    display: block;
    width: 100%;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    cursor: pointer;
    opacity: 0.5;
}

.brand-one__carousel.owl-carousel .owl-item img {
    width: 100%;
    cursor: pointer;
}

/***
=============================================
Case One
=============================================
***/
.case-one {
    position: relative;
    display: block;
    background: var(--verdicta-white);
    padding: 120px 0px 120px;
    z-index: 1;
}

.case-one .container-fluid {
    padding: 0px 60px;
}

.case-one__slider {
    overflow: hidden;
}

.case-one__single {
    position: relative;
    display: block;
}

.case-one__single-img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: var(--verdicta-bdr-radius);
    z-index: 1;
}

.case-one__single-img::before {
    position: absolute;
    content: "";
    top: 0%;
    left: 0%;
    right: auto;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    background-color: var(--verdicta-black);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
}

.case-one__slider .swiper-wrapper .swiper-slide.swiper-slide-active .case-one__single-img::before {
    opacity: 0.7;
}

.case-one__single-img img {
    width: 100%;
}

.case-one__single-img .icon-box {
    position: absolute;
    top: 0px;
    right: 40px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.case-one__slider .swiper-wrapper .swiper-slide.swiper-slide-active .case-one__single-img .icon-box {
    top: 40px;
    opacity: 1;
    visibility: visible;
    transition-delay: 0.7s;
}

.case-one__single-img .icon-box a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    background: var(--verdicta-base);
    color: var(--verdicta-white);
    border-radius: 5px;
    font-size: 16px;
}

.case-one__single-img .content-box {
    position: absolute;
    left: 50px;
    bottom: 0px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.case-one__slider .swiper-wrapper .swiper-slide.swiper-slide-active .case-one__single-img .content-box {
    bottom: 43px;
    opacity: 1;
    visibility: visible;
    transition-delay: 0.7s;
}

.case-one__single-img .content-box p {
    color: var(--verdicta-white);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.case-one__single-img .content-box h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    text-transform: capitalize;
}

.case-one__single-img .content-box h2 a {
    color: var(--verdicta-white);
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.case-one__single-img .content-box h2 a:hover {
    color: var(--verdicta-base);
}

/***
=============================================
Case Two
=============================================
***/
.case-two {
    position: relative;
    display: block;
    background: var(--verdicta-white);
    padding: 120px 0px 112px;
    z-index: 1;
}

.case-two .container-fluid {
    padding-right: var(--bs-gutter-x, 0rem);
    padding-left: var(--bs-gutter-x, 0rem);
}

.case-two__top {
    position: relative;
    display: block;
    padding-bottom: 47px;
}

.case-two__top-inner {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.case-two__top-inner .sec-title {
    padding-bottom: 0px;
}

.case-two__top-btn {
    position: relative;
    display: block;
    line-height: 0px;
    top: -13px;
}

.case-two__inner {
    position: relative;
    display: block;
}

.case-two__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.case-two__single-img {
    position: relative;
    display: block;
}

.case-two__single-img .inner {
    position: relative;
    display: block;
    overflow: hidden;
    background: var(--verdicta-black);
}

.case-two__single-img .inner img {
    width: 100%;
    transition: .5s ease;
    transform: scale(1.05);
}

.case-two__single:hover .case-two__single-img .inner img {
    opacity: 0.4;
    transform: scale(1);
}

.case-two__single-content {
    position: absolute;
    left: 20px;
    bottom: 20px;
    right: 20px;
    background: var(--verdicta-white);
    padding: 108px 30px 32px;
    overflow: hidden;
    -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    z-index: 5;
}

.case-two__single:hover .case-two__single-content {
    -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}

.case-two__single-content::before {
    position: absolute;
    top: 0;
    left: 45px;
    bottom: 0;
    width: 2px;
    background: var(--verdicta-base);
    content: "";
    transition: -webkit-transform 2.0s ease;
    transition: transform 2.0s ease;
    transition: transform 2.0s ease, -webkit-transform 2.0s ease;
    transform-origin: bottom right;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.case-two__single:hover .case-two__single-content::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: top center;
}

.case-two__single-content::after {
    position: absolute;
    left: 0px;
    bottom: 43px;
    right: 60%;
    height: 2px;
    background: var(--verdicta-base);
    content: "";
    transition: transform 2000ms ease;
    transform: scale(0, 1);
    transform-origin: left center;
}

.case-two__single:hover .case-two__single-content::after {
    transform: scale(1, 1);
    transform-origin: left center;
}

.case-two__single-content .text-box {
    position: relative;
    display: block;
    text-align: right;
}

.case-two__single-content h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    opacity: 0;
    transform: translateY(-50px);
    transition: all 700ms ease;
    margin-bottom: 5px;
}

.case-two__single:hover .case-two__single-content h2 {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 700ms;
}

.case-two__single-content h2 a {
    color: var(--verdicta-black);
}

.case-two__single-content h2 a:hover {
    color: var(--verdicta-base);
}

.case-two__single-content p {
    margin: 0;
    opacity: 0;
    transform: translateY(50px);
    transition: all 700ms ease;
}

.case-two__single:hover .case-two__single-content p {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 500ms;
}

.case-two__single-content .icon-box {
    position: absolute;
    top: 40px;
    right: 30px;
    opacity: 0;
    transform: translateY(50px);
    transition: all 700ms ease;
    z-index: 2;
}

.case-two__single:hover .case-two__single-content .icon-box {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 500ms;
}

.case-two__single-content .icon-box a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--verdicta-white);
    width: 45px;
    height: 45px;
    background: var(--verdicta-black);
    border-radius: 50%;
}

.case-two__single-content .icon-box a:hover {
    background: var(--verdicta-base);
}

.case-two__single-content .icon-box a span {
    position: relative;
    display: block;
    line-height: 0px;
}

.case-two__single-content .icon-box a span::before {
    position: relative;
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
}

/***
=============================================
Case Two Case
=============================================
***/
.case-two--case {
    position: relative;
    display: block;
    padding: 120px 0px 90px;
    z-index: 1;
}

/*==============================================
  Case Details
===============================================*/
.case-details {
    position: relative;
    display: block;
    padding: 120px 0px 120px;
    z-index: 1;
}

.case-details__content {
    position: relative;
    display: block;
}

.case-details__img1 {
    position: relative;
    display: block;
}

.case-details__img1-single {
    position: relative;
    display: block;
    border-radius: 10px;
    overflow: hidden;
}

.case-details__img1-single img {
    width: 100%;
}

.case-details__img1-carousel.owl-theme .owl-nav {
    margin-top: 0px;
    position: absolute;
    top: 50%;
    left: 40px;
    right: 40px;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    transform-origin: bottom;
    transform-style: preserve-3d;
    line-height: 0;
    height: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    z-index: 999;
}

.case-details__img1-carousel.owl-carousel .owl-nav button.owl-prev,
.case-details__img1-carousel.owl-carousel .owl-nav button.owl-next {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: var(--verdicta-white);
    color: var(--verdicta-base);
    font-size: 18px;
    font-weight: 700;
    border: 1px solid var(--verdicta-white);
    outline: none;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: 1;
}

.case-details__img1-carousel.owl-carousel .owl-nav button.owl-prev::before,
.case-details__img1-carousel.owl-carousel .owl-nav button.owl-next::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--verdicta-base);
    transform: scale(0.6);
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    z-index: -1;
}

.case-details__img1-carousel.owl-carousel .owl-nav button.owl-prev:hover::before,
.case-details__img1-carousel.owl-carousel .owl-nav button.owl-next:hover::before {
    transform: scale(1.0);
    opacity: 1;
}

.case-details__img1-carousel.owl-carousel .owl-nav button.owl-prev:hover,
.case-details__img1-carousel.owl-carousel .owl-nav button.owl-next:hover {
    border-color: var(--verdicta-base);
    color: var(--verdicta-white);
}

.case-details__img1-carousel.owl-carousel .owl-nav button.owl-prev span::before,
.case-details__img1-carousel.owl-carousel .owl-nav button.owl-next span::before {
    font-weight: 700;
    line-height: 53px;
}

.case-details__content-text1 {
    position: relative;
    display: block;
    margin-top: 41px;
}

.case-details__content-text1 h2 {
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 24px;
}

.case-details__content-text1 p {
    margin: 0;
}

.case-details__content-text2 {
    position: relative;
    display: block;
    margin-top: 34px;
}

.case-details__content-text2 h2 {
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 24px;
}

.case-details__content-text2 p {
    margin: 0;
}

.case-details__content-img2 {
    position: relative;
    display: block;
    margin-top: 42px;
}

.case-details__content-img2-single {
    position: relative;
    display: block;
    border-radius: 10px;
    overflow: hidden;
}

.case-details__content-img2-single img {
    width: 100%;
}

.case-details__content-text3 {
    position: relative;
    display: block;
    margin-top: 46px;
}

.case-details__content-text3-single {
    position: relative;
    display: block;
}

.case-details__content-text3-single ul {
    position: relative;
    display: block;
}

.case-details__content-text3-single ul li {
    position: relative;
    display: block;
}

.case-details__content-text3-single ul li+li {
    margin-top: 14px;
}

.case-details__content-text3-single ul li p {
    margin: 0;
}

.case-details__content-text3-single ul li p span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 15px;
    line-height: 15px;
    margin-right: 5px;
    font-weight: 700;
}

.case-details__content-text4 {
    position: relative;
    display: block;
    margin-top: 34px;
}

.case-details__content-text4 h2 {
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 24px;
}

.case-details__content-text4 p {
    margin: 0;
}

.case-details__content-text5 {
    position: relative;
    display: block;
    margin-top: 34px;
}

.case-details__content-text5 h2 {
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 24px;
}

.case-details__content-text5 p {
    margin: 0;
}

.case-details__content-text6 {
    position: relative;
    display: block;
    background: var(--verdicta-gray-bg);
    border-radius: 10px;
    padding: 35px 50px 35px;
    border-left: 5px solid var(--verdicta-base);
    margin-top: 42px;
}

.case-details__content-text6 .img-box {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid var(--verdicta-base);
    margin-bottom: 19px;
}

.case-details__content-text6 .img-box img {
    width: 100%;
}

.case-details__content-text6 p {
    margin: 0;
}

.case-details__content-text6 h3 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 10px;
}

.case-details__content-text6 .rating-box {
    position: relative;
    display: block;
}

.case-details__prev-next {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--verdicta-bdr-color);
    border-radius: 10px;
    padding: 16px 25px 15px;
    margin-top: 50px;
}

.case-details__prev {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

.case-details__prev .content {
    position: relative;
    display: block;
    flex: 1;
}

.case-details__prev .content p {
    font-size: 14px;
    font-weight: 700;
    color: var(--verdicta-base);
    font-family: var(--verdicta-font-two);
    text-transform: uppercase;
}

.case-details__prev .content p a {
    color: var(--verdicta-base);
}

.case-details__prev .content p a:hover {
    color: var(--verdicta-black);
}

.case-details__prev .content h5 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
}

.case-details__prev .content h5 a {
    color: var(--verdicta-black);
}

.case-details__prev .icon-box {
    position: relative;
    display: block;
}

.case-details__prev .icon-box a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 50px;
    border-radius: 5px;
    background: var(--verdicta-base);
}

.case-details__prev .icon-box a:hover {
    background: var(--verdicta-black);
}

.case-details__prev .icon-box a span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-white);
    font-size: 17px;
    line-height: 17px;
}

.case-details__next {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

.case-details__next .content {
    position: relative;
    display: block;
    text-align: right;
    flex: 1;
}

.case-details__next .content p {
    font-size: 14px;
    font-weight: 700;
    font-family: var(--verdicta-font-two);
    text-transform: uppercase;
}

.case-details__next .content p a {
    color: var(--verdicta-base);
}

.case-details__next .content p a:hover {
    color: var(--verdicta-black);
}

.case-details__next .content h5 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
}

.case-details__next .content h5 a {
    color: var(--verdicta-black);
}

.case-details__next .icon-box {
    position: relative;
    display: block;
}

.case-details__next .icon-box a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 50px;
    border-radius: 5px;
    background: var(--verdicta-base);
}

.case-details__next .icon-box a:hover {
    background: var(--verdicta-black);
}

.case-details__next .icon-box a span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-white);
    font-size: 17px;
    line-height: 17px;
}

/*** 
=============================================
    Client Page
=============================================
***/
.client-page {
    position: relative;
    display: block;
    background: var(--verdicta-white);
    padding: 120px 0px 90px;
}

.client-page__single {
    position: relative;
    display: block;
    max-width: 270px;
    width: 100%;
    margin: 0 auto 30px;
    -webkit-box-shadow: 0px 3px 6px 2px #ececec;
    box-shadow: 0px 3px 6px 2px #ececec;
    transition: all 700ms ease 100ms;
    z-index: 1;
}

.client-page__single:hover {
    box-shadow: none;
}

.client-page__single::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: var(--verdicta-gray-bg);
    transform: scaleX(0);
    transition: all 700ms ease 100ms;
    z-index: -1;
    content: "";
}

.client-page__single:hover:before {
    transform: scaleY(1);
}

.client-page__single::after {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background: var(--verdicta-base);
    transform: scaleX(0);
    transition: all 700ms ease 100ms;
    z-index: -1;
    content: "";
}

.client-page__single:hover::after {
    transform: scaleY(1);
}

.client-page__single a {
    position: relative;
    display: inline-block;
    padding: 20px 0px 20px;
}

.client-page__single a img {
    opacity: .5;
    transition: all 0.2s ease-in-out 0.1s;
}

.client-page__single:hover a img {
    opacity: 1.0;
    transition: all 0.3s ease-in-out 0.1s;
}

/***
=============================================
Coming Soon Page
=============================================
***/
.coming-soon-page {
    position: relative;
    display: block;
    overflow: hidden;
    border-top: 15px dashed rgba(var(--verdicta-black-rgb), .70);
    border-bottom: 15px dashed rgba(var(--verdicta-black-rgb), .70);
    border-left: 15px solid rgba(var(--verdicta-base-rgb), .10);
    border-right: 15px solid rgba(var(--verdicta-base-rgb), .10);
    z-index: 10;
}

.coming-soon-page__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: var(--verdicta-black);
    background-blend-mode: luminosity;
    z-index: -1;
}

.coming-soon-page__bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg, #000000 5%, rgba(0, 0, 0, 0.5) 100%);
}

.coming-soon-page__content {
    position: relative;
    display: block;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    top: 50%;
    transform: translateY(-50%);
}

.coming-soon-page__content .inner {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.coming-soon-page__content .big-title {
    position: relative;
    display: inline-block;
    color: var(--verdicta-white);
    font-size: 100px;
    font-weight: 600;
    text-transform: capitalize;
    word-spacing: 15px;
}

.coming-soon-page .timer-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 57px 0 42px;
    z-index: 2;
}

.coming-soon-page .timer-box .countdown-timer li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 170px;
    height: 170px;
    margin: 0px 15px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    background-color: transparent;
    border-radius: 50%;
}

.coming-soon-page .timer-box .countdown-timer li span.days,
.coming-soon-page .timer-box .countdown-timer li span.hours,
.coming-soon-page .timer-box .countdown-timer li span.minutes,
.coming-soon-page .timer-box .countdown-timer li span.seconds {
    color: var(--verdicta-white);
    font-size: 55px;
    line-height: 60px;
    font-weight: 700;
    font-family: var(--verdicta-font);
}

.coming-soon-page .timer-box .countdown-timer li span.timeRef {
    position: relative;
    display: block;
    color: var(--verdicta-white);
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 11px;
    font-family: var(--verdicta-font);
}

.coming-soon-page__content .inner .text {
    position: relative;
    display: block;
    padding-bottom: 60px;
}

.coming-soon-page__content .inner .text p {
    color: var(--verdicta-white);
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
}

.coming-soon-page__subscribe-box {
    position: relative;
    display: block;
    max-width: 770px;
    width: 100%;
    margin: 0 auto;
}

.coming-soon-page__subscribe-box form {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    width: 100%;
}

.coming-soon-page__subscribe-box form input[type="email"] {
    position: relative;
    display: block;
    max-width: 490px;
    width: 100%;
    height: 56px;
    border-radius: 5px;
    background: var(--verdicta-black);
    border: none;
    color: var(--verdicta-white);
    font-size: 16px;
    font-weight: 400;
    padding-left: 30px;
    padding-right: 30px;
    transition: all 500ms ease 0s;
    font-family: var(--verdicta-font);
    outline: none;
}

.coming-soon-page__subscribe-box form .coming-soon-page__btn {
    border: none;
}

.coming-soon-page__subscribe-box form .coming-soon-page__btn::after {
    background-color: rgba(var(--verdicta-white-rgb), 1);
}

.coming-soon-page__subscribe-box form .coming-soon-page__btn:hover span {
    background-color: var(--verdicta-black);
    color: var(--verdicta-white);
}

.coming-soon-page__subscribe-box form .coming-soon-page__btn:hover {
    color: var(--verdicta-white);
}

/***
=============================================
Cta One
=============================================
***/
.cta-one {
    position: relative;
    display: block;
    z-index: 3;
}

.cta-one__inner {
    position: relative;
    display: block;
    background: var(--verdicta-base);
    padding: 50px 60px 60px;
    border-radius: var(--verdicta-bdr-radius);
    margin-bottom: -100px;
    z-index: 5;
}

.cta-one__shape {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    mix-blend-mode: luminosity;
    opacity: 0.05;
    z-index: -1;
}

.cta-one__img1 {
    position: absolute;
    bottom: 0;
    right: 125px;
    animation: leftRight 4s ease-in-out infinite;
    z-index: -1;
}

.cta-one__content {
    position: relative;
    display: block;
}

.cta-one__content h2 {
    color: var(--verdicta-white);
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.cta-one__content p {
    color: var(--verdicta-white);
}

.cta-one__content .btn-box {
    position: relative;
    display: block;
    margin-top: 30px;
    line-height: 0px;
}

.cta-one__content .btn-box .thm-btn {
    color: var(--verdicta-white);
    background: var(--verdicta-black);
}

.cta-one__content .btn-box .thm-btn:hover {
    color: var(--verdicta-black);
}

.cta-one__content .btn-box .thm-btn .hover-btn {
    background: var(--verdicta-white);
}

/*==============================================
    Feature One
===============================================*/
.feature-one {
    position: relative;
    display: block;
    padding: 0px 0px 90px;
    margin-top: -50px;
    overflow: hidden;
    z-index: 5;
}

.feature-one .auto-container {
    position: static;
    max-width: 1480px;
    width: 100%;
    padding: 0px 15px;
    margin: 0 auto;
}

.feature-one__single {
    position: relative;
    display: block;
    background: var(--verdicta-white);
    border-radius: var(--verdicta-bdr-radius);
    border: 1px solid var(--verdicta-bdr-color);
    border-bottom: 5px solid var(--verdicta-base);
    padding: 28px 30px 27px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    z-index: 1;
}

.feature-one__single-inner {
    position: relative;
    display: block;
    padding-left: 105px;
}

.feature-one__single-icon {
    position: absolute;
    top: -29px;
    left: 0;
    width: 80px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--verdicta-gray-bg);
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    border-top: 2px solid var(--verdicta-base);
    z-index: 3;
}

.feature-one__single-icon:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: var(--verdicta-base);
    transition-delay: 0.5s;
    transition: .5s;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(-70deg) scale(0.0);
    -ms-transform: perspective(400px) rotateX(-70deg) scale(0.0);
    transform: perspective(400px) rotateX(-70deg) scale(0.0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    z-index: -1;
}

.feature-one__single:hover .feature-one__single-icon:before {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg) scale(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scale(1.0);
    transform: perspective(400px) rotateX(0deg) scale(1.0);
}

.feature-one__single-icon span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 38px;
    line-height: 38px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.feature-one__single:hover .feature-one__single-icon span::before {
    color: var(--verdicta-white);
}

.feature-one__single-content {
    position: relative;
    display: block;
}

.feature-one__single-content h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 17px;
}

.feature-one__single-content h2 a {
    color: var(--verdicta-black);
}

.feature-one__single-content h2 a:hover {
    color: var(--verdicta-base);
}

.feature-one__single-content p {
    margin: 0;
}

/***
=============================================
Google Map One
=============================================
***/
.google-map-one {
    position: relative;
    display: block;
    margin-bottom: -93px;
    z-index: 0;
}

.google-map-one__map {
    position: relative;
    display: block;
    border: none;
    height: 550px;
    width: 100%;
}

/***
=============================================
History Page
=============================================
***/
.history-page {
    position: relative;
    display: block;
    padding: 120px 0px 42px;
    z-index: 1;
}

.history-page__line {
    position: absolute;
    top: 120px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 120px;
    width: 1px;
    background: var(--verdicta-bdr-color);
}

.history-page__single {
    position: relative;
    display: block;
    margin-bottom: 70px;
}

.history-page__single .year-box {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--verdicta-base);
    border-radius: 50%;
    color: var(--verdicta-white);
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
}

.history-page__single .year-box::before {
    position: absolute;
    top: -5px;
    left: -5px;
    bottom: -5px;
    right: -5px;
    border: 1px solid var(--verdicta-base);
    border-radius: 50%;
    content: "";
}

.history-page__single-img {
    position: relative;
    display: block;
    padding-right: 70px;
}

.history-page__single-img-inner {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
}

.history-page__single-img-inner img {
    width: 100%;
}

.history-page__single-content {
    position: relative;
    display: block;
    padding-left: 70px;
    margin-top: -8px;
}

.history-page__single.style2 .history-page__single-content {
    padding-left: 0px;
    padding-right: 70px;
    text-align: right;
}

.history-page__single.style2 .history-page__single-img {
    padding-right: 0px;
    padding-left: 70px;
}

.history-page__single-content h2 {
    font-size: 34px;
    line-height: 44px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 23px;
}

.history-page__single-content p {
    margin: 0;
}

/*==============================================
    Newsletter One
===============================================*/
.newsletter-one {
    position: relative;
    display: block;
    background-color: var(--verdicta-black);
    border-bottom: 1px solid rgba(var(--verdicta-white-rgb), 0.15);
    z-index: 2;
}

.newsletter-one__inner {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 44px 0 43px;
}

.newsletter-one__left {
    position: relative;
    display: block;
}

.newsletter-one__title-box {
    position: relative;
    display: block;
}

.newsletter-one__title {
    font-size: 40px;
    font-weight: 600;
    color: var(--verdicta-white);
    line-height: 45px;
    letter-spacing: -0.03em;
    margin-bottom: 5px;
}

.newsletter-one__title span {
    font-weight: 300;
}

.newsletter-one__text {
    font-size: 16px;
    color: var(--verdicta-white);
}

.newsletter-one__text a {
    color: var(--verdicta-white);
    text-decoration: underline;
}

.newsletter-one__text a:hover {
    color: var(--verdicta-base);
    text-decoration: underline;
}

.newsletter-one__form-box {
    position: relative;
    display: block;
    max-width: 550px;
    width: 100%;
}

.newsletter-one__form {
    position: relative;
    display: block;
}

.newsletter-one__input {
    position: relative;
    display: block;
}

.newsletter-one__input input[type="email"] {
    font-size: 16px;
    color: var(--verdicta-white);
    font-weight: 500;
    height: 60px;
    width: 100%;
    background: rgba(var(--verdicta-white-rgb), 0.1);
    border: 1px solid rgba(var(--verdicta-white-rgb), 0.1);
    border-radius: 5px;
    outline: none;
    padding: 0 25px 0;
    padding-right: 215px;
}

.newsletter-one__form button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.newsletter-one__form button.thm-btn:hover {
    color: var(--verdicta-black);
}

.newsletter-one__form button.thm-btn .hover-btn {
    background-color: var(--verdicta-white);
}

/*==============================================
    Newsletter One Two
===============================================*/
.newsletter-one--two {
    position: relative;
    display: block;
}

.newsletter-one--two .newsletter-one__inner {
    padding: 164px 0 63px;
}

/***
=============================================
    Pricing Plan One
=============================================
***/
.pricing-plan-one {
    position: relative;
    display: block;
    background: var(--verdicta-gray-bg);
    padding: 120px 0px 90px;
    z-index: 1;
}

.pricing-plan-one__pattern {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: scroll;
    background-repeat: repeat;
    background-position: center center;
    opacity: 0.04;
    z-index: -1;
}

.pricing-plan-one__tab {
    position: relative;
    display: block;
}

.pricing-plan-one__tab .tab-buttons {
    position: absolute;
    top: -106px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    width: 253px;
    background-color: var(--verdicta-white);
    border: 1px solid var(--verdicta-bdr-color);
    margin: 0 auto 0;
    z-index: 2;
}

.pricing-plan-one__tab .tab-buttons .tab-btn {
    position: relative;
    display: flex;
    align-items: center;
}

.pricing-plan-one__tab .tab-buttons .tab-btn+.tab-btn {
    margin-left: 0px;
}

.pricing-plan-one__tab .tab-buttons .tab-btn h3 {
    position: relative;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    color: var(--verdicta-gray);
    background-color: transparent;
    padding: 14px 17px 14px;
    font-weight: 600;
    cursor: pointer;
    overflow: hidden;
    text-transform: capitalize;
    font-family: var(--verdicta-font-two);
    border-radius: 25px;
    letter-spacing: -0.03em;
    transition: all 0.5s linear;
    z-index: 1;
}

.pricing-plan-one__tab .tab-buttons .tab-btn h3:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0%;
    background-color: var(--verdicta-base);
    transition: all 0.3s ease;
    z-index: -1;
}

.pricing-plan-one__tab .tab-buttons .tab-btn.active-btn h3 {
    color: var(--verdicta-white);
}

.pricing-plan-one__tab .tab-buttons .tab-btn.active-btn h3:before {
    height: 100%;
}

.pricing-plan-one .tabs-content {
    position: relative;
    display: block;
}

.pricing-plan-one .tabs-content .tab {
    position: relative;
    display: none;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
    z-index: 10;
}

.pricing-plan-one .tabs-content .tab.active-tab {
    display: block;
    margin-top: 0px;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.pricing-plan-one__single-tab {
    position: relative;
    display: block;
}

.pricing-plan-one__single-tab-inner {
    position: relative;
    display: block;
}

.pricing-plan-one__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
    transition: all 500ms ease;
    transition-delay: 0.3s;
    z-index: 1;
}

.pricing-plan-one__single:after {
    position: absolute;
    content: "";
    left: 0;
    top: 15px;
    right: 0;
    bottom: 0;
    box-shadow: 0px 4px 60px RGBA(var(--verdicta-black-rgb, 33, 34, 38), 0.09);
    background: var(--verdicta-white);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    border-radius: var(--verdicta-bdr-radius);
    z-index: -1;
    content: "";
}

.pricing-plan-one__single-inner {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 15px;
    padding: 0px 40px 50px;
}

.pricing-plan-one__single .table-header {
    position: relative;
    display: block;
    padding-bottom: 22px;
    border-bottom: 2px dashed var(--verdicta-base);
    z-index: 5;
}

.pricing-plan-one__single .table-header .category-wrapper {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    z-index: 10;
}

.pricing-plan-one__single .table-header .category-wrapper:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    height: 15px;
    width: 10px;
    background: var(--verdicta-base);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    z-index: 10;
}

.pricing-plan-one__single .table-header .category-wrapper:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    height: 15px;
    width: 10px;
    background: var(--verdicta-base);
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    z-index: 10;
}

.pricing-plan-one__single .table-header h3 {
    position: relative;
    display: inline-block;
    color: var(--verdicta-white);
    font-size: 20px;
    font-weight: 700;
    background: var(--verdicta-base);
    padding: 15px 45px;
    font-family: var(--verdicta-font);
    margin-bottom: 36px;
    border-bottom-left-radius: var(--verdicta-bdr-radius);
    border-bottom-right-radius: var(--verdicta-bdr-radius);
    z-index: 1;
}

.pricing-plan-one__single .table-header h2 {
    color: var(--verdicta-black);
    font-size: 45px;
    line-height: 1em;
    font-weight: 700;
    margin-bottom: 5px;
    z-index: 5;
}

.pricing-plan-one__single .table-header p {
    color: var(--verdicta-gray);
}

.pricing-plan-one__single .table-content {
    position: relative;
    display: block;
    margin-top: 37px;
    z-index: 5;
}

.pricing-plan-one__single .table-content ul {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
}

.pricing-plan-one__single .table-content ul li {
    position: relative;
    display: block;
    padding-left: 20px;
    margin-bottom: 15px;
}

.pricing-plan-one__single .table-content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 0;
    background: var(--verdicta-base);
    width: 7px;
    height: 7px;
    border-radius: 50%;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.pricing-plan-one__single .table-content ul li p {
    color: var(--verdicta-gray);
    font-size: 17px;
    line-height: 29px;
    font-weight: 400;
    font-family: var(--verdicta-font);
}

.pricing-plan-one__single .table-content ul li p span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 17px;
    line-height: 17px;
    top: 1px;
}

.pricing-plan-one__single .table-content ul li:last-child {
    margin-bottom: 0px;
}

.pricing-plan-one__single .table-footer {
    position: relative;
    display: block;
    margin-top: 36px;
    line-height: 0px;
    text-align: center;
    z-index: 5;
}

/***
=============================================
Privacy Policy Page
=============================================
***/
.privacy-policy-page {
    position: relative;
    display: block;
    padding: 113px 0px 112px;
    z-index: 1;
}

.privacy-policy-page__text1 {
    position: relative;
    display: block;
}

.privacy-policy-page__text1 h2 {
    position: relative;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    padding-left: 13px;
    margin-bottom: 25px;
}

.privacy-policy-page__text1 h2::before {
    position: absolute;
    top: 5px;
    left: 0;
    bottom: 7px;
    width: 3px;
    background: var(--verdicta-base);
    content: "";
}

.privacy-policy-page__text1 p {
    margin: 0;
}

.privacy-policy-page__list {
    position: relative;
    display: block;
    margin-top: 26px;
}

.privacy-policy-page__list ul {
    position: relative;
    display: block;
}

.privacy-policy-page__list ul li {
    position: relative;
    display: block;
}

.privacy-policy-page__list ul li+li {
    margin-top: 8px;
}

.privacy-policy-page__list ul li p {
    margin: 0;
}

.privacy-policy-page__list ul li p span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 15px;
    line-height: 15px;
    margin-right: 5px;
    font-weight: 700;
    top: 1px;
}

.privacy-policy-page__text2 {
    position: relative;
    display: block;
    margin-top: 46px;
}

.privacy-policy-page__text2 h2 {
    position: relative;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    padding-left: 13px;
    margin-bottom: 25px;
}

.privacy-policy-page__text2 h2::before {
    position: absolute;
    top: 5px;
    left: 0;
    bottom: 7px;
    width: 3px;
    background: var(--verdicta-base);
    content: "";
}

.privacy-policy-page__text2 p {
    margin: 0;
}

.privacy-policy-page__text2 .text2 {
    margin-top: 26px;
}

.privacy-policy-page__text3 {
    position: relative;
    display: block;
    margin-top: 46px;
}

.privacy-policy-page__text3 h2 {
    position: relative;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    padding-left: 13px;
    margin-bottom: 25px;
}

.privacy-policy-page__text3 h2::before {
    position: absolute;
    top: 5px;
    left: 0;
    bottom: 7px;
    width: 3px;
    background: var(--verdicta-base);
    content: "";
}

.privacy-policy-page__text3 p {
    margin: 0;
}

.privacy-policy-page__text4 {
    position: relative;
    display: block;
    margin-top: 46px;
}

.privacy-policy-page__text4 h2 {
    position: relative;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    padding-left: 13px;
    margin-bottom: 25px;
}

.privacy-policy-page__text4 h2::before {
    position: absolute;
    top: 5px;
    left: 0;
    bottom: 7px;
    width: 3px;
    background: var(--verdicta-base);
    content: "";
}

.privacy-policy-page__text4 p {
    margin: 0;
}

.privacy-policy-page__text5 {
    position: relative;
    display: block;
    margin-top: 31px;
}

.privacy-policy-page__text5 p {
    margin: 0;
}

/*==============================================
Skill One
===============================================*/
.skill-one {
    position: relative;
    display: block;
    background: var(--verdicta-black);
    padding: 120px 0px 120px;
    overflow: hidden;
    z-index: 1;
}

.skill-one .shape1 {
    position: absolute;
    top: 0;
    right: -80px;
    opacity: 0.04;
    z-index: -1;
}

.skill-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: calc((100% - 100px) / 2);
    clip-path: polygon(0% 0%, 80% 0, 100% 50%, 80% 100%, 0% 100%, 0% 50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
}

.skill-one__bg2 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: calc((100% - 80px) / 2);
    clip-path: polygon(0% 0%, 80% 0, 100% 50%, 80% 100%, 0% 100%, 0% 50%);
    background: rgba(var(--verdicta-white-rgb), 0.25);
    content: "";
    z-index: -2;
}

.skill-one__video {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.skill-one__video-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 20px;
    color: var(--verdicta-base);
    background-color: var(--verdicta-white);
    border-radius: 50%;
    margin: 0 auto 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.skill-one__video-icon:hover {
    background-color: var(--verdicta-base);
    color: var(--verdicta-white);
}

.skill-one__video .ripple,
.skill-one__video-icon .ripple:before,
.skill-one__video-icon .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(var(--verdicta-white-rgb), 0.6);
    -o-box-shadow: 0 0 0 0 rgba(var(--verdicta-white-rgb), 0.6);
    -webkit-box-shadow: 0 0 0 0 rgba(var(--verdicta-white-rgb), 0.6);
    box-shadow: 0 0 0 0 rgba(var(--verdicta-white-rgb), 0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.skill-one__video-icon .ripple:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
}

.skill-one__video-icon .ripple:after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
}

.skill-one__inner {
    position: relative;
    display: block;
}

.skill-one__content {
    position: relative;
    display: block;
    max-width: 600px;
    width: 100%;
    float: right;
}

.skill-one__content .sec-title {
    padding-bottom: 26px;
}

.skill-one__content .sec-title__title {
    color: var(--verdicta-white);
}

.skill-one__content-text1 {
    position: relative;
    display: block;
}

.skill-one__content-text1 p {
    color: rgba(var(--verdicta-white-rgb), 0.85);
}

.skill-one__progress-box {
    position: relative;
    display: block;
    margin-top: 30px;
}

.skill-one__progress-title {
    font-size: 25px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 25px;
    margin-bottom: 22px;
}

.skill-one__progress-box .progress-box {
    position: relative;
    display: block;
}

.skill-one__progress-box .progress-box+.progress-box {
    margin-top: 28px;
}

.skill-one__progress-box .progress-box .bar-title {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-bottom: 13px;
    font-family: var(--verdicta-font-two);
    color: var(--verdicta-white);
}

.skill-one__progress-box .progress-box .bar {
    position: relative;
    width: 100%;
    height: 7px;
    background-color: rgba(var(--verdicta-white-rgb), .10);
    border-radius: 4px;
}

.skill-one__progress-box .progress-box .bar-inner {
    position: relative;
    display: block;
    width: 0px;
    height: 7px;
    background: var(--verdicta-base);
    border-radius: 4px;
    -webkit-transition: all 1500ms ease;
    transition: all 1500ms ease;
}

.skill-one__progress-box .progress-box .count-box {
    position: absolute;
    right: 0px;
    margin-right: -35px;
    bottom: 18px;
    width: 40px;
    height: 22px;
    background: var(--verdicta-base);
    color: #ffffff;
    line-height: 22px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    text-align: center;
    letter-spacing: 0;
    opacity: 0;
    font-family: var(--verdicta-font);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.skill-one__progress-box .progress-box .counted .count-box {
    opacity: 1;
}

.skill-one__progress-box .progress-box .count-box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: -5px;
    border: 5px solid transparent;
    border-top: 5px solid var(--verdicta-base);
    border-left: 5px solid var(--verdicta-base);
}

/***
=============================================
Sliding Text One
=============================================
***/
.sliding-text-one {
    position: relative;
    display: block;
    background: var(--verdicta-base);
    padding: 36px 0 36px;
    z-index: 4;
}

.sliding-text-one__wrap {
    position: relative;
    display: block;
}

.sliding-text-one__list {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-wrap: nowrap;
    width: fit-content;
}

.sliding-text-one__list li {
    position: relative;
    display: block;
    float: left;
    margin-right: 35px;
}

.sliding-text-one__title {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--verdicta-white);
    font-size: 48px;
    line-height: 48px;
    font-weight: 600;
    font-family: var(--verdicta-font-two);
    font-style: normal;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sliding-text-one__list li:hover .sliding-text-one__title {
    color: var(--verdicta-black);
}

.sliding-text-one__title:before {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    color: var(--verdicta-black);
    white-space: nowrap;
    content: attr(data-hover);
    transition: all 0.5s cubic-bezier(0.17, 0.67, 0.32, 0.87);
}

.sliding-text-one__list li:hover .sliding-text-one__title:before {
    width: 100%;
    color: var(--verdicta-black);
}

.sliding-text-one__title img {
    margin-left: 35px;
    position: relative;
    width: auto;
    animation: textRotate 10s linear 0s forwards infinite alternate;
}

@keyframes textRotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/***
=============================================
Terms Conditions Page
=============================================
***/
.terms-conditions-page {
    position: relative;
    display: block;
    padding: 113px 0px 112px;
    z-index: 1;
}

.terms-conditions-page__text1 {
    position: relative;
    display: block;
}

.terms-conditions-page__text1 h2 {
    position: relative;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    padding-left: 13px;
    margin-bottom: 25px;
}

.terms-conditions-page__text1 h2::before {
    position: absolute;
    top: 5px;
    left: 0;
    bottom: 7px;
    width: 3px;
    background: var(--verdicta-base);
    content: "";
}

.terms-conditions-page__text1 p {
    margin: 0;
}

.terms-conditions-page__text2 {
    position: relative;
    display: block;
    margin-top: 46px;
}

.terms-conditions-page__text2 h2 {
    position: relative;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    padding-left: 13px;
    margin-bottom: 25px;
}

.terms-conditions-page__text2 h2::before {
    position: absolute;
    top: 5px;
    left: 0;
    bottom: 7px;
    width: 3px;
    background: var(--verdicta-base);
    content: "";
}

.terms-conditions-page__text2 p {
    margin: 0;
}

.terms-conditions-page__text2 .text2 {
    margin-top: 26px;
}

.terms-conditions-page__list {
    position: relative;
    display: block;
    margin-top: 31px;
}

.terms-conditions-page__list ul {
    position: relative;
    display: block;
}

.terms-conditions-page__list ul li {
    position: relative;
    display: block;
}

.terms-conditions-page__list ul li+li {
    margin-top: 8px;
}

.terms-conditions-page__list ul li p {
    margin: 0;
}

.terms-conditions-page__list ul li p span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 15px;
    line-height: 15px;
    margin-right: 5px;
    font-weight: 700;
    top: 1px;
}

.terms-conditions-page__text3 {
    position: relative;
    display: block;
    margin-top: 46px;
}

.terms-conditions-page__text3 h2 {
    position: relative;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    padding-left: 13px;
    margin-bottom: 25px;
}

.terms-conditions-page__text3 h2::before {
    position: absolute;
    top: 5px;
    left: 0;
    bottom: 7px;
    width: 3px;
    background: var(--verdicta-base);
    content: "";
}

.terms-conditions-page__text3 p {
    margin: 0;
}

.terms-conditions-page__text4 {
    position: relative;
    display: block;
    margin-top: 46px;
}

.terms-conditions-page__text4 h2 {
    position: relative;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    padding-left: 13px;
    margin-bottom: 25px;
}

.terms-conditions-page__text4 h2::before {
    position: absolute;
    top: 5px;
    left: 0;
    bottom: 7px;
    width: 3px;
    background: var(--verdicta-base);
    content: "";
}

.terms-conditions-page__text4 p {
    margin: 0;
}

.terms-conditions-page__text5 {
    position: relative;
    display: block;
    margin-top: 46px;
}

.terms-conditions-page__text5 h2 {
    position: relative;
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    padding-left: 13px;
    margin-bottom: 25px;
}

.terms-conditions-page__text5 h2::before {
    position: absolute;
    top: 5px;
    left: 0;
    bottom: 7px;
    width: 3px;
    background: var(--verdicta-base);
    content: "";
}

.terms-conditions-page__text5 p {
    margin: 0;
}

/*==============================================
Why Choose One
===============================================*/
.why-choose-one {
    position: relative;
    display: block;
    padding: 120px 0px 120px;
    overflow: hidden;
    z-index: 1;
}

.why-choose-one .shape1 {
    position: absolute;
    top: 0;
    left: -10px;
    opacity: 0.11;
    z-index: -1;
}

.why-choose-one .shape2 {
    position: absolute;
    bottom: 0;
    right: -10px;
    opacity: 0.08;
    z-index: -1;
}

.why-choose-one__top {
    position: relative;
    display: block;
    margin-bottom: 52px;
}

.why-choose-one__top .sec-title {
    padding-bottom: 26px;
}

.why-choose-one__img {
    position: relative;
    display: block;
    overflow: hidden;
}

.why-choose-one__img1 {
    position: relative;
    display: block;
    width: 550px;
    height: 550px;
    border-radius: 50%;
    overflow: hidden;
    float: right;
    border: 5px solid var(--verdicta-base);
}

.why-choose-one__img1 img {
    width: 100%;
}

.why-choose-one__img2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 5;
    border: 5px solid var(--verdicta-base);
}

.why-choose-one__img2 img {
    width: 100%;
}

.why-choose-one__content {
    position: relative;
    display: block;
    margin-left: -145px;
    margin-top: 43px;
}

.why-choose-one__content-list {
    position: relative;
    display: block;
}

.why-choose-one__content-list li {
    position: relative;
    display: block;
    padding-left: 214px;
}

.why-choose-one__content-list li:nth-child(2) {
    margin-left: 70px;
}

.why-choose-one__content-list li:nth-child(3) {
    margin-left: 70px;
}

.why-choose-one__content-list li+li {
    margin-top: 35px;
}

.why-choose-one__content-list li .icon-box {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}

.why-choose-one__content-list li .icon-box .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 85px;
    height: 85px;
    background: var(--verdicta-base);
    border-radius: 50%;
}

.why-choose-one__content-list li .icon-box .icon::before {
    position: absolute;
    top: -3px;
    left: -3px;
    bottom: -3px;
    right: -3px;
    border: 1px dashed var(--verdicta-base);
    border-radius: 50%;
    content: "";
}

.why-choose-one__content-list li .icon-box .line {
    position: relative;
    display: block;
    width: 80px;
    height: 1px;
    background: var(--verdicta-base);
    margin-left: 23px;
}

.why-choose-one__content-list li .icon-box span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-white);
    font-size: 35px;
    line-height: 35px;
}

.why-choose-one__content-list li .content-box {
    position: relative;
    display: block;
}

.why-choose-one__content-list li .content-box h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.why-choose-one__content-list li .content-box h2 a {
    color: var(--verdicta-black);
}

.why-choose-one__content-list li .content-box h2 a:hover {
    color: var(--verdicta-base);
}

.why-choose-one__content-list li .content-box p {
    margin: 0;
}


/*==============================================
Why Choose Two
===============================================*/
.why-choose-two {
    position: relative;
    display: block;
    background: var(--verdicta-gray-bg);
    padding: 120px 0px 49px;
    overflow: hidden;
    z-index: 1;
}

.why-choose-two .shape1 {
    position: absolute;
    top: -100px;
    left: -75px;
    opacity: 0.08;
    z-index: -1;
}

.why-choose-two__single {
    position: relative;
    display: block;
    margin-bottom: 63px;
}

.why-choose-two__single-top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 26px;
}

.why-choose-two__single-top::before {
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    height: 1px;
    background: #c3c3c3;
    content: "";
    z-index: -1;
}

.why-choose-two__single-count {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border: 1px dashed #c3c3c3;
    background: var(--verdicta-gray-bg);
    border-radius: 50%;
    z-index: 5;
}

.why-choose-two__single-count h3 {
    color: var(--verdicta-gray);
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
}

.why-choose-two__single-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border: 1px solid #c3c3c3;
    border-radius: var(--verdicta-bdr-radius);
    background: var(--verdicta-gray-bg);
    z-index: 5;
}

.why-choose-two__single-icon span::before {
    position: relative;
    display: inline-block;
    color: var(--verdicta-base);
    font-size: 40px;
    line-height: 40px;
    transition: all 500ms ease;
}

.why-choose-two__single:hover .why-choose-two__single-icon span::before {
    -webkit-animation-name: wobble-horizontal-hover;
    animation-name: wobble-horizontal-hover;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.why-choose-two__single-content {
    position: relative;
    display: block;
}

.why-choose-two__single-content.text-right {
    text-align: right;
}

.why-choose-two__single-content h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 18px;
}

.why-choose-two__single-content h2 a {
    color: var(--verdicta-black);
}

.why-choose-two__single-content h2 a:hover {
    color: var(--verdicta-base);
}

.why-choose-two__single-content p {
    margin: 0;
}

.why-choose-two__img {
    position: relative;
    display: block;
    margin-right: 15px;
    margin-left: 15px;
}

.why-choose-two__img-inner {
    position: relative;
    display: block;
    border-radius: var(--verdicta-bdr-radius);
    overflow: hidden;
}

.why-choose-two__img-inner img {
    width: 100%;
}

/***
=============================================
Working Process One
=============================================
***/
.work-process-one {
    position: relative;
    display: block;
    padding: 120px 0 41px;
    z-index: 1;
}

.work-process-one__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
    z-index: 1;
}

.work-process-one__single .shape1 {
    position: absolute;
    bottom: 81px;
    right: -5px;
    height: 300px;
    border: 1px dashed var(--verdicta-black);
    transform: rotate(53deg);
}

.work-process-one__single .shape2 {
    position: absolute;
    top: 50px;
    right: -5px;
    height: 300px;
    border: 1px dashed var(--verdicta-black);
    transform: rotate(-53deg);
}

.work-process-one__single .shape3 {
    position: absolute;
    bottom: 80px;
    right: -5px;
    height: 300px;
    border: 1px dashed var(--verdicta-black);
    transform: rotate(53deg);
}

.work-process-one__single-count-text {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 56px;
    height: 56px;
    border-top: 3px solid var(--verdicta-base);
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px;
    box-shadow: 0px 4px 20px rgb(0, 0, 0, 0.06);
    font-family: var(--verdicta-font);
    margin: 0 auto 22px;
}

.work-process-one__single-count-text h3 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
}

.work-process-one__single h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 14px;
}

.work-process-one__single h2 a {
    color: var(--verdicta-black);
}

.work-process-one__single h2 a:hover {
    color: var(--verdicta-base);
}

.work-process-one__single p {
    margin: 0;
}

.work-process-one__single-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 217px;
    height: 221px;
    margin: 4px auto 0px;
    z-index: 1;
}

.work-process-one__single-icon-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -1;
}

.work-process-one__single-icon-inner {
    position: relative;
    display: block;
}

.work-process-one__single-icon-inner span {
    position: relative;
    display: block;
    line-height: 221px;
}

.work-process-one__single-icon-inner span::before {
    position: relative;
    display: inline-block;
    top: -7px;
    color: var(--verdicta-black);
    font-size: 55px;
    transition-delay: 0.1s;
    transition: all 500ms ease;
}

.work-process-one__single:hover .work-process-one__single-icon-inner span::before {
    transform: rotateY(180deg);
    transition-delay: 0.1s;
}

.work-process-one__single.style2 {
    position: relative;
    display: block;
    margin-top: -18px;
}

.work-process-one__single.style2 .work-process-one__single-icon {
    margin: 0px auto 0px;
}

.work-process-one__single.style2 .work-process-one__single-count-text {
    margin: -19px auto 22px;
}


/* =========================================================
  STATEMENT / MARQUEE BAR
   ========================================================= */

.j2v-statement-bar {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #03070C;
    border-top: 1px solid rgba(217, 162, 27, 0.18);
    border-bottom: 1px solid rgba(22, 155, 232, 0.18);
    padding: 12px 0;
    z-index: 10;
}


/* Subtle energy-line effect */
.j2v-statement-bar::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(217, 162, 27, 0.55) 25%,
        rgba(22, 155, 232, 0.45) 50%,
        rgba(217, 162, 27, 0.55) 75%,
        transparent 100%
    );
}


/* =========================================================
   MOVING TRACK
   ========================================================= */

.j2v-statement-track {
    display: flex;
    align-items: center;
    width: max-content;
    white-space: nowrap;

    animation: j2vStatementScroll 32s linear infinite;

    will-change: transform;
}


/* Pause on hover */
.j2v-statement-bar:hover .j2v-statement-track {
    animation-play-state: paused;
}


/* =========================================================
   STATEMENT ITEM
   ========================================================= */

.j2v-statement-item {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    margin-right: 55px;

    color: #FFFFFF;

    font-family: var(
        --verdicta-font-two,
        "Inter Tight",
        sans-serif
    );

    font-size: 12px;
    line-height: 1;
    font-weight: 700;

    letter-spacing: 1.8px;
    text-transform: uppercase;

    flex-shrink: 0;
}


/* =========================================================
   DOT
   ========================================================= */

.j2v-statement-dot {
    position: relative;

    display: inline-block;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    flex-shrink: 0;
}


/* Gold */
.j2v-dot-gold {
    background: #D9A21B;

    box-shadow:
        0 0 0 3px rgba(217, 162, 27, 0.10),
        0 0 12px rgba(217, 162, 27, 0.45);
}


/* Electric Blue */
.j2v-dot-blue {
    background: #169BE8;

    box-shadow:
        0 0 0 3px rgba(22, 155, 232, 0.10),
        0 0 12px rgba(22, 155, 232, 0.45);
}


/* Energy Cyan */
.j2v-dot-cyan {
    background: #00A9D6;

    box-shadow:
        0 0 0 3px rgba(0, 169, 214, 0.10),
        0 0 12px rgba(0, 169, 214, 0.45);
}


/* =========================================================
   HOVER
   ========================================================= */

.j2v-statement-item:hover {
    color: #E7B84B;
}

.j2v-statement-item:hover .j2v-statement-dot {
    transform: scale(1.25);
}


/* =========================================================
   MARQUEE ANIMATION
   ========================================================= */

@keyframes j2vStatementScroll {

    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }

}


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

@media (max-width: 991px) {

    .j2v-statement-bar {
        padding: 15px 0;
    }

    .j2v-statement-item {
        font-size: 11px;
        letter-spacing: 1.5px;
        gap: 10px;
        margin-right: 45px;
    }

    .j2v-statement-dot {
        width: 6px;
        height: 6px;
    }

}


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

@media (max-width: 767px) {

    .j2v-statement-bar {
        padding: 13px 0;
    }

    .j2v-statement-track {
        animation-duration: 24s;
    }

    .j2v-statement-item {
        font-size: 10px;
        letter-spacing: 1.2px;
        gap: 9px;
        margin-right: 35px;
    }

    .j2v-statement-dot {
        width: 5px;
        height: 5px;
    }

}


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

@media (max-width: 480px) {

    .j2v-statement-bar {
        padding: 12px 0;
    }

    .j2v-statement-track {
        animation-duration: 21s;
    }

    .j2v-statement-item {
        font-size: 9px;
        letter-spacing: 1px;
        margin-right: 30px;
    }

}


.j2v-strategic-section {
    position: relative;
    display: block;

    padding: 50px 0 50px;

    background: #F4F7F9;

    overflow: hidden;

    z-index: 1;
}


/* =========================================================
   SUBTLE TECHNICAL BACKGROUND GRID
   ========================================================= */

.j2v-strategic-bg {
    position: absolute;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    pointer-events: none;

    opacity: 0.45;

    background-image:
        linear-gradient(
            rgba(11, 39, 60, 0.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(11, 39, 60, 0.025) 1px,
            transparent 1px
        );

    background-size: 70px 70px;

    z-index: -1;
}


/* =========================================================
   SOFT DECORATIVE LIGHT
   ========================================================= */

.j2v-strategic-section::before {
    position: absolute;

    content: "";

    width: 500px;
    height: 500px;

    top: -250px;
    right: -180px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(22, 155, 232, 0.07) 0%,
            rgba(22, 155, 232, 0) 70%
        );

    pointer-events: none;

    z-index: -1;
}


/* =========================================================
   IMAGE VISUAL WRAPPER
   ========================================================= */

.j2v-strategic-visual {
    position: relative;

    display: block;

    width: 100%;

    max-width: 610px;

    min-height: 560px;

    margin: 0 auto;

    z-index: 1;
}


/* =========================================================
   PRIMARY IMAGE
   ========================================================= */

.j2v-image-primary {
    position: absolute;

    top: 55px;
    left: 0;

    width: 73%;
    height: 390px;

    overflow: hidden;

    border-radius: 34px 34px 34px 8px;

    background: #06111B;

    border: 1px solid rgba(11, 39, 60, 0.08);

    box-shadow:
        0 25px 70px rgba(11, 39, 60, 0.18);

    z-index: 2;
}


.j2v-image-primary img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 700ms ease,
        opacity 500ms ease;
}


/* Primary image hover */

.j2v-strategic-visual:hover
.j2v-image-primary img {
    transform: scale(1.04);
}


/* =========================================================
   SECONDARY IMAGE
   ========================================================= */

.j2v-image-secondary {
    position: absolute;

    right: 0;
    bottom: 25px;

    width: 61%;
    height: 305px;

    overflow: hidden;

    border-radius: 8px 34px 34px 34px;

    background: #06111B;

    border: 7px solid #F4F7F9;

    box-shadow:
        0 25px 65px rgba(11, 39, 60, 0.22);

    z-index: 4;
}


.j2v-image-secondary img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 700ms ease,
        opacity 500ms ease;
}


/* Secondary image hover */

.j2v-strategic-visual:hover
.j2v-image-secondary img {
    transform: scale(1.05);
}


/* =========================================================
   IMAGE DARKENING ON HOVER
   ========================================================= */

.j2v-image-primary::after,
.j2v-image-secondary::after {
    position: absolute;

    content: "";

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background:
        linear-gradient(
            135deg,
            rgba(3, 7, 12, 0.00) 45%,
            rgba(3, 7, 12, 0.18) 100%
        );

    pointer-events: none;

    opacity: 0;

    transition: opacity 400ms ease;
}


.j2v-strategic-visual:hover
.j2v-image-primary::after,
.j2v-strategic-visual:hover
.j2v-image-secondary::after {
    opacity: 1;
}


/* =========================================================
   TOP-RIGHT DECORATIVE BRACKET
   ========================================================= */

.j2v-bracket {
    position: absolute;

    width: 105px;
    height: 105px;

    pointer-events: none;

    z-index: 6;
}


.j2v-bracket-top {
    top: 0;
    right: 110px;

    border-top: 11px solid #0b273c;
    border-right: 11px solid #0b273c;

    border-radius: 0 48px 0 0;
}


/* =========================================================
   BOTTOM-LEFT DECORATIVE BRACKET
   ========================================================= */

.j2v-bracket-bottom {
    bottom: 0;
    left: 210px;

    border-bottom: 11px solid #9d732a;
    border-left: 11px solid #9d732a;

    border-radius: 0 0 0 48px;
}


/* =========================================================
   SMALL ENERGY ACCENT LINE
   ========================================================= */

.j2v-strategic-visual::after {
    position: absolute;

    content: "";

    width: 75px;
    height: 3px;

    left: 35px;
    bottom: 35px;

    background:
        linear-gradient(
            90deg,
            #D9A21B 0%,
            #169BE8 100%
        );

    z-index: 7;
}


/* =========================================================
   CONTENT WRAPPER
   ========================================================= */

.j2v-strategic-content {
    position: relative;

    display: block;

    max-width: 650px;

    padding-left: 45px;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.j2v-eyebrow {
    position: relative;

    display: inline-flex;

    align-items: center;

    margin-bottom: 17px;

    padding-left: 22px;

    color: #C18310;

    font-family:
        var(
            --verdicta-font-two,
            "Inter Tight",
            sans-serif
        );

    font-size: 12px;

    line-height: 20px;

    font-weight: 800;

    letter-spacing: 2.2px;

    text-transform: uppercase;
}


.j2v-eyebrow::before {
    position: absolute;

    content: "";

    left: 0;
    top: 50%;

    width: 9px;
    height: 9px;

    transform: translateY(-50%);

    border-radius: 50%;

    background: #D9A21B;

    box-shadow:
        0 0 0 4px rgba(217, 162, 27, 0.12),
        0 0 14px rgba(217, 162, 27, 0.25);
}


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

.j2v-section-heading h2 {
    margin: 0;

    color: #0B273C;

    font-family:
        var(
            --verdicta-font-two,
            "Inter Tight",
            sans-serif
        );

    font-size: 40px;

    line-height: 1.08;

    font-weight: 800;

    letter-spacing: -1px;

    text-transform: uppercase;
}


/* Highlighted heading line */

.j2v-section-heading h2 span {
    display: block;

    color: #9d732a;
}


/* =========================================================
   BODY CONTENT
   ========================================================= */

.j2v-strategic-text {
    position: relative;

    margin-top: 27px;

    padding-left: 20px;

    border-left: 2px solid rgba(217, 162, 27, 0.45);
}


.j2v-strategic-text p {
    margin: 0 0 15px;

    color: #52616D;

    font-family:
        var(
            --verdicta-font,
            "Roboto",
            sans-serif
        );

    font-size: 14px;

    line-height: 1.8;

    font-weight: 400;
}


.j2v-strategic-text p:last-child {
    margin-bottom: 0;
}


/* Important numbers / terms */

.j2v-strategic-text strong {
    color: #0B273C;

    font-weight: 700;
}


/* =========================================================
   STRATEGIC VALUE CARDS
   ========================================================= */

.j2v-strategic-points {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 12px;

    margin-top: 30px;
}


/* Individual card */

.j2v-point {
    position: relative;

    min-height: 92px;

    padding: 17px 15px 15px;

    background: #FFFFFF;

    border: 1px solid #D9E1E7;

    border-radius: 8px;

    overflow: hidden;

    box-shadow:
        0 8px 30px rgba(11, 39, 60, 0.06);

    transition:
        border-color 300ms ease,
        transform 300ms ease,
        box-shadow 300ms ease;
}


/* Card hover */

.j2v-point:hover {
    transform: translateY(-4px);

    border-color:
        rgba(217, 162, 27, 0.55);

    box-shadow:
        0 14px 35px rgba(11, 39, 60, 0.10);
}


/* Card top accent */

.j2v-point-line {
    display: block;

    width: 30px;
    height: 3px;

    margin-bottom: 12px;

    background:
        linear-gradient(
            90deg,
            #D9A21B 0%,
            #169BE8 100%
        );
}


/* Card title */

.j2v-point strong {
    display: block;

    color: #0B273C;

    font-family:
        var(
            --verdicta-font-two,
            "Inter Tight",
            sans-serif
        );

    font-size: 11px;

    line-height: 16px;

    letter-spacing: 0.8px;

    font-weight: 800;
}


/* Card description */

.j2v-point small {
    display: block;

    margin-top: 4px;

    color: #71808B;

    font-size: 10px;

    line-height: 15px;
}


/* =========================================================
   CTA WRAPPER
   ========================================================= */

.j2v-strategic-button {
    position: relative;

    display: block;

    margin-top: 32px;

    line-height: 0;
}


/* =========================================================
   J2V CTA BUTTON
   ========================================================= */

.j2v-button {
    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 14px;
    padding: 10px 20px;

    color: #FFFFFF !important;

    font-family:
        var(
            --verdicta-font-two,
            "Inter Tight",
            sans-serif
        );

    font-size: 11px;

    font-weight: 800;

    line-height: 1;

    letter-spacing: 1.3px;

    text-decoration: none;

    text-transform: uppercase;

    background:
        linear-gradient(
            135deg,
            #03070C 0%,
            #0B273C 58%,
            #C18310 100%
        );

    border: 1px solid #C18310;

    border-radius: 4px;

    overflow: hidden;

    transition:
        transform 300ms ease,
        box-shadow 300ms ease,
        border-color 300ms ease;
}


/* CTA hover */

.j2v-button:hover {
    color: #FFFFFF !important;

    transform: translateY(-2px);

    border-color: #D9A21B;

    box-shadow:
        0 10px 35px rgba(217, 162, 27, 0.20);
}


/* CTA icon */

.j2v-button i {
    position: relative;

    font-size: 14px;

    color: #E7B84B;

    transition:
        transform 300ms ease;
}


.j2v-button:hover i {
    transform: translateX(4px);
}


/* =========================================================
   TABLET — 1199px
   ========================================================= */

@media (max-width: 1199px) {

    .j2v-strategic-section {
        padding: 85px 0 90px;
    }


    .j2v-strategic-visual {
        max-width: 530px;

        min-height: 510px;
    }


    .j2v-image-primary {
        height: 350px;
    }


    .j2v-image-secondary {
        height: 275px;
    }


    .j2v-strategic-content {
        padding-left: 20px;
    }


    .j2v-section-heading h2 {
        font-size: 42px;
    }


    .j2v-strategic-text p {
        font-size: 13px;
    }

}


/* =========================================================
   TABLET — 991px
   ========================================================= */

@media (max-width: 991px) {

    .j2v-strategic-section {
        padding: 75px 0 80px;
    }


    .j2v-strategic-visual {
        max-width: 620px;

        min-height: 540px;

        margin: 0 auto 65px;
    }


    .j2v-strategic-content {
        max-width: 700px;

        margin: 0 auto;

        padding-left: 0;
    }


    .j2v-section-heading h2 {
        font-size: 42px;
    }


    .j2v-strategic-text p {
        font-size: 14px;
    }


    .j2v-strategic-points {
        gap: 15px;
    }

}


/* =========================================================
   MOBILE — 767px
   ========================================================= */

@media (max-width: 767px) {

    .j2v-strategic-section {
        padding: 65px 0 70px;
    }


    /* -----------------------------------------
       IMAGE COLLAGE
       ----------------------------------------- */

    .j2v-strategic-visual {
        min-height: 420px;

        max-width: 500px;

        margin-bottom: 55px;
    }


    .j2v-image-primary {
        top: 35px;

        left: 0;

        width: 78%;

        height: 290px;

        border-radius: 25px 25px 25px 6px;
    }


    .j2v-image-secondary {
        right: 0;

        bottom: 10px;

        width: 60%;

        height: 220px;

        border-width: 5px;

        border-radius: 6px 25px 25px 25px;
    }


    /* -----------------------------------------
       BRACKETS
       ----------------------------------------- */

    .j2v-bracket {
        width: 75px;
        height: 75px;
    }


    .j2v-bracket-top {
        top: 0;

        right: 8%;

        border-width: 8px;

        border-radius: 0 35px 0 0;
    }


    .j2v-bracket-bottom {
        left: 37%;

        bottom: 0;

        border-width: 8px;

        border-radius: 0 0 0 35px;
    }


    .j2v-strategic-visual::after {
        left: 20px;

        bottom: 18px;

        width: 50px;

        height: 2px;
    }


    /* -----------------------------------------
       CONTENT
       ----------------------------------------- */

    .j2v-strategic-content {
        width: 100%;

        padding-left: 0;
    }


    .j2v-eyebrow {
        margin-bottom: 14px;

        font-size: 10px;

        letter-spacing: 1.8px;
    }


    .j2v-section-heading h2 {
        font-size: 34px;

        line-height: 1.12;

        letter-spacing: -0.5px;
    }


    .j2v-strategic-text {
        margin-top: 22px;

        padding-left: 15px;
    }


    .j2v-strategic-text p {
        font-size: 13px;

        line-height: 1.75;
    }


    /* -----------------------------------------
       VALUE CARDS
       ----------------------------------------- */

    .j2v-strategic-points {
        grid-template-columns: 1fr;

        gap: 10px;

        margin-top: 25px;
    }


    .j2v-point {
        min-height: auto;

        padding: 16px;
    }


    .j2v-point-line {
        margin-bottom: 10px;
    }


    /* -----------------------------------------
       CTA
       ----------------------------------------- */

    .j2v-strategic-button {
        margin-top: 27px;
    }


    .j2v-button {
        min-height: 48px;

        padding: 0 22px;

        font-size: 10px;

        letter-spacing: 1.1px;
    }

}


/* =========================================================
   SMALL MOBILE — 480px
   ========================================================= */

@media (max-width: 480px) {

    .j2v-strategic-section {
        padding: 55px 0 60px;
    }


    /* -----------------------------------------
       IMAGE COLLAGE
       ----------------------------------------- */

    .j2v-strategic-visual {
        min-height: 350px;

        width: 100%;

        margin-bottom: 50px;
    }


    .j2v-image-primary {
        top: 25px;

        width: 82%;

        height: 235px;

        border-radius: 21px 21px 21px 5px;
    }


    .j2v-image-secondary {
        width: 62%;

        height: 175px;

        bottom: 0;

        border-width: 4px;

        border-radius: 5px 21px 21px 21px;
    }


    /* -----------------------------------------
       BRACKETS
       ----------------------------------------- */

    .j2v-bracket {
        width: 58px;
        height: 58px;
    }


    .j2v-bracket-top {
        top: 0;

        right: 5%;

        border-width: 7px;

        border-radius: 0 28px 0 0;
    }


    .j2v-bracket-bottom {
        left: 37%;

        bottom: 0;

        border-width: 7px;

        border-radius: 0 0 0 28px;
    }


    .j2v-strategic-visual::after {
        left: 15px;

        bottom: 15px;

        width: 42px;

        height: 2px;
    }


    /* -----------------------------------------
       TEXT
       ----------------------------------------- */

    .j2v-eyebrow {
        font-size: 9px;

        letter-spacing: 1.5px;

        padding-left: 19px;
    }


    .j2v-eyebrow::before {
        width: 7px;
        height: 7px;
    }


    .j2v-section-heading h2 {
        font-size: 29px;

        line-height: 1.13;

        letter-spacing: -0.3px;
    }


    .j2v-strategic-text {
        margin-top: 20px;

        padding-left: 13px;

        border-left-width: 2px;
    }


    .j2v-strategic-text p {
        font-size: 12.5px;

        line-height: 1.72;
    }


    /* -----------------------------------------
       CARDS
       ----------------------------------------- */

    .j2v-strategic-points {
        margin-top: 22px;

        gap: 9px;
    }


    .j2v-point {
        padding: 15px;
    }


    .j2v-point strong {
        font-size: 10px;

        line-height: 15px;
    }


    .j2v-point small {
        font-size: 9.5px;

        line-height: 14px;
    }


    /* -----------------------------------------
       BUTTON
       ----------------------------------------- */

    .j2v-strategic-button {
        margin-top: 25px;
    }


    .j2v-button {
        width: 100%;

        min-height: 47px;

        padding: 0 18px;

        font-size: 9.5px;

        letter-spacing: 1px;
    }

}


/* =========================================================
   EXTRA SMALL DEVICES — 375px
   ========================================================= */

@media (max-width: 375px) {

    .j2v-strategic-section {
        padding: 50px 0 55px;
    }


    .j2v-strategic-visual {
        min-height: 315px;

        margin-bottom: 42px;
    }


    .j2v-image-primary {
        top: 20px;

        height: 210px;
    }


    .j2v-image-secondary {
        height: 155px;
    }


    .j2v-section-heading h2 {
        font-size: 26px;
    }


    .j2v-strategic-text p {
        font-size: 12px;
    }


    .j2v-point {
        padding: 13px;
    }

}

/* =========================================================
   J2V INDIA — IMPACT AT SCALE
   Light Statistics / Achievement Section
========================================================= */

.j2v-impact-scale {
    position: relative;
    width: 100%;
    padding: 50px 0 50px;
    overflow: hidden;

    background: #F7F9FB;

    color: #0B273C;
}


/* =========================================================
   SUBTLE BACKGROUND
========================================================= */

.j2v-impact-bg {
    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 15% 45%,
            rgba(8, 120, 201, 0.045) 0%,
            rgba(8, 120, 201, 0) 32%
        ),
        radial-gradient(
            circle at 85% 55%,
            rgba(217, 162, 27, 0.045) 0%,
            rgba(217, 162, 27, 0) 32%
        );

    opacity: 1;

    z-index: 0;
}


/* =========================================================
   MAIN CONTAINER
========================================================= */

.j2v-impact-inner {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1300px;

    margin: 0 auto;

    padding: 0 45px;

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    column-gap: 24px;
    row-gap: 30px;
}


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

.j2v-impact-heading {
    grid-column: 1 / -1;

    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;

    margin-bottom: 48px;

    text-align: center;
}


.j2v-impact-heading h2 {
    position: relative;

    display: inline-block;

    margin: 0;
    padding: 0 75px;

    color: #0B273C;

    font-family:
        "Inter Tight",
        "Roboto",
        Arial,
        sans-serif;

    font-size: 25px;
    line-height: 1.15;

    font-weight: 800;

    letter-spacing: -0.7px;

    text-transform: none;
}


/* =========================================================
   BLUE SIDE LINES
========================================================= */

.j2v-impact-heading h2::before,
.j2v-impact-heading h2::after {
    content: "";

    position: absolute;

    top: 50%;

    width: 100px;
    height: 3px;

    transform: translateY(-50%);

    background: #0878C9;
}


.j2v-impact-heading h2::before {
    right: 100%;
}


.j2v-impact-heading h2::after {
    left: 100%;
}


/* Gold-highlighted word/section feel */
.j2v-impact-heading h2 {
    text-shadow: none;
}


/* =========================================================
   HIDE OLD DIVIDER
========================================================= */

.j2v-impact-divider {
    display: none;
}


/* =========================================================
   METRIC CARD
========================================================= */

.j2v-impact-item {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 100%;

    min-height: 190px;

    padding: 45px 25px 25px;

    background: #FFFFFF;

    border: 2px dashed #DCE7EF;

    border-radius: 5px;

    box-sizing: border-box;

    transition:
        transform 300ms ease,
        border-color 300ms ease,
        box-shadow 300ms ease;
}


/* =========================================================
   CARD HOVER
========================================================= */

.j2v-impact-item:hover {
    transform: translateY(-4px);

    border-color: rgba(8, 120, 201, 0.30);

    box-shadow:
        0 15px 40px rgba(11, 39, 60, 0.08);
}


/* =========================================================
   ICON
========================================================= */

.j2v-impact-icon {
    position: absolute;

    top: -37px;
    left: -21px;

    width: 76px;
    height: 76px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    z-index: 5;

    box-sizing: border-box;

    transition:
        transform 300ms ease,
        box-shadow 300ms ease;
}


.j2v-impact-item:hover .j2v-impact-icon {
    transform: translateY(-3px);
}


/* =========================================================
   ICON SVG
========================================================= */

.j2v-impact-icon svg {
    position: relative;

    width: 42px;
    height: 42px;

    display: block;

    z-index: 2;
}


/* =========================================================
   BLUE ICON
========================================================= */

.j2v-icon-blue {
    color: #0878C9;

    background: #EAF8FB;

    border: 1px solid rgba(8, 120, 201, 0.08);

    box-shadow:
        0 5px 18px rgba(8, 120, 201, 0.06);
}


/* =========================================================
   GOLD ICON
========================================================= */

.j2v-icon-gold {
    color: #D9A21B;

    background: #FFF7DF;

    border: 1px solid rgba(217, 162, 27, 0.10);

    box-shadow:
        0 5px 18px rgba(217, 162, 27, 0.06);
}


/* =========================================================
   GREEN ICON
========================================================= */

.j2v-icon-green {
    color: #65A84A;

    background: #EDF7E9;

    border: 1px solid rgba(101, 168, 74, 0.10);

    box-shadow:
        0 5px 18px rgba(101, 168, 74, 0.06);
}


/* =========================================================
   DATA AREA
========================================================= */

.j2v-impact-data {
    position: relative;

    width: 100%;

    padding: 0;

    text-align: center;
}


/* =========================================================
   MAIN NUMBER
========================================================= */

.j2v-impact-number {
    margin: 0;

    color: #0B273C;

    font-family:
        "Inter Tight",
        "Roboto",
        Arial,
        sans-serif;

    font-size: 38px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: -1.7px;

    white-space: nowrap;
}


/* =========================================================
   CURRENCY
========================================================= */

.j2v-impact-number.j2v-currency {
    font-size: 38px;

    letter-spacing: -1.4px;
}


/* =========================================================
   UNIT
========================================================= */

.j2v-impact-unit {
    margin-top: 5px;

    color: #0878C9;

    font-family:
        "Inter Tight",
        "Roboto",
        Arial,
        sans-serif;

    font-size: 23px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: -0.2px;
}


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

.j2v-impact-label {
    margin-top: 10px;

    color: #596B78;

    font-family:
        "Roboto",
        Arial,
        sans-serif;

    font-size: 15px;

    line-height: 1.35;

    font-weight: 400;
}


/* =========================================================
   INDIVIDUAL UNIT COLORS
========================================================= */

/* Energy savings */

.j2v-impact-item:nth-of-type(2) .j2v-impact-unit {
    color: #0878C9;
}


/* Electricity savings */

.j2v-impact-item:nth-of-type(3) .j2v-impact-unit {
    color: #C18310;
}


/* Monetary savings */

.j2v-impact-item:nth-of-type(4) .j2v-impact-unit {
    color: #C18310;
}


/* Emissions */

.j2v-impact-item:nth-of-type(5) .j2v-impact-unit {
    color: #65A84A;
}


/* =========================================================
   SMALL GOLD ACCENT
========================================================= */

.j2v-impact-item::after {
    content: "";

    position: absolute;

    bottom: 0;
    left: 50%;

    width: 0;
    height: 3px;

    transform: translateX(-50%);

    background: #D9A21B;

    transition: width 300ms ease;
}


.j2v-impact-item:hover::after {
    width: 45px;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (max-width: 1399px) {

    .j2v-impact-inner {
        max-width: 1280px;

        padding-left: 35px;
        padding-right: 35px;

        column-gap: 20px;
    }


    .j2v-impact-item {
        min-height: 180px;

        padding-left: 18px;
        padding-right: 18px;
    }


    .j2v-impact-number {
        font-size: 43px;
    }


    .j2v-impact-number.j2v-currency {
        font-size: 36px;
    }


    .j2v-impact-heading h2 {
        font-size: 28px;
    }

}


/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */

@media (max-width: 991px) {

    .j2v-impact-scale {
        padding: 75px 0 80px;
    }


    .j2v-impact-inner {
        max-width: 760px;

        grid-template-columns: repeat(2, minmax(0, 1fr));

        column-gap: 25px;
        row-gap: 55px;

        padding:
            0 30px;
    }


    .j2v-impact-heading {
        margin-bottom: 20px;
    }


    .j2v-impact-heading h2 {
        font-size: 28px;

        padding-left: 55px;
        padding-right: 55px;
    }


    .j2v-impact-heading h2::before,
    .j2v-impact-heading h2::after {
        width: 70px;
    }


    .j2v-impact-item {
        min-height: 190px;
    }


    .j2v-impact-number {
        font-size: 45px;
    }


    .j2v-impact-number.j2v-currency {
        font-size: 37px;
    }

}


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

@media (max-width: 767px) {

    .j2v-impact-scale {
        padding: 65px 0 70px;
    }


    .j2v-impact-inner {
        grid-template-columns: 1fr;

        max-width: 500px;

        row-gap: 55px;

        padding:
            0 35px;
    }


    .j2v-impact-heading {
        margin-bottom: 12px;
    }


    .j2v-impact-heading h2 {
        font-size: 25px;

        padding:
            0 35px;
    }


    .j2v-impact-heading h2::before,
    .j2v-impact-heading h2::after {
        width: 40px;

        height: 2px;
    }


    .j2v-impact-item {
        min-height: 180px;

        padding-top: 40px;
    }


    .j2v-impact-icon {
        top: -35px;
        left: -18px;

        width: 70px;
        height: 70px;
    }


    .j2v-impact-icon svg {
        width: 39px;
        height: 39px;
    }


    .j2v-impact-number {
        font-size: 42px;
    }


    .j2v-impact-number.j2v-currency {
        font-size: 34px;
    }


    .j2v-impact-unit {
        font-size: 21px;
    }


    .j2v-impact-label {
        font-size: 14px;
    }

}


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

@media (max-width: 480px) {

    .j2v-impact-scale {
        padding:
            55px 0
            60px;
    }


    .j2v-impact-inner {
        padding:
            0 25px;

        row-gap: 50px;
    }


    .j2v-impact-heading h2 {
        font-size: 22px;

        padding:
            0 25px;
    }


    .j2v-impact-heading h2::before,
    .j2v-impact-heading h2::after {
        width: 25px;
    }


    .j2v-impact-item {
        min-height: 165px;

        padding:
            38px 15px
            22px;
    }


    .j2v-impact-icon {
        top: -31px;
        left: -14px;

        width: 62px;
        height: 62px;
    }


    .j2v-impact-icon svg {
        width: 35px;
        height: 35px;
    }


    .j2v-impact-number {
        font-size: 37px;

        letter-spacing: -1px;
    }


    .j2v-impact-number.j2v-currency {
        font-size: 29px;
    }


    .j2v-impact-unit {
        font-size: 19px;
    }


    .j2v-impact-label {
        font-size: 13px;

        line-height: 1.3;
    }

}


/* =========================================================
   EXTRA SMALL DEVICES
========================================================= */

@media (max-width: 360px) {

    .j2v-impact-inner {
        padding-left: 20px;
        padding-right: 20px;
    }


    .j2v-impact-heading h2 {
        font-size: 20px;

        padding-left: 20px;
        padding-right: 20px;
    }


    .j2v-impact-heading h2::before,
    .j2v-impact-heading h2::after {
        width: 18px;
    }


    .j2v-impact-number {
        font-size: 33px;
    }


    .j2v-impact-number.j2v-currency {
        font-size: 26px;
    }

}

/* =========================================================
   J2V INDIA — FOREWORD
   ISOLATED NAMESPACE: j2v-fw-
========================================================= */

.j2v-fw-section {
    position: relative;

    width: 100%;

    padding: 50px 0 50px;

    overflow: hidden;

    background: #F4F7F9;

    color: #0B273C;
}


/* =========================================================
   SUBTLE BACKGROUND GRID
========================================================= */

.j2v-fw-section::before {
    position: absolute;

    content: "";

    inset: 0;

    pointer-events: none;

    opacity: 0.45;

    background-image:
        linear-gradient(
            rgba(11,39,60,0.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(11,39,60,0.025) 1px,
            transparent 1px
        );

    background-size: 70px 70px;
}


/* =========================================================
   SOFT GOLD / BLUE ATMOSPHERE
========================================================= */

.j2v-fw-section::after {
    position: absolute;

    content: "";

    width: 550px;
    height: 550px;

    right: -250px;
    top: -220px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(22,155,232,0.075) 0%,
            rgba(22,155,232,0) 70%
        );

    pointer-events: none;
}


/* =========================================================
   CONTAINER
========================================================= */

.j2v-fw-container {
    position: relative;

    width: min(1180px, calc(100% - 40px));

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(0, 1.05fr);

    column-gap: 75px;

    align-items: center;

    z-index: 2;
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.j2v-fw-content {
    position: relative;

    max-width: 590px;
}


/* =========================================================
   ICON
========================================================= */

.j2v-fw-icon {
    width: 66px;
    height: 66px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 28px;

    color: #0B273C;

    background: #EAF7FC;

    border:
        1px solid rgba(22,155,232,0.25);

    border-radius: 50%;

    box-shadow:
        0 10px 30px rgba(11,39,60,0.08);
}


.j2v-fw-icon svg {
    width: 34px;
    height: 34px;
}


/* =========================================================
   EYEBROW
========================================================= */

.j2v-fw-eyebrow {
    display: block;

    margin-bottom: 18px;

    color: #C18310;

    font-family:
        "Inter Tight",
        "Roboto",
        sans-serif;

    font-size: 12px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 2.3px;

    text-transform: uppercase;
}


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

.j2v-fw-heading {
    margin: 0;

    color: #0B273C;

    font-family:
        "Inter Tight",
        "Roboto",
        sans-serif;

    font-size: 40px;

    line-height: 1.02;

    font-weight: 800;

    letter-spacing: -2px;
}


.j2v-fw-heading span {
    

    color: #0878C9;
}


/* =========================================================
   INTRO
========================================================= */

.j2v-fw-intro {
    position: relative;

    margin: 27px 0 0;

    padding-left: 19px;

    color: #36566D;

    font-family:
        "Roboto",
        Arial,
        sans-serif;

    font-size: 16px;

    line-height: 1.75;

    font-weight: 500;

    border-left:
        3px solid #D9A21B;
}


/* =========================================================
   MAIN COPY
========================================================= */

.j2v-fw-copy {
    margin-top: 22px;
}


.j2v-fw-copy p {
    margin: 0 0 17px;

    color: #596B78;

    font-family:
        "Roboto",
        Arial,
        sans-serif;

    font-size: 14px;

    line-height: 1.78;

    font-weight: 400;
}


.j2v-fw-copy p:last-child {
    margin-bottom: 0;
}


.j2v-fw-copy strong {
    color: #0B273C;

    font-weight: 800;
}


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

.j2v-fw-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 18px;

    margin-top: 28px;

    min-height: 48px;

    padding:
        0 8px
        0 23px;

    color: #FFFFFF !important;

    text-decoration: none;

    font-family:
        "Inter Tight",
        "Roboto",
        sans-serif;

    font-size: 11px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 1.3px;

    text-transform: uppercase;

    background:
        linear-gradient(
            135deg,
            #03070C 0%,
            #0B273C 60%,
            #C18310 100%
        );

    border:
        1px solid #C18310;

    border-radius: 28px;

    transition:
        transform 300ms ease,
        box-shadow 300ms ease;
}


.j2v-fw-button b {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    color: #0B273C;

    font-size: 18px;

    background: #D9A21B;

    border-radius: 50%;
}


.j2v-fw-button:hover {
    color: #FFFFFF !important;

    transform: translateY(-3px);

    box-shadow:
        0 12px 30px rgba(11,39,60,0.18);
}


/* =========================================================
   RIGHT VISUAL
========================================================= */

.j2v-fw-visual {
    position: relative;

    width: 100%;

    min-height: 590px;

    display: flex;

    align-items: center;

    justify-content: flex-end;
}


/* =========================================================
   MAIN IMAGE
========================================================= */

.j2v-fw-image {
    position: relative;

    width: 100%;

    height: 570px;

    overflow: hidden;

    background: #0B273C;

    border-radius: 18px;

    box-shadow:
        0 25px 65px rgba(11,39,60,0.18);
}


.j2v-fw-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 800ms ease;
}


.j2v-fw-visual:hover
.j2v-fw-image img {
    transform: scale(1.035);
}


/* =========================================================
   IMAGE SUBTLE OVERLAY
========================================================= */

.j2v-fw-image::after {
    position: absolute;

    content: "";

    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(3,7,12,0) 55%,
            rgba(3,7,12,0.20) 100%
        );
}


/* =========================================================
   FLOATING CARD
========================================================= */

.j2v-fw-card {
    position: absolute;

    left: -48px;

    bottom: 42px;

    width: 360px;

    padding: 28px 30px;

    background: #FFFFFF;

    border:
        1px solid #D9E1E7;

    border-radius: 12px;

    box-shadow:
        0 22px 55px rgba(11,39,60,0.16);

    z-index: 5;
}


/* =========================================================
   CARD TITLE
========================================================= */

.j2v-fw-card-title {
    margin-bottom: 21px;

    color: #0B273C;

    font-family:
        "Inter Tight",
        "Roboto",
        sans-serif;

    font-size: 12px;

    line-height: 1.2;

    font-weight: 800;

    letter-spacing: 1.6px;

    text-transform: uppercase;
}


.j2v-fw-card-title::after {
    content: "";

    display: block;

    width: 42px;
    height: 3px;

    margin-top: 10px;

    background:
        linear-gradient(
            90deg,
            #D9A21B 0%,
            #0878C9 100%
        );
}


/* =========================================================
   CARD ITEMS
========================================================= */

.j2v-fw-card-item {
    display: flex;

    align-items: flex-start;

    gap: 12px;

    margin-top: 17px;
}


.j2v-fw-check {
    flex: 0 0 auto;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 22px;
    height: 22px;

    margin-top: 1px;

    color: #FFFFFF;

    font-size: 12px;

    font-weight: 800;

    background: #0878C9;

    border-radius: 50%;
}


.j2v-fw-card-item strong {
    display: block;

    color: #0B273C;

    font-family:
        "Inter Tight",
        "Roboto",
        sans-serif;

    font-size: 12px;

    line-height: 1.3;

    font-weight: 800;
}


.j2v-fw-card-item small {
    display: block;

    margin-top: 3px;

    color: #71808B;

    font-family:
        "Roboto",
        Arial,
        sans-serif;

    font-size: 10px;

    line-height: 1.45;
}


/* =========================================================
   VISUAL ACCENT LINE
========================================================= */

.j2v-fw-visual-line {
    position: absolute;

    left: -35px;

    top: 35px;

    width: 72px;
    height: 3px;

    background:
        linear-gradient(
            90deg,
            #D9A21B,
            #0878C9
        );

    z-index: 6;
}


/* =========================================================
   INDEX
========================================================= */

.j2v-fw-index {
    position: absolute;

    right: -15px;

    top: 50%;

    transform: translateY(-50%);

    display: flex;

    align-items: center;
    justify-content: center;

    width: 52px;
    height: 52px;

    color: #0B273C;

    font-family:
        "Inter Tight",
        "Roboto",
        sans-serif;

    font-size: 12px;

    font-weight: 800;

    background: #FFFFFF;

    border:
        1px solid #D9A21B;

    border-radius: 50%;

    box-shadow:
        0 8px 25px rgba(11,39,60,0.10);

    z-index: 7;
}


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

@media (max-width: 1199px) {

    .j2v-fw-container {
        column-gap: 45px;
    }

    .j2v-fw-heading {
        font-size: 44px;
    }

    .j2v-fw-image {
        height: 530px;
    }

    .j2v-fw-visual {
        min-height: 550px;
    }

    .j2v-fw-card {
        left: -30px;
        width: 330px;
    }

}


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

@media (max-width: 991px) {

    .j2v-fw-section {
        padding:
            75px 0
            85px;
    }

    .j2v-fw-container {
        grid-template-columns: 1fr;

        gap: 55px;

        width:
            min(700px, calc(100% - 40px));
    }

    .j2v-fw-content {
        max-width: 100%;
    }

    .j2v-fw-heading {
        font-size: 46px;
    }

    .j2v-fw-visual {
        min-height: 570px;
    }

    .j2v-fw-image {
        width: 100%;
        height: 540px;
    }

    .j2v-fw-card {
        left: 25px;
        bottom: 25px;
    }

    .j2v-fw-visual-line {
        left: 10px;
    }

    .j2v-fw-index {
        right: 5px;
    }

}


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

@media (max-width: 767px) {

    .j2v-fw-section {
        padding:
            60px 0
            65px;
    }

    .j2v-fw-container {
        width:
            calc(100% - 32px);

        gap: 42px;
    }

    .j2v-fw-icon {
        width: 58px;
        height: 58px;

        margin-bottom: 22px;
    }

    .j2v-fw-icon svg {
        width: 30px;
        height: 30px;
    }

    .j2v-fw-eyebrow {
        font-size: 10px;

        letter-spacing: 1.8px;

        margin-bottom: 15px;
    }

    .j2v-fw-heading {
        font-size: 36px;

        letter-spacing: -1.3px;

        line-height: 1.05;
    }

    .j2v-fw-intro {
        margin-top: 22px;

        padding-left: 15px;

        font-size: 14px;

        line-height: 1.7;
    }

    .j2v-fw-copy {
        margin-top: 18px;
    }

    .j2v-fw-copy p {
        font-size: 13px;

        line-height: 1.72;
    }

    .j2v-fw-button {
        margin-top: 24px;
    }

    .j2v-fw-visual {
        min-height: 500px;
    }

    .j2v-fw-image {
        height: 460px;

        border-radius: 14px;
    }

    .j2v-fw-card {
        left: 15px;
        bottom: 15px;

        width:
            calc(100% - 30px);

        padding:
            22px 20px;
    }

    .j2v-fw-card-title {
        margin-bottom: 17px;
    }

    .j2v-fw-card-item {
        margin-top: 13px;
    }

    .j2v-fw-visual-line {
        left: 0;

        top: 20px;

        width: 55px;
    }

    .j2v-fw-index {
        width: 42px;
        height: 42px;

        right: -5px;

        font-size: 10px;
    }

}


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

@media (max-width: 480px) {

    .j2v-fw-section {
        padding:
            50px 0
            55px;
    }

    .j2v-fw-container {
        width:
            calc(100% - 28px);

        gap: 35px;
    }

    .j2v-fw-heading {
        font-size: 31px;
    }

    .j2v-fw-intro {
        font-size: 13px;
    }

    .j2v-fw-copy p {
        font-size: 12.5px;

        line-height: 1.7;
    }

    .j2v-fw-visual {
        min-height: 430px;
    }

    .j2v-fw-image {
        height: 400px;

        border-radius: 12px;
    }

    .j2v-fw-card {
        bottom: 12px;
        left: 10px;

        width:
            calc(100% - 20px);

        padding:
            19px 17px;
    }

    .j2v-fw-card-item strong {
        font-size: 11px;
    }

    .j2v-fw-card-item small {
        font-size: 9.5px;
    }

    .j2v-fw-check {
        width: 20px;
        height: 20px;

        font-size: 10px;
    }

    .j2v-fw-index {
        display: none;
    }

}

/* =========================================================
   J2V DOCTRINE SECTION
   ========================================================= */

.j2v-doctrine-section {
    position: relative;
    width: 100%;
    padding: 50px 50px;

    background: #F8F9FA;

    overflow: hidden;
    color: #0B273C;
}


/* Decorative background glow */
.j2v-doctrine-section::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    top: -220px;
    left: -180px;

    border-radius: 50%;

    background: rgba(216, 164, 61, 0.045);

    pointer-events: none;
}


/* Second decorative glow */
.j2v-doctrine-section::after {
    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    right: -180px;
    bottom: -180px;

    border-radius: 50%;

    background: rgba(11, 39, 60, 0.035);

    pointer-events: none;
}


/* =========================================================
   MAIN CONTAINER
   ========================================================= */

.j2v-doctrine-container {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 1300px;

    margin: 0 auto;
}


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

.j2v-doctrine-heading {
    max-width: 850px;

    margin: 0 auto 62px;

    text-align: center;
}


/* Eyebrow */
.j2v-doctrine-eyebrow {
    margin-bottom: 17px;

    color: #C38513;

    font-size: 18px;
    line-height: 1;

    font-weight: 600;

    letter-spacing: -0.3px;
}


/* Main heading */
.j2v-doctrine-heading h2 {
    margin: 0;

    color: #0B273C;

    font-size: 36px;
    line-height: 1.12;

    font-weight: 700;

    letter-spacing: -1.5px;
}


/* Gold heading phrase */
.j2v-doctrine-heading h2 span {
    color: #D8A43D;
}


/* Supporting heading text */
.j2v-doctrine-lead {
    max-width: 700px;

    margin: 20px auto 0;

    color: #66727D;

    font-size: 16px;
    line-height: 1.7;

    font-weight: 400;
}


/* =========================================================
   CARDS GRID
   ========================================================= */

.j2v-doctrine-grid {
    display: grid;

    grid-template-columns: repeat(5, 1fr);

    gap: 22px;

    align-items: stretch;
}


/* =========================================================
   INDIVIDUAL CARD
   ========================================================= */

.j2v-doctrine-card {
    position: relative;

    min-height: 270px;

    padding: 40px 24px 24px;

    background: #FFFFFF;

    border: 1px solid #E5E8EB;

    border-radius: 10px;

    text-align: center;

    overflow: visible;

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


/* =========================================================
   ACTIVE / FEATURED CARD
   ========================================================= */

.j2v-doctrine-card-active {
    border: 2px solid #D8A43D;

    border-radius:
        10px
        75px
        10px
        10px;
}


/* =========================================================
   CARD HOVER
   ========================================================= */

.j2v-doctrine-card:hover {
    transform: translateY(-6px);

    border-color: #D8A43D;

    box-shadow:
        0 16px 35px rgba(11, 39, 60, 0.08);
}


/* =========================================================
   NUMBER LABEL
   ========================================================= */

.j2v-doctrine-number {
    position: absolute;

    top: -1px;
    left: 40px;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 38px;
    height: 41px;

    background: #0B273C;

    color: #FFFFFF;

    font-size: 18px;
    line-height: 1;

    font-weight: 500;

    border-radius:
        0
        0
        6px
        6px;
}


/* Active card number */
.j2v-doctrine-card-active .j2v-doctrine-number {
    background: #0B273C;
}


/* =========================================================
   ICON CIRCLE
   ========================================================= */

.j2v-doctrine-icon {
    width: 50px;
    height: 50px;

    margin: 12px auto 31px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #0B273C;

    background: #F7EEDC;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}


/* SVG */
.j2v-doctrine-icon svg {
    width: 34px;
    height: 34px;

    display: block;
}


/* =========================================================
   ACTIVE ICON
   ========================================================= */

.j2v-doctrine-card-active .j2v-doctrine-icon {
    color: #FFFFFF;

    background: #D8A43D;
}


/* =========================================================
   ICON HOVER
   ========================================================= */

.j2v-doctrine-card:hover .j2v-doctrine-icon {
    transform: scale(1.05);

    color: #0B273C;

    background: #F3E2BB;
}


/* Keep active icon gold on hover */
.j2v-doctrine-card-active:hover .j2v-doctrine-icon {
    color: #FFFFFF;

    background: #C38513;
}


/* =========================================================
   CARD TITLE
   ========================================================= */

.j2v-doctrine-card h3 {
    max-width: 210px;

    margin: 0 auto 10px;

    color: #0B273C;

    font-size: 20px;

    line-height: 1.15;

    font-weight: 700;

    letter-spacing: -0.5px;
}


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

.j2v-doctrine-card p {
    max-width: 215px;

    margin: 0 auto;

    color: #66727D;

    font-size: 15px;

    line-height: 1.65;

    font-weight: 400;
}


/* =========================================================
   BOTTOM DOCTRINE STATEMENT
   ========================================================= */

.j2v-doctrine-bottom {
    max-width: 1120px;

    margin: 58px auto 0;

    text-align: center;
}


/* Decorative line */
.j2v-doctrine-bottom-line {
    width: 55px;
    height: 3px;

    margin: 0 auto 23px;

    background:
        linear-gradient(
            90deg,
            #0B273C 0%,
            #D8A43D 50%,
            #C38513 100%
        );

    border-radius: 10px;
}


/* Bottom paragraph */
.j2v-doctrine-bottom p {
    margin: 0;

    color: #66727D;

    font-size: 16px;

    line-height: 1.8;

    font-weight: 400;
}


/* Strong text */
.j2v-doctrine-bottom strong {
    color: #0B273C;

    font-weight: 700;
}


/* =========================================================
   LARGE TABLET / SMALL DESKTOP
   ========================================================= */

@media (max-width: 1250px) {

    .j2v-doctrine-grid {
        grid-template-columns: repeat(3, 1fr);

        max-width: 1000px;

        margin: 0 auto;
    }

    .j2v-doctrine-card {
        min-height: 350px;
    }

}


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

@media (max-width: 991px) {

    .j2v-doctrine-section {
        padding: 75px 20px 80px;
    }


    .j2v-doctrine-heading {
        margin-bottom: 48px;
    }



    .j2v-doctrine-heading h2 {
        font-size: 40px;
    }


    .j2v-doctrine-grid {
        grid-template-columns: repeat(2, 1fr);

        max-width: 760px;
    }


    .j2v-doctrine-card {
        min-height: 340px;

        padding-top: 82px;
    }


    .j2v-doctrine-card h3 {
        font-size: 23px;
    }


    .j2v-doctrine-bottom {
        max-width: 720px;

        margin-top: 48px;
    }

}


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

@media (max-width: 767px) {

    .j2v-doctrine-section {
        padding: 65px 16px 70px;
    }


    .j2v-doctrine-eyebrow {
        font-size: 16px;

        margin-bottom: 14px;
    }


    .j2v-doctrine-heading h2 {
        font-size: 34px;

        line-height: 1.15;

        letter-spacing: -0.8px;
    }


    .j2v-doctrine-lead {
        margin-top: 17px;

        font-size: 15px;

        line-height: 1.65;
    }


    .j2v-doctrine-heading {
        margin-bottom: 40px;
    }


    .j2v-doctrine-grid {
        grid-template-columns: 1fr;

        max-width: 470px;

        gap: 18px;
    }


    .j2v-doctrine-card {
        min-height: 325px;

        padding: 78px 28px 38px;
    }


    .j2v-doctrine-card-active {
        border-radius:
            10px
            55px
            10px
            10px;
    }


    .j2v-doctrine-number {
        left: 28px;

        width: 38px;
        height: 40px;

        font-size: 17px;
    }


    .j2v-doctrine-icon {
        width: 86px;
        height: 86px;

        margin-bottom: 27px;
    }


    .j2v-doctrine-icon svg {
        width: 48px;
        height: 48px;
    }


    .j2v-doctrine-card h3 {
        font-size: 23px;
    }


    .j2v-doctrine-card p {
        font-size: 15px;

        max-width: 270px;
    }


    .j2v-doctrine-bottom {
        margin-top: 42px;
    }


    .j2v-doctrine-bottom p {
        font-size: 14px;

        line-height: 1.75;
    }

}


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

@media (max-width: 480px) {

    .j2v-doctrine-section {
        padding: 55px 14px 60px;
    }


    .j2v-doctrine-heading h2 {
        font-size: 30px;
    }


    .j2v-doctrine-eyebrow {
        font-size: 15px;
    }


    .j2v-doctrine-card {
        min-height: 315px;

        padding: 75px 20px 34px;
    }


    .j2v-doctrine-card-active {
        border-radius:
            10px
            45px
            10px
            10px;
    }


    .j2v-doctrine-card h3 {
        font-size: 22px;
    }


    .j2v-doctrine-card p {
        font-size: 14px;
    }


    .j2v-doctrine-number {
        left: 24px;
    }

}

/* =========================================================
   J2V DECISION FORUM
   ========================================================= */

.j2v-decision-section {
    position: relative;
    width: 100%;
    padding: 50px 50px;

    background: #F8F9FA;

    overflow: hidden;
    color: #0B273C;
}


/* =========================================================
   SUBTLE BACKGROUND DECORATION
   ========================================================= */

.j2v-decision-section::before {
    content: "";

    position: absolute;

    width: 430px;
    height: 430px;

    top: -275px;
    right: -190px;

    border-radius: 50%;

    border: 1px solid rgba(216, 164, 61, 0.12);

    box-shadow:
        0 0 0 55px rgba(216, 164, 61, 0.025),
        0 0 0 110px rgba(11, 39, 60, 0.018);

    pointer-events: none;
}


.j2v-decision-section::after {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    left: -190px;
    bottom: -210px;

    border-radius: 50%;

    border: 1px solid rgba(216, 164, 61, 0.18);

    box-shadow:
        0 0 0 45px rgba(216, 164, 61, 0.035);

    pointer-events: none;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.j2v-decision-container {
    position: relative;

    z-index: 2;

    width: 100%;
    max-width: 1300px;

    margin: 0 auto;
}


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

.j2v-decision-heading {
    max-width: 950px;

    margin: 0 auto 72px;

    text-align: center;
}


/* Eyebrow */

.j2v-decision-eyebrow {
    margin-bottom: 20px;

    color: #C38513;

    font-size: 13px;
    line-height: 1.2;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}


/* Main heading */

.j2v-decision-heading h2 {
    margin: 0;

    color: #0B273C;

    font-size: 36px;
    line-height: 1.03;

    font-weight: 800;

    letter-spacing: 1px;

    text-transform: uppercase;
}


/* Second line */

.j2v-decision-heading h2 span {
    

    margin-top: 4px;

    color: #D8A43D;
}


/* =========================================================
   CARD GRID
   ========================================================= */

.j2v-decision-grid {
    position: relative;

    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 34px;

    align-items: stretch;
}


/* =========================================================
   CONNECTING LINE
   ========================================================= */

.j2v-decision-grid::before {
    content: "";

    position: absolute;

    left: -5vw;
    right: -5vw;

    top: 50%;

    height: 3px;

    background:
        repeating-linear-gradient(
            90deg,
            #D8A43D 0,
            #D8A43D 7px,
            transparent 7px,
            transparent 13px
        );

    transform: translateY(-50%);

    opacity: 0.9;

    z-index: 0;

    pointer-events: none;
}


/* =========================================================
   CARD
   ========================================================= */

.j2v-decision-card {
    position: relative;

    z-index: 2;

    min-height: 220px;

    padding:55px
        24px
        22px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: flex-start;

    text-align: center;

    background: rgba(255, 255, 255, 0.96);

    border: 1px solid #E4E8EB;

    border-radius: 10px;

    box-shadow:
        0 10px 30px rgba(11, 39, 60, 0.055);

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;

    overflow: visible;
}


/* =========================================================
   ACTIVE CARD
   ========================================================= */

.j2v-decision-card-active {
    background:
        linear-gradient(
            145deg,
            #0B273C 0%,
            #102F45 100%
        );

    border: 2px solid #D8A43D;

    box-shadow:
        0 18px 40px rgba(11, 39, 60, 0.16);
}


/* =========================================================
   CARD HOVER
   ========================================================= */

.j2v-decision-card:hover {
    transform: translateY(-8px);

    border-color: #D8A43D;

    box-shadow:
        0 20px 42px rgba(11, 39, 60, 0.12);
}


/* Active hover */

.j2v-decision-card-active:hover {
    border-color: #C38513;

    box-shadow:
        0 22px 45px rgba(11, 39, 60, 0.2);
}


/* =========================================================
   NUMBER BADGE
   ========================================================= */

.j2v-decision-number {
    position: absolute;

    z-index: 5;

    top: -39px;
    left: 50%;

    width: 55px;
    height: 55px;

    display: flex;

    align-items: center;
    justify-content: center;

    transform: translateX(-50%);

    border-radius: 50%;

    background: #0d2a40;

    border: 7px solid #F8F9FA;

    box-shadow:
        0 6px 18px rgba(11, 39, 60, 0.09);

    color: #F8F9FA;

    font-size: 17px;
    line-height: 1;

    font-weight: 700;
}


/* Gold number center */

.j2v-decision-card-active .j2v-decision-number {
    background:
        linear-gradient(
            145deg,
            #E0AE4C 0%,
            #C38513 100%
        );

    color: #0B273C;

    border-color: #F8F9FA;
}


/* =========================================================
   ICON
   ========================================================= */

.j2v-decision-icon {
    width: 45px;
    height: 45px;

    margin: 0 auto 20px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #FBF4E7;

    color: #0B273C;

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        color 0.3s ease;
}


.j2v-decision-icon svg {
    width: 32px;
    height: 32px;

    display: block;
}


/* Active icon */

.j2v-decision-card-active .j2v-decision-icon {
    background: rgba(216, 164, 61, 0.12);

    color: #E0AE4C;
}


/* Icon hover */

.j2v-decision-card:hover .j2v-decision-icon {
    transform: scale(1.07);

    background: #F3E4C5;
}


/* Active hover */

.j2v-decision-card-active:hover .j2v-decision-icon {
    background: rgba(216, 164, 61, 0.18);

    color: #EDC267;
}


/* =========================================================
   GOLD UNDERLINE
   ========================================================= */

.j2v-decision-card-line {
    width: 48px;
    height: 3px;

    margin: 0 auto 25px;

    background:
        linear-gradient(
            90deg,
            #D8A43D,
            #C38513
        );

    border-radius: 20px;
}


/* =========================================================
   CARD TITLE
   ========================================================= */

.j2v-decision-card h3 {
    margin: 0;

    max-width: 240px;

    color: #0B273C;

    font-size: 18px;

    line-height: 1.18;

    font-weight: 800;

    letter-spacing: -0.3px;
}


/* Active card title */

.j2v-decision-card-active h3 {
    color: #FFFFFF;
}


/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media (max-width: 1450px) {

    .j2v-decision-section {
        padding-left: 30px;
        padding-right: 30px;
    }


    .j2v-decision-grid {
        gap: 24px;
    }


    .j2v-decision-card {
        min-height: 340px;

        padding-left: 20px;
        padding-right: 20px;
    }


    .j2v-decision-card h3 {
        font-size: 21px;
    }

}


/* =========================================================
   TABLET / SMALL DESKTOP
   ========================================================= */

@media (max-width: 1200px) {

    .j2v-decision-heading {
        margin-bottom: 65px;
    }


    .j2v-decision-heading h2 {
        font-size: 47px;
    }


    .j2v-decision-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        max-width: 900px;

        margin: 0 auto;

        row-gap: 70px;
    }


    .j2v-decision-grid::before {
        display: none;
    }


    .j2v-decision-card {
        min-height: 330px;
    }

}


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

@media (max-width: 991px) {

    .j2v-decision-section {
        padding: 75px 22px 85px;
    }


    .j2v-decision-heading {
        margin-bottom: 62px;
    }


    .j2v-decision-eyebrow {
        font-size: 14px;

        letter-spacing: 1.6px;
    }


    .j2v-decision-heading h2 {
        font-size: 40px;

        letter-spacing: -1px;
    }


    .j2v-decision-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        max-width: 720px;

        gap: 70px 22px;
    }


    .j2v-decision-card {
        min-height: 320px;

        padding-top: 105px;
    }


    .j2v-decision-number {
        width: 84px;
        height: 84px;

        top: -36px;

        font-size: 20px;
    }


    .j2v-decision-icon {
        width: 88px;
        height: 88px;
    }


    .j2v-decision-icon svg {
        width: 53px;
        height: 53px;
    }


    .j2v-decision-card h3 {
        font-size: 20px;
    }

}


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

@media (max-width: 767px) {

    .j2v-decision-section {
        padding: 65px 16px 70px;
    }


    .j2v-decision-heading {
        margin-bottom: 60px;
    }


    .j2v-decision-eyebrow {
        font-size: 13px;

        line-height: 1.4;

        letter-spacing: 1.3px;
    }


    .j2v-decision-heading h2 {
        font-size: 34px;

        line-height: 1.08;

        letter-spacing: -0.8px;
    }


    .j2v-decision-heading h2 span {
        margin-top: 6px;
    }


    .j2v-decision-grid {
        grid-template-columns: 1fr;

        max-width: 450px;

        gap: 72px;

        margin: 0 auto;
    }


    .j2v-decision-card {
        min-height: 310px;

        padding:
            100px
            25px
            38px;
    }


    .j2v-decision-number {
        width: 82px;
        height: 82px;

        top: -35px;

        font-size: 20px;
    }


    .j2v-decision-icon {
        width: 88px;
        height: 88px;

        margin-bottom: 18px;
    }


    .j2v-decision-icon svg {
        width: 52px;
        height: 52px;
    }


    .j2v-decision-card-line {
        width: 45px;

        margin-bottom: 22px;
    }


    .j2v-decision-card h3 {
        font-size: 21px;

        line-height: 1.2;
    }

}


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

@media (max-width: 480px) {

    .j2v-decision-section {
        padding: 55px 14px 65px;
    }


    .j2v-decision-heading {
        margin-bottom: 58px;
    }


    .j2v-decision-eyebrow {
        font-size: 12px;

        letter-spacing: 1px;
    }


    .j2v-decision-heading h2 {
        font-size: 29px;

        line-height: 1.1;
    }


    .j2v-decision-card {
        min-height: 295px;

        padding:
            95px
            20px
            35px;
    }


    .j2v-decision-number {
        width: 76px;
        height: 76px;

        top: -32px;

        font-size: 19px;
    }


    .j2v-decision-icon {
        width: 82px;
        height: 82px;
    }


    .j2v-decision-icon svg {
        width: 49px;
        height: 49px;
    }


    .j2v-decision-card h3 {
        font-size: 19px;
    }

}

/* =========================================================
   J2V — THE CORE THEME
   ========================================================= */

.j2v-theme-section {
    position: relative;

    width: 100%;

    padding: 50px 20px 50px;

    background: #F8F9FA;

    overflow: hidden;

    color: #0B273C;
}


/* =========================================================
   BACKGROUND DECORATION
   ========================================================= */

.j2v-theme-section::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    top: -310px;
    right: -240px;

    border-radius: 50%;

    border: 1px solid rgba(216, 164, 61, 0.15);

    box-shadow:
        0 0 0 45px rgba(216, 164, 61, 0.025),
        0 0 0 95px rgba(11, 39, 60, 0.018);

    pointer-events: none;
}


.j2v-theme-section::after {
    content: "";

    position: absolute;

    width: 340px;
    height: 340px;

    left: -230px;
    bottom: -220px;

    border-radius: 50%;

    border: 1px solid rgba(11, 39, 60, 0.08);

    pointer-events: none;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.j2v-theme-container {
    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1300px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 0.92fr)
        minmax(0, 1.08fr);

    gap: 80px;

    align-items: center;
}


/* =========================================================
   LEFT CONTENT
   ========================================================= */

.j2v-theme-content {
    position: relative;

    z-index: 3;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.j2v-theme-eyebrow {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 23px;

    padding: 8px 15px;

    border-radius: 30px;

    background: #FBF3E3;

    border: 1px solid rgba(216, 164, 61, 0.18);

    color: #C38513;

    font-size: 13px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 1.3px;

    text-transform: uppercase;
}


.j2v-theme-eyebrow-icon {
    width: 22px;
    height: 22px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #D8A43D;

    color: #0B273C;

    font-size: 13px;

    font-weight: 800;
}


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

.j2v-theme-heading {
    margin: 0;

    color: #0B273C;

    font-size: 40px;

    line-height: 1.02;

    font-weight: 800;

    letter-spacing: -1.8px;

    text-transform: uppercase;
}


.j2v-theme-heading span {
    display: block;

    color: #D8A43D;

    margin-top: 5px;
}

.j2v-theme-heading-title {
    margin: 10px 0 0;

    color: #0B273C;

    font-size: 18px;

    line-height: 1.02;

    font-weight: 600;

    letter-spacing: 1px;
	font-style: italic;
}


/* =========================================================
   SUBHEADING
   ========================================================= */

.j2v-theme-subheading {
    max-width: 650px;

    margin: 25px 0 0;

    color: #0B273C;

    font-size: 21px;

    line-height: 1.4;

    font-weight: 600;

    letter-spacing: -0.3px;
}


/* =========================================================
   DIVIDER
   ========================================================= */

.j2v-theme-divider {
    width: 62px;

    height: 4px;

    margin: 28px 0 25px;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #C38513 0%,
            #D8A43D 100%
        );
}


/* =========================================================
   BODY COPY
   ========================================================= */

.j2v-theme-copy {
    max-width: 650px;
}


.j2v-theme-copy p {
    margin: 0 0 14px;

    color: #66727D;

    font-size: 15px;

    line-height: 1.72;

    font-weight: 400;
}


.j2v-theme-copy p:first-child {
    color: #0B273C;

    font-size: 17px;

    line-height: 1.6;

    margin-bottom: 17px;
}


.j2v-theme-copy strong {
    color: #0B273C;

    font-weight: 700;
}


/* =========================================================
   RIGHT VISUAL
   ========================================================= */

.j2v-theme-visual {
    position: relative;

    min-height: 600px;

    display: flex;

    align-items: center;

    justify-content: center;
}


/* =========================================================
   MAIN VISUAL PANEL
   ========================================================= */

.j2v-theme-visual-panel {
    position: relative;

    z-index: 3;

    width: 100%;

    max-width: 650px;

    min-height: 570px;

    padding: 42px 42px 40px;

    background:
        linear-gradient(
            145deg,
            #0B273C 0%,
            #102F45 65%,
            #0B273C 100%
        );

    border-radius: 22px;

    overflow: hidden;

    box-shadow:
        0 25px 55px rgba(11, 39, 60, 0.16);
}


/* =========================================================
   PANEL BACKGROUND PATTERN
   ========================================================= */

.j2v-theme-visual-panel::before {
    content: "";

    position: absolute;

    width: 320px;
    height: 320px;

    right: -160px;
    top: -160px;

    border-radius: 50%;

    border: 1px solid rgba(216, 164, 61, 0.25);

    box-shadow:
        0 0 0 45px rgba(216, 164, 61, 0.025),
        0 0 0 90px rgba(216, 164, 61, 0.018);

    pointer-events: none;
}


.j2v-theme-visual-panel::after {
    content: "";

    position: absolute;

    width: 7px;
    height: 7px;

    right: 55px;
    top: 82px;

    border-radius: 50%;

    background: #D8A43D;

    box-shadow:
        20px 0 #D8A43D,
        40px 0 rgba(216, 164, 61, 0.55),
        0 20px rgba(216, 164, 61, 0.55),
        20px 20px rgba(216, 164, 61, 0.35),
        40px 20px rgba(216, 164, 61, 0.2),
        0 40px rgba(216, 164, 61, 0.35),
        20px 40px rgba(216, 164, 61, 0.2),
        40px 40px rgba(216, 164, 61, 0.12);

    pointer-events: none;
}


/* =========================================================
   PANEL TOP
   ========================================================= */

.j2v-theme-visual-top {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 12px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.13);

    color: #D8A43D;

    font-size: 11px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 1.8px;
}


/* =========================================================
   FLOW
   ========================================================= */

.j2v-theme-flow {
    position: relative;

    z-index: 2;

    margin-top: 14px;
}


/* =========================================================
   FLOW ITEM
   ========================================================= */

.j2v-theme-flow-item {
    display: flex;

    align-items: center;

    gap: 22px;

    min-height: 76px;
}


/* =========================================================
   NUMBER
   ========================================================= */

.j2v-theme-flow-number {
    flex: 0 0 auto;

    width: 50px;
    height: 50px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #F7EEDC;

    color: #0B273C;

    font-size: 17px;

    line-height: 1;

    font-weight: 800;

    border: 4px solid rgba(216, 164, 61, 0.2);
}


/* Final number */

.j2v-theme-flow-final .j2v-theme-flow-number {
    background:
        linear-gradient(
            145deg,
            #E0AE4C,
            #C38513
        );
}


/* =========================================================
   FLOW CONTENT
   ========================================================= */

.j2v-theme-flow-content {
    display: flex;

    flex-direction: column;

    gap: 5px;
}


.j2v-theme-flow-content span {
    color: rgba(255, 255, 255, 0.52);

    font-size: 9.5px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 1.7px;
}


.j2v-theme-flow-content strong {
    color: #FFFFFF;

    font-size: 18px;

    line-height: 1.15;

    font-weight: 700;

    letter-spacing: -0.3px;
}


/* Final value */

.j2v-theme-flow-final .j2v-theme-flow-content strong {
    color: #E0AE4C;
}


/* =========================================================
   FLOW CONNECTOR
   ========================================================= */

.j2v-theme-flow-connector {
    position: relative;

    width: 62px;

    height: 15px;

    margin-left: 0;
}


.j2v-theme-flow-connector::before {
    content: "";

    position: absolute;

    left: 25px;
    top: 0;

    width: 1px;
    height: 22px;

    background:
        repeating-linear-gradient(
            to bottom,
            #D8A43D 0,
            #D8A43D 4px,
            transparent 4px,
            transparent 8px
        );
}


/* =========================================================
   CENTRAL QUOTE
   ========================================================= */

.j2v-theme-quote {
    position: relative;

    z-index: 2;

    margin-top: 25px;

    padding:25px 27px 16px 47px;

    background: rgba(255, 255, 255, 0.055);

    border:
        1px solid
        rgba(255, 255, 255, 0.1);

    border-radius: 12px;
}


.j2v-theme-quote-mark {
    position: absolute;

    left: 23px;
    top: 17px;

    color: #D8A43D;

    font-family: Georgia, serif;

    font-size: 46px;

    line-height: 1;
}


.j2v-theme-quote p {
    margin: 0;

    color: rgba(255, 255, 255, 0.78);

    font-size: 15px;

    line-height: 1.55;
}


.j2v-theme-quote strong {
    color: #FFFFFF;
}


/* =========================================================
   VALUE TAGS
   ========================================================= */

.j2v-theme-tags {
    position: relative;

    z-index: 2;

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

    margin-top: 22px;
}


.j2v-theme-tags span {
    padding: 8px 11px;

    border:
        1px solid
        rgba(216, 164, 61, 0.28);

    border-radius: 30px;

    color: #E0AE4C;

    background: rgba(216, 164, 61, 0.07);

    font-size: 9px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 0.8px;
}


/* =========================================================
   ORBIT DECORATION
   ========================================================= */

.j2v-theme-orbit {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;
}


.j2v-theme-orbit-one {
    width: 160px;
    height: 160px;

    right: -35px;
    bottom: 20px;

    border:
        1px solid
        rgba(216, 164, 61, 0.28);

    z-index: 1;
}


.j2v-theme-orbit-two {
    width: 230px;
    height: 230px;

    right: -70px;
    bottom: -15px;

    border:
        1px solid
        rgba(216, 164, 61, 0.1);

    z-index: 1;
}


/* =========================================================
   LARGE TABLET / SMALL DESKTOP
   ========================================================= */

@media (max-width: 1200px) {

    .j2v-theme-container {
        grid-template-columns:
            minmax(0, 0.95fr)
            minmax(0, 1.05fr);

        gap: 45px;
    }


    .j2v-theme-heading {
        font-size: 45px;
    }


    .j2v-theme-subheading {
        font-size: 19px;
    }


    .j2v-theme-visual-panel {
        padding: 35px;

        min-height: 550px;
    }

}


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

@media (max-width: 991px) {

    .j2v-theme-section {
        padding: 80px 22px 85px;
    }


    .j2v-theme-container {
        grid-template-columns: 1fr;

        max-width: 760px;

        gap: 55px;
    }


    .j2v-theme-content {
        text-align: left;
    }


    .j2v-theme-heading {
        font-size: 48px;
    }


    .j2v-theme-subheading {
        max-width: 700px;
    }


    .j2v-theme-copy {
        max-width: 720px;
    }


    .j2v-theme-visual {
        min-height: auto;
    }


    .j2v-theme-visual-panel {
        max-width: 720px;

        margin: 0 auto;
    }

}


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

@media (max-width: 767px) {

    .j2v-theme-section {
        padding: 65px 16px 70px;
    }


    .j2v-theme-container {
        gap: 45px;
    }


    .j2v-theme-eyebrow {
        font-size: 11px;

        letter-spacing: 1px;

        padding: 7px 12px;
    }


    .j2v-theme-heading {
        font-size: 37px;

        line-height: 1.05;

        letter-spacing: -1px;
    }


    .j2v-theme-subheading {
        margin-top: 20px;

        font-size: 17px;

        line-height: 1.45;
    }


    .j2v-theme-divider {
        margin: 22px 0;
    }


    .j2v-theme-copy p {
        font-size: 14px;

        line-height: 1.7;
    }


    .j2v-theme-copy p:first-child {
        font-size: 16px;
    }


    .j2v-theme-visual-panel {
        min-height: auto;

        padding: 28px 22px 28px;

        border-radius: 17px;
    }


    .j2v-theme-visual-top {
        font-size: 9px;

        letter-spacing: 1.2px;
    }


    .j2v-theme-flow {
        margin-top: 30px;
    }


    .j2v-theme-flow-item {
        gap: 15px;

        min-height: 68px;
    }


    .j2v-theme-flow-number {
        width: 53px;
        height: 53px;

        font-size: 15px;
    }


    .j2v-theme-flow-content strong {
        font-size: 19px;
    }


    .j2v-theme-flow-content span {
        font-size: 8px;
    }


    .j2v-theme-flow-connector {
        width: 53px;

        height: 25px;
    }


    .j2v-theme-flow-connector::before {
        left: 26px;

        height: 25px;
    }


    .j2v-theme-quote {
        margin-top: 22px;

        padding:
            21px
            20px
            21px
            51px;
    }


    .j2v-theme-quote-mark {
        left: 17px;
        top: 14px;

        font-size: 38px;
    }


    .j2v-theme-quote p {
        font-size: 14px;
    }


    .j2v-theme-tags {
        gap: 6px;

        margin-top: 17px;
    }


    .j2v-theme-tags span {
        font-size: 8px;

        padding: 7px 9px;
    }

}


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

@media (max-width: 480px) {

    .j2v-theme-section {
        padding: 55px 14px 60px;
    }


    .j2v-theme-heading {
        font-size: 31px;
    }


    .j2v-theme-subheading {
        font-size: 16px;
    }


    .j2v-theme-visual-panel {
        padding:
            25px
            17px
            24px;
    }


    .j2v-theme-flow-item {
        gap: 12px;
    }


    .j2v-theme-flow-number {
        width: 48px;
        height: 48px;

        font-size: 13px;

        border-width: 3px;
    }


    .j2v-theme-flow-content strong {
        font-size: 17px;
    }


    .j2v-theme-flow-content span {
        font-size: 7px;

        letter-spacing: 1px;
    }


    .j2v-theme-flow-connector {
        width: 48px;

        height: 22px;
    }


    .j2v-theme-flow-connector::before {
        left: 24px;

        height: 22px;
    }


    .j2v-theme-quote {
        padding-left: 45px;
    }


    .j2v-theme-tags span {
        font-size: 7px;
    }

}

/* =========================================================
   J2V PROGRAMME SECTION
   ONE DAY. SIX HIGH-IMPACT SESSIONS.
   ========================================================= */

.j2v-programme-section {
    position: relative;

    width: 100%;

    padding: 30px 5px;

    background: #F8F9FA;

    overflow: hidden;

    color: #0B273C;
}


/* =========================================================
   SUBTLE BACKGROUND
   ========================================================= */

.j2v-programme-section::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;

    bottom: 0;

    height: 150px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0) 0%,
            rgba(216,164,61,0.035) 100%
        );

    pointer-events: none;
}


/* Decorative top-right arc */

.j2v-programme-section::after {
    content: "";

    position: absolute;

    width: 440px;
    height: 190px;

    right: -180px;
    top: -125px;

    border-radius: 50%;

    border: 1px solid rgba(216,164,61,0.12);

    box-shadow:
        0 0 0 35px rgba(216,164,61,0.025),
        0 0 0 70px rgba(11,39,60,0.015);

    pointer-events: none;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.j2v-programme-container {
    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1300px;

    margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.j2v-programme-header {
    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 40px;

    margin-bottom: 46px;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.j2v-programme-eyebrow {
    margin-bottom: 7px;

    color: #C38513;

    font-size: 13px;

    line-height: 1.2;

    font-weight: 700;

    letter-spacing: 1.8px;

    text-transform: uppercase;
}


/* =========================================================
   MAIN TITLE
   ========================================================= */

.j2v-programme-title {
    margin: 0;

    color: #0B273C;

    font-size: 37px;

    line-height: 1.05;

    font-weight: 700;

    letter-spacing: -0.8px;
}


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

.j2v-programme-button {
    display: inline-flex;

    align-items: center;

    gap: 12px;

    flex-shrink: 0;

    padding: 11px 13px 11px 19px;

    background: #FFFFFF;

    border: 1px solid #D8A43D;

    border-radius: 30px;

    color: #0B273C;

    text-decoration: none;

    font-size: 11px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 0.5px;

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


.j2v-programme-button b {
    width: 28px;
    height: 28px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #D8A43D;

    color: #0B273C;

    font-size: 17px;

    line-height: 1;

    font-weight: 700;

    transition:
        background 0.3s ease,
        color 0.3s ease;
}


.j2v-programme-button:hover {
    background: #0B273C;

    color: #FFFFFF;

    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(11,39,60,0.12);
}


.j2v-programme-button:hover b {
    background: #D8A43D;

    color: #0B273C;
}


/* =========================================================
   TIMELINE
   ========================================================= */

.j2v-programme-timeline {
    position: relative;

    display: grid;

    grid-template-columns:
        repeat(6, minmax(0, 1fr));

    width: 100%;
}


/* =========================================================
   HORIZONTAL GOLD LINE
   ========================================================= */

.j2v-programme-line {
    position: absolute;

    left: 0;
    right: 0;

    top: 17px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(216,164,61,0.15) 0%,
            #D8A43D 8%,
            #D8A43D 92%,
            rgba(216,164,61,0.15) 100%
        );

    z-index: 0;
}


/* Small arrow at end of timeline */

.j2v-programme-line::after {
    content: "";

    position: absolute;

    right: -1px;

    top: -4px;

    width: 8px;
    height: 8px;

    border-top: 1px solid #C38513;
    border-right: 1px solid #C38513;

    transform: rotate(45deg);
}


/* =========================================================
   INDIVIDUAL ITEM
   ========================================================= */

.j2v-programme-item {
    position: relative;

    min-width: 0;

    padding:
        0
        17px
        0;

    border-right:
        1px solid
        rgba(11,39,60,0.12);
}


.j2v-programme-item:last-child {
    border-right: none;
}


/* =========================================================
   NUMBER CIRCLE
   ========================================================= */

.j2v-programme-number {
    position: relative;

    z-index: 3;

    width: 36px;
    height: 36px;

    margin-bottom: 18px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #E0AE4C 0%,
            #C38513 100%
        );

    color: #0B273C;

    border:
        3px solid
        #F8F9FA;

    box-shadow:
        0 2px 8px rgba(11,39,60,0.08);

    font-size: 11px;

    line-height: 1;

    font-weight: 800;
}


/* =========================================================
   CONTENT
   ========================================================= */

.j2v-programme-content {
    padding-right: 8px;
}


.j2v-programme-content h3 {
    min-height: 66px;

    margin: 0 0 20px;

    color: #0B273C;

    font-size: 14px;

    line-height: 1.35;

    font-weight: 700;

    letter-spacing: -0.15px;
}


/* =========================================================
   TIME
   ========================================================= */

.j2v-programme-time {
    color: #66727D;

    font-size: 12px;

    line-height: 1.3;

    font-weight: 500;

    white-space: nowrap;
}


/* =========================================================
   HOVER EFFECT
   ========================================================= */

.j2v-programme-item:hover .j2v-programme-number {
    background: #0B273C;

    color: #FFFFFF;

    transform: scale(1.08);
}


.j2v-programme-item:hover .j2v-programme-content h3 {
    color: #C38513;
}


.j2v-programme-number {
    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


.j2v-programme-content h3 {
    transition:
        color 0.25s ease;
}


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

@media (max-width: 1100px) {

    .j2v-programme-section {
        padding:
            65px
            22px
            70px;
    }


    .j2v-programme-container {
        max-width: 1000px;
    }


    .j2v-programme-title {
        font-size: 34px;
    }


    .j2v-programme-item {
        padding-left: 12px;
        padding-right: 12px;
    }


    .j2v-programme-content h3 {
        font-size: 13px;
    }


    .j2v-programme-time {
        font-size: 11px;
    }

}


/* =========================================================
   SMALL TABLET
   ========================================================= */

@media (max-width: 850px) {

    .j2v-programme-header {
        align-items: flex-start;

        margin-bottom: 40px;
    }


    .j2v-programme-title {
        font-size: 31px;
    }


    .j2v-programme-eyebrow {
        font-size: 11px;

        letter-spacing: 1.4px;
    }


    .j2v-programme-button {
        padding-left: 14px;

        font-size: 10px;
    }


    .j2v-programme-button b {
        width: 25px;
        height: 25px;
    }


    .j2v-programme-timeline {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        row-gap: 40px;
    }


    .j2v-programme-line {
        display: none;
    }


    .j2v-programme-item {
        min-height: 150px;

        padding:
            0
            20px
            0;
    }


    .j2v-programme-item:nth-child(3),
    .j2v-programme-item:nth-child(6) {
        border-right: none;
    }


    .j2v-programme-number {
        margin-bottom: 14px;
    }

}


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

@media (max-width: 600px) {

    .j2v-programme-section {
        padding:
            55px
            16px
            65px;
    }


    .j2v-programme-header {
        display: block;

        margin-bottom: 38px;
    }


    .j2v-programme-eyebrow {
        margin-bottom: 9px;

        font-size: 10px;

        letter-spacing: 1.2px;
    }


    .j2v-programme-title {
        font-size: 30px;

        line-height: 1.1;
    }


    .j2v-programme-button {
        margin-top: 22px;
    }


    .j2v-programme-timeline {
        display: block;
    }


    .j2v-programme-item {
        min-height: auto;

        padding:
            0
            0
            25px
            0;

        margin-bottom: 25px;

        border-right: none;

        border-bottom:
            1px solid
            rgba(11,39,60,0.11);
    }


    .j2v-programme-item:last-child {
        padding-bottom: 0;

        margin-bottom: 0;

        border-bottom: none;
    }


    .j2v-programme-number {
        margin-bottom: 12px;
    }


    .j2v-programme-content h3 {
        min-height: auto;

        margin-bottom: 10px;

        font-size: 15px;

        line-height: 1.35;
    }


    .j2v-programme-time {
        font-size: 12px;
    }

}


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

@media (max-width: 400px) {

    .j2v-programme-section {
        padding:
            48px
            14px
            55px;
    }


    .j2v-programme-title {
        font-size: 27px;
    }


    .j2v-programme-eyebrow {
        font-size: 9px;
    }


    .j2v-programme-button {
        font-size: 9px;

        padding:
            9px
            10px
            9px
            14px;
    }


    .j2v-programme-button b {
        width: 24px;
        height: 24px;

        font-size: 15px;
    }

}

/* =========================================================
   J2V INDIA — SECTOR FOCUS
   Isolated class names
   ========================================================= */

.j2v-sector-section {
    position: relative;
    display: block;
    width: 100%;

    background: #F8F9FA;

    padding: 50px 0 50px;

    overflow: hidden;

    z-index: 1;
}


/* =========================================================
   BACKGROUND DECORATION
   ========================================================= */

.j2v-sector-section::before {
    position: absolute;

    content: "";

    width: 520px;
    height: 520px;

    top: -360px;
    right: -220px;

    border:
        1px solid
        rgba(216, 164, 61, 0.13);

    border-radius: 50%;

    box-shadow:
        0 0 0 45px
        rgba(216, 164, 61, 0.025),
        0 0 0 90px
        rgba(11, 39, 60, 0.018);

    pointer-events: none;
}


.j2v-sector-section::after {
    position: absolute;

    content: "";

    width: 360px;
    height: 360px;

    left: -240px;
    bottom: -270px;

    border:
        1px solid
        rgba(11, 39, 60, 0.08);

    border-radius: 50%;

    pointer-events: none;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.j2v-sector-container {
    position: relative;

    width: 100%;

    padding: 0 130px;

    z-index: 2;
	
}


/* =========================================================
   TITLE
   ========================================================= */

.j2v-sector-title-wrap {
    position: relative;

    text-align: center;

    margin-bottom: 25px;
}


.j2v-sector-tagline {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 12px;

    margin-bottom: 14px;
}


.j2v-sector-tagline h4 {
    margin: 0;

    color: #C38513;

    font-size: 13px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 1.8px;

    text-transform: uppercase;
}


.j2v-sector-title-line {
    display: block;

    width: 30px;
    height: 2px;

    background: #D8A43D;
}


.j2v-sector-main-title {
    margin: 0;

    color: #0B273C;

    font-size: 40px;

    line-height: 1.08;

    font-weight: 800;

    letter-spacing: -1.5px;

    text-transform: uppercase;
}


.j2v-sector-main-title span {
    color: #D8A43D;
}


/* =========================================================
   SWIPER
   ========================================================= */

.j2v-sector-slider {
    width: 100%;

    overflow: hidden;

    padding:
        20px 0 35px;
}


.j2v-sector-slider .swiper-wrapper {
    align-items: center;
}


.j2v-sector-slider .swiper-slide {
    height: auto;

    display: flex;

    justify-content: center;

    transition:
        transform 1.5s ease,
        opacity 1.5s ease;
}


/* =========================================================
   SINGLE
   ========================================================= */

.j2v-sector-single {
    position: relative;

    display: block;

    width: 100%;
}


/* =========================================================
   IMAGE CARD
   ========================================================= */

.j2v-sector-image-box {
    position: relative;

    display: block;

    width: 100%;

    height: 290px;

    overflow: hidden;

    border-radius: 10px;

    background: #0B273C;

    z-index: 1;
}


/* =========================================================
   IMAGE
   ========================================================= */

.j2v-sector-image-box img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 1.2s ease;
}


/* =========================================================
   IMAGE OVERLAY
   ========================================================= */

.j2v-sector-overlay {
    position: absolute;

    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            180deg,
            rgba(11, 39, 60, 0.12) 0%,
            rgba(11, 39, 60, 0.08) 35%,
            rgba(3, 7, 12, 0.88) 100%
        );

    transition:
        background 0.6s ease;
}


/* =========================================================
   NUMBER
   ========================================================= */

.j2v-sector-number {
    position: absolute;

    top: 25px;
    left: 25px;

    width: 48px;
    height: 48px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #E0AE4C,
            #C38513
        );

    color: #0B273C;

    font-size: 13px;

    line-height: 1;

    font-weight: 800;

    z-index: 3;

    box-shadow:
        0 8px 20px
        rgba(0, 0, 0, 0.18);
}


/* =========================================================
   CONTENT
   ========================================================= */

.j2v-sector-content {
    position: absolute;

    left: 12px;
    right: 12px;

    bottom: 10px;

    z-index: 3;

    visibility: hidden;

    opacity: 0;

    transform: translateY(25px);

    transition:
        all 0.55s ease;
}


/* =========================================================
   ACTIVE CONTENT
   ========================================================= */

.j2v-sector-slider
.swiper-slide-active
.j2v-sector-content {

    bottom: 20px;

    visibility: visible;

    opacity: 1;

    transform: translateY(0);

    transition-delay: 0.45s;
}


/* =========================================================
   LABEL
   ========================================================= */

.j2v-sector-content p {
    margin: 0 0 5px;

    color: #E0AE4C;

    font-size: 9px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 1.5px;

    text-transform: uppercase;
}


/* =========================================================
   TITLE
   ========================================================= */

.j2v-sector-content h2 {
    margin: 0;

    color: #FFFFFF;

    font-size: 18px;

    line-height: 1.1;

    font-weight: 800;

    letter-spacing: 1px;

    text-transform: uppercase;
}


/* =========================================================
   DIVIDER
   ========================================================= */

.j2v-sector-divider {
    display: block;

    width: 45px;
    height: 2px;

    margin:
        6px 0 15px;

    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            #C38513,
            #E0AE4C
        );
}


/* =========================================================
   LIST
   ========================================================= */

.j2v-sector-content ul {
    display: flex;

    flex-wrap: wrap;

    gap: 6px;

    margin: 0;

    padding: 0;

    list-style: none;
}


.j2v-sector-content ul li {
    padding:
        4px 9px;

    border-radius: 20px;

    background:
        rgba(255, 255, 255, 0.12);

    border:
        1px solid
        rgba(255, 255, 255, 0.12);

    color:
        rgba(255, 255, 255, 0.88);

    font-size: 9.5px;

    line-height: 1;

    font-weight: 500;
}


/* =========================================================
   ACTIVE IMAGE
   ========================================================= */

.j2v-sector-slider
.swiper-slide-active
.j2v-sector-image-box img {

    transform: scale(1.03);
}


/* =========================================================
   ACTIVE OVERLAY
   ========================================================= */

.j2v-sector-slider
.swiper-slide-active
.j2v-sector-overlay {

    background:
        linear-gradient(
            180deg,
            rgba(11, 39, 60, 0.08) 0%,
            rgba(11, 39, 60, 0.16) 35%,
            rgba(3, 7, 12, 0.90) 100%
        );
}


/* =========================================================
   BOTTOM MESSAGE
   ========================================================= */

.j2v-sector-bottom {
    position: relative;

    text-align: center;

    margin-top: 0px;
}


.j2v-sector-bottom-line {
    display: block;

    width: 55px;
    height: 3px;

    margin:
        0 auto 20px;

    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            #0B273C,
            #D8A43D,
            #C38513
        );
}


.j2v-sector-bottom p {
    margin:
        0 0 10px;

    color: #66727D;

    font-size: 11px;

    line-height: 1.3;

    font-weight: 700;

    letter-spacing: 1.8px;

    text-transform: uppercase;
}


.j2v-sector-bottom h3 {
    margin: 0;

    color: #0B273C;

    font-size: 27px;

    line-height: 1.2;

    font-weight: 800;

    letter-spacing: -0.5px;

    text-transform: uppercase;
}


.j2v-sector-bottom h3 span {
    color: #D8A43D;
}


/* =========================================================
   1200px
   ========================================================= */

@media (max-width: 1200px) {

    .j2v-sector-section {
        padding:
            90px 0 90px;
    }

    .j2v-sector-container {
        padding:
            0 35px;
    }

    .j2v-sector-main-title {
        font-size: 42px;
    }

    .j2v-sector-image-box {
        height: 430px;
    }

    .j2v-sector-content {
        left: 30px;
        right: 25px;
    }

}


/* =========================================================
   992px
   ========================================================= */

@media (max-width: 991px) {

    .j2v-sector-section {
        padding:
            80px 0 80px;
    }

    .j2v-sector-container {
        padding:
            0 25px;
    }

    .j2v-sector-title-wrap {
        margin-bottom: 45px;
    }

    .j2v-sector-main-title {
        font-size: 37px;
    }

    .j2v-sector-image-box {
        height: 410px;
    }

    .j2v-sector-content h2 {
        font-size: 24px;
    }

}


/* =========================================================
   768px
   ========================================================= */

@media (max-width: 767px) {

    .j2v-sector-section {
        padding:
            70px 0 75px;
    }

    .j2v-sector-container {
        padding:
            0 18px;
    }

    .j2v-sector-tagline h4 {
        font-size: 11px;

        letter-spacing: 1.3px;
    }

    .j2v-sector-title-line {
        width: 22px;
    }

    .j2v-sector-main-title {
        font-size: 32px;

        letter-spacing: -0.8px;
    }

    .j2v-sector-slider {
        padding-bottom: 25px;
    }

    .j2v-sector-image-box {
        height: 430px;
    }

    .j2v-sector-content {
        left: 28px;
        right: 25px;
    }

    .j2v-sector-content h2 {
        font-size: 24px;
    }

    .j2v-sector-bottom {
        margin-top: 30px;
    }

    .j2v-sector-bottom p {
        font-size: 9px;

        letter-spacing: 1.2px;
    }

    .j2v-sector-bottom h3 {
        font-size: 22px;
    }

}


/* =========================================================
   576px
   ========================================================= */

@media (max-width: 576px) {

    .j2v-sector-section {
        padding:
            60px 0 65px;
    }

    .j2v-sector-container {
        padding:
            0 15px;
    }

    .j2v-sector-title-wrap {
        margin-bottom: 30px;
    }

    .j2v-sector-main-title {
        font-size: 28px;

        line-height: 1.12;
    }

    .j2v-sector-slider {
        padding-top: 10px;
    }

    .j2v-sector-image-box {
        height: 410px;
    }

    .j2v-sector-number {
        width: 43px;
        height: 43px;

        top: 20px;
        left: 20px;

        font-size: 11px;
    }

    .j2v-sector-content {
        left: 23px;
        right: 20px;
        bottom: 27px;
    }

    .j2v-sector-slider
    .swiper-slide-active
    .j2v-sector-content {

        bottom: 30px;
    }

    .j2v-sector-content h2 {
        font-size: 22px;
    }

    .j2v-sector-content ul li {
        font-size: 9px;

        padding:
            6px 8px;
    }

}


/* =========================================================
   400px
   ========================================================= */

@media (max-width: 400px) {

    .j2v-sector-main-title {
        font-size: 25px;
    }

    .j2v-sector-image-box {
        height: 390px;
    }

    .j2v-sector-content h2 {
        font-size: 20px;
    }

    .j2v-sector-bottom h3 {
        font-size: 19px;
    }

}

/* =========================================================
   J2V INDIA — EFFICIENCY DEALROOM
========================================================= */

.j2v-dealroom-section {
    position: relative;
    width: 100%;
    padding: 50px 0 50px;
    background: #F2F5F7;
    overflow: hidden;
}


/* SUBTLE BACKGROUND DETAIL */

.j2v-dealroom-section::before {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    right: -220px;
    top: -240px;
    background: radial-gradient(
        circle,
        rgba(217,162,27,0.09) 0%,
        rgba(217,162,27,0) 70%
    );
    pointer-events: none;
}

.j2v-dealroom-section::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    left: -250px;
    bottom: -250px;
    background: radial-gradient(
        circle,
        rgba(8,120,201,0.07) 0%,
        rgba(8,120,201,0) 70%
    );
    pointer-events: none;
}


/* CONTAINER */

.j2v-dealroom-container {
    width: 1300px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 80px;
    align-items: center;
    position: relative;
    z-index: 2;
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.j2v-dealroom-content {
    position: relative;
}


.j2v-dealroom-eyebrow {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 5px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #C18310;
}


.j2v-dealroom-eyebrow-line {
    width: 32px;
    height: 2px;
    background: #D9A21B;
    display: inline-block;
}


.j2v-dealroom-title {
    margin: 0;
    font-size: 32px;
    line-height: 0.98;
    font-weight: 800;
    letter-spacing: 1px;
    color: #06111B;
}


.j2v-dealroom-title span {
    
    color: #0B273C;
    margin-top: 8px;
}


.j2v-dealroom-description {
    max-width: 500px;
    margin: 28px 0 32px;

    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.75;
    color: #66727D;
}


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

.j2v-dealroom-btn {
    display: inline-flex;
    align-items: center;
    gap: 20px;

    padding: 6px 20px;

    background: linear-gradient(
        135deg,
        #06111B 0%,
        #0B273C 55%,
        #C18310 100%
    );

    color: #FFFFFF;
    text-decoration: none;

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;

    border-radius: 6px;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


.j2v-dealroom-btn:hover {
    transform: translateY(-3px);

    box-shadow:
        0 14px 30px rgba(6,17,27,0.18);
}


.j2v-dealroom-btn-arrow {
    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.2);

    border-radius: 50%;

    font-size: 18px;
    line-height: 1;

    transition: transform 0.3s ease;
}


.j2v-dealroom-btn:hover .j2v-dealroom-btn-arrow {
    transform: translateX(4px);
}


.j2v-dealroom-note {
    display: flex;
    align-items: center;
    gap: 9px;

    margin-top: 24px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.6px;
    color: #8D9BA7;
}


.j2v-dealroom-note-dot {
    width: 7px;
    height: 7px;
    background: #00A9D6;
    border-radius: 50%;

    box-shadow:
        0 0 0 5px rgba(0,169,214,0.10);
}


/* =========================================================
   PROCESS AREA
========================================================= */

.j2v-dealroom-process-area {
    position: relative;
}


.j2v-dealroom-process-label {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 28px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.8px;
    color: #8D9BA7;
}


.j2v-dealroom-process-label span {
    color: #D9A21B;
}


/* PROCESS */

.j2v-dealroom-process {
    position: relative;

    display: grid;
    grid-template-columns: repeat(6, 1fr);

    gap: 14px;

    padding: 34px 20px 30px;

    background: #091f31;

    border: 1px solid #926715;
    border-radius: 14px;

    box-shadow:
        0 20px 60px rgba(11,39,60,0.07);
}


/* CONNECTING LINE */

.j2v-dealroom-line {
    position: absolute;

    left: 50px;
    right: 50px;
    top: 59px;

    height: 2px;

    background: #D9E1E7;

    overflow: hidden;
}


.j2v-dealroom-line-progress {
    position: absolute;

    left: 0;
    top: 0;

    width: 20%;
    height: 100%;

    background: linear-gradient(
        90deg,
        #D9A21B,
        #0878C9,
        #00A9D6
    );

    animation: j2vDealroomProgress 5s linear infinite;
}


@keyframes j2vDealroomProgress {

    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(550%);
    }

}


/* =========================================================
   INDIVIDUAL STEP
========================================================= */

.j2v-dealroom-step {
    position: relative;
    z-index: 2;

    text-align: center;
}


.j2v-dealroom-node {
    width: 50px;
    height: 50px;

    margin: 0 auto 22px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #FFFFFF;

    border: 2px solid #D9E1E7;

    border-radius: 50%;
    font-size: 11px;
    font-weight: 800;

    color: #0B273C;

    position: relative;

    transition:
        border-color 0.3s ease,
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}


.j2v-dealroom-node::before {
    content: "";

    position: absolute;

    width: 8px;
    height: 8px;

    right: -2px;
    top: 2px;

    background: #D9A21B;

    border-radius: 50%;

    opacity: 0;

    transition: opacity 0.3s ease;
}


.j2v-dealroom-step:hover .j2v-dealroom-node {
    background: #966914;
    border-color: #966914;
    color: #FFFFFF;

    transform: translateY(-4px);
}


.j2v-dealroom-step:hover .j2v-dealroom-node::before {
    opacity: 1;
}


/* STEP CONTENT */

.j2v-dealroom-step-number {
    display: block;

    margin-bottom: 6px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;

    color: #D9A21B;
}


.j2v-dealroom-step-content h3 {
    margin: 0 0 8px;
    font-size: 13px;
    line-height: 1.1;

    font-weight: 800;
    letter-spacing: 0.5px;

    color: #fff;
}


.j2v-dealroom-step-content p {
    margin: 0;

    
    font-size: 11px;
    line-height: 1.45;

    color: #aab1b6;
}


/* =========================================================
   ACTIVE / PULSE EFFECT
========================================================= */

.j2v-dealroom-step:nth-child(2) .j2v-dealroom-node {
    animation: j2vDealroomPulse 5s ease-in-out infinite;
}


@keyframes j2vDealroomPulse {

    0%,
    15%,
    100% {
        border-color: #D9E1E7;
        box-shadow: none;
    }

    7% {
        border-color: #D9A21B;

        box-shadow:
            0 0 0 7px rgba(217,162,27,0.10);
    }

}


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

@media (max-width: 1100px) {

    .j2v-dealroom-container {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .j2v-dealroom-description {
        max-width: 700px;
    }

    .j2v-dealroom-process {
        max-width: 900px;
    }

}


/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */

@media (max-width: 800px) {

    .j2v-dealroom-section {
        padding: 80px 0;
    }

    .j2v-dealroom-process {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 45px;

        padding: 35px 25px;
    }

    .j2v-dealroom-line {
        display: none;
    }

}


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

@media (max-width: 560px) {

    .j2v-dealroom-section {
        padding: 65px 0;
    }

    .j2v-dealroom-container {
        width: min(100% - 30px, 500px);
        gap: 40px;
    }

    .j2v-dealroom-title {
        font-size: 42px;
        letter-spacing: -1.8px;
    }

    .j2v-dealroom-description {
        font-size: 15px;
        line-height: 1.7;
        margin-top: 22px;
    }

    .j2v-dealroom-process {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px 18px;
        padding: 30px 15px;
    }

    .j2v-dealroom-step-content h3 {
        font-size: 12px;
    }

    .j2v-dealroom-step-content p {
        font-size: 9px;
        padding: 0 5px;
    }

    .j2v-dealroom-node {
        width: 46px;
        height: 46px;
        margin-bottom: 16px;
    }

}


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

@media (max-width: 380px) {

    .j2v-dealroom-title {
        font-size: 36px;
    }

    .j2v-dealroom-process {
        grid-template-columns: 1fr 1fr;
        gap: 30px 10px;
    }

    .j2v-dealroom-btn {
        width: 100%;
        justify-content: space-between;
    }

}

/* =========================================================
   J2V INDIA — JOULE-TO-VALUE AWARDS
========================================================= */

.j2v-awards-section {
    position: relative;
    width: 100%;
    padding: 50px 0 50px;
    background: #F2F5F7;
    overflow: hidden;
}


/* BACKGROUND DETAILS */

.j2v-awards-section::before {
    content: "";
    position: absolute;

    width: 650px;
    height: 650px;

    top: -360px;
    right: -260px;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(217,162,27,0.11) 0%,
        rgba(217,162,27,0) 68%
    );

    pointer-events: none;
}


.j2v-awards-section::after {
    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    bottom: -300px;
    left: -280px;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(8,120,201,0.07) 0%,
        rgba(8,120,201,0) 70%
    );

    pointer-events: none;
}


/* CONTAINER */

.j2v-awards-container {
    width: 1300px;
    margin: 0 auto;

    position: relative;
    z-index: 2;
}


/* =========================================================
   HEADER
========================================================= */

.j2v-awards-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-bottom: 22px;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;

    letter-spacing: 2.2px;

    color: #C18310;
}


.j2v-awards-eyebrow-line {
    width: 35px;
    height: 2px;

    background: #D9A21B;
}


.j2v-awards-header-grid {
    display: grid;

    grid-template-columns: 1fr 0.75fr;

    gap: 90px;

    align-items: end;
}


.j2v-awards-title {
    margin: 0;

    

    font-size: 40px;
    line-height: 0.91;

    font-weight: 800;

    letter-spacing: 1px;

    color: #06111B;
}


.j2v-awards-title span {
    display: block;

    color: #0B273C;
}


.j2v-awards-header-copy {
    padding-bottom: 5px;
}


.j2v-awards-header-copy h3 {
    margin: 0 0 17px;

    font-size: 25px;
    line-height: 1.18;

    font-weight: 700;

    color: #0B273C;
}


.j2v-awards-header-copy h3 strong {
    display: block;

    color: #C18310;
}


.j2v-awards-header-copy p {
    margin: 0;

    font-family: "Roboto", sans-serif;

    font-size: 15px;
    line-height: 1.7;

    color: #66727D;
}


/* =========================================================
   METHODOLOGY
========================================================= */

.j2v-awards-methodology {
    margin-top: 70px;

    display: grid;

    grid-template-columns: 0.7fr 1.3fr;

    border-top: 1px solid #D9E1E7;
    border-bottom: 1px solid #D9E1E7;

    background: rgba(255,255,255,0.55);
}


.j2v-awards-methodology-intro {
    display: flex;
    gap: 20px;

    padding: 30px 35px 30px 0;

    border-right: 1px solid #D9E1E7;
}


.j2v-awards-methodology-number {

    font-size: 12px;
    font-weight: 800;

    color: #D9A21B;
}


.j2v-awards-methodology-label {
    display: block;

    margin-bottom: 9px;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 1.5px;

    color: #0B273C;
}


.j2v-awards-methodology-intro p {
    margin: 0;

    font-family: "Roboto", sans-serif;

    font-size: 12px;
    line-height: 1.6;

    color: #66727D;
}


.j2v-awards-evidence {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 0;

    padding: 20px 25px;
}


.j2v-awards-evidence-item {
    display: flex;

    flex-direction: column;

    justify-content: center;

    min-height: 55px;

    padding: 7px 15px;

    border-left: 1px solid #D9E1E7;
}


.j2v-awards-evidence-item span {

    font-size: 9px;

    font-weight: 800;

    color: #D9A21B;

    margin-bottom: 4px;
}


.j2v-awards-evidence-item strong {

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 0.7px;

    color: #0B273C;
}


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

.j2v-awards-category-heading {
    margin-top: 80px;
    margin-bottom: 32px;

    display: flex;

    justify-content: space-between;
    align-items: end;

    gap: 50px;
}


.j2v-awards-small-label {
    display: block;

    margin-bottom: 9px;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.8px;

    color: #0878C9;
}


.j2v-awards-category-heading h3 {
    margin: 0;

    font-size: 34px;
    line-height: 1;

    font-weight: 800;

    letter-spacing: -1.2px;

    color: #06111B;
}


.j2v-awards-category-heading p {
    max-width: 440px;

    margin: 0;

    font-family: "Roboto", sans-serif;

    font-size: 13px;
    line-height: 1.65;

    color: #66727D;
}


/* =========================================================
   AWARD GRID
========================================================= */

.j2v-awards-grid {
    display: grid;

    grid-template-columns: repeat(6, 1fr);

    gap: 10px;
	margin-top: 30px;
}


/* CARD */

.j2v-award-card {
    position: relative;

    min-height: 204px;

    padding: 18px;

    background:
        linear-gradient(
            145deg,
            #06111B 0%,
            #0B273C 70%,
            #124766 100%
        );

    border-color: #0B273C;

    border-radius: 10px;

    overflow: hidden;

    display: flex;

    flex-direction: column;

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


.j2v-award-card::after {
    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    right: -75px;
    bottom: -75px;

    border-radius: 50%;

    background: rgba(217,162,27,0.08);

    transition: transform 0.4s ease;
}


.j2v-award-card:hover {
    transform: translateY(-7px);

    border-color: rgba(217,162,27,0.55);

    box-shadow:
        0 18px 45px rgba(11,39,60,0.10);
}


.j2v-award-card:hover::after {
    transform: scale(1.5);
}


/* FEATURED */

.j2v-award-card-featured {
    background:
        linear-gradient(
            145deg,
            #06111B 0%,
            #0B273C 70%,
            #124766 100%
        );

    border-color: #0B273C;
}


.j2v-award-card-featured h4,
.j2v-award-card-featured p {
    color: #FFFFFF;
}


.j2v-award-card-featured p {
    color: #C4CED6;
}


.j2v-award-card-featured .j2v-award-tag {
    color: #EFC56B;
}


.j2v-award-card-featured .j2v-award-number {
    color: #D9A21B;
}


/* WIDE FINAL CARD */

/*.j2v-award-card-wide {
    grid-column: span 3;

    min-height: 220px;

    display: grid;

    grid-template-columns: 80px 1fr 1.2fr;

    grid-template-rows: auto 1fr;

    column-gap: 25px;
}*/


.j2v-award-card-wide .j2v-award-card-top {
    grid-column: 1 / -1;
}


.j2v-award-card-wide .j2v-award-icon {
    grid-column: 1;

    grid-row: 2;
}


.j2v-award-card-wide h4 {
    grid-column: 2;

    grid-row: 2;

    align-self: center;

    margin: 0;
}


.j2v-award-card-wide p {
    grid-column: 3;

    grid-row: 2;

    align-self: center;

    margin: 0;
}


/* CARD TOP */

.j2v-award-card-top {
    display: flex;

    justify-content: space-between;
    align-items: center;

    position: relative;
    z-index: 2;
}


.j2v-award-number {

    font-size: 11px;

    font-weight: 800;

    color: #D9A21B;
}


.j2v-award-tag {

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.3px;

    color: #EFC56B;
}


/* ICON */

.j2v-award-icon {
    width: 46px;
    height: 46px;

    margin-top: 28px;
    margin-bottom: 22px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #F2F5F7;

    border: 1px solid #D9E1E7;

    position: relative;
    z-index: 2;

    font-size: 18px;

    font-weight: 700;

    color: #C18310;
}


.j2v-award-card-featured .j2v-award-icon {
    background: rgba(255,255,255,0.08);

    border-color: rgba(255,255,255,0.16);

    color: #EFC56B;
}


/* TITLE */

.j2v-award-card h4 {
    margin: 22px 0 13px;

    max-width: 290px;

    font-size: 14px;
    line-height: 1.42;

    font-weight: 800;

    letter-spacing: 2px;

    color: #fff;

    position: relative;
    z-index: 2;
	text-transform: uppercase;
}


/* DESCRIPTION */

.j2v-award-card p {
    margin: 0;

    font-family: "Roboto", sans-serif;

    font-size: 12px;
    line-height: 1.65;

    color: #66727D;

    position: relative;
    z-index: 2;
}


/* =========================================================
   BOTTOM STATEMENT
========================================================= */

.j2v-awards-bottom {
    display: grid;

    grid-template-columns: 1fr auto 1fr;

    align-items: center;

    gap: 25px;

    margin-top: 35px;
}


.j2v-awards-bottom-line {
    height: 1px;

    background: #D9E1E7;
}


.j2v-awards-bottom-content {
    text-align: center;
}


.j2v-awards-bottom-content span {
    display: block;

    margin-bottom: 6px;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 2px;

    color: #D9A21B;
}


.j2v-awards-bottom-content strong {

    font-size: 24px;
    font-weight: 700;

    color: #0B273C;
}


/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1050px) {

    .j2v-awards-header-grid {
        gap: 50px;
    }

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

    .j2v-award-card-wide {
        grid-column: span 2;
    }

    .j2v-awards-methodology {
        grid-template-columns: 1fr;
    }

    .j2v-awards-methodology-intro {
        border-right: 0;
        border-bottom: 1px solid #D9E1E7;
    }

}


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

@media (max-width: 760px) {

    .j2v-awards-section {
        padding: 85px 0;
    }

    .j2v-awards-header-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .j2v-awards-title {
        font-size: 58px;
    }

    .j2v-awards-category-heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

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

    .j2v-award-card-wide {
        display: flex;

        min-height: 315px;
    }

}


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

@media (max-width: 560px) {

    .j2v-awards-section {
        padding: 70px 0;
    }

    .j2v-awards-container {
        width: min(100% - 30px, 500px);
    }

    .j2v-awards-title {
        font-size: 45px;
        letter-spacing: -2px;
    }

    .j2v-awards-header-copy h3 {
        font-size: 22px;
    }

    .j2v-awards-methodology {
        margin-top: 50px;
    }

    .j2v-awards-methodology-intro {
        padding: 25px 20px;
    }

    .j2v-awards-evidence {
        padding: 15px;
    }

    .j2v-awards-evidence-item {
        padding: 10px;

        border-bottom: 1px solid #D9E1E7;
    }

    .j2v-awards-category-heading {
        margin-top: 60px;
    }

    .j2v-awards-category-heading h3 {
        font-size: 30px;
    }

    .j2v-awards-grid {
        grid-template-columns: 1fr;
    }

    .j2v-award-card,
    .j2v-award-card-wide {
        grid-column: auto;

        min-height: 300px;
    }

    .j2v-award-card-wide {
        display: flex;
    }

    .j2v-awards-bottom {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .j2v-awards-bottom-line {
        display: none;
    }

}


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

@media (max-width: 380px) {

    .j2v-awards-title {
        font-size: 40px;
    }

    .j2v-award-card {
        padding: 21px;
    }

    .j2v-award-card h4 {
        font-size: 19px;
    }

}


/* =========================================================
   J2V INDIA — FINAL CTA SECTION
   BRAND COLOURS TAKEN FROM J2V LOGO
========================================================= */

.j2v-final-cta-section {
    position: relative;
    width: 100%;

    padding: 50px 0 105px;

    /* OUTER BACKGROUND — KEEP LIGHT */
    background: #F2F5F7;

    overflow: hidden;
}


/* =========================================================
   MAIN PANEL
========================================================= */

.j2v-final-cta-wrap {
    position: relative;

    width: 1300px;

    margin: 0 auto;

    padding: 50px 70px 50px;

    text-align: center;

    /* J2V DARK NAVY BACKGROUND */
    background:linear-gradient(
89deg, #02080f 0%, #010e18 38%, #1a1503 72%, #231804 100%);

    /* J2V GOLD BORDER */
    border: 1px solid rgba(193,131,16,0.55);

    border-radius: 30px;

    box-shadow:
        0 30px 65px rgba(3,7,12,0.22);

    overflow: hidden;

    z-index: 2;
}


/* =========================================================
   SUBTLE INTERNAL LIGHT
========================================================= */

.j2v-final-cta-wrap::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(193,131,16,0.10) 0%,
            rgba(193,131,16,0.045) 28%,
            rgba(193,131,16,0) 68%
        );

    pointer-events: none;
}


/* =========================================================
   SUBTLE NAVY LIGHT
========================================================= */

.j2v-final-cta-wrap::after {
    content: "";

    position: absolute;

    width: 700px;
    height: 300px;

    right: -280px;
    bottom: -180px;

    border-radius: 50%;

    background:
        radial-gradient(
            ellipse,
            rgba(11,39,60,0.70) 0%,
            rgba(11,39,60,0) 70%
        );

    pointer-events: none;
}


/* =========================================================
   TOP GOLD ACCENT
========================================================= */

.j2v-final-cta-accent {
    position: absolute;

    top: 0;
    left: 50%;

    transform: translateX(-50%);

    width: 155px;
    height: 6px;

    background:
        linear-gradient(
            90deg,
            #C18310 0%,
            #D9A53F 48%,
            #F0C66D 100%
        );

    border-radius: 0 0 8px 8px;
}


/* =========================================================
   EYEBROW
========================================================= */

.j2v-final-cta-eyebrow {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    margin-bottom: 25px;

    font-family: "Inter Tight", sans-serif;

    font-size: 13px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 1.7px;

    /* J2V LIGHT GOLD */
    color: #F0C66D;
}


.j2v-final-cta-dot {
    width: 9px;
    height: 9px;

    display: inline-block;

    border-radius: 50%;

    /* J2V GOLD */
    background: #D9A53F;

    box-shadow:
        0 0 0 5px rgba(193,131,16,0.12);
}


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

.j2v-final-cta-title {
    position: relative;

    z-index: 2;

    margin: 0 auto;

    max-width: 1050px;

    font-size: 30px;

    line-height: 1.08;

    font-weight: 800;

    letter-spacing: 1px;

    color: #FFFFFF;
}


/* GOLD SECOND PART OF HEADING */

.j2v-final-cta-title span {
    color: #F0C66D;
}


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

.j2v-final-cta-description {
    position: relative;

    z-index: 2;

    max-width: 1050px;

    margin: 30px auto 46px;

    font-family: "Roboto", sans-serif;

    font-size: 16px;

    line-height: 1.65;

    font-weight: 400;

    /* SOFT J2V WHITE */
    color: #C4CED6;
}


/* =========================================================
   CTA BUTTONS
========================================================= */

.j2v-final-cta-buttons {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 66px;

    width: 100%;

    max-width: 1140px;

    margin: 0 auto;
}


.j2v-final-cta-btn {

    display: flex;

    align-items: center;
    justify-content: center;

    padding: 12px 20px;

    /* GOLD-TINTED BORDER */
    border: 1px solid rgba(240,198,109,0.65);

    border-radius: 12px;

    background: transparent;

    text-decoration: none;

    font-size: 12px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 1px;

    color: #FFFFFF;

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


/* =========================================================
   CTA HOVER
========================================================= */

.j2v-final-cta-btn:hover {

    background:
        linear-gradient(
            135deg,
            #C18310 0%,
            #D9A53F 50%,
            #F0C66D 100%
        );

    border-color: #F0C66D;

    color: #03070C;

    transform: translateY(-3px);

    box-shadow:
        0 10px 25px rgba(193,131,16,0.24);
}


/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1200px) {

    .j2v-final-cta-wrap {
        width: calc(100% - 80px);

        padding-left: 45px;
        padding-right: 45px;
    }

    .j2v-final-cta-buttons {
        gap: 25px;
    }

}


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

@media (max-width: 900px) {

    .j2v-final-cta-section {
        padding: 55px 0 90px;
    }

    .j2v-final-cta-wrap {
        width: calc(100% - 50px);

        padding:
            65px 35px
            60px;
    }

    .j2v-final-cta-title {
        font-size: 42px;
    }

    .j2v-final-cta-description {
        font-size: 15px;

        margin-top: 24px;
        margin-bottom: 38px;
    }

    .j2v-final-cta-buttons {
        grid-template-columns:
            repeat(2, 1fr);

        gap: 15px;
    }

}


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

@media (max-width: 600px) {

    .j2v-final-cta-section {
        padding: 35px 0 75px;
    }

    .j2v-final-cta-wrap {
        width: calc(100% - 28px);

        padding:
            58px 20px
            55px;

        border-radius: 22px;
    }

    .j2v-final-cta-accent {
        width: 105px;

        height: 5px;
    }

    .j2v-final-cta-eyebrow {
        font-size: 10px;

        letter-spacing: 1.3px;

        margin-bottom: 20px;
    }

    .j2v-final-cta-title {
        font-size: 32px;

        line-height: 1.08;

        letter-spacing: -1.2px;
    }

    .j2v-final-cta-description {
        font-size: 14px;

        line-height: 1.65;

        margin:
            22px auto
            32px;
    }

    .j2v-final-cta-buttons {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .j2v-final-cta-btn {
        width: 100%;

        min-height: 48px;

        font-size: 11px;
    }

}


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

@media (max-width: 380px) {

    .j2v-final-cta-title {
        font-size: 28px;
    }

    .j2v-final-cta-wrap {
        padding-left: 16px;

        padding-right: 16px;
    }

}

/* =========================================================
   J2V INDIA — FOOTER
   LOGO-BASED COLOUR SYSTEM
========================================================= */

.j2v-footer {
    position: relative;

    width: 100%;

    background:linear-gradient(358deg, #000407 0%, #03090f 38%, #0d0900 100%);

    color: #FFFFFF;

    overflow: hidden;
}


.j2v-footer-top-accent {
    position: absolute;

    top: 0;
    left: 50%;

    transform: translateX(-50%);

    display: flex;

    width: 145px;
    height: 4px;

    z-index: 5;
}


.j2v-footer-top-accent span:first-child {
    width: 58%;

    background: #C18310;
}


.j2v-footer-top-accent span:last-child {
    width: 42%;

    background: #F0C66D;
}


/* =========================================================
   MAIN FOOTER
========================================================= */

.j2v-footer-main {
    position: relative;

    width: 100%;

    padding: 50px 0 0;
}


.j2v-footer-container {
    width: 1300px;

    margin: 0 auto;

    position: relative;

    z-index: 3;
}


/* =========================================================
   TOP ROW
========================================================= */

.j2v-footer-top-row {
    display: grid;

    grid-template-columns:
        240px
        1fr
        200px;

    align-items: center;

    column-gap: 45px;

    min-height: 125px;
}


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

.j2v-footer-brand {
    display: flex;

    align-items: center;
}


.j2v-footer-logo {
    display: inline-flex;

    align-items: center;

    text-decoration: none;
}


.j2v-footer-logo img {
    display: block;

    width: auto;

    max-width: 210px;

    max-height: 90px;

    object-fit: contain;
}


/* =========================================================
   NAVIGATION
========================================================= */

.j2v-footer-nav {
    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 18px;

    text-align: center;
}


.j2v-footer-nav a {
    font-family: "Inter Tight", sans-serif;

    font-size: 13px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 0.25px;

    color: #FFFFFF;

    text-decoration: none;

    white-space: nowrap;

    transition:
        color 0.25s ease;
}


.j2v-footer-nav > span {
    color: #C18310;

    font-size: 13px;

    opacity: 0.9;
}


.j2v-footer-nav a:hover {
    color: #F0C66D;
}


/* =========================================================
   ENCIS — TOP RIGHT
========================================================= */

.j2v-footer-encis-top {
    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 8px;
}


.j2v-footer-encis-label {
    font-family: "Inter Tight", sans-serif;

    font-size: 8px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 2px;

    color: #F0C66D;
}


.j2v-footer-encis-logo {
    display: inline-flex;

    align-items: center;
}


.j2v-footer-encis-logo img {
    display: block;

    width: auto;

    max-width: 145px;

    max-height: 74px;

    object-fit: contain;
}


/* =========================================================
   DIVIDER
========================================================= */

.j2v-footer-divider {
    width: 100%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,0.025),
            rgba(193,131,16,0.28),
            rgba(255,255,255,0.025)
        );
}


/* =========================================================
   CONTACT ROW
========================================================= */

.j2v-footer-contact-row {
    display: grid;

    grid-template-columns:
        310px
        1fr
        270px;

    align-items: center;

    min-height: 165px;

    column-gap: 50px;
}


/* =========================================================
   CONTACT TITLE
========================================================= */

.j2v-footer-contact-title {
    min-height: 80px;

    display: flex;

    align-items: center;

    border-right:
        1px solid rgba(255,255,255,0.13);
}


.j2v-footer-contact-title h3 {
    margin: 0;

    font-family: "Inter Tight", sans-serif;

    font-size: 20px;

    line-height: 1.2;

    font-weight: 800;

    letter-spacing: -0.3px;

    color: #FFFFFF;
}


.j2v-footer-contact-title h3::before {
    content: "";

    display: inline-block;

    width: 22px;

    height: 2px;

    margin-right: 12px;

    vertical-align: middle;

    background:
        linear-gradient(
            90deg,
            #C18310,
            #F0C66D
        );
}


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

.j2v-footer-contact-details {
    display: flex;

    align-items: center;

    gap: 55px;
}


.j2v-footer-contact-item {
    display: flex;

    align-items: flex-start;

    gap: 13px;
}


.j2v-footer-contact-icon {
    flex: 0 0 auto;

    padding-top: 2px;

    color: #D9A53F;

    font-size: 19px;
}


.j2v-footer-contact-text p {
    margin: 0 0 5px;

    font-family: "Roboto", sans-serif;

    font-size: 13px;

    line-height: 1.5;

    color: #B8C2CA;
}


.j2v-footer-contact-text p:last-child {
    margin-bottom: 0;
}


.j2v-footer-contact-text a {
    color: #B8C2CA;

    text-decoration: none;

    transition: color 0.25s ease;
}


.j2v-footer-contact-text a:hover {
    color: #F0C66D;
}


.j2v-footer-address {
    max-width: 370px;
}


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

.j2v-footer-social {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

    gap: 12px;

    padding-left: 25px;

    border-left:
        1px solid rgba(255,255,255,0.10);
}


.j2v-footer-social-label {
    font-family: "Inter Tight", sans-serif;

    font-size: 8px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 2px;

    color: #F0C66D;
}


.j2v-footer-social-icons {
    display: flex;

    align-items: center;

    gap: 11px;
}


.j2v-footer-social-icons a {
    width: 36px;

    height: 36px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid rgba(240,198,109,0.32);

    border-radius: 50%;

    text-decoration: none;

    color: #FFFFFF;

    background:
        rgba(193,131,16,0.035);

    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}


.j2v-footer-social-icons a:hover {
    background: #C18310;

    border-color: #F0C66D;

    color: #FFFFFF;

    transform: translateY(-3px);
}


.j2v-footer-social-icons span {
    font-size: 12px;
}


.j2v-footer-x {
    font-family: Arial, sans-serif;

    font-size: 12px !important;

    font-weight: 600;
}


/* =========================================================
   BOTTOM ROW
========================================================= */

.j2v-footer-bottom-row {
    min-height: 70px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;
}


.j2v-footer-copyright p {
    margin: 0;

    font-size: 12px;

    line-height: 1.5;

    color: #7F909B;
}


.j2v-footer-copyright a {
    color: #C4CED6;

    text-decoration: none;

    transition: color 0.25s ease;
}


.j2v-footer-copyright a:hover {
    color: #F0C66D;
}


/* =========================================================
   BOTTOM MENU
========================================================= */

.j2v-footer-bottom-menu {
    display: flex;

    align-items: center;

    gap: 25px;

    margin: 0;

    padding: 0;

    list-style: none;
}


.j2v-footer-bottom-menu li {
    position: relative;
}


.j2v-footer-bottom-menu li:not(:last-child)::after {
    content: "";

    position: absolute;

    width: 3px;

    height: 3px;

    border-radius: 50%;

    background: #C18310;

    right: -15px;

    top: 50%;

    transform: translateY(-50%);
}


.j2v-footer-bottom-menu a {
    font-family: "Inter Tight", sans-serif;

    font-size: 11px;

    font-weight: 600;

    color: #7F909B;

    text-decoration: none;

    transition: color 0.25s ease;
}


.j2v-footer-bottom-menu a:hover {
    color: #F0C66D;
}



/* =========================================================
   DECORATIVE LINES
========================================================= */

.j2v-footer-line {
    position: absolute;

    height: 1px;

    pointer-events: none;
}


.j2v-footer-line-1 {
    width: 28%;

    right: 0;

    top: 220px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(193,131,16,0.15)
        );
}


.j2v-footer-line-2 {
    width: 18%;

    left: 0;

    top: 385px;

    background:
        linear-gradient(
            90deg,
            rgba(240,198,109,0.13),
            transparent
        );
}


.j2v-footer-line-3 {
    width: 32%;

    right: 0;

    bottom: 35px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(193,131,16,0.12)
        );
}


/* =========================================================
   LARGE LAPTOP
========================================================= */

@media (max-width: 1250px) {

    .j2v-footer-container {
        width: calc(100% - 90px);
    }

    .j2v-footer-top-row {
        grid-template-columns:
            210px
            1fr
            170px;

        column-gap: 25px;
    }

    .j2v-footer-nav {
        gap: 11px;
    }

    .j2v-footer-nav a {
        font-size: 11px;
    }

    .j2v-footer-contact-row {
        grid-template-columns:
            250px
            1fr
            220px;

        gap: 30px;
    }

    .j2v-footer-contact-details {
        gap: 30px;
    }

}


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


@media (max-width: 1000px) {

    .j2v-footer-main {
        padding-top: 60px;
    }

    .j2v-footer-container {
        width: calc(100% - 50px);
    }

    .j2v-footer-top-row {
        grid-template-columns:
            1fr
            auto;

        row-gap: 30px;
    }

    .j2v-footer-brand {
        grid-column: 1;
    }

    .j2v-footer-encis-top {
        grid-column: 2;
    }

    .j2v-footer-nav {
        grid-column: 1 / -1;

        justify-content: flex-start;

        padding-bottom: 28px;
    }

    .j2v-footer-contact-row {
        grid-template-columns:
            220px
            1fr;

        padding: 25px 0;
    }

    .j2v-footer-contact-title {
        min-height: 90px;
    }

    .j2v-footer-social {
        grid-column: 1 / -1;

        flex-direction: row;

        align-items: center;

        padding:
            20px 0 5px;

        border-left: 0;

        border-top:
            1px solid rgba(255,255,255,0.08);
    }

    .j2v-footer-scroll-top {
        display: none;
    }

}


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

@media (max-width: 700px) {

    .j2v-footer-main {
        padding-top: 50px;
    }

    .j2v-footer-container {
        width: calc(100% - 32px);
    }


    /* TOP */

    .j2v-footer-top-row {
        display: flex;

        flex-direction: column;

        align-items: flex-start;

        gap: 23px;

        padding-bottom: 28px;
    }

    .j2v-footer-logo img {
        max-width: 190px;
    }


    /* NAVIGATION */

    .j2v-footer-nav {
        width: 100%;

        justify-content: flex-start;

        gap: 10px;

        padding: 0;
    }

    .j2v-footer-nav > span {
        display: none;
    }

    .j2v-footer-nav a {
        padding: 7px 10px;

        border:
            1px solid rgba(193,131,16,0.22);

        border-radius: 5px;

        font-size: 9px;
    }


    /* ENCIS */

    .j2v-footer-encis-top {
        width: 100%;

        align-items: flex-start;

        padding-top: 5px;
    }


    /* CONTACT */

    .j2v-footer-contact-row {
        display: flex;

        flex-direction: column;

        align-items: flex-start;

        gap: 25px;

        padding: 35px 0;
    }

    .j2v-footer-contact-title {
        width: 100%;

        min-height: auto;

        padding-bottom: 20px;

        border-right: 0;

        border-bottom:
            1px solid rgba(255,255,255,0.12);
    }

    .j2v-footer-contact-title h3 {
        font-size: 17px;
    }

    .j2v-footer-contact-details {
        width: 100%;

        flex-direction: column;

        align-items: flex-start;

        gap: 22px;
    }

    .j2v-footer-contact-item {
        width: 100%;
    }

    .j2v-footer-address {
        max-width: 100%;
    }


    /* SOCIAL */

    .j2v-footer-social {
        width: 100%;

        flex-direction: column;

        align-items: flex-start;

        padding:
            20px 0 0;

        border-left: 0;

        border-top:
            1px solid rgba(193,131,16,0.12);
    }


    /* BOTTOM */

    .j2v-footer-bottom-row {
        flex-direction: column;

        align-items: flex-start;

        gap: 18px;

        padding: 25px 0;
    }

    .j2v-footer-bottom-menu {
        flex-wrap: wrap;

        gap: 15px 20px;
    }

}


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

@media (max-width: 400px) {

    .j2v-footer-container {
        width: calc(100% - 25px);
    }

    .j2v-footer-nav a {
        font-size: 9px;

        padding: 6px 9px;
    }

    .j2v-footer-contact-text p {
        font-size: 12px;
    }

    .j2v-footer-copyright p {
        font-size: 11px;
    }

}

/* =========================================================
   J2V INDIA — ORGANISED BY ENCIS
   J2V LOGO COLOUR SYSTEM
========================================================= */

.j2v-org-section {
    position: relative;

    width: 100%;

    padding: 95px 0;

    background: #F2F5F7;

    overflow: hidden;
}


/* =========================================================
   CONTAINER
========================================================= */

.j2v-org-container {
    width: 1300px;

    margin: 0 auto;
}


/* =========================================================
   MAIN WRAP
========================================================= */

.j2v-org-wrap {
    position: relative;

    display: grid;

    grid-template-columns: 42% 58%;

    min-height: 430px;

    background:
        linear-gradient(
            125deg,
            #03070C 0%,
            #061522 45%,
            #0B273C 100%
        );

    border:
        1px solid rgba(193,131,16,0.45);

    border-radius: 28px;

    overflow: hidden;

    box-shadow:
        0 28px 60px rgba(3,7,12,0.15);
}


/* =========================================================
   SUBTLE BACKGROUND GLOW
========================================================= */

.j2v-org-wrap::before {
    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    left: -180px;
    bottom: -260px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(193,131,16,0.12) 0%,
            rgba(193,131,16,0) 68%
        );

    pointer-events: none;
}


.j2v-org-wrap::after {
    content: "";

    position: absolute;

    width: 550px;
    height: 350px;

    right: -250px;
    top: -220px;

    border-radius: 50%;

    background:
        radial-gradient(
            ellipse,
            rgba(11,39,60,0.8) 0%,
            rgba(11,39,60,0) 70%
        );

    pointer-events: none;
}


/* =========================================================
   LEFT LOGO COLUMN
========================================================= */

.j2v-org-logo-column {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px;
}


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

.j2v-org-logo-box {
    width: 100%;

    max-width: 370px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;
}


/* =========================================================
   ORGANISER LABEL
========================================================= */

.j2v-org-label {
    position: relative;

    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 30px;

    font-family: "Inter Tight", sans-serif;

    font-size: 11px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 2.5px;

    color: #F0C66D;
}


.j2v-org-label::before,
.j2v-org-label::after {
    content: "";

    width: 25px;

    height: 1px;

    background: #C18310;
}


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

.j2v-org-logo {
    width: 100%;

    min-height: 150px;

    display: flex;

    align-items: center;

    justify-content: center;
}


.j2v-org-logo img {
    display: block;

    width: auto;

    max-width: 540px;

    max-height: 150px;

    object-fit: contain;
}


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

.j2v-org-logo-line {
    width: 70px;

    height: 2px;

    margin: 25px 0 14px;

    background:
        linear-gradient(
            90deg,
            #C18310,
            #F0C66D
        );
}


.j2v-org-tagline {
    font-family: "Inter Tight", sans-serif;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 2px;

    color: #8D9BA7;
}


/* =========================================================
   RIGHT CONTENT
========================================================= */

.j2v-org-content-column {
    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding:
        20px 40px;
}


/* =========================================================
   EYEBROW
========================================================= */

.j2v-org-eyebrow {
    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 20px;

    font-family: "Inter Tight", sans-serif;

    font-size: 12px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 2px;

    color: #F0C66D;
}


.j2v-org-dot {
    width: 8px;
    height: 8px;

    flex: 0 0 8px;

    border-radius: 50%;

    background: #C18310;

    box-shadow:
        0 0 0 5px rgba(193,131,16,0.10);
}


/* =========================================================
   TITLE
========================================================= */

.j2v-org-title {

    margin: 0 0 25px;

    font-size:32px;

    line-height: 1.2;

    font-weight: 800;

    letter-spacing: 1px;

    color: #FFFFFF;
}


.j2v-org-title span {

    color: #F0C66D;
}


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

.j2v-org-description {
    max-width: 700px;

    margin: 0;

    font-family: "Roboto", sans-serif;

    font-size: 15px;

    line-height: 1.75;

    font-weight: 400;

    color: #C4CED6;
}


.j2v-org-description strong {
    font-weight: 600;
}


.j2v-org-description a {
    color: #F0C66D;

    text-decoration: none;

    transition:
        color 0.25s ease;
}


.j2v-org-description a:hover {
    color: #FFFFFF;
}


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

.j2v-org-action {
    margin-top: 35px;
}


.j2v-org-btn {
    min-width: 135px;

    min-height: 32px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    padding: 8px 20px;

    border:
        1px solid #D9A53F;

    border-radius: 8px;

    background: transparent;

    font-size: 12px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 1px;

    color: #FFFFFF;

    text-decoration: none;
	margin-right: 15px;

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


.j2v-org-btn-arrow {
    font-size: 18px;

    line-height: 0;

    color: #F0C66D;

    transition:
        transform 0.3s ease;
}


.j2v-org-btn:hover {
    background:
        linear-gradient(
            135deg,
            #C18310 0%,
            #D9A53F 55%,
            #F0C66D 100%
        );

    border-color: #F0C66D;

    color: #03070C;

    transform: translateY(-3px);

    box-shadow:
        0 12px 25px rgba(193,131,16,0.20);
}


.j2v-org-btn:hover .j2v-org-btn-arrow {
    color: #03070C;

    transform: translateX(4px);
}


/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1100px) {

    .j2v-org-section {
        padding: 75px 0;
    }

    .j2v-org-container {
        width: calc(100% - 60px);
    }

    .j2v-org-wrap {
        grid-template-columns: 38% 62%;
    }

    .j2v-org-logo-column {
        padding: 40px;
    }

    .j2v-org-content-column {
        padding:
            55px 50px;
    }

    .j2v-org-title {
        font-size: 40px;
    }

}


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

@media (max-width: 850px) {

    .j2v-org-section {
        padding: 60px 0;
    }

    .j2v-org-container {
        width: calc(100% - 40px);
    }

    .j2v-org-wrap {
        grid-template-columns: 1fr;

        min-height: auto;
    }

    .j2v-org-logo-column {
        padding:
            50px 35px;

        border-right: 0;

        border-bottom:
            1px solid rgba(255,255,255,0.10);
    }

    .j2v-org-logo-box {
        max-width: 450px;
    }

    .j2v-org-content-column {
        padding:
            50px 45px 55px;
    }

    .j2v-org-title {
        max-width: 650px;
    }

    .j2v-org-description {
        max-width: 700px;
    }

}


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

@media (max-width: 600px) {

    .j2v-org-section {
        padding: 40px 0 60px;
    }

    .j2v-org-container {
        width: calc(100% - 28px);
    }

    .j2v-org-wrap {
        border-radius: 22px;
    }


    /* LOGO */

    .j2v-org-logo-column {
        padding:
            42px 20px;
    }

    .j2v-org-label {
        font-size: 9px;

        letter-spacing: 2px;

        margin-bottom: 24px;
    }

    .j2v-org-label::before,
    .j2v-org-label::after {
        width: 18px;
    }

    .j2v-org-logo {
        min-height: 120px;
    }

    .j2v-org-logo img {
        max-width: 220px;

        max-height: 120px;
    }

    .j2v-org-logo-line {
        margin-top: 20px;
    }

    .j2v-org-tagline {
        font-size: 7px;

        letter-spacing: 1.5px;
    }


    /* CONTENT */

    .j2v-org-content-column {
        padding:
            40px 22px 45px;
    }

    .j2v-org-eyebrow {
        font-size: 9px;

        letter-spacing: 1.5px;

        margin-bottom: 17px;
    }

    .j2v-org-title {
        font-size: 31px;

        line-height: 1.08;

        letter-spacing: -1px;

        margin-bottom: 21px;
    }

    .j2v-org-description {
        font-size: 13.5px;

        line-height: 1.7;
    }

    .j2v-org-action {
        margin-top: 28px;
    }

    .j2v-org-btn {
        width: 100%;

        min-height: 48px;
    }

}


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

@media (max-width: 380px) {

    .j2v-org-title {
        font-size: 28px;
    }

    .j2v-org-description {
        font-size: 13px;
    }

    .j2v-org-logo img {
        max-width: 195px;
    }

}

/* =========================================================
   J2V COMMON FORM SECTION
========================================================= */

.j2v-form-section {
    position: relative;

    width: 100%;

    padding: 100px 0;

    background: #F2F5F7;

    overflow: hidden;
}


/* =========================================================
   CONTAINER
========================================================= */

.j2v-form-container {
    width: 1300px;

    max-width: calc(100% - 80px);

    margin: 0 auto;
}


/* =========================================================
   GRID
========================================================= */

.j2v-form-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 0.9fr)
        minmax(0, 1.1fr);

    gap: 85px;
}


/* =========================================================
   IMAGE COLUMN
========================================================= */

.j2v-form-visual {
    position: relative;

    width: 100%;
}


.j2v-form-image-wrap {
    position: relative;

    width: 100%;

    max-width: 540px;

    margin: 0 auto;

    border-radius: 24px;

    overflow: hidden;

    background: #06111B;

    box-shadow:
        0 25px 55px rgba(6,17,27,0.18);
}


/* =========================================================
   IMAGE
========================================================= */

.j2v-form-image {
    display: block;

    width: 100%;

    height: auto;

    aspect-ratio: 4 / 5;

    object-fit: cover;

    transition:
        transform 0.6s ease;
}


.j2v-form-image-wrap:hover .j2v-form-image {
    transform: scale(1.025);
}


/* =========================================================
   IMAGE ACCENT
========================================================= */

.j2v-form-image-accent {
    position: absolute;

    top: 0;
    left: 50%;

    transform: translateX(-50%);

    width: 130px;

    height: 5px;

    background:
        linear-gradient(
            90deg,
            #C18310,
            #D9A21B,
            #EFC56B
        );

    border-radius:
        0 0 8px 8px;

    z-index: 2;
}


/* =========================================================
   IMAGE LABEL
========================================================= */

.j2v-form-image-label {
    position: absolute;

    left: 25px;
    bottom: 25px;

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 9px 15px;

    background:
        rgba(3,7,12,0.88);

    border:
        1px solid rgba(217,162,27,0.45);

    border-radius: 6px;

    backdrop-filter: blur(8px);
}


.j2v-form-image-label span {

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.5px;

    color: #FFFFFF;
}


.j2v-form-image-label strong {

    font-size: 11px;

    font-weight: 800;

    color: #D9A21B;
}


/* =========================================================
   CONTENT COLUMN
========================================================= */

.j2v-form-content {
    position: relative;

    width: 100%;
}


/* =========================================================
   EYEBROW
========================================================= */

.j2v-form-eyebrow {
    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 10px;

    font-size: 12px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 1.7px;

    color: #0B273C;
}


.j2v-form-eyebrow-dot {
    display: inline-block;

    width: 9px;
    height: 9px;

    border-radius: 50%;

    background: #D9A21B;

    box-shadow:
        0 0 0 5px rgba(217,162,27,0.10);
}


/* =========================================================
   TITLE
========================================================= */

.j2v-form-title {
    margin: 0;

    max-width: 650px;

    font-size: 30px;

    line-height: 1.04;

    font-weight: 800;

    letter-spacing: 1px;

    color: #0B273C;
}


.j2v-form-title span {

    color: #C18310;
}


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

.j2v-form-description {
    max-width: 650px;

    margin:
        22px 0 32px;

    font-family: "Roboto", sans-serif;

    font-size: 16px;

    line-height: 1.65;

    font-weight: 400;

    color: #66727D;
}


/* =========================================================
   FORM EMBED
========================================================= */

.j2v-form-embed {
    position: relative;

    width: 100%;

    min-height: 300px;

    overflow: hidden;

    border-radius: 12px;

    background: #FFFFFF;

    border:
        1px solid #D9E1E7;

    box-shadow:
        0 12px 35px rgba(6,17,27,0.07);
}


/* Zoho iframe */

.j2v-form-embed iframe {
    display: block;

    width: 100%;

    border: 0;

    background: #FFFFFF;
}


/* =========================================================
   TEMPORARY FORM PLACEHOLDER
========================================================= */

.j2v-form-placeholder {
    min-height: 300px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 40px;

    color: #66727D;
}


.j2v-form-placeholder-icon {
    width: 48px;
    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 15px;

    border-radius: 50%;

    background: rgba(217,162,27,0.10);

    border:
        1px solid rgba(193,131,16,0.30);

    font-size: 24px;

    color: #C18310;
}


.j2v-form-placeholder p {
    margin: 0;

    font-family: "Inter Tight", sans-serif;

    font-size: 13px;

    font-weight: 600;

    color: #66727D;
}


/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1200px) {

    .j2v-form-section {
        padding: 85px 0;
    }


    .j2v-form-container {
        max-width: calc(100% - 60px);
    }


    .j2v-form-grid {
        gap: 55px;
    }


    .j2v-form-title {
        font-size: 48px;
    }

}


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

@media (max-width: 991px) {

    .j2v-form-section {
        padding: 70px 0;
    }


    .j2v-form-container {
        max-width: calc(100% - 45px);
    }


    .j2v-form-grid {
        grid-template-columns:
            minmax(0, 0.85fr)
            minmax(0, 1.15fr);

        gap: 35px;
    }


    .j2v-form-title {
        font-size: 40px;

        letter-spacing: -1.4px;
    }


    .j2v-form-description {
        font-size: 15px;
    }


    .j2v-form-image-wrap {
        border-radius: 18px;
    }

}


/* =========================================================
   MOBILE
   FORM FIRST → IMAGE SECOND
========================================================= */

@media (max-width: 767px) {

    .j2v-form-section {
        padding: 55px 0 70px;
    }


    .j2v-form-container {
        max-width: calc(100% - 30px);
    }


    .j2v-form-grid {
        display: flex;

        flex-direction: column;

        gap: 45px;
    }


    /* FORM FIRST */

    .j2v-form-content {
        order: 1;
    }


    /* IMAGE SECOND */

    .j2v-form-visual {
        order: 2;
    }


    .j2v-form-eyebrow {
        font-size: 10px;

        letter-spacing: 1.4px;

        margin-bottom: 16px;
    }


    .j2v-form-title {
        font-size: 34px;

        line-height: 1.08;

        letter-spacing: -1.2px;
    }


    .j2v-form-description {
        margin:
            18px 0 27px;

        font-size: 14px;

        line-height: 1.65;
    }


    .j2v-form-embed {
        border-radius: 10px;
    }


    .j2v-form-embed iframe {
        min-height: 650px;
    }


    .j2v-form-image-wrap {
        max-width: 500px;

        border-radius: 18px;
    }

}


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

@media (max-width: 480px) {

    .j2v-form-section {
        padding: 45px 0 60px;
    }


    .j2v-form-container {
        max-width: calc(100% - 24px);
    }


    .j2v-form-title {
        font-size: 30px;

        letter-spacing: -1px;
    }


    .j2v-form-description {
        font-size: 13px;
    }


    .j2v-form-image-label {
        left: 15px;
        bottom: 15px;

        padding: 8px 12px;
    }


    .j2v-form-image-label span {
        font-size: 8px;
    }


    .j2v-form-image-label strong {
        font-size: 9px;
    }


    .j2v-form-embed iframe {
        min-height: 700px;
    }

}

/* =========================================================
   J2V — THREE IMPERATIVES
   CHEVRON STYLE
========================================================= */

.j2v-imperatives-section {
    position: relative;

    width: 100%;

    padding: 15px 0 60px;

    overflow: hidden;
}


/* =========================================================
   CONTAINER
========================================================= */

.j2v-imperatives-container {
    position: relative;

    width: 1300px;

    margin: 0 auto;

    z-index: 2;
}


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

.j2v-imperatives-heading {
    max-width: 850px;

    margin: 0 auto 55px;

    text-align: center;
}


.j2v-imperatives-eyebrow {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    margin-bottom: 10px;

    font-size: 11px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 2px;

    color: #C18310;
}


.j2v-imperatives-eyebrow span {
    display: block;

    width: 28px;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            #C18310,
            #EFC56B
        );
}


.j2v-imperatives-heading h2 {
    margin: 0;

    font-size: 26px;

    line-height: 1.05;

    font-weight: 800;

    letter-spacing:1px;

    color: #0B273C;
}


.j2v-imperatives-heading h2 span {
    color: #C18310;
}


/* =========================================================
   IMPERATIVES LIST
========================================================= */

.j2v-imperatives-list {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 35px;

    align-items: center;
}


/* =========================================================
   IMPERATIVE CHEVRON
========================================================= */

.j2v-imperative-item {
    position: relative;

    min-height: 100px;

    display: flex;

    align-items: center;

    padding:
        25px 35px
        25px 85px;

    box-sizing: border-box;

    clip-path:
        polygon(
            0 0,
            calc(100% - 30px) 0,
            100% 50%,
            calc(100% - 30px) 100%,
            0 100%,
            30px 50%
        );

    color: #FFFFFF;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


/* =========================================================
   CARD COLOURS — J2V ONLY
========================================================= */

.j2v-imperative-blue {
    background:
        linear-gradient(
            135deg,
            #06111B 0%,
            #0B273C 58%,
            #063B61 100%
        );
}


.j2v-imperative-gold {
    background:
        linear-gradient(
            135deg,
            #0B273C 0%,
            #12384E 50%,
            #C18310 100%
        );
}


.j2v-imperative-navy {
    background:
        linear-gradient(
            135deg,
            #03070C 0%,
            #06111B 55%,
            #0D3550 100%
        );
}


/* =========================================================
   HOVER
========================================================= */

.j2v-imperative-item:hover {
    transform: translateY(-5px);
}


/* =========================================================
   NUMBER CIRCLE
   FIXED — KEPT INSIDE CHEVRON
========================================================= */

.j2v-imperative-number {
    position: absolute;

    left: 18px;

    top: 50%;

    transform: translateY(-50%);

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    box-sizing: border-box;

    border-radius: 50%;

    background: #0B273C;

    border:
        3px solid #F2F5F7;

    box-shadow:
        0 5px 15px rgba(3,7,12,0.18);

    font-size: 15px;

    line-height: 1;

    font-weight: 800;

    color: #FFFFFF;

    z-index: 10;
}


/* GOLD NUMBER */

.j2v-imperative-gold .j2v-imperative-number {
    background: #C18310;
}


/* BLUE NUMBER */

.j2v-imperative-navy .j2v-imperative-number {
    background: #063B61;
}


/* =========================================================
   CONTENT
========================================================= */

.j2v-imperative-content {
    width: 100%;

    padding-left: 12px;
}


.j2v-imperative-content h3 {
    margin: 0 0 9px;
    font-size: 18px;

    line-height: 1.15;

    font-weight: 600;

    letter-spacing: 1px;

    color: #FFFFFF;
}


.j2v-imperative-content p {
    max-width: 280px;

    margin: 0;

    font-family: "Roboto", sans-serif;

    font-size: 13px;

    line-height: 1.5;

    font-weight: 400;

    color: #D7E0E6;
}


/* =========================================================
   SUBTLE GOLD ACCENT
========================================================= */

.j2v-imperative-item::after {
    content: "";

    position: absolute;

    left: 72px;

    top: 0;

    width: 65px;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            #C18310,
            #EFC56B
        );

    opacity: 0.9;
}


/* =========================================================
   BOTTOM STATEMENT
========================================================= */

.j2v-imperatives-bottom {
    display: flex;

    align-items: center;

    gap: 25px;

    margin-top: 55px;
}


.j2v-imperatives-bottom-line {
    flex: 1;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(193,131,16,0.40)
        );
}


.j2v-imperatives-bottom-line:last-child {
    background:
        linear-gradient(
            90deg,
            rgba(193,131,16,0.40),
            transparent
        );
}


.j2v-imperatives-bottom p {
    margin: 0;

    text-align: center;

    font-family: "Inter Tight", sans-serif;

    font-size: 14px;

    line-height: 1.4;

    color: #66727D;

    white-space: nowrap;
}


.j2v-imperatives-bottom strong {
    color: #0B273C;

    font-weight: 800;
}


/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1200px) {

    .j2v-imperatives-container {
        max-width: calc(100% - 60px);
    }


    .j2v-imperatives-list {
        gap: 25px;
    }


    .j2v-imperative-item {
        min-height: 145px;

        padding:
            25px 30px
            25px 78px;
    }


    .j2v-imperative-number {
        left: 15px;

        width: 64px;

        height: 64px;

        font-size: 19px;
    }


    .j2v-imperative-content {
        padding-left: 8px;
    }


    .j2v-imperative-content h3 {
        font-size: 19px;
    }


    .j2v-imperative-content p {
        font-size: 12px;
    }


    .j2v-imperative-item::after {
        left: 65px;

        width: 55px;
    }

}


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

@media (max-width: 900px) {

    .j2v-imperatives-section {
        padding: 75px 0 80px;
    }


    .j2v-imperatives-container {
        max-width: calc(100% - 40px);
    }


    .j2v-imperatives-heading {
        margin-bottom: 45px;
    }


    .j2v-imperatives-heading h2 {
        font-size: 42px;

        letter-spacing: -1.5px;
    }


    .j2v-imperatives-list {
        grid-template-columns: 1fr;

        gap: 20px;

        max-width: 700px;

        margin: 0 auto;
    }


    .j2v-imperative-item {
        min-height: 135px;

        padding:
            25px 55px
            25px 105px;
    }


    .j2v-imperative-number {
        left: 20px;

        width: 68px;

        height: 68px;

        font-size: 20px;
    }


    .j2v-imperative-content {
        padding-left: 5px;
    }


    .j2v-imperative-content h3 {
        font-size: 23px;
    }


    .j2v-imperative-content p {
        max-width: 500px;

        font-size: 13px;
    }


    .j2v-imperative-item::after {
        left: 78px;

        width: 55px;
    }


    .j2v-imperatives-bottom {
        margin-top: 40px;
    }

}


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

@media (max-width: 600px) {

    .j2v-imperatives-section {
        padding: 60px 0 65px;
    }


    .j2v-imperatives-container {
        max-width: calc(100% - 26px);
    }


    .j2v-imperatives-heading {
        margin-bottom: 35px;
    }


    .j2v-imperatives-eyebrow {
        font-size: 9px;

        letter-spacing: 1.5px;
    }


    .j2v-imperatives-heading h2 {
        font-size: 33px;

        line-height: 1.08;

        letter-spacing: -1px;
    }


    .j2v-imperatives-list {
        gap: 16px;
    }


    .j2v-imperative-item {
        min-height: 125px;

        padding:
            23px 35px
            23px 82px;

        clip-path:
            polygon(
                0 0,
                calc(100% - 24px) 0,
                100% 50%,
                calc(100% - 24px) 100%,
                0 100%,
                24px 50%
            );
    }


    .j2v-imperative-number {
        left: 12px;

        width: 58px;

        height: 58px;

        border-width: 4px;

        font-size: 17px;
    }


    .j2v-imperative-content {
        padding-left: 7px;
    }


    .j2v-imperative-content h3 {
        margin-bottom: 6px;

        font-size: 19px;

        letter-spacing: -0.3px;
    }


    .j2v-imperative-content p {
        font-size: 12px;

        line-height: 1.4;
    }


    .j2v-imperative-item::after {
        left: 60px;

        width: 45px;

        height: 2px;
    }


    .j2v-imperatives-bottom {
        margin-top: 35px;

        display: block;
    }


    .j2v-imperatives-bottom-line {
        display: none;
    }


    .j2v-imperatives-bottom p {
        white-space: normal;

        font-size: 13px;

        line-height: 1.5;
    }

}


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

@media (max-width: 380px) {

    .j2v-imperatives-heading h2 {
        font-size: 29px;
    }


    .j2v-imperative-item {
        min-height: 118px;

        padding:
            22px 28px
            22px 72px;
    }


    .j2v-imperative-number {
        left: 9px;

        width: 54px;

        height: 54px;

        font-size: 15px;
    }


    .j2v-imperative-content {
        padding-left: 5px;
    }


    .j2v-imperative-content h3 {
        font-size: 17px;
    }


    .j2v-imperative-content p {
        font-size: 11px;
    }


    .j2v-imperative-item::after {
        left: 52px;

        width: 40px;
    }

}

/* =========================================================
   J2V ATTENDEE PROFILE
========================================================= */

.j2v-attendee-section {
    position: relative;

    width: 100%;

    padding: 50px 0 60px;

    background: #F2F5F7;

    overflow: hidden;
}


/* =========================================================
   CONTAINER
========================================================= */

.j2v-attendee-container {
    width: 1300px;

    margin: 0 auto;

    position: relative;

    z-index: 2;
}


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

.j2v-attendee-heading {

    margin: 0 auto 60px;

    text-align: center;
}


.j2v-attendee-eyebrow {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    margin-bottom: 10px;

    font-size: 11px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 2px;

    color: #C18310;
}


.j2v-attendee-eyebrow span {
    width: 28px;

    height: 2px;

    display: block;

    background:
        linear-gradient(
            90deg,
            #C18310,
            #EFC56B
        );
}


.j2v-attendee-heading h2 {
    margin: 0;


    font-size: 40px;

    line-height: 1.05;

    font-weight: 800;

    letter-spacing: 1px;

    color: #0B273C;
}


.j2v-attendee-heading h2 span {
    color: #C18310;
}


.j2v-attendee-heading > p {
    max-width: 760px;

    margin: 25px auto 0;

    font-family: "Roboto", sans-serif;

    font-size: 16px;

    line-height: 1.7;

    color: #66727D;
}


/* =========================================================
   PROFILE GRID
   5 COLUMNS DESKTOP
========================================================= */

.j2v-attendee-grid {
    display: grid;

    grid-template-columns:
        repeat(5, 1fr);

    gap: 18px;
}


/* =========================================================
   PROFILE CARD
========================================================= */

.j2v-attendee-card {
    position: relative;

    min-height: 250px;

    padding: 25px 23px 22px;

    display: flex;

    flex-direction: column;

    background: #FFFFFF;

    border: 1px solid #D9E1E7;

    border-radius: 14px;

    overflow: hidden;
	margin-bottom: 30px;

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


.j2v-attendee-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    height: 4px;

    background:
        linear-gradient(
            90deg,
            #C18310,
            #EFC56B
        );
}


.j2v-attendee-card:hover {
    transform: translateY(-7px);

    border-color: rgba(193,131,16,0.55);

    box-shadow:
        0 18px 40px rgba(6,17,27,0.12);
}


/* =========================================================
   CARD TOP
========================================================= */

.j2v-attendee-top {
    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 24px;
}


.j2v-attendee-number {

    font-size: 11px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 1px;

    color: #C18310;
}


.j2v-attendee-line {
    flex: 1;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            #D9E1E7,
            transparent
        );
}


/* =========================================================
   ICON / NUMBER MARK
========================================================= */

.j2v-attendee-icon {
    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 22px;

    border-radius: 50%;

    background: #0B273C;

    border:
        1px solid rgba(217,162,27,0.55);

    box-shadow:
        0 7px 18px rgba(6,17,27,0.12);
}


.j2v-attendee-icon span {

    font-size: 13px;

    line-height: 1;

    font-weight: 800;

    color: #FFFFFF;
}


/* =========================================================
   CARD TITLE
========================================================= */

.j2v-attendee-card h3 {
    margin: 0 0 13px;

    font-size: 18px;

    line-height: 1.12;

    font-weight: 700;

    letter-spacing: 1px;

    color: #0B273C;
}


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

.j2v-attendee-card p {
    margin: 0;

    font-family: "Roboto", sans-serif;

    font-size: 12.5px;

    line-height: 1.6;

    color: #66727D;
}


/* =========================================================
   CARD FOOTER LABEL
========================================================= */

.j2v-attendee-bottom {
    margin-top: auto;

    padding-top: 22px;
}


.j2v-attendee-bottom span {
    display: inline-block;

    padding: 6px 9px;

    border-radius: 4px;

    background: #F2F5F7;

    font-size: 8px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 1px;

    color: #0B273C;
}


/* =========================================================
   ALTERNATING CARD ACCENTS
========================================================= */

.j2v-attendee-card:nth-child(2n) .j2v-attendee-icon {
    background: #063B61;
}


.j2v-attendee-card:nth-child(3n) .j2v-attendee-icon {
    background: #C18310;
}


.j2v-attendee-card:nth-child(5n) .j2v-attendee-icon {
    background: #06111B;
}


.j2v-attendee-card:nth-child(3n) .j2v-attendee-bottom span {
    color: #C18310;
}


/* =========================================================
   CLOSING STATEMENT
========================================================= */

.j2v-attendee-closing {
    display: flex;

    align-items: center;

    gap: 25px;

    margin-top: 55px;
}


.j2v-attendee-closing-line {
    flex: 1;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(193,131,16,0.45)
        );
}


.j2v-attendee-closing-line:last-child {
    background:
        linear-gradient(
            90deg,
            rgba(193,131,16,0.45),
            transparent
        );
}


.j2v-attendee-closing p {
    margin: 0;

    white-space: nowrap;

    font-family: "Inter Tight", sans-serif;

    font-size: 14px;

    line-height: 1.4;

    color: #66727D;
}


.j2v-attendee-closing strong {
    color: #0B273C;

    font-weight: 800;
}


/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1250px) {

    .j2v-attendee-container {
        max-width: calc(100% - 50px);
    }

    .j2v-attendee-grid {
        gap: 14px;
    }

    .j2v-attendee-card {
        padding-left: 18px;
        padding-right: 18px;
    }

    .j2v-attendee-card h3 {
        font-size: 18px;
    }

    .j2v-attendee-card p {
        font-size: 11.5px;
    }

}


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

@media (max-width: 1000px) {

    .j2v-attendee-section {
        padding: 80px 0 85px;
    }

    .j2v-attendee-heading {
        margin-bottom: 45px;
    }

    .j2v-attendee-heading h2 {
        font-size: 44px;
    }

    .j2v-attendee-grid {
        grid-template-columns:
            repeat(2, 1fr);

        gap: 18px;
    }

    .j2v-attendee-card {
        min-height: 320px;

        padding: 24px;
    }

    .j2v-attendee-card h3 {
        font-size: 21px;
    }

    .j2v-attendee-card p {
        font-size: 13px;
    }

}


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

@media (max-width: 600px) {

    .j2v-attendee-section {
        padding: 65px 0 70px;
    }

    .j2v-attendee-container {
        max-width: calc(100% - 28px);
    }

    .j2v-attendee-heading {
        margin-bottom: 35px;
    }

    .j2v-attendee-eyebrow {
        font-size: 9px;

        letter-spacing: 1.5px;
    }

    .j2v-attendee-heading h2 {
        font-size: 33px;

        line-height: 1.08;

        letter-spacing: -1px;
    }

    .j2v-attendee-heading > p {
        margin-top: 18px;

        font-size: 14px;

        line-height: 1.6;
    }

    .j2v-attendee-grid {
        grid-template-columns: 1fr;

        gap: 14px;
    }

    .j2v-attendee-card {
        min-height: 285px;

        padding: 23px;
    }

    .j2v-attendee-card h3 {
        font-size: 21px;
    }

    .j2v-attendee-card p {
        font-size: 13px;
    }

    .j2v-attendee-closing {
        display: block;

        margin-top: 35px;
    }

    .j2v-attendee-closing-line {
        display: none;
    }

    .j2v-attendee-closing p {
        white-space: normal;

        text-align: center;

        font-size: 13px;

        line-height: 1.5;
    }

}


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

@media (max-width: 380px) {

    .j2v-attendee-heading h2 {
        font-size: 29px;
    }

    .j2v-attendee-card {
        min-height: 275px;

        padding: 21px;
    }

    .j2v-attendee-card h3 {
        font-size: 19px;
    }

}

/* =========================================================
   J2V CALL FOR PAPERS
========================================================= */

.j2v-papers-section {
    position: relative;

    width: 100%;

    padding: 50px 0 60px;

    background: #F2F5F7;

    overflow: hidden;
}


/* =========================================================
   CONTAINER
========================================================= */

.j2v-papers-container {
    width: 1300px;

    margin: 0 auto;

    position: relative;

    z-index: 2;
}


/* =========================================================
   MAIN GRID — 60 : 40
========================================================= */

.j2v-papers-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 3fr)
        minmax(420px, 2fr);

    gap: 45px;

    align-items: start;
}


/* =========================================================
   LEFT CONTENT
========================================================= */

.j2v-papers-content {
    min-width: 0;
}


/* =========================================================
   EYEBROW
========================================================= */

.j2v-papers-eyebrow {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 10px;

    font-size: 11px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 2px;

    color: #C18310;
}


.j2v-papers-eyebrow span {
    width: 32px;

    height: 2px;

    display: block;

    background:
        linear-gradient(
            90deg,
            #C18310,
            #EFC56B
        );
}


/* =========================================================
   MAIN TITLE
========================================================= */

.j2v-papers-title {
    margin: 0;

    font-size: 40px;

    line-height: 0.98;

    font-weight: 800;

    letter-spacing: 1px;

    color: #0B273C;
}


.j2v-papers-title span {

    color: #C18310;
}


/* =========================================================
   KICKER
========================================================= */

.j2v-papers-kicker {
    margin-top: 24px;

    font-size: 18px;

    line-height: 1.4;

    font-weight: 800;

    letter-spacing: 0.2px;

    color: #063B61;
}


/* =========================================================
   INTRO
========================================================= */

.j2v-papers-intro {
    max-width: 850px;

    margin: 22px 0 0;

    font-family: "Roboto", sans-serif;

    font-size: 15px;

    line-height: 1.75;

    color: #66727D;
}


/* =========================================================
   CONTENT BLOCK
========================================================= */

.j2v-papers-block {
    margin-top: 52px;
}


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

.j2v-papers-block-heading {
    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 25px;
}


.j2v-papers-block-heading > span {
    width: 36px;

    height: 36px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 50%;

    background: #0B273C;

    font-family: "Inter Tight", sans-serif;

    font-size: 11px;

    font-weight: 800;

    color: #FFFFFF;

    box-shadow:
        0 0 0 4px rgba(193,131,16,0.12);
}


.j2v-papers-block-heading h3 {
    margin: 0;

    font-family: "Inter Tight", sans-serif;

    font-size: 25px;

    line-height: 1.2;

    font-weight: 800;

    color: #0B273C;
}


/* =========================================================
   RECOMMENDED TRACKS
========================================================= */

.j2v-papers-tracks {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 14px;
}


.j2v-papers-track {
    position: relative;

    display: grid;

    grid-template-columns: 36px minmax(0, 1fr);

    gap: 12px;

    padding: 19px 18px;

    background: #FFFFFF;

    border: 1px solid #D9E1E7;

    border-radius: 10px;

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


.j2v-papers-track:hover {
    transform: translateY(-4px);

    border-color:
        rgba(193,131,16,0.55);

    box-shadow:
        0 12px 30px rgba(6,17,27,0.08);
}


/* TRACK NUMBER */

.j2v-papers-track-number {
    width: 34px;

    height: 34px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #F2F5F7;

    border: 1px solid #D9A21B;

    font-family: "Inter Tight", sans-serif;

    font-size: 10px;

    font-weight: 800;

    color: #C18310;
}


/* TRACK TITLE */

.j2v-papers-track h4 {
    margin: 1px 0 7px;

    font-family: "Inter Tight", sans-serif;

    font-size: 15px;

    line-height: 1.25;

    font-weight: 800;

    color: #0B273C;
}


/* TRACK DESCRIPTION */

.j2v-papers-track p {
    margin: 0;

    font-family: "Roboto", sans-serif;

    font-size: 11px;

    line-height: 1.55;

    color: #66727D;
}


/* =========================================================
   SUBMISSION CATEGORIES
========================================================= */

.j2v-papers-categories {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 12px;
}


.j2v-papers-categories > div {
    padding: 19px 20px;

    background: #FFFFFF;

    border-left:
        3px solid #C18310;

    border-top:
        1px solid #D9E1E7;

    border-right:
        1px solid #D9E1E7;

    border-bottom:
        1px solid #D9E1E7;

    border-radius: 7px;
}


.j2v-papers-categories > div:last-child {
    grid-column: span 2;
}


/* CATEGORY TITLE */

.j2v-papers-categories strong {
    display: block;

    margin-bottom: 7px;

    font-family: "Inter Tight", sans-serif;

    font-size: 14px;

    line-height: 1.25;

    font-weight: 800;

    color: #0B273C;
}


/* CATEGORY TEXT */

.j2v-papers-categories p {
    margin: 0;

    font-family: "Roboto", sans-serif;

    font-size: 12px;

    line-height: 1.55;

    color: #66727D;
}


/* =========================================================
   EVALUATION CRITERIA
========================================================= */

.j2v-papers-evaluation {
    position: relative;

    margin-top: 52px;

    padding: 28px 30px;

    background:
        linear-gradient(
            135deg,
            #06111B 0%,
            #0B273C 70%,
            #063B61 100%
        );

    border-radius: 12px;

    overflow: hidden;
}


.j2v-papers-evaluation::after {
    content: "";

    position: absolute;

    width: 180px;

    height: 180px;

    right: -70px;

    bottom: -90px;

    border-radius: 50%;

    border:
        1px solid rgba(217,162,27,0.3);
}


.j2v-papers-evaluation
.j2v-papers-block-heading {
    position: relative;

    z-index: 2;

    margin-bottom: 16px;
}


.j2v-papers-evaluation
.j2v-papers-block-heading h3 {
    color: #FFFFFF;
}


.j2v-papers-evaluation
.j2v-papers-block-heading > span {
    background: #C18310;

    box-shadow: none;
}


.j2v-papers-evaluation > p {
    position: relative;

    z-index: 2;

    margin: 0;

    font-family: "Roboto", sans-serif;

    font-size: 13px;

    line-height: 1.7;

    color: #C4CED6;
}


/* =========================================================
   FORM COLUMN
========================================================= */

.j2v-papers-form-column {
    position: sticky;

    top: 110px;

    min-width: 0;
}


/* =========================================================
   FORM CARD
========================================================= */

.j2v-papers-form-card {
    position: relative;

    width: 100%;

    padding: 42px 30px 32px;

    background:
        linear-gradient(
            145deg,
            #06111B 0%,
            #0B273C 65%,
            #063B61 100%
        );

    border-radius: 18px;

    border:
        1px solid rgba(217,162,27,0.30);

    box-shadow:
        0 25px 60px rgba(6,17,27,0.16);

    overflow: hidden;
}


.j2v-papers-form-card::before {
    content: "";

    position: absolute;

    width: 360px;

    height: 360px;

    right: -180px;

    top: -180px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(217,162,27,0.16),
            transparent 68%
        );

    pointer-events: none;
}


/* =========================================================
   FORM ACCENT
========================================================= */

.j2v-papers-form-accent {
    position: absolute;

    top: 0;

    left: 30px;

    width: 95px;

    height: 5px;

    background:
        linear-gradient(
            90deg,
            #C18310,
            #EFC56B
        );

    border-radius:
        0 0 6px 6px;
}


/* =========================================================
   FORM EYEBROW
========================================================= */

.j2v-papers-form-eyebrow {
    position: relative;

    z-index: 2;

    margin-bottom: 14px;

    font-family: "Inter Tight", sans-serif;

    font-size: 10px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 1.8px;

    color: #EFC56B;
}


/* =========================================================
   FORM TITLE
========================================================= */

.j2v-papers-form-card h3 {
    position: relative;

    z-index: 2;

    margin: 0;

    font-family: "Inter Tight", sans-serif;

    font-size: 40px;

    line-height: 1.02;

    font-weight: 800;

    letter-spacing: -1.5px;

    color: #FFFFFF;
}


.j2v-papers-form-card h3 span {
    display: block;

    color: #D9A21B;
}


/* =========================================================
   FORM INTRO
========================================================= */

.j2v-papers-form-intro {
    position: relative;

    z-index: 2;

    max-width: 500px;

    margin: 18px 0 25px;

    font-family: "Roboto", sans-serif;

    font-size: 13px;

    line-height: 1.6;

    color: #C4CED6;
}


/* =========================================================
   ZOHO FORM AREA
========================================================= */

.j2v-papers-zoho-form {
    position: relative;

    z-index: 2;

    width: 100%;

    min-height: 500px;

    background: #FFFFFF;

    border-radius: 10px;

    overflow: hidden;
}


/* ACTUAL ZOHO IFRAME */

.j2v-papers-zoho-form iframe {
    display: block;

    width: 100%;

    min-height: 700px;

    border: 0;

    margin: 0;

    padding: 0;
}


/* =========================================================
   TEMPORARY FORM PLACEHOLDER
========================================================= */

.j2v-papers-form-placeholder {
    min-height: 500px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    padding: 30px;

    text-align: center;

    background: #FFFFFF;
}


.j2v-papers-placeholder-icon {
    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 15px;

    border-radius: 50%;

    background: #0B273C;

    color: #D9A21B;

    font-family: "Inter Tight", sans-serif;

    font-size: 24px;

    font-weight: 400;
}


.j2v-papers-form-placeholder p {
    margin: 0 0 7px;

    font-family: "Inter Tight", sans-serif;

    font-size: 15px;

    font-weight: 800;

    color: #0B273C;
}


.j2v-papers-form-placeholder span {
    max-width: 240px;

    font-family: "Roboto", sans-serif;

    font-size: 11px;

    line-height: 1.5;

    color: #66727D;
}


/* =========================================================
   FORM NOTE
========================================================= */

.j2v-papers-form-note {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: flex-start;

    gap: 10px;

    margin-top: 20px;
}


.j2v-papers-form-note > span {
    width: 7px;

    height: 7px;

    flex-shrink: 0;

    margin-top: 5px;

    border-radius: 50%;

    background: #D9A21B;

    box-shadow:
        0 0 0 4px rgba(217,162,27,0.10);
}


.j2v-papers-form-note p {
    margin: 0;

    font-family: "Roboto", sans-serif;

    font-size: 10px;

    line-height: 1.5;

    color: #8D9BA7;
}


/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1200px) {

    .j2v-papers-container {
        max-width: calc(100% - 50px);
    }


    .j2v-papers-grid {
        grid-template-columns:
            minmax(0, 3fr)
            minmax(360px, 2fr);

        gap: 30px;
    }


    .j2v-papers-form-card {
        padding-left: 25px;

        padding-right: 25px;
    }


    .j2v-papers-form-accent {
        left: 25px;
    }


    .j2v-papers-title {
        font-size: 58px;
    }

}


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

@media (max-width: 950px) {

    .j2v-papers-section {
        padding: 80px 0 90px;
    }


    .j2v-papers-grid {
        grid-template-columns: 1fr;

        gap: 55px;
    }


    /* FORM FIRST */

    .j2v-papers-form-column {
        order: 1;

        position: relative;

        top: auto;
    }


    /* CONTENT SECOND */

    .j2v-papers-content {
        order: 2;
    }


    .j2v-papers-form-card {
        width: 100%;

        max-width: 720px;

        margin: 0 auto;
    }


    .j2v-papers-title {
        font-size: 55px;
    }

}


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

@media (max-width: 600px) {

    .j2v-papers-section {
        padding: 65px 0 75px;
    }


    .j2v-papers-container {
        max-width: calc(100% - 28px);
    }


    .j2v-papers-grid {
        gap: 45px;
    }


    /* TITLE */

    .j2v-papers-title {
        font-size: 39px;

        line-height: 1;

        letter-spacing: -1.5px;
    }


    .j2v-papers-kicker {
        font-size: 16px;

        margin-top: 18px;
    }


    .j2v-papers-intro {
        font-size: 14px;

        line-height: 1.65;
    }


    /* BLOCK */

    .j2v-papers-block {
        margin-top: 40px;
    }


    .j2v-papers-block-heading {
        gap: 11px;
    }


    .j2v-papers-block-heading h3 {
        font-size: 21px;
    }


    /* =====================================================
       FORM
    ===================================================== */

    .j2v-papers-form-card {
        padding: 40px 20px 25px;

        border-radius: 14px;
    }


    .j2v-papers-form-accent {
        left: 20px;

        width: 75px;
    }


    .j2v-papers-form-card h3 {
        font-size: 31px;

        letter-spacing: -1px;
    }


    .j2v-papers-form-intro {
        font-size: 12.5px;

        margin-bottom: 22px;
    }


    .j2v-papers-zoho-form {
        min-height: 450px;
    }


    .j2v-papers-zoho-form iframe {
        min-height: 700px;
    }


    /* =====================================================
       TRACKS
    ===================================================== */

    .j2v-papers-tracks {
        grid-template-columns: 1fr;

        gap: 12px;
    }


    .j2v-papers-track {
        padding: 18px 16px;

        grid-template-columns:
            34px minmax(0, 1fr);

        gap: 11px;
    }


    .j2v-papers-track-number {
        width: 32px;

        height: 32px;
    }


    .j2v-papers-track h4 {
        font-size: 14px;
    }


    .j2v-papers-track p {
        font-size: 11px;

        line-height: 1.55;
    }


    /* =====================================================
       SUBMISSION CATEGORIES
    ===================================================== */

    .j2v-papers-categories {
        grid-template-columns: 1fr;

        gap: 10px;
    }


    .j2v-papers-categories > div:last-child {
        grid-column: auto;
    }


    .j2v-papers-categories > div {
        padding: 17px 18px;
    }


    /* =====================================================
       EVALUATION
    ===================================================== */

    .j2v-papers-evaluation {
        margin-top: 40px;

        padding: 23px 20px;
    }


    .j2v-papers-evaluation > p {
        font-size: 12px;

        line-height: 1.65;
    }


    /* =====================================================
       FORM NOTE
    ===================================================== */

    .j2v-papers-form-note p {
        font-size: 10px;
    }

}


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

@media (max-width: 380px) {

    .j2v-papers-title {
        font-size: 34px;
    }


    .j2v-papers-form-card h3 {
        font-size: 28px;
    }


    .j2v-papers-track {
        grid-template-columns:
            32px minmax(0, 1fr);

        gap: 10px;
    }


    .j2v-papers-track-number {
        width: 30px;

        height: 30px;

        font-size: 9px;
    }


    .j2v-papers-track h4 {
        font-size: 13.5px;
    }


    .j2v-papers-track p {
        font-size: 10.5px;
    }

}

/* =========================================================
   J2V INDUSTRY SECTORS
   COMPLETE UPDATED CSS
   ISOLATED CLASS SYSTEM
========================================================= */

.j2v-industry-sector-section {
    position: relative;
    width: 100%;
    padding: 50px 0 60px;
    background: #F2F5F7;
    overflow: hidden;
}


/* =========================================================
   CONTAINER
========================================================= */

.j2v-industry-sector-container {
    position: relative;
    width: 1300px;
    margin: 0 auto;
    z-index: 2;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.j2v-industry-sector-header {
    margin: 0 auto 65px;
    text-align: center;
}


/* =========================================================
   EYEBROW
========================================================= */

.j2v-industry-sector-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    margin-bottom: 10px;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 2.2px;

    color: #C18310;
}


.j2v-industry-sector-eyebrow-line {
    width: 35px;
    height: 2px;
    display: block;

    background:
        linear-gradient(
            90deg,
            #C18310,
            #EFC56B
        );

    border-radius: 10px;
}


/* =========================================================
   MAIN TITLE
========================================================= */

.j2v-industry-sector-title {
    margin: 0;
    font-size: 40px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1px;

    color: #0B273C;
}


.j2v-industry-sector-title span {
    color: #C18310;
}


/* =========================================================
   INTRO
========================================================= */

.j2v-industry-sector-intro {
    max-width: 760px;

    margin: 25px auto 0;

    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 400;

    color: #66727D;
}


/* =========================================================
   SECTOR GRID
========================================================= */

.j2v-industry-sector-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 26px;
}


/* =========================================================
   SECTOR CARD
========================================================= */

.j2v-industry-sector-card {
    position: relative;

    min-width: 0;
    min-height: 420px;

    display: flex;
    flex-direction: column;

    padding: 30px 30px 28px;

    background: #FFFFFF;

    border: 1px solid #D9E1E7;

    border-radius: 16px;

    overflow: hidden;

    box-shadow:
        0 12px 35px rgba(6,17,27,0.055);

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


/* =========================================================
   SUBTLE HOVER GLOW
========================================================= */

.j2v-industry-sector-card::before {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    right: -160px;
    bottom: -170px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(217,162,27,0.20) 0%,
            rgba(217,162,27,0) 70%
        );

    opacity: 0;

    transition:
        opacity 0.45s ease;

    pointer-events: none;
}


/* =========================================================
   TOP ROW
========================================================= */

.j2v-industry-sector-top {
    position: relative;
    z-index: 2;

    display: flex;

    align-items: center;
    justify-content: space-between;

    margin-bottom: 28px;
}


/* =========================================================
   NUMBER
========================================================= */

.j2v-industry-sector-number {
    width: 50px;
    height: 50px;

    display: flex;

    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border-radius: 50%;

    background: #0B273C;

    border: 2px solid #FFFFFF;

    box-shadow:
        0 0 0 4px rgba(217,162,27,0.22);

    font-family: "Inter Tight", sans-serif;

    font-size: 12px;
    line-height: 1;
    font-weight: 800;

    color: #FFFFFF;

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


/* =========================================================
   ARROW
========================================================= */

.j2v-industry-sector-arrow {
    width: 38px;
    height: 38px;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 1px solid #D9E1E7;

    border-radius: 50%;

    font-family: Arial, sans-serif;

    font-size: 18px;
    line-height: 1;

    color: #C18310;

    transition:
        background 0.4s ease,
        border-color 0.4s ease,
        color 0.4s ease,
        transform 0.4s ease;
}


/* =========================================================
   GOLD ACCENT
========================================================= */

.j2v-industry-sector-accent {
    position: relative;
    z-index: 2;

    width: 52px;
    height: 3px;

    margin-bottom: 22px;

    background:
        linear-gradient(
            90deg,
            #C18310,
            #EFC56B
        );

    border-radius: 10px;

    transition:
        width 0.45s ease;
}


/* =========================================================
   CONTENT
========================================================= */

.j2v-industry-sector-content {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;

    flex: 1;
}


/* =========================================================
   SECTOR LABEL
========================================================= */

.j2v-industry-sector-label {
    margin-bottom: 12px;

    font-family: "Inter Tight", sans-serif;

    font-size: 10px;
    line-height: 1;

    font-weight: 800;

    letter-spacing: 1.8px;

    color: #C18310;

    transition:
        color 0.4s ease;
}


/* =========================================================
   CARD TITLE
========================================================= */

.j2v-industry-sector-content h3 {
    margin: 0;

    font-family: "Inter Tight", sans-serif;

    font-size: 26px;

    line-height: 1.08;

    font-weight: 800;

    letter-spacing: -0.8px;

    color: #0B273C;

    transition:
        color 0.4s ease;
}


.j2v-industry-sector-content h3 span {
    display: block;

    color: #075B91;

    transition:
        color 0.4s ease;
}


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

.j2v-industry-sector-content > p {
    margin: 18px 0 25px;

    font-family: "Roboto", sans-serif;

    font-size: 12px;

    line-height: 1.7;

    font-weight: 400;

    color: #66727D;

    transition:
        color 0.4s ease;
}


/* =========================================================
   FOCUS AREA PILLS
========================================================= */

.j2v-industry-sector-focus {
    display: flex;

    flex-wrap: wrap;

    gap: 7px;

    margin-top: auto;
}


.j2v-industry-sector-focus span {
    display: inline-flex;

    align-items: center;

    min-height: 28px;

    padding: 6px 10px;

    border-radius: 50px;

    background: #F2F5F7;

    border: 1px solid #D9E1E7;

    font-family: "Inter Tight", sans-serif;

    font-size: 9px;

    line-height: 1;

    font-weight: 700;

    color: #0B273C;

    transition:
        background 0.4s ease,
        border-color 0.4s ease,
        color 0.4s ease;
}


/* =========================================================
   CARD HOVER
========================================================= */

.j2v-industry-sector-card:hover {

    transform: translateY(-8px);

    background:
        linear-gradient(
            145deg,
            #06111B 0%,
            #0B273C 62%,
            #063B61 100%
        );

    border-color:
        rgba(217,162,27,0.55);

    box-shadow:
        0 25px 55px rgba(6,17,27,0.20);
}


.j2v-industry-sector-card:hover::before {
    opacity: 1;
}


/* =========================================================
   NUMBER — HOVER
========================================================= */

.j2v-industry-sector-card:hover
.j2v-industry-sector-number {

    background: #D9A21B;

    color: #06111B;

    box-shadow:
        0 0 0 4px rgba(217,162,27,0.18);

    transform: scale(1.04);
}


/* =========================================================
   ARROW — HOVER
========================================================= */

.j2v-industry-sector-card:hover
.j2v-industry-sector-arrow {

    background: #D9A21B;

    border-color: #D9A21B;

    color: #06111B;

    transform: rotate(45deg);
}


/* =========================================================
   ACCENT — HOVER
========================================================= */

.j2v-industry-sector-card:hover
.j2v-industry-sector-accent {

    width: 90px;
}


/* =========================================================
   LABEL — HOVER
========================================================= */

.j2v-industry-sector-card:hover
.j2v-industry-sector-label {

    color: #EFC56B;
}


/* =========================================================
   TITLE — HOVER
========================================================= */

.j2v-industry-sector-card:hover
.j2v-industry-sector-content h3 {

    color: #FFFFFF;
}


.j2v-industry-sector-card:hover
.j2v-industry-sector-content h3 span {

    color: #D9A21B;
}


/* =========================================================
   DESCRIPTION — HOVER
========================================================= */

.j2v-industry-sector-card:hover
.j2v-industry-sector-content > p {

    color: #C4CED6;
}


/* =========================================================
   FOCUS PILLS — HOVER
========================================================= */

.j2v-industry-sector-card:hover
.j2v-industry-sector-focus span {

    background:
        rgba(255,255,255,0.06);

    border-color:
        rgba(255,255,255,0.16);

    color: #FFFFFF;
}


/* =========================================================
   CLOSING STATEMENT
========================================================= */

.j2v-industry-sector-closing {

    display: grid;

    grid-template-columns:
        1fr auto 1fr;

    align-items: center;

    gap: 28px;

    margin-top: 70px;
}


/* =========================================================
   CLOSING LINES
========================================================= */

.j2v-industry-sector-closing-line {

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(193,131,16,0.55)
        );
}


.j2v-industry-sector-closing-line:last-child {

    background:
        linear-gradient(
            90deg,
            rgba(193,131,16,0.55),
            transparent
        );
}


/* =========================================================
   CLOSING CONTENT
========================================================= */

.j2v-industry-sector-closing-content {

    text-align: center;
}


.j2v-industry-sector-closing-content span {

    display: block;

    margin-bottom: 8px;

    font-family: "Inter Tight", sans-serif;

    font-size: 9px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: 2px;

    color: #66727D;
}


.j2v-industry-sector-closing-content strong {

    display: block;

    font-family: "Inter Tight", sans-serif;

    font-size: 18px;

    line-height: 1.2;

    font-weight: 800;

    color: #0B273C;
}


.j2v-industry-sector-closing-content em {

    font-style: normal;

    color: #C18310;
}


/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1200px) {

    .j2v-industry-sector-container {

        max-width:
            calc(100% - 50px);
    }


    .j2v-industry-sector-grid {

        gap: 20px;
    }


    .j2v-industry-sector-card {

        padding:
            27px 25px 25px;
    }


    .j2v-industry-sector-content h3 {

        font-size: 23px;
    }

}


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

@media (max-width: 991px) {

    .j2v-industry-sector-section {

        padding:
            85px 0 95px;
    }


    .j2v-industry-sector-header {

        margin-bottom: 50px;
    }


    .j2v-industry-sector-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 20px;
    }


    .j2v-industry-sector-card {

        min-height: 400px;
    }


    .j2v-industry-sector-closing {

        margin-top: 55px;
    }

}


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

@media (max-width: 650px) {

    .j2v-industry-sector-section {

        padding:
            65px 0 75px;
    }


    .j2v-industry-sector-container {

        max-width:
            calc(100% - 28px);
    }


    .j2v-industry-sector-header {

        margin-bottom: 38px;
    }


    /* EYEBROW */

    .j2v-industry-sector-eyebrow {

        font-size: 9px;

        letter-spacing: 1.6px;

        gap: 9px;
    }


    .j2v-industry-sector-eyebrow-line {

        width: 22px;
    }


    /* TITLE */

    .j2v-industry-sector-title {

        font-size: 40px;

        line-height: 1.02;

        letter-spacing: -1.7px;
    }


    /* INTRO */

    .j2v-industry-sector-intro {

        margin-top: 18px;

        font-size: 13px;

        line-height: 1.65;
    }


    /* GRID */

    .j2v-industry-sector-grid {

        grid-template-columns: 1fr;

        gap: 16px;
    }


    /* CARD */

    .j2v-industry-sector-card {

        min-height: auto;

        padding:
            25px 22px 24px;

        border-radius: 13px;
    }


    /* TOP */

    .j2v-industry-sector-top {

        margin-bottom: 25px;
    }


    /* NUMBER */

    .j2v-industry-sector-number {

        width: 45px;

        height: 45px;
    }


    /* ARROW */

    .j2v-industry-sector-arrow {

        width: 35px;

        height: 35px;

        font-size: 16px;
    }


    /* ACCENT */

    .j2v-industry-sector-accent {

        margin-bottom: 19px;
    }


    /* TITLE */

    .j2v-industry-sector-content h3 {

        font-size: 24px;

        line-height: 1.08;
    }


    /* DESCRIPTION */

    .j2v-industry-sector-content > p {

        font-size: 12px;

        line-height: 1.65;

        margin-top: 16px;

        margin-bottom: 22px;
    }


    /* PILLS */

    .j2v-industry-sector-focus span {

        font-size: 8.5px;

        padding:
            6px 9px;
    }


    /* CLOSING */

    .j2v-industry-sector-closing {

        display: block;

        margin-top: 45px;
    }


    .j2v-industry-sector-closing-line {

        display: none;
    }


    .j2v-industry-sector-closing-content {

        padding-top: 22px;

        border-top:
            1px solid rgba(193,131,16,0.4);
    }


    .j2v-industry-sector-closing-content span {

        font-size: 8px;

        letter-spacing: 1.4px;

        line-height: 1.5;
    }


    .j2v-industry-sector-closing-content strong {

        font-size: 16px;

        line-height: 1.35;
    }

}


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

@media (max-width: 380px) {

    .j2v-industry-sector-section {

        padding:
            55px 0 65px;
    }


    .j2v-industry-sector-title {

        font-size: 35px;

        letter-spacing: -1.4px;
    }


    .j2v-industry-sector-card {

        padding:
            23px 18px 22px;
    }


    .j2v-industry-sector-number {

        width: 42px;

        height: 42px;

        font-size: 11px;
    }


    .j2v-industry-sector-content h3 {

        font-size: 21px;
    }


    .j2v-industry-sector-content > p {

        font-size: 11px;
    }


    .j2v-industry-sector-focus {

        gap: 6px;
    }


    .j2v-industry-sector-focus span {

        font-size: 8px;

        padding:
            5px 8px;
    }


    .j2v-industry-sector-closing-content strong {

        font-size: 14px;
    }

}

/* =========================================================
   J2V INDIA
   CONTACT US SECTION
   ========================================================= */

.j2v-contact-section {
    position: relative;
    width: 100%;
    padding: 50px 60px;
    background: #F2F5F7;
    overflow: hidden;
}


/* =========================================================
   MAIN CONTAINER
   ========================================================= */

.j2v-contact-container {
    position: relative;
    z-index: 2;

    width: 1300px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 0.95fr 1.05fr;

    gap: 65px;

    align-items: stretch;
}


/* =========================================================
   LEFT CONTACT PANEL
   ========================================================= */

.j2v-contact-info {
    position: relative;

    min-height: 700px;

    background:
        linear-gradient(
            145deg,
            #06111B 0%,
            #08222E 48%,
            #061A25 100%
        );

    border-radius: 15px;

    overflow: hidden;

    box-shadow:
        0 25px 60px rgba(6, 17, 27, 0.16);
}


/* subtle inner border */

.j2v-contact-info::before {
    content: "";

    position: absolute;

    inset: 0;

    border: 1px solid rgba(255,255,255,0.07);

    border-radius: 15px;

    pointer-events: none;

    z-index: 5;
}


/* =========================================================
   TOP GOLD ACCENT
   ========================================================= */

.j2v-contact-top-accent {
    position: absolute;

    top: 0;
    left: 35px;

    width: 75px;
    height: 3px;

    background: #D9A21B;

    border-radius: 0 0 3px 3px;

    z-index: 6;
}


/* =========================================================
   CONTACT INNER
   ========================================================= */

.j2v-contact-info-inner {
    position: relative;

    z-index: 4;

    padding: 42px 35px 100px;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.j2v-contact-eyebrow {
    display: flex;

    align-items: center;

    gap: 11px;

    margin-bottom: 34px;

    font-size: 12px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 1.6px;

    color: #FFFFFF;
}


.j2v-contact-eyebrow-line {
    display: block;

    width: 27px;
    height: 2px;

    background: #D9A21B;
}


/* =========================================================
   CONTACT PERSON
   ========================================================= */

.j2v-contact-person {
    position: relative;

    padding-bottom: 25px;

    margin-bottom: 24px;

    border-bottom: 1px solid rgba(255,255,255,0.12);
}


.j2v-contact-person-content h3 {
    margin: 0 0 6px;

    font-size: 18px;

    line-height: 1.15;

    font-weight: 700;

    letter-spacing: 1px;

    color: #FFFFFF;
}


.j2v-contact-designation {
    display: block;

    margin-bottom: 22px;

    font-size: 12px;

    line-height: 1.4;

    font-weight: 600;

    letter-spacing: 1px;

    color: #00A9D6;
}


/* =========================================================
   PHONE / EMAIL DETAILS
   ========================================================= */

.j2v-contact-detail {
    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 14px;
}


.j2v-contact-detail:last-child {
    margin-bottom: 0;
}


/* icon circle */

.j2v-contact-detail-icon {
    flex: 0 0 36px;

    width: 36px;
    height: 36px;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 1px solid rgba(0,169,214,0.55);

    border-radius: 50%;

    color: #00A9D6;

    font-size: 15px;

    transition: all 0.3s ease;
}


.j2v-contact-detail:hover .j2v-contact-detail-icon {
    background: #00A9D6;

    border-color: #00A9D6;

    color: #06111B;
}


/* detail text */

.j2v-contact-detail-text {
    display: flex;

    flex-direction: column;

    gap: 4px;
}


.j2v-contact-detail-text small {
    display: block;

    font-family: "Inter Tight", sans-serif;

    font-size: 9px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 1.5px;

    color: #7D909D;
}


.j2v-contact-detail-text a {
    font-family: "Roboto", sans-serif;

    font-size: 13px;

    line-height: 1.3;

    font-weight: 500;

    color: #FFFFFF;

    text-decoration: none;

    transition: color 0.3s ease;
}


.j2v-contact-detail-text a:hover {
    color: #D9A21B;
}


/* =========================================================
   ADDRESS
   ========================================================= */

.j2v-contact-address {
    display: flex;

    align-items: flex-start;

    gap: 14px;

    margin-top: 4px;

    padding-top: 4px;
}


.j2v-contact-address-icon {
    flex: 0 0 36px;

    width: 36px;
    height: 36px;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 1px solid rgba(0,169,214,0.55);

    border-radius: 50%;

    color: #00A9D6;

    font-size: 18px;
}


.j2v-contact-address-content {
    padding-top: 2px;
}


.j2v-contact-address-content small {
    display: block;

    margin-bottom: 7px;

    font-family: "Inter Tight", sans-serif;

    font-size: 10px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 1.3px;

    color: #D9A21B;
}


.j2v-contact-address-content p {
    margin: 0;

    font-family: "Roboto", sans-serif;

    font-size: 13px;

    line-height: 1.7;

    color: #C4CED6;
}


/* =========================================================
   BOTTOM DECORATIVE LINES
   ========================================================= */

.j2v-contact-bottom-accent {
    position: absolute;

    left: 35px;
    bottom: 38px;

    display: flex;

    align-items: center;

    gap: 8px;

    z-index: 6;
}


.j2v-contact-bottom-accent span {
    display: block;

    height: 2px;

    border-radius: 2px;
}


.j2v-contact-bottom-blue {
    width: 46px;

    background: #00A9D6;
}


.j2v-contact-bottom-gold {
    width: 21px;

    background: #D9A21B;
}


.j2v-contact-bottom-green {
    width: 8px;

    background: #65A84A;
}


/* =========================================================
   BACKGROUND CIRCLE
   ========================================================= */

.j2v-contact-bg-circle {
    position: absolute;

    right: -75px;
    bottom: -75px;

    width: 210px;
    height: 210px;

    border-radius: 50%;

    background:
        rgba(0, 142, 155, 0.16);

    z-index: 1;
}


.j2v-contact-bg-circle::after {
    content: "";

    position: absolute;

    inset: 25px;

    border-radius: 50%;

    border: 1px solid rgba(0,169,214,0.08);
}


/* =========================================================
   RIGHT FORM WRAPPER
   ========================================================= */

.j2v-contact-form-wrap {
    position: relative;

    padding: 45px;

    background: #FFFFFF;

    border: 1px solid #D9E1E7;

    border-radius: 14px;

    box-shadow:
        0 20px 60px rgba(6,17,27,0.08);
}


/* top gradient */

.j2v-contact-form-wrap::before {
    content: "";

    position: absolute;

    top: 0;
    left: 42px;
    right: 42px;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            #D9A21B 0%,
            #E7B84B 40%,
            #0878C9 75%,
            #00A9D6 100%
        );

    border-radius: 0 0 4px 4px;
}


/* =========================================================
   FORM HEADER
   ========================================================= */

.j2v-contact-form-header {
   
}


.j2v-contact-form-eyebrow {
    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 14px;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 2px;

    color: #075B91;
}


.j2v-contact-form-dot {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #D9A21B;

    box-shadow:
        0 0 0 5px rgba(217,162,27,0.10);
}


.j2v-contact-form-header h2 {
    margin: 0 0 14px;

    font-size: 30px;

    line-height: 1.05;

    font-weight: 700;

    letter-spacing: 1px;

    color: #06111B;
}


.j2v-contact-form-header h2 span {

    color: #C18310;
}


.j2v-contact-form-header p {

    margin: 0;

    font-family: "Roboto", sans-serif;

    font-size: 14px;

    line-height: 1.75;

    color: #66727D;
}


/* =========================================================
   ZOHO FORM
   ========================================================= */

.j2v-contact-form {
    width: 100%;

    min-height: 400px;
}


.j2v-contact-form iframe {
    display: block;

    width: 100% !important;

    max-width: 100% !important;

    border: 0 !important;
}


/* =========================================================
   ZOHO PLACEHOLDER
   ========================================================= */

.j2v-contact-zoho-placeholder {
    min-height: 350px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    border: 1px dashed #C9D2D9;

    border-radius: 10px;

    background: #F8FAFB;
}


.j2v-contact-placeholder-icon {
    width: 52px;
    height: 52px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 14px;

    border-radius: 50%;

    background: #06111B;

    color: #D9A21B;

    font-size: 24px;
}


.j2v-contact-zoho-placeholder strong {
    display: block;

    margin-bottom: 5px;

    font-family: "Inter Tight", sans-serif;

    font-size: 18px;

    color: #06111B;
}


.j2v-contact-zoho-placeholder small {
    font-family: "Roboto", sans-serif;

    font-size: 12px;

    color: #8D9BA7;
}


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

@media (max-width: 991px) {

    .j2v-contact-section {
        padding: 85px 0;
    }

    .j2v-contact-container {
        width: min(760px, calc(100% - 40px));

        grid-template-columns: 1fr;

        gap: 45px;
    }

    .j2v-contact-info {
        min-height: auto;
    }

    .j2v-contact-form-wrap {
        padding: 40px;
    }

}


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

@media (max-width: 767px) {

    .j2v-contact-section {
        padding: 70px 0;
    }

    .j2v-contact-container {
        width: calc(100% - 30px);

        gap: 35px;
    }

    .j2v-contact-info-inner {
        padding: 38px 27px 95px;
    }

    .j2v-contact-top-accent {
        left: 27px;
    }

    .j2v-contact-bottom-accent {
        left: 27px;
        bottom: 30px;
    }

    .j2v-contact-person-content h3 {
        font-size: 24px;
    }

    .j2v-contact-form-wrap {
        padding: 32px 24px;
    }

    .j2v-contact-form-wrap::before {
        left: 24px;
        right: 24px;
    }

    .j2v-contact-form-header h2 {
        font-size: 36px;
    }

}


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

@media (max-width: 480px) {

    .j2v-contact-section {
        padding: 55px 0;
    }

    .j2v-contact-container {
        width: calc(100% - 22px);
    }

    .j2v-contact-info {
        border-radius: 13px;
    }

    .j2v-contact-info-inner {
        padding: 35px 22px 90px;
    }

    .j2v-contact-top-accent {
        left: 22px;
        width: 65px;
    }

    .j2v-contact-eyebrow {
        font-size: 11px;
        letter-spacing: 1.3px;
        margin-bottom: 30px;
    }

    .j2v-contact-person-content h3 {
        font-size: 22px;
    }

    .j2v-contact-designation {
        font-size: 10px;
        letter-spacing: 0.8px;
    }

    .j2v-contact-detail-icon {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
    }

    .j2v-contact-detail-text a {
        font-size: 12px;
    }

    .j2v-contact-address-content p {
        font-size: 12px;
    }

    .j2v-contact-bottom-accent {
        left: 22px;
        bottom: 28px;
    }

    .j2v-contact-form-wrap {
        padding: 28px 18px;
    }

    .j2v-contact-form-wrap::before {
        left: 18px;
        right: 18px;
    }

    .j2v-contact-form-header h2 {
        font-size: 31px;
    }

}

/* =========================================================
   J2V INDIA - WHY PARTNER SECTION
   ========================================================= */

.j2v-partner-section {
    position: relative;
    width: 100%;
    padding: 100px 0;
    background: #F2F5F7;
    overflow: hidden;
}

.j2v-partner-section *,
.j2v-partner-section *::before,
.j2v-partner-section *::after {
    box-sizing: border-box;
}

.j2v-partner-container {
    width: 1300px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: clamp(45px, 6vw, 90px);

    align-items: start;
}


/* =========================================================
   LEFT IMAGE
   ========================================================= */

.j2v-partner-visual {
    position: relative;
    min-width: 0;
    padding-bottom: 40px;
}

.j2v-partner-image {
    position: relative;
    width: 100%;
    height: 720px;

    overflow: hidden;
    border-radius: 26px;
    background: #06111B;
}

.j2v-partner-image img {
    display: block;
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.8s ease;
}

.j2v-partner-visual:hover .j2v-partner-image img {
    transform: scale(1.035);
}


/* Decorative gold accent */

.j2v-partner-image-accent {
    position: absolute;
    top: 0;
    left: 22%;
    z-index: 2;

    width: 150px;
    height: 5px;

    background: linear-gradient(
        90deg,
        #D9A21B,
        #F6D98C
    );

    border-radius: 0 0 5px 5px;
}


/* Image caption */

.j2v-partner-image-caption {
    position: absolute;
    left: 28px;
    right: 25px;
    bottom: 65px;
    z-index: 2;

    display: flex;
    align-items: center;
    gap: 12px;

    color: #FFFFFF;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 1.5px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
}

.j2v-partner-caption-line {
    flex: 0 0 30px;
    height: 2px;
    background: #D9A21B;
}


/* Image number */

.j2v-partner-image-number {
    position: absolute;
    right: 25px;
    bottom: 0;
    z-index: 3;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 72px;
    height: 72px;

    border: 1px solid rgba(217, 162, 27, 0.55);
    border-radius: 50%;

    background: #06111B;
    color: #D9A21B;

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


/* =========================================================
   RIGHT CONTENT
   ========================================================= */

.j2v-partner-content {
    min-width: 0;
    padding-top: 4px;
}


/* Eyebrow */

.j2v-partner-eyebrow {
    display: flex;
    align-items: center;
    gap: 11px;

    margin-bottom: 18px;

    color: #06111B;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 2px;
}

.j2v-partner-eyebrow-dot {
    flex: 0 0 10px;
    width: 10px;
    height: 10px;

    border-radius: 50%;
    background: #D9A21B;

    box-shadow: 0 0 0 6px rgba(217, 162, 27, 0.12);
}


/* Main title */

.j2v-partner-title {
    margin: 0 0 10px;

    color: #06111B;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: 1px;
    overflow-wrap: anywhere;
}

.j2v-partner-title span {
    
    color: #C18310;
}


/* Subtitle */

.j2v-partner-subtitle {
    margin: 0 0 12px;

    color: #0B273C;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.45;
}


/* Paragraphs */

.j2v-partner-description {
    margin: 0 0 16px;

    color: #66727D;
    font-size: 15px;
    line-height: 1.85;
}

.j2v-partner-description:last-of-type {
    margin-bottom: 28px;
}


/* =========================================================
   WHY SPONSOR HEADING
   ========================================================= */

.j2v-partner-benefits-heading {
    display: flex;
    align-items: center;
    gap: 12px;

    margin: 0 0 12px;
}

.j2v-partner-benefits-line {
    display: block;
    width: 30px;
    height: 2px;
    flex: 0 0 30px;

    background: #D9A21B;
}

.j2v-partner-benefits-heading h3 {
    margin: 0;

    color: #06111B;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 1.8px;
}

.j2v-partner-benefits-intro {
    margin: 0 0 17px;

    color: #66727D;
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   BENEFITS LIST
   ========================================================= */

.j2v-partner-benefits {
    display: flex;
    flex-direction: column;
    gap: 0;

    margin: 0;
    padding: 0;

    list-style: none;
}

.j2v-partner-benefits li {
    display: flex;
    align-items: flex-start;
    gap: 13px;

    padding: 12px 0;

    border-bottom: 1px solid #D9E1E7;

    color: #354957;
    font-size: 14px;
    line-height: 1.65;

    transition:
        color 0.25s ease,
        padding-left 0.25s ease;
}

.j2v-partner-benefits li:first-child {
    padding-top: 5px;
}

.j2v-partner-benefits li:last-child {
    border-bottom: none;
}

.j2v-partner-benefits li:hover {
    padding-left: 4px;
    color: #06111B;
}


/* Gold/cyan check icon */

.j2v-partner-check {
    flex: 0 0 23px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 23px;
    height: 23px;
    margin-top: 1px;

    border: 1px solid rgba(217, 162, 27, 0.5);
    border-radius: 50%;

    background: rgba(217, 162, 27, 0.09);
    color: #A96F08;

    font-size: 12px;
    font-weight: 800;

    transition: all 0.25s ease;
}

.j2v-partner-benefits li:hover .j2v-partner-check {
    background: #06111B;
    border-color: #06111B;
    color: #D9A21B;
}


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

.j2v-partner-cta-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;

    margin-top: 28px;
}

.j2v-partner-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 24px;

    min-height: 40px;
    padding: 0 22px;

    border: 1px solid #0B273C;
    border-radius: 5px;

    background: linear-gradient(
        120deg,
        #06111B 0%,
        #0B273C 65%,
        #075B91 100%
    );

    color: #FFFFFF;
    text-decoration: none;

    font-size: 11px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 1.1px;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease;
}

.j2v-partner-cta:hover {
    transform: translateY(-3px);

    background: linear-gradient(
        120deg,
        #C18310 0%,
        #D9A21B 100%
    );

    border-color: #D9A21B;
    color: #06111B;

    box-shadow: 0 10px 25px rgba(193, 131, 16, 0.2);
}

.j2v-partner-cta-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 27px;
    height: 27px;

    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 50%;

    font-size: 15px;
    line-height: 1;

    transition: transform 0.25s ease;
}

.j2v-partner-cta:hover .j2v-partner-cta-arrow {
    transform: translate(2px, -2px);
    border-color: rgba(6, 17, 27, 0.35);
}

.j2v-partner-cta-note {
    max-width: 190px;

    color: #8D9BA7;
    font-size: 12px;
    line-height: 1.6;
}


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

@media (max-width: 1100px) {
    .j2v-partner-container {
        width: calc(100% - 48px);
        gap: 38px;
    }

    .j2v-partner-image {
        height: 680px;
    }

    .j2v-partner-title {
        font-size: 36px;
    }

    .j2v-partner-description {
        font-size: 14px;
    }

    .j2v-partner-benefits li {
        font-size: 13px;
        gap: 10px;
    }
}


/* =========================================================
   TABLET / STACKED LAYOUT
   ========================================================= */

@media (max-width: 850px) {
    .j2v-partner-section {
        padding: 75px 0;
    }

    .j2v-partner-container {
        width: min(700px, calc(100% - 40px));
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    .j2v-partner-visual {
        padding-bottom: 30px;
    }

    .j2v-partner-image {
        height: 500px;
    }

    .j2v-partner-content {
        padding-top: 0;
    }

    .j2v-partner-title {
        font-size: clamp(34px, 5vw, 46px);
    }

    .j2v-partner-description {
        font-size: 15px;
    }

    .j2v-partner-benefits li {
        font-size: 14px;
    }
}


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

@media (max-width: 600px) {
    .j2v-partner-section {
        padding: 55px 0;
    }

    .j2v-partner-container {
        width: calc(100% - 30px);
        gap: 32px;
    }

    .j2v-partner-image {
        height: 400px;
        border-radius: 18px;
    }

    .j2v-partner-image-accent {
        width: 105px;
    }

    .j2v-partner-image-caption {
        left: 20px;
        right: 20px;
        bottom: 45px;
        font-size: 9px;
        letter-spacing: 1px;
    }

    .j2v-partner-image-number {
        right: 16px;
        width: 56px;
        height: 56px;
        font-size: 16px;
    }

    .j2v-partner-eyebrow {
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .j2v-partner-title {
        font-size: clamp(30px, 8vw, 39px);
        letter-spacing: -0.8px;
    }

    .j2v-partner-subtitle {
        font-size: 19px;
    }

    .j2v-partner-description {
        font-size: 14px;
        line-height: 1.8;
    }

    .j2v-partner-benefits-heading h3 {
        font-size: 12px;
    }

    .j2v-partner-benefits li {
        padding: 11px 0;
        font-size: 13px;
        line-height: 1.65;
    }

    .j2v-partner-check {
        flex-basis: 21px;
        width: 21px;
        height: 21px;
        font-size: 11px;
    }

    .j2v-partner-cta-wrap {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .j2v-partner-cta {
        width: 100%;
        justify-content: space-between;
    }

    .j2v-partner-cta-note {
        max-width: none;
    }
}


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

@media (max-width: 380px) {
    .j2v-partner-container {
        width: calc(100% - 24px);
    }

    .j2v-partner-image {
        height: 340px;
    }

    .j2v-partner-title {
        font-size: 29px;
    }

    .j2v-partner-subtitle {
        font-size: 18px;
    }

    .j2v-partner-benefits li {
        gap: 9px;
        font-size: 12px;
    }
}