.site-navbar {
     display: flex;
     position: relative;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     padding-top: 0px;
 }

 .brand-logo,
 .default-logo,
 .responsive-logo {
     max-width: 280px;
     transition: all 0.4s;
     position: relative;
     margin-right: 35px;
 }

 @media (min-width: 576px) {
     .site-navbar {
         padding-top: 0px;
     }
 }

 @media (min-width: 992px) {
     .site-navbar {
         flex-flow: row nowrap;
         justify-content: flex-start;
     }
 }

 .site-navbar .menu-block-wrapper {
     flex-grow: 1;
     align-items: center;
     justify-content: end;
 }

 @media (min-width: 992px) {
     .site-navbar .menu-block-wrapper {
         display: flex !important;
         flex-basis: auto;
     }
 }

 .site-header--absolute {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 999;
 }

 .site-header--sticky:not(.mobile-sticky-enable) {
     position: absolute !important;
     top: 0;
     right: 0;
     width: 100%;
     z-index: 999;
 }

 @media (min-width: 992px) {
     .site-header--sticky:not(.mobile-sticky-enable) {
         /*position: fixed !important;*/
         transition: 0.4s;
     }

     .site-header--sticky:not(.mobile-sticky-enable).scrolling {
         transform: translateY(-100%);
         transition: 0.4s;
     }

     .site-header--sticky:not(.mobile-sticky-enable).reveal-header {
         transform: translateY(0%);
         box-shadow: 0 12px 34px -11px rgba(65, 62, 101, 0.1);
         z-index: 1000;
     }
 }

 .site-header--sticky.mobile-sticky-enable {
     top: 0;
     right: 0;
     width: 100%;
     z-index: 999;
     position: fixed !important;
     transition: 0.4s;
 }

 .site-header--sticky.mobile-sticky-enable.scrolling {
     transform: translateY(-100%);
     transition: 0.4s;
 }

 .site-header--sticky.mobile-sticky-enable.reveal-header {
     transform: translateY(0%);
     box-shadow: 0 12px 34px -11px rgba(65, 62, 101, 0.1);
     z-index: 9999;
 }

 .site-header--menu-center .container {
     position: relative;
 }

 .site-header--menu-center .menu-block-wrapper {
     position: static;
 }

 @media (min-width: 992px) {
     .site-header--menu-center .menu-block {
         margin-left: auto;
         margin-right: auto;
     }
 }

 @media (min-width: 992px) {
     .site-header--menu-left .container-fluid .sub-menu.megamenu {
         left: 0%;
         transform: translateX(0%) translateY(10px);
     }
 }

 @media (min-width: 992px) {
     .site-header--menu-left .container-fluid .nav-item.has-megamenu:hover>.sub-menu {
         transform: translateX(0%) translateY(-10px);
         left: 0%;
         margin-left: 20px;
     }
 }

 .site-header--menu-left .menu-block .site-menu-main {
     justify-content: flex-start;
     padding-left: 15px;
 }

 @media (min-width: 1200px) {
     .site-header--menu-left .menu-block {
         width: 100%;
     }
 }

 .site-header--menu-right .menu-block-wrapper {
     position: static;
 }

 .site-header--menu-right .menu-block {
     margin-left: auto;
     margin-right: 70px;
 }

 @media (min-width: 992px) {
     .site-header>.container-fluid .sub-menu.megamenu {
         left: 50%;
         transform: translateX(-50%) translateY(10px);
     }
 }

 @media (min-width: 992px) {
     .site-header>.container-fluid .nav-item.has-megamenu:hover>.sub-menu {
         transform: translateX(-50%) translateY(-10px);
         left: 50%;
     }
 }

 @media (min-width: 768px) {
     .container-fluid .site-navbar {
         padding-left: 10px;
         padding-right: 10px;
     }
 }

 @media (min-width: 992px) {
     .container-fluid .site-navbar {
         padding-left: 48px;
         padding-right: 48px;
     }
 }

 @media (min-width: 480px) {
     .header-btns {
         margin-right: 15px;
     }
 }

 @media (min-width: 992px) {
     .header-btns {
         margin-right: 0;
     }
 }

 .top-contact-menu-wraper .header-btn {
     order: 3;
 }

 .top-contact-menu-wraper .mobile-menu-trigger {
     order: 4;
 }

 @media (min-width: 992px) {
     .top-contact-menu-wraper .nav-link-item {
         color: #fff !important;
     }

     .top-contact-menu-wraper .site-menu-main .nav-link-item {
         padding-top: 19px !important;
         padding-bottom: 19px !important;
     }

     .top-contact-menu-wraper .navbar {
         flex-wrap: wrap;
         padding: 30px 0px 0px 0px;
     }

     .top-contact-menu-wraper .brand-logo {
         min-width: 50%;
         order: 1;
         padding-bottom: 30px;
     }

     .top-contact-menu-wraper .header-btn {
         order: 4;
     }

     .top-contact-menu-wraper .menu-block-wrapper {
         min-width: calc(100% - 256px);
         order: 3;
         background: #1d263a;
         border-radius: 0px 0px 0px 5px;
     }

     .top-contact-menu-wraper .top-contact-block {
         order: 2;
         min-width: 50%;
         display: flex !important;
         justify-content: flex-end;
         padding-bottom: 8px;
     }

     .top-contact-menu-wraper .menu-block {
         margin-left: initial;
     }
 }

 .top-contact-block ul {
     display: flex;
     align-items: center;
 }

 .top-contact-block ul li {
     display: inline-flex;
     align-items: center;
 }

 .top-contact-block span {
     height: 30px;
     width: 1px;
     background: rgba(29, 36, 58, 0.12);
     margin: 0px 35px;
 }

 .top-contact-block img {
     margin-right: 12px;
 }

 .top-contact-block a {
     display: flex;
     align-items: center;
     font-weight: 600;
     font-size: 17px;
     line-height: 30px;
     color: #1d263a;
 }

 @media (min-width: 992px) {
     .row-lg {
         display: flex;
     }
 }

 @-webkit-keyframes slideLeft {
     0% {
         opacity: 0;
         transform: translateX(100%);
     }

     100% {
         opacity: 1;
         transform: translateX(0%);
     }
 }

 @keyframes slideLeft {
     0% {
         opacity: 0;
         transform: translateX(100%);
     }

     100% {
         opacity: 1;
         transform: translateX(0%);
     }
 }

 @-webkit-keyframes slideRight {
     0% {
         opacity: 1;
         transform: translateX(0%);
     }

     100% {
         opacity: 0;
         transform: translateX(100%);
     }
 }

 @keyframes slideRight {
     0% {
         opacity: 1;
         transform: translateX(0%);
     }

     100% {
         opacity: 0;
         transform: translateX(100%);
     }
 }

 .site-menu-main {
     margin-bottom: 0;
     padding-left: 0;
 }

 @media (min-width: 992px) {
     .site-menu-main {
         display: flex;
         margin-bottom: 0;
         padding-left: 0;
     }
 }

 .site-menu-main li {
     list-style: none;
 }

 .site-menu-main ul {
     list-style: none;
     margin-left: 0;
 }

 .site-menu-main a {
     text-decoration: none;
 }

 .navbar {
     padding-top: 0;
     padding-bottom: 0;
 }

 @media (min-width: 992px) {
     .navbar {
         padding-top: 0;
         padding-bottom: 0;
     }
 }

 .site-menu-main .nav-item {
     display: inherit;
 }

 .site-menu-main .nav-link-item {
     color: var(--heading-color);
     font-weight: 500;
     position: relative;
     letter-spacing: -0.01em;
 }

 .light-color .site-menu-main .nav-link-item {
     color: var(--white-color);
 }

 .optech-header2 .site-menu-main .nav-link-item {
     color: var(--heading-color2);
 }

 .optech-header4 .site-menu-main .nav-link-item {
     color: var(--heading-color3);
 }

 .optech-header5 .site-menu-main .nav-link-item {
     color: var(--light-color4);
 }

 @media (min-width: 992px) {
     .site-menu-main .nav-link-item {
         padding-top: 30px !important;
         padding-bottom: 30px !important;
         padding-left: 15px !important;
         padding-right: 15px !important;
     }
 }

 @media (min-width: 992px) and (max-width: 1099px) {
     .site-menu-main .nav-link-item {
         padding-left: 10px !important;
         padding-right: 10px !important;
     }
 }

 .dark-mode-texts .nav-link-item {
     color: #fff;
 }

 .site-menu-main .sub-menu {
     z-index: 500;
     background-color: #fff;
     box-shadow: -2px 2px 70px -25px rgb(0 0 0 / 30%);
     position: absolute;
     left: 0;
     top: 90px;
     margin: 0;
     padding: 5px 0;
     transition: 0.4s;
     z-index: 4;
     transform: translatey(20px);
     opacity: 0;
     visibility: hidden;
     min-width: 340px;
     border-radius: 6px;
 }

 /* .site-menu-main .sub-menu:before {
    content: '';
    width: 15px;
    height: 15px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 22px;
    transform: rotate(
45deg
) translatey(-11px);
    z-index: 8;
} */
 .sub-menu.megamenu:before {
     content: none;
 }

 .site-menu-main .sub-menu.shape-none:before {
     content: none;
 }

 /*@media (min-width: 992px) {
  .site-menu-main .sub-menu {
    min-width: 235px;
    max-width: 235px;
  }
}*/

 @media (min-width: 992px) {
     .site-menu-main .sub-menu .sub-menu {
         top: 0 !important;
         left: 100%;
     }
 }

 .site-menu-main .sub-menu--item {
     font-weight: 500;
 }

 @media (max-width: 992px) {
     .site-menu-main .sub-menu--item {
         padding-top: 10px;
         padding-bottom: 10px;
         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     }
 }

 @media (min-width: 992px) {
     .site-menu-main .sub-menu--item {
         color: #0a165e;
     }
 }

 .site-menu-main .sub-menu--item>a {
     color: inherit;
     padding: 4px 12px;
     font-weight: 400;
     color: #0a165e;
     position: relative;
     font-size: 15px;
 }

 .site-menu-main .sub-menu--item>a .menu-item-text {
     position: relative;
     transition: all 0.3s ease;
 }

 .site-menu-main .sub-menu--item>a .menu-item-text::after {
     content: '';
     position: absolute;
     bottom: 0;
     left: auto;
     right: 0;
     height: 2px;
     width: 0;
     background-color: #0a165e;
     transition: all 0.3s ease;
 }

 .site-menu-main .sub-menu--item>a:hover .menu-item-text::after {
     left: 0;
     right: auto;
     width: 100%;
 }

 .active .site-menu-main .sub-menu--item>a .menu-item-text::after {
     bottom: -5px;
 }

 @media (min-width: 992px) {
     .site-menu-main .sub-menu--item>a {
         transition: 0.4s;
     }
 }

 /* .site-menu-main .sub-menu--item:hover > a {
  color: var(--accent-color);
} */

 @media (min-width: 992px) {
     .site-menu-main .sub-menu.megamenu {
         background-color: #fff;
     }
 }

 .site-menu-main .sub-menu.megamenu .dropdown-image-block {
     max-height: 336px;
 }

 @media (min-width: 320px) and (max-width: 992px) {
     .site-menu-main .sub-menu.megamenu {
         border: 0;
     }
 }

 @media (min-width: 992px) {
     .site-menu-main .sub-menu.megamenu {
         padding: 30px;
         min-width: 925px;
         left: 50%;
         transform: translateX(-50%) translateY(10px);
         will-change: transform;
         top: 100%;
         box-shadow: 0 42px 54px rgba(0, 0, 0, 0.09);
         border: 1px solid #e7e9ed;
         border-radius: 8px;
         visibility: hidden;
         z-index: -99;
         opacity: 0;
         pointer-events: none;
     }

     /* .site-menu-main .sub-menu.megamenu.megadropdown-center {
    transform: translateX(-50%) translateY(-10px);
  } */
     /* .site-menu-main .sub-menu.megamenu.megadropdown-right {
    right: 0%;
    transform: translateX(0%) translateY(10px);
  } */
     /* .site-menu-main .sub-menu.megamenu.megadropdown-left {
    left: 0%;
    transform: translateX(0%) translateY(10px);
  } */
 }

 @media (min-width: 1200px) {
     .site-menu-main .sub-menu.megamenu {
         min-width: 1100px;
     }
 }

 @media (min-width: 1366px) {
     .site-menu-main .sub-menu.megamenu {
         min-width: 900px;
     }
 }

 .site-menu-main .sub-menu.megamenu .single-dropdown-block .mega-drop-menu-item {
     padding-top: 8px;
     padding-bottom: 8px;
     display: block;
 }

 .site-menu-main .sub-menu.megamenu .mega-drop-menu-item {
     padding-top: 2.5px;
     padding-bottom: 2.5px;
     font-size: 15px;
     font-weight: 600;
     transition: 0.4s;
     color: #000;
 }

 @media (min-width: 320px) and (max-width: 992px) {
     .site-menu-main .sub-menu.megamenu .mega-drop-menu-item {
         color: var(--color-headings);
         border-top: 1px solid var(--border-color-3);
         padding-left: 20px;
         padding-bottom: 13px;
         padding-top: 13px;
     }
 }

 @media (min-width: 992px) {
     .site-menu-main .sub-menu.megamenu .mega-drop-menu-item {
         padding-left: 0px;
         padding-right: 10px;
     }

     .site-menu-main .sub-menu.megamenu .mega-drop-menu-item:hover {
         color: #ffc947 !important;
     }
 }

 @media (min-width: 320px) and (max-width: 992px) {
     .site-menu-main .sub-menu.megamenu [class*='col-'] {
         padding-left: 0;
         padding-right: 0;
     }

     .site-menu-main .sub-menu.megamenu [class*='row-'] {
         margin-left: 0;
         margin-right: 0;
     }
 }

 @media (min-width: 992px) {
     li.nav-item-has-children:not(.has-megamenu) {
         position: relative;
     }
 }

 @media (min-width: 992px) {
     li.nav-item-has-children:hover>.sub-menu {
         visibility: visible;
         opacity: 1;
         z-index: 99;
         pointer-events: visible;
         /* border-radius: 0; */
         transform: translateY(0);
     }
 }

 .site-menu-main>li .sub-menu>ul>li>a {
     display: inline-block;
     padding: 10px 0;
     font-size: 15px;
     color: #555;
     transition: color 0.3s ease;
     text-decoration: none;
     text-transform: capitalize;
 }

 .site-menu-main>li .sub-menu.mega-menu {
     left: 50%;
     transform: translateX(-50%);
 }

 .mobile-menu-head,
 .mobile-menu-trigger {
     display: none;
 }

 /*responsive*/
 @media (max-width: 991px) {
     .site-header .mobile-menu-trigger {
         display: flex;
         height: 30px;
         width: 30px;
         margin-left: 40px;
         cursor: pointer;
         align-items: center;
         justify-content: center;
     }

     .site-header .mobile-menu-trigger span {
         display: block;
         height: 2px;
         background-color: #13111a;
         width: 24px;
         position: relative;
     }

     .reveal-header .mobile-menu-trigger span {
         background-color: #13111a !important;
     }

     .site-header .mobile-menu-trigger span:before,
     .site-header .mobile-menu-trigger span:after {
         content: '';
         position: absolute;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: #13111a;
     }

     .reveal-header .mobile-menu-trigger span:before,
     .reveal-header .mobile-menu-trigger span:after {
         background-color: #13111a !important;
     }

     .dark-mode-texts .mobile-menu-trigger span {
         background-color: #13111a;
     }

     .dark-mode-texts .mobile-menu-trigger span:before,
     .dark-mode-texts .mobile-menu-trigger span:after {
         background-color: #13111a;
     }

     .site-header .mobile-menu-trigger span:before {
         top: -8px;
     }

     .site-header .mobile-menu-trigger span:after {
         top: 8px;
     }

     .site-header .item-right {
         align-items: center;
     }

     .site-header .menu-block {
         position: fixed;
         width: 320px;
         background-color: #ffffff;
         left: 0;
         top: 0;
         height: 100%;
         overflow: hidden;
         transform: translate(-100%);
         transition: all 0.5s ease;
         z-index: 1099;
     }

     .site-header .menu-block.active {
         transform: translate(0%);
     }

     .site-menu-main>li {
         line-height: 1;
         margin: 0;
         display: block;
     }

     .site-menu-main>li>a {
         line-height: 50px;
         height: 50px;
         padding: 0 50px 0 15px;
         display: block;
         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     }

     .site-menu-main>li>a i {
         position: absolute;
         height: 50px;
         width: 50px;
         top: 0;
         right: 0;
         text-align: center;
         line-height: 50px;
         transform: rotate(-90deg);
     }

     .site-header .menu-block .mobile-menu-head {
         display: flex;
         height: 50px;
         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
         justify-content: space-between;
         align-items: center;
         position: relative;
         z-index: 501;
         position: -webkit-sticky;
         position: sticky;
         background-color: #ffffff;
         top: 0;
     }

     .site-header .menu-block .mobile-menu-head .go-back {
         height: 50px;
         width: 50px;
         border-right: 1px solid rgba(0, 0, 0, 0.1);
         cursor: pointer;
         line-height: 50px;
         text-align: center;
         color: #000000;
         font-size: 16px;
         display: none;
     }

     .site-header .menu-block .mobile-menu-head.active .go-back {
         display: block;
     }

     .site-header .menu-block .mobile-menu-head .current-menu-title {
         font-size: 15px;
         font-weight: 500;
         color: #000000;
         visibility: hidden;
         text-transform: capitalize;
     }

     .site-header .menu-block .mobile-menu-head.active .current-menu-title {
         visibility: visible;
     }

     .site-header .menu-block .mobile-menu-head .mobile-menu-close {
         height: 50px;
         width: 50px;
         border-left: 1px solid rgba(0, 0, 0, 0.1);
         cursor: pointer;
         line-height: 50px;
         text-align: center;
         color: #000000;
         font-size: 25px;
     }

     .site-header .menu-block .site-menu-main {
         height: 100%;
         overflow-x: hidden;
         overflow-y: auto;
     }

     .site-menu-main>li .sub-menu.mega-menu,
     .site-menu-main>li .sub-menu {
         visibility: visible;
         opacity: 1;
         position: absolute;
         box-shadow: none;
         margin: 0;
         padding: 15px 0;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         padding-top: 50px;
         max-width: none;
         min-width: auto;
         display: none;
         transform: translateX(0%);
         overflow-y: auto;
         overflow-x: hidden;
     }

     .site-menu-main>li .sub-menu.active {
         display: block;
     }

     .site-menu-main>li .sub-menu>ul>li>a,
     .site-menu-main>li .sub-menu.mega-menu>.list-item>ul>li>a {
         display: block;
     }

     .site-menu-main>li .sub-menu.mega-menu>.list-item>ul {
         margin-bottom: 15px;
     }

     .menu-overlay {
         position: fixed;
         background-color: rgba(0, 0, 0, 0.5);
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         z-index: 1098;
         visibility: hidden;
         opacity: 0;
         transition: all 0.5s ease;
     }

     .menu-overlay.active {
         visibility: visible;
         opacity: 1;
     }
 }

 /*Custom Css for menu*/
 @media (min-width: 992px) {
     .has-megamenu ul {
         margin-left: auto;
     }

     .site-menu-main a {
         display: flex;
         align-items: center;
     }

     .site-menu-main i {
         margin-left: 2px;
         font-size: 20px;
     }
 }

 @media (min-width: 1200px) {

     /* .site-header--menu-center .navbar {
    padding-top: 20px;
    padding-bottom: 20px;
  } */
     .site-header--menu-center .menu-block-wrapper {
         position: absolute !important;
         left: 50%;
         transform: translateX(-50%);
     }
 }

 .nav-item-has-children a {
     display: flex;
     justify-content: space-between;
     text-transform: capitalize;
 }

 .reveal-header {
     background: #0d152e !important;
 }

 .reveal-header .nav-link-item {
     color: #fff !important;
 }

 .reveal-header .btn {
     color: #fff !important;
 }

 .reveal-header .btn:hover {
     color: #fff !important;
 }

 .reveal-header .dark-version-logo {
     display: block !important;
 }

 .reveal-header .light-version-logo {
     display: none !important;
 }

 @media (min-width: 992px) {
     .reveal-header li.nav-item-has-children:hover>.sub-menu {
         top: 100%;
     }

     .reveal-header li.nav-item-has-children:hover>.megamenu {
         top: 112%;
     }
 }

 .menu-block.active .nav-link-item {
     color: #000 !important;
 }

 @media (min-width: 480px) {
     .d-xs-inline-flex {
         display: inline-flex !important;
     }
 }

 ul.site-menu-main .nav-item i {
     transition: all 0.4s ease-in-out;
 }

 ul.site-menu-main .nav-item:hover i {
     transform: rotate(-180deg);
 }

 li.sub-menu--item.nav-item-has-children:hover i {
     transform: rotate(-180deg) !important;
 }

 li.sub-menu--item.nav-item-has-children i {
     transform: rotate(-90deg) !important;
     transition: all 0.4s ease-in-out;
 }

 .single-dropdown-block h3 {
     opacity: 0.5;
     color: #000;
     font-size: 13px;
     font-weight: 700;
     font-style: normal;
     letter-spacing: 1.1px;
     line-height: normal;
     text-align: left;
     text-transform: uppercase;
     margin-bottom: 25px;
     display: none;
 }

 @media (min-width: 992px) {
     .single-dropdown-block h3 {
         display: block;
     }
 }

 .landing-2-menu .navbar {
     border-bottom: 1px solid rgba(29, 36, 58, 0.12);
 }

 .btn {
     position: relative;
     z-index: 5;
     border-radius: 6px;
     border: 0;
     font-size: 16px;
     font-weight: 700;
     height: 40px;
     min-width: 130px;
     line-height: 28px;
     letter-spacing: -0.53px;
     padding: 15px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     transition: all 0.4s ease-in-out;
 }

 .log-in-btn {
     width: 160px;
     height: 50px;
     background: #fd4c5c;
     border-radius: 3px;
     display: inline-block;
     text-align: center;
     padding: 10px;
     color: #fff;
     font-weight: 600;
     transition: all 0.4s;
     margin-left: 30px;
     position: relative;
     overflow: hidden;
     z-index: 0;
 }

 .log-in-btn:after {
     content: '';
     background: #0f1a54;
     position: absolute;
     transition: all 0.3s ease-in;
     z-index: -1;
     height: 100%;
     left: -35%;
     top: 0;
     transform: skew(30deg);
     transition-duration: 0.4s;
     transform-origin: top left;
     width: 0;
 }

 a.log-in-btn:hover:after {
     height: 100%;
     width: 135%;
 }

 .log-in-btn.red-btn {
     color: #fff;
     background-color: #fd4c5c;
 }

 .log-in-btn.yellow-btn {
     color: #0f1a54;
     background-color: #fbc21d;
 }

 .log-in-btn.yellow-btn:hover {
     background-color: #fff;
 }

 @media screen and (max-width:3300px) {
     .fixed-callout .hidden-xs {
         display: none !important;
     }

     .fixed-callout .visible-xs {
         display: block !important;
     }

     .fixed-callout .mbtn-callout a {
         display: inline-block;
         font-size: 0 !important;
         margin: 0 6px !important;
         padding: 0 !important;
     }

     .fixed-callout {
         padding: 5px 3px !important;
         width: auto;
     }

     .fixed-callout .what-col img {
         width: 35px !important;
         padding: 0px 0 0px !important;
     }
 }

 .fixed-callout {
     right: 20px;
     bottom: 57px;
     padding: 13px 18px;
 }

 .fixed-callout img {
     width: 30px;
 }

 .fixed-callout h4 {
     font-size: 18px;
 }

 .fixed-callout {
     padding: 15px 20px;
     border-radius: 12px;
     background-color: #fff;
     box-shadow: 0px 0px 30px rgb(0 0 0 / 30%);
     position: fixed;
     bottom: 20px;
     text-align: center;
     z-index: 9999;
 }

 .hidden-xs {
     display: block;
 }

 .mbtn-callout {
     display: none;
 }

 .fixed-callout .hidden-xs a {
     margin: 8px 0px;
 }

 .fixed-callout a {
     display: block;
     padding: 2px 0;
     font-size: 16px;
     color: #323232 !important;
     text-decoration: none;
 }

 @media only screen and (min-width:320px) and (max-width:768px) {
     .fixed-callout {
         display: none;
     }

     .small-screen-call-to-action {
         background: var(--accent-color);
         padding: 10px;
         position: fixed;
         bottom: 0;
         display: inline !important;
         z-index: 999;
         width: 100%;
     }

     .small-screen-call-to-action ul {
         display: flex;
         justify-content: center;
         padding-left: 0;
         margin-bottom: 0;
         margin-top: 0;
     }

     .small-screen-call-to-action ul li {
         background: #fff;
         padding: 5px 8px;
         margin-right: 10px;
         border-radius: 5px;
         width: -webkit-fill-available;
         justify-content: center;
         display: flex;
         font-size: 13px;
         align-items: center;
     }

     .small-screen-call-to-action ul li a i {
         color: var(--primary-color);
         font-size: 20px;
         margin-right: 5px;
         line-height: 0;
     }

     .small-screen-call-to-action ul li:last-child {
         margin-right: 0;
     }

     .small-screen-call-to-action ul li a {
         color: #000;
         display: flex;
         align-items: center;
     }
 }

 .small-screen-call-to-action {
     display: none;
 }

 .copyrights-left-part p {
     text-align: left;
 }

 .copyrights-right-part p {
     text-align: right;
 }

 .careers-section .optech-default-content p,
 .careers-section .optech-default-content h2,
 .careers-section .optech-default-content h5 {
     text-align: center;
 }

 .join-our-team-btn {
     display: flex;
     justify-content: center;
 }

 .services-section .optech-section-title h2,
 .whychooseus-section .optech-section-title h2 {
     background: linear-gradient(to right, #0d183f, #00bee0);
     -webkit-text-fill-color: transparent;
     -webkit-background-clip: text;
 }

 .optech-copywright.dark-color p a {
     color: var(--accent-color);
     font-weight: 600;
 }

 .cr-imge img {

     width: 100%;

 }


 .career-sec {

     padding-top: 60px;

     padding-bottom: 60px;

 }

 .optech-footer-cta-content ul {


     display: flex;

     padding: 6px;
     /* Adds space inside the ul */
     list-style: none;
     /* Removes default bullets */
     gap: 15px;
     /* Optional: Adds space between li items */




 }

 .optech-footer-cta-content li {

     color: #111111;

 }


 .info {
     color: red;
 }

 #mail-status {
     color: green;
 }

 #optech-main-form-btn {


     margin-top: 20px;

 }




 @media (max-width:768px) {


     #g-recaptcha {

         overflow: scroll !important;


     }

 }

 .testmnl-servce h2 {

     background: linear-gradient(to right, #0d183f, #00bee0);
     -webkit-text-fill-color: transparent;
     -webkit-background-clip: text;
 }

 .clnt-servce h2 {



     background: linear-gradient(to right, #0d183f, #00bee0);
     -webkit-text-fill-color: transparent;
     -webkit-background-clip: text;

 }

 .clnt-servce {

     padding-top: 60px;

     padding-bottom: 60px;

 }

 .optech-brand-item img {

     height: 90px;

 }

 .optech-brand-item {

     opacity: 1 !important;


 }

 /* Icon Box Base Styles */
 .optech-iconbox-icon4 {
     width: 100% !important;
     height: auto !important;
     display: block !important;
     padding: 0 !important;
     margin: 0 !important;
     margin-bottom: 0 !important;
     position: relative !important;
     overflow: visible !important;
     max-width: none !important;
     flex: none !important;
 }

 /* Icon Box with centered content (for How It Works section) */
 .optech-iconbox-icon4.icon-centered {
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
     min-height: 280px !important;
     background: #f8f9fa !important;
     border-radius: 8px !important;
     padding: 30px !important;
     margin-bottom: 24px !important;
     overflow: visible !important;
 }

 .optech-iconbox-icon4.icon-centered span {
     font-size: 48px !important;
     font-weight: 700 !important;
     color: #00bee0 !important;
     transition: transform 0.3s ease !important;
 }

 .optech-iconbox-icon4.icon-centered i {
     font-size: 48px !important;
     color: #00bee0 !important;
     transition: transform 0.3s ease, color 0.3s ease !important;
     line-height: 1 !important;
     display: inline-block !important;
 }

 .optech-iconbox-wrap4:hover .optech-iconbox-icon4.icon-centered i {
     transform: scale(1.1) !important;
     color: #0a165e !important;
 }

 /* EV Car Rentals feature icons should stay compact */
 .optech-section-padding2.bg-light1 .optech-iconbox-icon4 {
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
     min-height: 180px !important;
     padding: 24px 0 0 0 !important;
 }

 .optech-section-padding2.bg-light1 .optech-iconbox-icon4 img {
     width: 88px !important;
     max-width: 88px !important;
     height: auto !important;
     object-fit: contain !important;
 }

 /* How It Works step icons */
 .optech-iconbox-icon4.icon-centered {
     width: 90px !important;
     height: 90px !important;
     min-height: auto !important;
     background: rgba(0, 190, 224, 0.1) !important;
     border-radius: 8px !important;
     padding: 0 !important;
     margin: 0 auto 18px auto !important;
 }

 .optech-iconbox-icon4.icon-centered i {
     display: none !important;
 }

 .optech-iconbox-icon4.icon-centered .step-number {
     display: inline-flex !important;
     align-items: center !important;
     justify-content: center !important;
     width: 100% !important;
     height: 100% !important;
     font-size: 24px !important;
     font-weight: 800 !important;
     color: #0a165e !important;
     background: rgba(0, 190, 224, 0.18) !important;
     border-radius: 8px !important;
     transition: transform 0.3s ease !important;
 }

 .optech-iconbox-wrap4:hover .optech-iconbox-icon4.icon-centered .step-number {
     transform: scale(1.1) !important;
 }

 .how-it-works-card {
     background: #ffffff !important;
     color: #0a165e !important;
     border-radius: 28px !important;
     padding: 32px 22px 18px !important;
     box-shadow: 0 24px 60px rgba(0, 0, 0, 0.08) !important;
     overflow: hidden !important;
     position: relative !important;
     min-height: 320px !important;
     display: flex !important;
     flex-direction: column !important;
     justify-content: flex-start !important;
     transition: transform 0.25s ease !important;
 }

 .how-it-works-card:hover {
     transform: translateY(-4px) !important;
 }

 .how-it-works-card .optech-iconbox-icon4.icon-centered {
     width: 88px !important;
     height: 88px !important;
     min-height: auto !important;
     background: rgba(20, 45, 120, 0.08) !important;
     border-radius: 18px !important;
     padding: 0 !important;
     margin: 0 auto 18px auto !important;
     position: relative !important;
     top: auto !important;
     left: auto !important;
     transform: none !important;
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
 }

 .how-it-works-card .step-number {
     display: inline-flex !important;
     align-items: center !important;
     justify-content: center !important;
     width: 52px !important;
     height: 52px !important;
     font-size: 22px !important;
     font-weight: 800 !important;
     color: #0a165e !important;
     background: #ffffff !important;
     border-radius: 16px !important;
     box-shadow: 0 12px 20px rgba(0, 0, 0, 0.08) !important;
     transition: transform 0.3s ease !important;
 }

 .how-step-icon {
     width: 140px !important;
     height: 140px !important;
     margin: 18px auto 16px auto !important;
     border-radius: 24px !important;
     background: rgba(243, 112, 33, 0.08) !important;
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
     box-shadow: none !important;
 }

 .how-step-icon img.step-logo {
     width: 88px !important;
     height: 88px !important;
     object-fit: contain !important;
 }

 .how-it-works-card {
     min-height: 340px !important;
 }

 .how-it-works-card .optech-iconbox-data4 {
     padding-top: 0 !important;
     text-align: center !important;
 }

 .how-it-works-card .optech-iconbox-data4 h4,
 .how-it-works-card h4 {
     color: #0a165e !important;
     margin-top: 0 !important;
     margin-bottom: 14px !important;
     text-align: center !important;
     font-size: 22px !important;
     line-height: 1.2 !important;
 }

 .how-it-works-card .optech-iconbox-data4 p,
 .how-it-works-card p {
     color: #5d6b8a !important;
     line-height: 1.75 !important;
     margin-bottom: 0 !important;
     text-align: center !important;
     font-size: 15px !important;
 }

 .how-it-works-card h4 {
     color: #0a165e !important;
     margin-top: 0 !important;
     margin-bottom: 12px !important;
 }

 .how-it-works-card p {
     color: #5d6b8a !important;
     line-height: 1.75 !important;
     margin-bottom: 0 !important;
 }

 .how-it-works-card:hover .step-number {
     transform: translateX(-50%) scale(1.05) !important;
 }

 /* Vehicle Image Wrapper */
 .vehicle-image {
     width: 100% !important;
     max-width: 100% !important;
     margin: 0 !important;
     margin-bottom: 24px !important;
     padding: 0 !important;
     overflow: hidden !important;
     border-radius: 14px !important;
     display: block !important;
     position: relative !important;
     flex: 1 1 100% !important;
     box-sizing: border-box !important;
 }

 /* Vehicle Image Styling */
 .vehicle-img {
     width: 100% !important;
     max-width: 100% !important;
     min-width: 100% !important;
     height: 240px !important;
     object-fit: cover !important;
     border-radius: 14px !important;
     display: block !important;
     transition: transform 0.3s ease !important;
     margin: 0 !important;
     padding: 0 !important;
     box-sizing: border-box !important;
     vertical-align: top !important;
 }

 .optech-iconbox-icon4 .vehicle-img,
 .optech-iconbox-icon4 img.vehicle-img {
     width: 100% !important;
     max-width: 100% !important;
     min-width: 100% !important;
     height: 240px !important;
     object-fit: cover !important;
     border-radius: 14px !important;
     display: block !important;
     margin: 0 !important;
     padding: 0 !important;
     box-sizing: border-box !important;
 }

 .optech-iconbox-wrap4 .optech-iconbox-icon4 .vehicle-img {
     width: 100% !important;
     max-width: none !important;
 }

 .optech-iconbox-wrap4:hover .vehicle-img {
     transform: scale(1.05) !important;
 }

 /* Icon-style images (for features section) */
 .optech-iconbox-icon4 img:not(.vehicle-img) {
     width: 85% !important;
     height: auto !important;
     max-width: 400px !important;
     object-fit: contain !important;
     transition: transform 0.3s ease !important;
     margin: 0 auto !important;
     display: block !important;
 }

 .optech-iconbox-wrap4 {
     padding: 16px !important;
 }

 .optech-iconbox-data4 {
     padding-top: 8px !important;
 }

 .optech-iconbox-wrap4:hover .optech-iconbox-icon4 img:not(.vehicle-img) {
     transform: scale(1.05) !important;
 }

 @media (max-width: 768px) {
     .vehicle-img {
         height: 200px !important;
     }

     .vehicle-image {
         width: 100% !important;
         max-width: 100% !important;
     }

     .optech-iconbox-icon4.icon-centered {
         min-height: 220px !important;
         padding: 20px !important;
     }
 }

 /* Ultra-specific overrides for vehicle images */
 .career-opng-sec .col-xl-4 .optech-iconbox-wrap4 .optech-iconbox-icon4 {
     width: 100% !important;
     padding: 0 !important;
     margin: 0 !important;
 }

 .career-opng-sec .col-xl-4 .optech-iconbox-wrap4 .optech-iconbox-icon4 .vehicle-image {
     width: 100% !important;
     max-width: 100% !important;
 }

 .career-opng-sec .col-xl-4 .optech-iconbox-wrap4 .optech-iconbox-icon4 .vehicle-image .vehicle-img {
     width: 100% !important;
     max-width: 100% !important;
 }

 /* Force image to be full container width */
 .optech-iconbox-wrap4 .optech-iconbox-icon4 .vehicle-image .vehicle-img {
     width: calc(100% + 0px) !important;
 }

 /* Override any Bootstrap or app.min.css image constraints */
 .vehicle-image img,
 .vehicle-image .vehicle-img {
     width: 100% !important;
     max-width: 100% !important;
     min-width: 100% !important;
 }

 /* Flex and layout overrides for vehicle card containers */
 .career-opng-sec .col-xl-4,
 .career-opng-sec .col-md-6 {
     display: flex !important;
     flex-direction: column !important;
 }

 .career-opng-sec .optech-iconbox-wrap4 {
     display: flex !important;
     flex-direction: column !important;
     width: 100% !important;
 }

 .career-opng-sec .optech-iconbox-icon4 {
     flex: 0 0 auto !important;
     width: 100% !important;
 }

 .career-opng-sec .vehicle-image {
     flex: 0 0 auto !important;
     width: 100% !important;
 }

 .career-opng-sec .vehicle-img {
     width: 100% !important;
     height: 240px !important;
 }

 /* Additional image sizing for all contexts */
 img.vehicle-img {
     width: 100% !important;
     max-width: 100% !important;
     min-width: 100% !important;
 }

 /* Restore EV vehicle image sizing and keep How It Works icons separate */
 .career-opng-sec .optech-iconbox-wrap4.ev-card {
     padding: 0 !important;
 }

 .career-opng-sec .optech-iconbox-wrap4.ev-card .optech-iconbox-icon4 {
     display: block !important;
     align-items: stretch !important;
     justify-content: flex-start !important;
     padding: 0 !important;
 }

 .career-opng-sec .optech-iconbox-wrap4.ev-card .vehicle-image {
     width: 100% !important;
     max-width: 100% !important;
     margin-bottom: 24px !important;
 }

 .career-opng-sec .optech-iconbox-wrap4.ev-card .vehicle-img {
     width: 100% !important;
     max-width: 100% !important;
     height: 320px !important;
     object-fit: cover !important;
 }

 .career-opng-sec .optech-iconbox-wrap4.ev-card .optech-iconbox-data4 {
     padding-top: 24px !important;
 }

 .how-step-icon {
     width: 140px !important;
     height: 140px !important;
     margin: 40px auto 18px auto !important;
     border-radius: 26px !important;
     background: transparent !important;
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;
     box-shadow: none !important;
 }

 .how-step-icon img.step-logo {
     width: 88px !important;
     height: 88px !important;
     object-fit: contain !important;
 }