@font-face {
   font-family: Barlow;
   src: url('../font/Barlow-Regular.woff2') format('woff2'), url('../font/Barlow-Regular.woff') format('woff');
   font-weight: 400;
   font-style: normal;
   font-display: swap
 }

 @font-face {
   font-family: Barlow;
   src: url('../font/Barlow-Regular.woff2') format('woff2'), url('../font/Barlow-Regular.woff') format('woff');
   font-weight: 400;
   font-style: normal;
   font-display: swap
 }

 @font-face {
   font-family: 'Grand Hotel';
   src: url('../font/GrandHotel-Regular.woff2') format('woff2'), url('../font/GrandHotel-Regular.woff') format('woff');
   font-weight: 400;
   font-style: normal;
   font-display: swap
 }


 .font_Cantarell {
   font-family: "Grand Hotel";
 }


 .nav_m_icon>span img {
   width: 23px
 }

 .footer_address img {
   width: 40px
 }

 .heading-lite,
 .navigation a,
 body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: Barlow, sans-serif
 }

 .dropdown-menu,
 body {
   background-color: #fff;
   color: #212529
 }

 .dropdown-item,
 .dropdown-toggle,
 .navbar-brand {
   white-space: nowrap
 }

 .dropdown-item,
 .nav-link,
 .navbar-brand,
 .navbar-toggler:focus,
 .navbar-toggler:hover {
   text-decoration: none
 }

 .navbar-toggler-icon,
 img,
 svg {
   vertical-align: middle
 }

 :root {
   --bs-blue: #0d6efd;
   --bs-indigo: #6610f2;
   --bs-purple: #6f42c1;
   --bs-pink: #d63384;
   --bs-red: #dc3545;
   --bs-orange: #fd7e14;
   --bs-yellow: #ffc107;
   --bs-green: #198754;
   --bs-teal: #20c997;
   --bs-cyan: #0dcaf0;
   --bs-white: #fff;
   --bs-gray: #6c757d;
   --bs-gray-dark: #343a40;
   --bs-primary: #0d6efd;
   --bs-secondary: #6c757d;
   --bs-success: #198754;
   --bs-info: #0dcaf0;
   --bs-warning: #ffc107;
   --bs-danger: #dc3545;
   --bs-light: #f8f9fa;
   --bs-dark: #212529;
   --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))
 }

 *,
 ::after,
 ::before {
   box-sizing: border-box
 }

 @media (prefers-reduced-motion:no-preference) {
   :root {
     scroll-behavior: smooth
   }
 }

 .nav-lst-g {
   filter: invert(29%) sepia(9%) saturate(2815%) hue-rotate(165deg) brightness(87%) contrast(87%);
 }

 body {
   margin: 0;
   font-family: var(--bs-font-sans-serif);
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: transparent
 }

 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   margin-top: 0;
   margin-bottom: .5rem;
   font-weight: 400;
   line-height: 1.2
 }

 address,
 dl,
 ol,
 ul {
   margin-bottom: 1rem
 }

 .accordion-header,
 .navbar-nav {
   margin-bottom: 0
 }

 .h1,
 h1 {
   font-size: calc(1.375rem + 1.5vw)
 }

 .h2,
 h2 {
   font-size: calc(1.325rem + .9vw)
 }

 .h3,
 h3 {
   font-size: calc(1.3rem + .6vw)
 }

 .h4,
 h4 {
   font-size: calc(1.275rem + .3vw)
 }

 .h5,
 h5 {
   font-size: 1.25rem
 }

 address {
   font-style: normal;
   line-height: inherit
 }

 ol,
 ul {
   padding-left: 2rem
 }

 dl,
 ol,
 ul {
   margin-top: 0
 }

 b,
 strong {
   font-weight: 600
 }

 .small,
 small {
   font-size: .875em
 }

 a {
   color: #0d6efd;
   text-decoration: underline
 }

 .nav-link:focus,
 .nav-link:hover,
 a:hover {
   color: #0a58ca
 }

 a:not([href]):not([class]),
 a:not([href]):not([class]):hover {
   color: inherit;
   text-decoration: none
 }

 button:focus:not(:focus-visible) {
   outline: 0
 }

 button,
 input,
 optgroup,
 select,
 textarea {
   margin: 0;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit
 }

 button,
 select {
   text-transform: none
 }

 [role=button],
 [type=button]:not(:disabled),
 [type=reset]:not(:disabled),
 [type=submit]:not(:disabled),
 button:not(:disabled) {
   cursor: pointer
 }

 [type=reset],
 [type=submit] {
   -webkit-appearance: button
 }

 ::-webkit-inner-spin-button {
   height: auto
 }

 .container,
 .container-fluid,
 .container-lg,
 .container-md,
 .container-sm,
 .container-xl,
 .container-xxl {
   width: 100%;
   padding-right: var(--bs-gutter-x, .75rem);
   padding-left: var(--bs-gutter-x, .75rem);
   margin-right: auto;
   margin-left: auto
 }

 .row {
   --bs-gutter-x: 1.5rem;
   --bs-gutter-y: 0;
   display: flex;
   flex-wrap: wrap;
   margin-top: calc(var(--bs-gutter-y) * -1);
   margin-right: calc(var(--bs-gutter-x) * -.5);
   margin-left: calc(var(--bs-gutter-x) * -.5)
 }

 .row>* {
   flex-shrink: 0;
   width: 100%;
   max-width: 100%;
   padding-right: calc(var(--bs-gutter-x) * .5);
   padding-left: calc(var(--bs-gutter-x) * .5);
   margin-top: var(--bs-gutter-y)
 }

 .btn-group-sm>.btn,
 .btn-sm {
   padding: .25rem .5rem;
   font-size: .875rem;
   border-radius: .2rem
 }

 .fade {
   transition: opacity .15s linear
 }

 .fade:not(.show),
 .modal-backdrop.fade {
   opacity: 0
 }

 .collapse:not(.show) {
   display: none
 }

 .collapsing {
   height: 0;
   overflow: hidden;
   transition: height .35s
 }

 .card,
 .dropdown,
 .dropend,
 .dropstart,
 .dropup,
 .navbar {
   position: relative
 }

 .dropdown-toggle::after {
   display: inline-block;
   margin-left: .255em;
   vertical-align: .255em;
   content: "";
   border-top: .3em solid;
   border-right: .3em solid transparent;
   border-bottom: 0;
   border-left: .3em solid transparent
 }

 .dropdown-menu {
   position: absolute;
   z-index: 1000;
   display: none;
   min-width: 10rem;
   padding: .5rem 0;
   margin: 0;
   font-size: 1rem;
   text-align: left;
   list-style: none;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, .15);
   border-radius: .25rem
 }

 .dropdown-menu.show,
 .nav-link {
   display: block
 }

 .dropdown-menu[data-bs-popper] {
   top: 100%;
   left: 0;
   margin-top: .125rem
 }

 .dropdown-item {
   display: block;
   width: 100%;
   padding: .25rem 1rem;
   clear: both;
   font-weight: 400;
   color: #212529;
   text-align: inherit;
   background-color: transparent;
   border: 0
 }

 .nav-link {
   padding: .5rem 1rem;
   color: #0d6efd;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
 }

 .navbar {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   padding-top: .5rem;
   padding-bottom: .5rem
 }

 .navbar>.container,
 .navbar>.container-fluid,
 .navbar>.container-lg,
 .navbar>.container-md,
 .navbar>.container-sm,
 .navbar>.container-xl,
 .navbar>.container-xxl {
   display: flex;
   flex-wrap: inherit;
   align-items: center;
   justify-content: space-between
 }

 .navbar-brand {
   padding-top: .3125rem;
   padding-bottom: .3125rem;
   margin-right: 1rem;
   font-size: 1.25rem
 }

 .navbar-nav {
   display: flex;
   flex-direction: column;
   padding-left: 0;
   list-style: none
 }

 .navbar-nav .nav-link {
   padding-right: 0;
   padding-left: 0
 }

 .navbar-nav .dropdown-menu {
   position: static
 }

 .navbar-collapse {
   flex-basis: 100%;
   flex-grow: 1;
   align-items: center
 }

 .navbar-toggler {
   padding: .25rem .75rem;
   font-size: 1.25rem;
   line-height: 1;
   background-color: transparent;
   border: 1px solid transparent;
   border-radius: .25rem;
   transition: box-shadow .15s ease-in-out
 }

 .accordion-item,
 .card,
 .modal-content {
   background-color: #fff
 }

 .navbar-toggler:focus {
   outline: 0;
   box-shadow: 0 0 0 .25rem
 }

 .navbar-toggler-icon {
   display: inline-block;
   width: 1.5em;
   height: 1.5em;
   background-repeat: no-repeat;
   background-position: center;
   background-size: 100%
 }

 .navbar-light .navbar-brand,
 .navbar-light .navbar-brand:focus,
 .navbar-light .navbar-brand:hover {
   color: rgba(0, 0, 0, .9)
 }

 .navbar-light .navbar-nav .nav-link {
   color: rgba(0, 0, 0, .55)
 }

 .navbar-light .navbar-nav .nav-link:focus,
 .navbar-light .navbar-nav .nav-link:hover {
   color: rgba(0, 0, 0, .7)
 }

 .navbar-light .navbar-toggler {
   color: rgba(0, 0, 0, .55);
   border-color: rgba(0, 0, 0, .1)
 }

 .navbar-light .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
 }

 .card {
   display: flex;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-clip: border-box;
   border: 1px solid rgba(0, 0, 0, .125);
   border-radius: .25rem
 }

 .mobile_navigation .card-body {
   padding: 4px 0px
 }


 .card-body {
   flex: 1 1 auto;
   padding: 1rem
 }


 .accordion-item {
   border: 1px solid rgba(0, 0, 0, .125)
 }

 .accordion-item:first-of-type {
   border-top-left-radius: .25rem;
   border-top-right-radius: .25rem
 }

 .accordion-item:not(:first-of-type) {
   border-top: 0
 }

 .accordion-item:last-of-type,
 .accordion-item:last-of-type .accordion-collapse {
   border-bottom-right-radius: .25rem;
   border-bottom-left-radius: .25rem
 }

 .accordion-body {
   padding: 1rem 1.25rem
 }

 .modal {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1060;
   display: none;
   width: 100%;
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
   outline: 0
 }

 .modal-dialog {
   position: relative;
   width: auto;
   margin: .5rem;
   pointer-events: none
 }

 .modal.fade .modal-dialog {
   transition: transform .3s ease-out;
   transform: translate(0, -50px)
 }

 .modal.show .modal-dialog {
   transform: none
 }

 .modal-content {
   position: relative;
   display: flex;
   flex-direction: column;
   width: 100%;
   pointer-events: auto;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, .2);
   border-radius: .3rem;
   outline: 0
 }

 .modal-backdrop {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1040;
   width: 100vw;
   height: 100vh;
   background-color: #000
 }

 .modal-backdrop.show {
   opacity: .5
 }

 .modal-body {
   position: relative;
   flex: 1 1 auto;
   padding: 1rem
 }

 .fixed-top {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   z-index: 1030
 }

 .position-relative {
   position: relative !important
 }

 .w-100 {
   width: 100% !important
 }

 .justify-content-end {
   justify-content: flex-end !important
 }

 .justify-content-between {
   justify-content: space-between !important
 }

 .align-items-center {
   align-items: center !important
 }

 .mt-1 {
   margin-top: .25rem !important
 }

 .mt-5 {
   margin-top: 3rem !important
 }

 .mb-2 {
   margin-bottom: .5rem !important
 }

 .mb-3 {
   margin-bottom: 1rem !important
 }

 .mb-5 {
   margin-bottom: 3rem !important
 }

 .text-end {
   text-align: right !important
 }

 .text-center {
   text-align: center !important
 }

 .bg-white {
   background-color: #fff !important
 }

 @media (min-width:576px) {
   .modal-dialog {
     max-width: 500px;
     margin: 1.75rem auto
   }

   .container,
   .container-sm {
     max-width: 540px
   }
 }

 @media (min-width:768px) {

   .container,
   .container-md,
   .container-sm {
     max-width: 720px
   }

   .col-md-auto {
     flex: 0 0 auto;
     width: auto
   }

   .col-md-1 {
     flex: 0 0 auto;
     width: 8.33333333%
   }

   .col-md-2 {
     flex: 0 0 auto;
     width: 16.66666667%
   }

   .col-md-3 {
     flex: 0 0 auto;
     width: 25%
   }

   .col-md-4 {
     flex: 0 0 auto;
     width: 33.33333333%
   }

   .col-md-5 {
     flex: 0 0 auto;
     width: 41.66666667%
   }

   .col-md-6 {
     flex: 0 0 auto;
     width: 50%
   }

   .col-md-7 {
     flex: 0 0 auto;
     width: 58.33333333%
   }

   .col-md-8 {
     flex: 0 0 auto;
     width: 66.66666667%;
   }

   .col-md-9 {
     flex: 0 0 auto;
     width: 75%;
   }

   .col-md-12 {
     flex: 0 0 auto;
     width: 100%
   }
 }

 @media (min-width:992px) {

   .container,
   .container-lg,
   .container-md,
   .container-sm {
     max-width: 960px
   }

   .navbar-expand-lg {
     flex-wrap: nowrap;
     justify-content: flex-start
   }

   .navbar-expand-lg .navbar-nav {
     flex-direction: row
   }

   .navbar-expand-lg .navbar-nav .dropdown-menu {
     position: absolute
   }

   .navbar-expand-lg .navbar-nav .nav-link {
     padding-right: .5rem;
     padding-left: .5rem
   }

   .navbar-expand-lg .navbar-nav-scroll {
     overflow: visible
   }

   .navbar-expand-lg .navbar-collapse {
     display: flex !important;
     flex-basis: auto
   }

   .navbar-expand-lg .navbar-toggler {
     display: none
   }
 }

 @media (min-width:1200px) {

   .h1,
   h1 {
     font-size: 2.5rem
   }

   .h2,
   h2 {
     font-size: 2rem
   }

   .h3,
   h3 {
     font-size: 1.75rem
   }

   .h4,
   h4 {
     font-size: 1.5rem
   }

   .container,
   .container-lg,
   .container-md,
   .container-sm,
   .container-xl {
     max-width: 1140px
   }
 }

 .pro-detail-info {
   padding-top: 20px;
 }

 .d-flex {
   display: flex !important
 }

 .navbar-brand img {
   width: 130px
 }

 .footer_address img {
   width: 50px
 }

 .nav_dropdownLs,
 .nav_menu_c {
   box-shadow: 0 1px 7px 0 #ddd
 }

 .main-m-lst-detail {
   background: #fff;
   /* background: linear-gradient(129deg, rgba(229, 239, 250, .2) 0%, rgba(253, 254, 255, .2) 50%, rgba(253, 232, 205, .2) 100%); */
 }

 .container,
 img {
   max-width: 100%
 }

 .coppy-write,
 .lm-pattrn1 .container,
 .md-list ul,
 .quick-link {
   position: relative;
   z-index: 20
 }

 .footer_nav_lst ul li,
 .md-list li,
 .mobile_nv ul li,
 .quick-link ul li {
   list-style: none
 }

 .close:not(:disabled):not(.disabled),
 .cookies_policy span,
 a {
   cursor: pointer
 }

 :root {
   --blue: #007ee5;
   --white: #fff;
   --orange: #f8a456;
   --gray50: #444;
   --green: #40a649
 }

 img {
   height: auto;
   width: auto
 }

 p {
   margin: 0;
   font-weight: 400;
   font-size: 15px
 }

 a {
   text-decoration: none;
   transition: .5s
 }

 .heading-lite,
 .navigation a,
 body,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: Barlow, sans-serif
 }

 body {
   font-size: 0.875rem;
   color: #000;
   background: var(--white);
   text-transform: capitalize;
 }

 .nav_menu_c {
   width: 100%;
   padding: 0px;
   border: 0;
   border-radius: 4px;
   /* max-height: 490px; */
   /* overflow: auto; */
 }

 .main-m-lst {
   padding: 6px 12px;
   height: 410px;
   overflow: auto;
 }

 .ds-menu-contain {
   overflow-x: hidden;
 }

 .ds-menu-contain * {
  font-family: Inter, sans-serif;
 }

 .ds-menu-d.row {
   max-height: 325px;
   overflow: auto;
   margin-top: 16px;
 }

 .ds-col-md-3 {
   width: 100%;
   max-width: 340px;
 }

 .ds-col-md-9 {
   width: 100%;
   max-width: calc(100% - 300px);
 }



 .container2 {
   max-width: 1300px;
   margin: 0 auto;
 }

 .main-menu-l {
   padding: 12px 32px 12px 12px;
   border-radius: 4px;
   font-size: 0.9375rem;
   transition: .3s;
   position: relative;
   font-weight: 500;
   line-height: 150%;
 }

 /* .main-menu-st * {
   font-family: "BagossStandardVF Fallback", Arial, Helvetica, sans-serif !important;
   text-transform: capitalize;
 } */

 .main-menu-l::after {
   content: '';
   position: absolute;
   background: url(../img/next.png) center no-repeat;
   top: calc(50% - 12px);
   right: 6px;
   width: 22px;
   opacity: 0;
   height: 22px;
   background-size: 8px;
 }

 .main-menu-st {
   display: flex;
 }

 .main-menu-l {
   display: flex;
   gap: 16px;
   /* padding-left: 24px; */
   justify-content: center;
 }

 .ds-menu-lstb {
   /* max-width: 300px; */
   width: 100%;
   display: inline-flex;
   gap: 16px
 }

 .main-menu-st>.ds-col-md-3 {
   padding-right: 0px;

   box-shadow:rgba(27, 27, 27, 0.12) 0px -3px 3px 1px;
   z-index: 30;
 }

 .main-m-lst-detail {
   padding-right: 24px;
   padding-left: 24px;
 }



 .ds-menu-dl-detail {
   display: inline-block;
   /* border: 1px solid #eee; */
   border-radius: 8px;
   padding: 6px;
   border: 1px solid;
   border-image: linear-gradient(45deg, transparent, transparent) 1;
   width: calc(50% - 8px);
   transition: .3s;
 }

 .ds-menu-dl-detail:hover {
   /* background: #F6FAFF; */
   /* background: linear-gradient(90deg,rgba(246, 250, 255, 1) 20%, rgba(253, 254, 255, 0) 100%); */
   /* background: linear-gradient(90deg,rgba(250, 253, 255, 1) 17%, rgba(253, 254, 255, 1) 100%); */
   background: #f9f9f9;
   /* border: 1px solid #ddd; */
   /* border-image: linear-gradient(45deg, #d2e5fd, #d2e5fd) 1; */
 }

 .ds-menu-dld-i,
 .ds-menu-dld-d {
   float: left;
 }


.main-m-lst::-webkit-scrollbar {
  width: 4px; /* thin scrollbar */
}

.main-m-lst::-webkit-scrollbar-thumb {
  background-color: #888; /* scrollbar color */
  border-radius: 2px;
}
.main-m-lst::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}



 .ds-menu-list-wall {
   background: #e5efff;
   padding: 12px;
   border-radius: 6px 6px 36px 6px;
   border: 1px solid #fff;
   /* text-align: center; */
 }

 .dmlw-heading {
   font-size: 1.125rem;
   font-weight: 500;
   line-height: 23px;
   margin-bottom: 12px;
 }




 .ds-menu-dp {
   padding: 16px 12px 16px;
   margin-bottom: 12px;
   border-bottom: 1px solid #eee;
   color: #777;
   font-size: 14px;
 }

 .ds-menu-dld-i {
   width: 32px;
   height: 32px;
   align-content: center;
   text-align: center;
   /* background: #d5e7ff; */
   border-radius: 6px;
   margin-top: 4px;
 }

 .ds-menu-dld-d {
   width: calc(100% - 54px);
   padding-left: 12px;
 }

 .dsm-heading {
    line-height: 150%;
    font-size: 15px;
    color: #333;
    /* color: #007ee5; */
    font-weight: 500;
    /* letter-spacing: .24px; */
}


 .ds-menu-dl {
   display: flex;
   gap: 6px;
   flex-wrap: wrap;
   /* max-height: 340px;
    overflow: auto; */
 }

 .ds-menu-dl>div {
   flex: 0 0 calc(50% - 8px);
   width: 100%;
 }

 .ds-menu-dld-d small {
   display: inline-block;
   font-size: 13px;
   margin-top: 2px;
   font-weight: normal;
   /* font-weight: 500; */
   color: #777;
  line-height: 140%;
 }

 .main-menu-l[aria-expanded="true"],   .main-menu-l[aria-expanded="true"]:hover{
   /* background: #c2d5f9; */
   background: #e6e9fd !important;
 }
 .main-menu-l[aria-expanded="true"]::after {
  opacity: 1;

 }

 .main-menu-l:hover {
   background: #f5f8fd;
 }

 .main-menu-l span {
   align-content: center;
 }

 .main-menu-l img {
   /* filter: invert(0%) sepia(0%) saturate(7498%) hue-rotate(224deg) brightness(96%) contrast(100%); */
 }

 .ds-mwi {
   background: #fff;
   text-align: center;
   padding: 3px 0;
   margin-bottom: 12px;
   border-radius: 6px;
 }

 .ds-menu-cta a {
   display: inline-block;
   padding: 8px 12px;
   border: 1px solid;
   font-size: 0.9375rem;
   background: #fff;
   font-weight: 500;
   border-radius: 6px;
   transition: .3s;
 }

 .ds-menu-cta a:hover {
   background: #007ee5;
   color: #fff !important;
   border-color: #007ee5 !important;
 }

 .ds-menu-cta {
   text-align: right;
   padding: 12px 16px;
   background: #f9f9f9;
   /* background: linear-gradient(90deg, #007ee5, #74b5eb 100%); */
   width: calc(100% + 0px);
   border-top: 1px solid #eee;
   display: flex;
   justify-content: space-between;
 }

 .ds-menu-dl-detail:hover .dsm-heading {
   color: #007ee5 !important;
 }




 .red {
   color: red
 }

 .nav_list_add {
   width: 50%;
   float: left;
   padding: 8px;
   min-height: 77px;
   border-radius: 4px
 }

 /* .nav_m_icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #dbf3fa;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    padding: 6px
  }

  .nav_item_list_detail {
    width: calc(100% - 40px);
    float: left;
    padding-left: 8px
  } */

 .nav_heading {
   color: #333;
   font-size: 0.875rem;
   font-weight: 600
 }

 .nav_item_list_detail small {
   color: #69727a;
   line-height: 150%;
   display: inline-block;
   margin-top: 2px;
   font-size: 1.125rem
 }

 .icon_green_lite .nav_m_icon,
 .icon_green_lite:hover {
   background: #6ac0694d
 }

 .icon_red_lite .nav_m_icon,
 .icon_red_lite:hover {
   background: #e44c7d4d
 }

 .icon_spring_lite .nav_m_icon,
 .icon_spring_lite:hover {
   background: #8484d74d
 }

 .icon_blue_lite:hover {
   background: #dbf3fa
 }

 .navigation.navbar-light .navbar-nav .nav-link {
   font-size: 1.0625rem;
   padding: 14px;
   font-weight: 600
 }

 .b,
 .navigation .dropdown-item {
   font-weight: 600
 }

 .nav_dropdownLs a {
   padding: 13px;
   font-size: 0.875rem
 }

 .nav_dropdownLs a:active,
 .nav_dropdownLs a:focus,
 .nav_dropdownLs a:hover {
   background: #f2fbf8;
   color: var(--blue)
 }

 .nav_dropdownLs {
   margin: 0;
   background: var(--white);
   padding: 0;
   border: 0;
   border-radius: 4px
 }

 .navbar-light .navbar-nav .nav-link {
   color: #333
 }

 .form-inline.navigation-right li {
   float: left;
   list-style: none;
   margin-left: 10px
 }

 .btn-ft,
 .form-inline.navigation-right li a {
   color: var(--white);
   padding: 7px 18px;
   font-size: 1.0625rem;
   box-shadow: 0 0 1px 0 rgb(51 51 51 / 50%);
   font-weight: 600;
   text-decoration: none;
   border-radius: 8px;
   cursor: pointer;
   transition: .4s;
   display: inline-block;
   border: 1px solid #108ef1;
   line-height: 150%
 }

 .form-inline.navigation-right li a.black {
   background: #fff;
   color: #333;
   border-color: #333
 }

 .form-inline.navigation-right li a:hover {
   opacity: .9
 }

 .btn-ft,
 .nav-button.blue_bt a {
   background-image: linear-gradient(to right, var(--blue), #209fff);
   color: var(--white)
 }

 .navigation.nav_fixed {
   background: #fff;
   box-shadow: 0 1px 2px 1px #eee
 }

 .bg-white {
   background: var(--white) !important
 }

 a.btn-fill.bg-white {
   color: var(--blue);
   border: 1px solid var(--blue)
 }

 .no-margin {
   margin: 0 !important
 }

 .container {
   width: 1200px;
   margin: 0 auto
 }

 .height-securety {
   margin-bottom: 60px;
   padding: 0 50px
 }

 .footer_address p {
   font-size: 1rem;
   margin-bottom: 7px;
   color: #8b9dad
 }

 .coppy-write,
 .footer_social_media a,
 address {
   color: #7b8a97
 }

 .footer_address>div {
   padding-left: 6px
 }

 .app a {
   border: 1px solid #173752;
   margin-bottom: 12px;
   background: #172f43;
   border-radius: 6px;
   height: 54px;
   display: inline-block;
   padding: 10px 16px
 }

 .footer_nav_lst ul,
 .quick-link ul {
   padding: 0
 }

 .footer_nav_lst ul li a,
 .quick-link ul li a {
   width: 100%;
   display: inline-block;
   padding: 6px 4px;
   color: #7b8a97;
   transition: .4s
 }

 .footer_nav_lst ul li a:hover,
 .quick-link ul li a:hover {
   color: var(--white)
 }

 .footer_nav_lst .h3,
 .quick-link .h3 {
   font-size: 1.375rem !important;
   font-weight: 600;
   margin-bottom: 10px !important;
   color: #8b9dad
 }

 .quick-link {
   padding: 10px 0 60px
 }

 footer.footer {
   padding: 120px 0 0
 }

 .coppy-write {
   text-align: center;
   padding: 10px 0;
   font-size: 0.8125rem
 }

 :focus {
   outline: -webkit-focus-ring-color auto 0
 }

 .modal-content {
   border-radius: 10px;
   padding-bottom: 6px
 }

 .model-header {
   background: #007ee5;
   color: #fff;
   width: calc(100% + 32px);
   margin-left: -16px;
   padding: 13px 18px;
   margin-top: -17px;
   margin-bottom: 24px;
   border-radius: 8px 8px 0 0
 }

 .model-header h4 {
   font-size: 1.25rem;
   margin: 0
 }

 .modal .close {
   position: absolute;
   top: 0;
   width: 40px;
   height: 40px;
   color: #fff;
   border-width: 0;
   font-size: 1.875rem;
   background: 0 0;
   right: 3px
 }

 .acc_item,
 .bt-form,
 .bt-input_st,
 .lds-ring,
 .lm-pattrn1,
 .lmaccordion-button,
 .md-list,
 .relative,
 .review_bg {
   position: relative
 }

 .lds-ring {
   display: inline-block;
   width: 70px;
   height: 70px
 }

 .lds-ring div {
   box-sizing: border-box;
   display: block;
   position: absolute;
   width: 54px;
   height: 54px;
   margin: 8px;
   border: 6px solid #fff;
   border-radius: 50%;
   animation: 1.2s cubic-bezier(.5, 0, .5, 1) infinite lds-ring;
   border-color: #0d8aef transparent transparent
 }

 .timings_view .lds-ring {
   display: inline-block;
   position: relative;
   width: 18px;
   height: 18px
 }

 .timings_view .lds-ring div {
   width: 2px;
   height: 2px;
   margin: 1px
 }

 .lds-ring div:first-child {
   animation-delay: -.45s
 }

 .lds-ring div:nth-child(2) {
   animation-delay: -.3s
 }

 .lds-ring div:nth-child(3) {
   animation-delay: -.15s
 }

 @keyframes lds-ring {
   0% {
     transform: rotate(0)
   }

   100% {
     transform: rotate(360deg)
   }
 }

 .bt-input_st {
   margin-bottom: 16px;
   display: inline-block;
   width: 100%
 }

 .modal .bt-form .input {
   height: 43px;
   border: 1px solid rgba(0, 126, 229, .2);
   padding: 8px 0 3px 32px;
   border-radius: 8px;
   font-size: 0.875rem;
   box-shadow: 0 0 0 0 #333;
   width: 100%
 }

 .bt-input_st span {
   position: absolute;
   top: 13px;
   left: 33px;
   color: #888;
   font-weight: 400;
   transition: .3s
 }

 .bt-input_st input:focus+span,
 .bt-input_st:hover span,
 input.not-empty+span {
   top: 3px;
   font-size: 0.625rem
 }

 .form_icon {
   position: absolute;
   top: 11px;
   width: 18px;
   left: 10px
 }

 button.bt-button-blue {
   background: #007ee5;
   border: 1px solid #007ee5;
   height: 42px;
   font-size: 0.875rem;
   color: #fff;
   border-radius: 30px;
   box-shadow: 0 0 3px 0 #ccc;
   padding: 0 15px;
   background-image: linear-gradient(to right, #007ee5, #209fff) !important
 }

 .form_no_credit {
   padding: 7px 0 0;
   text-align: center;
   color: #888;
   margin-top: 10px;
   /* font-size: 0.75rem; */

 }

 .h1 {
   line-height: 48px;
   font-size: 2.625rem
 }

 .banner_heading_st .h5,
 .cf-name,
 span.dbl-arraw {
   font-size: 1.125rem
 }

 .banner_sty_heading {
   display: inline-block;
   font-weight: 400;
   color: #007ee5;
   position: relative;
   font-size: 38px
 }

 .accbtn,
 .btn-fill,
 .btn-sm,
 .bts2 h3,
 .lmaccordion-button,
 a.main-page-btn {
   font-weight: 600
 }

 nav.page-nav {
   margin: 0 0 50px;
   display: flex;
   justify-content: center
 }

 .btn {
   background-color: var(--white) !important;
   border-radius: 23px !important;
   color: #333
 }

 .btn:hover {
   border-color: #9ec3e0;
   color: var(--blue)
 }

 .btn-sm {
   padding: 9px 12px;
   margin: 0 8px 0 0;
   border: 1px solid #ddd;
   font-size: 0.9375rem
 }

 .trial-st {
   padding: 60px 0 50px
 }

 a.main-page-btn {
   color: #000;
   margin-right: 22px;
   font-size: 1.125rem
 }

 span.dbl-arraw {
   margin-left: 9px;
   letter-spacing: -1px
 }

 .btn-primary {
   color: var(--blue) !important;
   background-color: #d1eafd !important;
   border-color: #9ec3e0
 }

 .height-securety .bts1 {
   border-color: var(--blue);
   border-radius: 0 30px !important;
   box-shadow: 0 0 0 #333
 }

 .height-securety .bts1 p {
   color: #000
 }

 .section-are-bottom {
   padding-bottom: 60px
 }

 .banner_section {
   padding: 60px 0 40px;
   background-color: var(--white);
   background-image: linear-gradient(168deg, #f6fbff 64%, #000 49%, #fff 0)
 }

 .gray {
   color: #888
 }

 .sub_detail {
   font-size: 0.9375rem;
   color: var(--gray50);
   line-height: 23px;
   padding: 14px 0
 }

 .section-are {
   padding: 60px 0;
   display: inline-block;
   width: 100%;
   overflow: hidden
 }

 .btn-fill {
   background-image: linear-gradient(to right, var(--blue), #87c2ef);
   color: var(--white);
   display: inline-block;
   padding: 14px 28px;
   font-size: 1rem;
   border-radius: 10px;
   margin-top: 20px
 }

 .btn-fill:hover {
   background-image: linear-gradient(to right, var(--blue), var(--blue));
   color: var(--white)
 }

 .sm_heading {
   text-align: center;
   font-size: 1.875rem;
   margin-bottom: 16px
 }

 .orange {
   color: var(--orange)
 }

 .blue {
   color: var(--blue)
 }

 .green {
   color: var(--green)
 }

 .section-heading .h2 {
   font-size: 2rem;
   color: #263139
 }

 .section-heading p {
   font-size: 0.9375;
   color: var(--gray50)
 }
 .lets_c .h2 {
    font-size: 1.5rem;
}

 .section-heading .heading-lite {
   font-size: 1.25rem;
   margin-bottom: 6px;
   display: inline-block;
   width: 100%;
   font-weight: 400;
   color: #555
 }

 .w-70 {
   width: 70%
 }

 .review_bg img {
   border-radius: 0 50px
 }

 .lm-accordion .accordion-item,
 .lmaccordion-button {
   border: 1px solid transparent;
   background: 0 0
 }

 .left-hedding-mb {
   margin-bottom: 35px
 }

 .lmaccordion-button {
   width: 100%;
   text-align: start;
   font-size: 18px;
   padding: 15px 28px 15px 15px
 }

 .lm-accordion .accordion-body {
   padding-top: 0;
   font-size: .937rem;
   color: #666;
   background: var(--white);
   border-radius: 0 0 0 32px
 }

 .lm-accordion .accordion-collapse.show {
   background: #fff;
   border: 1px solid #ddd;
   border-top: 0;
   border-radius: 0 0 0 30px
 }

 .lm-accordion .lmaccordion-button[aria-expanded=true] {
   border: 1px solid #ddd;
   border-bottom: 0;
   border-radius: 0 30px 0 0;
   background: #fff
 }

 .accbtn::before,
 .lmaccordion-button::before {
   transition: .4s;
   content: "";
   width: 10px;
   height: 10px;
   border-top: 2px solid #555;
   border-left: 2px solid #555;
   position: absolute;
   right: 16px;
   font-size: 2.9375rem;
   transform: rotate(46deg);
   top: calc(50% - 5px);
   font-weight: 400
 }

 .accbtn[aria-expanded=true]::before,
 .lm-accordion .lmaccordion-button[aria-expanded=true]::before {
   transform: rotate(-140deg)
 }

 .lm-pattrn1::before {
   content: "";
   pointer-events: none;
   position: absolute;
   width: 110%;
   height: 80%;
   background-color: #f2f9fe;
   background-image: linear-gradient(98deg, #f2f9fe 0, #f5faff 50%, #fff 75%);
   transform: rotate(-5deg);
   left: -5%;
   z-index: 10;
   top: 10%
 }

 .review_bg img {
   position: absolute;
   right: 0
 }

 .review_bg iframe,
 .review_bg img.hide {
   opacity: 0;
   pointer-events: none
 }

 .review_bg iframe.show {
   opacity: 1;
   pointer-events: all
 }

 .client-speek_modal {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   background: 0 0;
   pointer-events: none;
   left: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 1040;
   transition: .4s;
   transform: scale(.5)
 }

 .client-speek_modal>div,
 .cookies_policy.hide,
 .xs-show {
   display: none
 }

 .client-speek_modal.show>div,
 .md-list li {
   display: flex
 }

 .client-speek_modal.show {
   background-color: rgb(0 0 0 / 80%);
   pointer-events: all;
   transform: scale(1)
 }

 .client-speek_modal .close {
   position: absolute;
   top: -11px;
   right: -50px;
   color: #fff;
   font-size: 2.5rem
 }

 .lm-accordion {
   padding-top: 30px
 }

 .md-list li {
   float: left;
   width: 50%;
   justify-content: center
 }

 .model-detail {
   display: inline-block;
   border: 1px solid #ddd;
   padding: 32px 12px;
   text-align: center;
   margin: 3px;
   background: #fff;
   border-radius: 0 20px;
   box-shadow: 0 2px 2px 1px #eee
 }

 .model-detail p:last-child {
   font-size: 1.5rem;
   color: var(--gray50);
   font-weight: 600
 }

 .model-detail .heading {
   font-size: 2.375rem
 }

 .bts1 p,
 .bts1.p-15 p {
   font-size: .9375rem
 }

 .md-list::before {
   content: "";
   width: 400px;
   height: 400px;
   background: #eee;
   position: absolute;
   border-radius: 50%;
   left: 0;
   top: 0;
   background-image: linear-gradient(98deg, #f2f9fe 0, #f5faff 50%, #fff 75%);
   z-index: 10
 }

 .iconST span {
   width: 75px;
   height: 80px;
   border: 1px solid #f5b96b;
   display: flex;
   font-family: cursive;
   align-items: center;
   background-image: radial-gradient(#f5b96b, #fff);
   border-radius: 18px 11px;
   position: relative;
   margin-bottom: 24px
 }

 .iconST span::before {
   content: "";
   display: inline-block;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   border: 1px solid #f8ce8e;
   border-top: 2px solid #f8ce8e;
   border-left: 2px solid #f8ce8e;
   border-radius: 18px 4px
 }

 .iconST.blue_ptn span,
 .iconST.blue_ptn span::before {
   border-color: var(--blue)
 }

 .iconST.blue_ptn span {
   background-image: radial-gradient(var(--blue), #fff)
 }

 .lm-pattrn1.orange_patt::before {
   background-color: #fffefd;
   background-image: linear-gradient(98deg, #fef6ee 0, #fff7f0 50%, #fffefd 75%)
 }

 .bts1,
 .bts2 {
   padding: 25px;
   border: 1px solid #eee;
   background: #fff;
   border-radius: 30px 8px;
   box-shadow: 0 1px 3px 1px #eee
 }

 .bts1 .h3 {
   margin-bottom: 20px !important;
   font-weight: 700
 }

 .bts1 p {
   line-height: 24px;
   color: #333
 }

 .bts2 h3 {
   font-size: 1.125rem;
   margin: 15px 0;
   line-height: 150%
 }

 .accbtn,
 .bts2 p {
   line-height: 25px
 }

 .bts2 p {
   color: #555
 }

 .bts2 {
   margin-bottom: 30px;
   min-height: 355px
 }

 .bts2.addon {
   min-height: 370px;
   margin-bottom: 0
 }

 ul {
   margin: 0
 }

 .cf-headSt {
   display: flex;
   padding-left: 10px
 }

 .cf-headSt>span>img {
   border: 2px solid #ffff;
   border-radius: 10px 10px 19px;
   position: relative;
   z-index: 20
 }

 .cf-headSt>span {
   display: inline-block;
   top: -36px;
   position: relative;
   width: 70px;
   border-radius: 0 0 22px
 }

 .p-15 {
   padding: 20px
 }

 .cf-rating {
   margin: 8px 0 0
 }

 .cf-headSt>span::before {
   content: "";
   display: inline-block;
   position: absolute;
   background: #fbd6b7;
   width: 100%;
   height: 100%;
   z-index: 10;
   top: -8px;
   left: -8px;
   border-radius: 10px;
   background-image: linear-gradient(98deg, #f5ac72 0, #facca6 50%, #fbd6b7 75%)
 }

 .cf-headSt.blue-pt>span::before {
   background-color: #45a6f1;
   background-image: linear-gradient(98deg, #1393f5 0, #45a6f1 50%, #9acff9 75%)
 }

 .cf_deatil_info {
   padding-left: 20px
 }

 .heading-redmore {
   position: absolute;
   right: 0;
   top: 0;
   font-size: 18px
 }

 .heading-redmore span {
   font-size: 1.875rem;
   top: 2px;
   position: relative
 }

 .blog-img {
   width: calc(100% + 40px);
   margin-left: -20px;
   height: 220px;
   overflow: hidden
 }

 .blog-info {
   display: flex;
   justify-content: space-between;
   padding: 10px 0;
   align-items: center
 }

 .blog-info span:first-child {
   background: #e8f4fe;
   padding: 7px 10px;
   color: #000;
   border-radius: 6px
 }

 .h3 {
   font-size: 1.125rem !important;
   margin-bottom: 0 !important
 }

 .lm-pattrn1 {
   overflow: hidden;
   padding-top: 112px;
   margin-top: -100px
 }

 .review_bg iframe {
   width: 100%
 }

 .accbtn {
   width: 100%;
   text-align: start;
   font-size: 1.25rem;
   padding: 24px 52px 25px 20px;
   border: 0;
   background: #fff;
   box-shadow: 0 1px 4px 1px #eee;
   border-radius: 0 30px
 }

 .lm-acc .accordion-item {
   margin-bottom: 10px;
   border-radius: 0 30px;
   border: 1px solid #ddd;
   color: #333
 }

 .lm-acc .accordion-body {
   font-size: 1rem;
   line-height: 32px
 }

 .no-1 {
   font-family: Inter, sans-serif
 }

 .blue-gradient {
   padding: 50px;
   border: 0 solid #ddd;
   border-radius: 10px;
   background-image: linear-gradient(to right, #007ee5, #ecf3f8)
 }

 .lets_c .h2 {
    font-size: 1.5rem ;
}


 .bts1.p-15 {
   margin-top: 25px
 }

 .height-securety p {
   font-size: 1.25rem;
   line-height: 150%
 }

 .lp1-style_footer::before {
   background-image: linear-gradient(98deg, #04192b 0, #04192b 50%, #04192b 75%) !important;
   height: 110%
 }

 .owl-dots {
   text-align: center
 }

 .owl-dot {
   display: inline-block;
   width: 10px;
   height: 10px;
   background: var(--gray50) !important;
   border-radius: 18px;
   margin: 0 5px;
   transition: .5s
 }

 .owl-dot.active {
   background: var(--blue) !important;
   width: 24px
 }

 #subBanner .item img {
   width: auto;
   padding: 6px 0;
   max-height: 75px
 }

 div#subBanner {
   /* padding: 8px 30px; */
   /* background-color: #fcfcfc */
 }

 #subBanner .item {
   height: 70px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 6px;
   border: 1px solid #f2ecff;
   padding: 4px 6px;
   border-radius: 4px;
   background: #fff
 }

 .footer_social_media>div a {
   width: 100%;
   font-size: 0.875rem;
   line-height: 150%
 }

 .social-icon a {
   background: #021627;
   border: 1px solid #133858;
   border-radius: 50%;
   width: 36px !important;
   height: 36px;
   display: inline-flex;
   justify-content: center;
   align-items: center
 }

 .footer_social_media {
   margin-top: 20px
 }

 #blogSlider .owl-dots.disabled,
 #blogSlider .owl-nav.disabled {
   display: block !important
 }

 .owl-nav button span {
   width: 44px;
   height: 44px;
   border: 1px solid #ddd !important;
   font-size: 1.75rem;
   border-radius: 50%;
   display: flex;
   align-items: center;
   line-height: 20px;
   justify-content: center;
   position: absolute;
   top: calc(50% - 30px);
   background: #e3f0fb;
   color: var(--blue);
   box-shadow: 0 1px 2px 0 #ccc
 }

 .owl-prev span {
   left: -34px
 }

 .owl-next span {
   right: -34px
 }

 .cf-review {
   height: 226px;
   overflow-y: auto
 }

 .cf-review::-webkit-scrollbar {
   width: 5px
 }

 .cf-review::-webkit-scrollbar-track {
   background: #f1f1f1
 }

 .cf-review::-webkit-scrollbar-thumb {
   background: #888
 }

 .cf-review::-webkit-scrollbar-thumb:hover {
   background: #555
 }

 .mobile_navigation .modal-content {
   border-radius: 0;
   height: 100vh;
   overflow: auto;
   margin: 0;
   padding: 0;
   border: 0
 }

 .mobile_nv ul {
   padding: 0;
   margin: 0
 }

 .mobile_nv ul li a.acc_item {
   display: inline-block;
   width: 100%;
   padding: 14px 12px;
   border-bottom: 1px solid #f5f5f5;
   color: #007ee5;
   font-size: 0.9375rem
 }

 .app,
 .social-icon {
   padding-left: 42px
 }

 .cookies_policy span {
   position: absolute;
   top: 3px;
   left: 3px;
   font-size: 1.5625rem;
   transform: rotate(46deg);
   height: 28px;
   width: 28px;
   text-align: center;
   line-height: 28px
 }

 .cookies_policy {
   position: fixed;
   left: 6px;
   bottom: 20px;
   z-index: 400;
   background: #c2daff;
   padding: 8px 10px 8px 30px;
   font-size: 0.8125rem;
   border-radius: 4px
 }

 .gc-bx {
   border-right: 1px solid #ddd;
 }

 .gc-bx:last-child {
   border-width: 0px;
 }

 .gc-bx,
 .good-company,
 .proItem>div:last-child {
   text-align: center
 }

 .no-1 {
   font-size: 0.875rem;
   font-weight: 500
 }

 .fb {
   font-family: Barlow, sans-serif;
   font-weight: 600 !important
 }

 body {
   font-family: Inter, sans-serif;
   font-weight: 400
 }

 .rated {
   margin: 20px 0 10px
 }

 .no-1 span {
   background: #fff;
   padding: 6px 8px;
   border: 1px solid #eee;
   border-radius: 4px
 }

 .powerby {
   font-size: 1.75rem;
   margin: 10px 0
 }

 .modern.modern-font {
   display: inline-block;
   font-size: 4.375rem;
   line-height: 100%
 }

 .amoung {
   font-size: 1rem;
   color: #888
 }

 .watck-btn,
 .watck-btn:hover {
   background: #fff;
   color: #888;
   border: 1px solid #999
 }

 .video-icon {
   position: relative;
   display: inline-block
 }

 .flex,
 .pro-icon,
 .pro-list {
   display: flex
 }

 .video-icon::before {
   content: '';
   display: inline-block;
   border-right: 10px solid transparent;
   border-top: 10px solid transparent;
   border-left: 10px solid #555;
   transform: rotate(222deg);
   position: absolute;
   top: -15px;
   left: -8px
 }

 .good-company {
   font-size: 1.75rem;
   font-weight: 600;
   margin-bottom: 20px
 }

 .gc-bx {
   padding: 0 16px
 }

 .number {
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 28px;
   margin-bottom: 2px
 }

 .ind,
 .proItem {
   font-weight: 400
 }

 .ind {
   font-size: 1rem;
   color: #666
 }

 section.sec-are {
   padding: 50px 0
 }

 .pro-list {
   align-items: center;
   justify-content: space-between
 }

 .proItem {
   font-size: 0.9375rem;
   cursor: pointer
 }

 .modern-font,
 .proItem[aria-expanded=true],
 .read-more {
   font-weight: 500
 }

 .pro-icon {
   width: 62px;
   height: 62px;
   align-items: center;
   padding: 12px;
   border-radius: 9px;
   justify-content: center;
   margin: 0 auto 10px;
   border: 2px solid #fdfdfd;
   transition: .7s;
   background: #f9f9f9
 }

 .fuy-icon span,
 .mfp-i {
   width: 50px;
   align-items: center;
   height: 50px
 }

 .acb,
 .proItem,
 .read-more,
 .watck-btn {
   transition: .3s
 }

 .proItem[aria-expanded=true] .pro-icon {
   background-image: linear-gradient(to bottom, #007ee5, #97d0fa);
   border-color: #69b7f7
 }

 .proItem[aria-expanded=true] .pro-icon img {
   filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(177deg) brightness(94%) contrast(119%);
 }

 .proItem[aria-expanded=true] .pro-icon svg * {
   fill: #fff
 }

 .proItem>div {
   font-size: 0.875rem;
   font-weight: 500;
   color: #999;
   line-height: 130%;
   padding: 0 2px;
 }

 .acb:hover,
 .proItem:hover {
   transform: translate(0, -6px)
 }

 .watck-btn:hover {
   color: #007ee5;
   border-color: #007ee5
 }

 .watck-btn:hover .video-icon::before {
   border-left: 10px solid #007ee5
 }

 .proItem[aria-expanded=true]>div {
   color: #000
 }

 .pdi-heading {
   font-size: 2.25rem;
   text-transform: capitalize;
 }

 .pdi-lst {
   /* padding: 22px 0 */
 }

 .pdi-lst li {
   font-size: 1rem;
   margin-bottom: 12px;
   position: relative;
   list-style: none;
   color: #666
 }

 .pdi-lst li::before {
   content: '';
   display: inline-block;
   width: 20px;
   height: 20px;
   background: url(../img/checked.png) center center/16px no-repeat;
   position: absolute;
   left: -23px;
   top: 2px
 }

 .read-more {
   display: inline-block;
   padding: 12px 20px;
   background-image: linear-gradient(to right, #007ee5, #209fff);
   color: #fff;
   border-radius: 6px
 }

 .read-more:hover {
   color: #ddd;
   background-image: linear-gradient(to right, #0669ba, #0b94fc)
 }

 .modern-font {
   font-family: "DM Serif Display", serif
 }

 .pl-28 {
   padding-left: 28px
 }

 .pro-list-detail {
   margin-top: 32px;
   padding: 10px 0 12px 24px;
   border-radius: 30px;
   background: #fff;
   background: linear-gradient(35deg, #fff 0, #e6f2ff 100%)
 }

 .section-heading {
   font-size: 2.375rem;
   font-weight: 500;
   margin-bottom: 6px;
   text-transform: capitalize;
 }

 .heading-are p {
   font-size: 1rem;
   color: #666
 }

 .foy {
   border: 1px solid #ddd;
   padding: 12px 26px;
   margin-bottom: 24px;
   border-radius: 10px;
   min-height: 220px;
   align-content: center;
   box-shadow: 0 0 6px #eee;
   transition: .3s;
   background: #fff;
 }
 .foy:hover {
  box-shadow: 0 0 12px #ddd;
 }

 .fuy-icon span {
   display: flex;
   background: #eee;
   padding: 10px;
   border-radius: 50%;
   justify-content: center
 }

 .heading-are {
   margin-bottom: 30px
 }

 .set-box-h {
   font-size: 18px;
   font-weight: 500 !important;
   margin: 8px 0 6px
 }

 .foy p,
 .mfp-head p,
 .mfp-info p,
 .p {
   color: #666;
   font-size: 0.875rem;
   line-height: 22px
 }

 .mfp-heading {
   font-size: 2rem;
   margin-bottom: 12px
 }

 .mfp-head {
   margin-bottom: 32px
 }

 .mfpi-h {
   font-size: 0.9375rem;
   font-weight: 500;
   margin-bottom: 4px
 }

 .mfp-i {
   background: #d4e7ff;
   display: flex;
   padding: 7px;
   justify-content: center;
   border-radius: 5px;
   margin-right: 12px
 }

 .mfp-list {
   margin-bottom: 28px
 }

 .no-padding {
   padding: 0
 }

 .p-12 {
   padding: 40px
 }

 .p-20 {
   padding: 20px
 }

 .acb {
   background: #fff;
   padding: 16px 12px;
   margin-bottom: 20px;
   border-radius: 6px 6px 26px;
   box-shadow: 0 2px 4px 0 #ccc
 }

 .acb-list {
   display: flex;
   align-items: center;
   gap: 20px;
   padding-top: 30px
 }

 .acb-h {
   font-size: 16px;
   margin: 6px 0;
   font-weight: 600
 }

 .acb img {
   width: 40px;
   height: 40px;
   margin-bottom: 2px
 }

 .acb-sec-h {
   font-size: 2.875rem
 }

 .fing-out {
   padding-top: 0
 }

 .join-listd {
   margin-bottom: 20px
 }

 .client-logo-bg {
   padding: 30px 0 20px;
   border-radius: 20px;
   background: #fff;
   background-image: linear-gradient(to right, #f8fcff, #fff)
 }

 .arrow-bn {
   position: absolute;
   width: 170px;
   bottom: 22px;
   right: -23%
 }

 .pro-bgsd .container,
 .relative-container-up {
   position: relative;
   z-index: 20
 }

 .pro-bgsd::after,
 .pro-bgsd::before {
   content: '';
   position: absolute;
   width: 80%;
   height: 80%;
   background: radial-gradient(#e4f0ff, #ffffff00, #ffffff00);
   z-index: 2;
   bottom: -160px
 }

 .pro-bgsd::after {
   background: radial-gradient(#fbdcb3, #ffffff00, #ffffff00);
   right: 2%
 }

 .frame_data iframe {
   width: 100%
 }

 .txt-info {
   font-size: 1.875rem;
   font-weight: 500;
   padding-left: 20px
 }

 .q {
   position: relative
 }

 .q::after,
 .q::before {
   content: '';
   position: absolute;
   top: -54px;
   display: inline-block;
   width: 60px;
   height: 60px;
   background: url(img/b.png) center center/46px no-repeat;
   transform: rotate(180deg);
   left: -8px
 }

 .q::after {
   top: inherit;
   left: inherit;
   right: 0;
   bottom: -18px;
   transform: rotate(0);
   background-size: 32px;
   position: relative;
   height: 34px
 }

 #customerSpeakSt .owl-stage-outer {
   background-image: none
 }

 .sm-show {
   display: none
 }

 #subBanner .item img {
   mix-blend-mode: multiply;
 }

 #subBanner .owl-nav {
   position: absolute;
   width: 100%;
   left: 0;
   top: 48px;
   height: 0px;
 }

 .spr-page-lst {
   display: inline-flex;
   align-items: stretch;
   justify-content: center;
   background: #e6eefd;
   gap: 14px;
   padding: 6px;
   border-radius: 10px
 }

 .spr-sb-set {
   position: relative;
   top: -46px
 }

 .spr-page-lst>a {
   max-width: 100%;
   display: inline-flex;
   align-items: center;
   text-align: center;
   justify-content: center;
   line-height: 120%;
   padding: 10px 18px;
   font-size: 0.9375rem;
   border-radius: 8px;
   color: var(--bs-dark);
   font-weight: 500;
   text-shadow: 1px 0px #ddd;
 }

 .spr-page-lst>a.active {
   background: var(--blue);
   color: #fff
 }

 .sb-heading-pro {
   font-size: 1.25rem;
   color: #555;
   margin: 18px 0;
   line-height: 28px;
   text-transform: capitalize;
 }

 .stg-set .pdi-heading {
   font-size: 1.75rem
 }

 .stg-set .pdi-lst li {
   font-size: 0.875rem;
   margin-bottom: 8px
 }

 .pdi-lst li::before {
   width: 14px;
   height: 14px;
   background-size: 13px
 }

 .page-lst {
   display: none;
   position: relative;
   z-index: 10;
   transition: .7s;
   margin-top: -30px;
   height: 0
 }

 .page-lst.active {
   transition: .7s;
   z-index: 20;
   display: block;
   height: auto
 }

 .spr-sb-set {
   text-align: center;
 }

 .pro-detail-info p {
   color: #666;
   line-height: 24px;
 }

 .know-info {
   width: 70%;
   margin: 0 auto;
   text-align: center
 }

 .know-more {
   padding: 40px 0
 }

 .know-info p {
   font-size: 1.375rem;
   font-weight: 500;
   text-transform: none;
 }

 .know-info .know {
   display: inline-block;
   border: 1px solid #007ee5;
   padding: 10px 16px;
   margin-top: 20px;
   border-radius: 6px;
   font-weight: 500;
   font-size: 1rem;
   color: #007ee5
 }

 .ds-m-menu {
   padding: 8px 12px;
   margin-top: 12px;
 }

 ul.modl-lst-data {
   padding-left: 24px;
 }

 .ds-m-menu .ds-menu-lstb {
   align-items: center;
   font-weight: bold;
 }

 ul.modl-lst-data a {
   padding: 10px 16px !important;
   color: #333 !important;
   position: relative;
 }

 ul.modl-lst-data a::after {
   content: '';
   position: absolute;
   background: url(../img/next.png) center no-repeat;
   top: calc(50% - 12px);
   left: -11px;
   width: 22px;
   height: 22px;
   background-size: 9px;
 }

 .banner_heading_st {
   padding: 64px 0 32px;
 }

 .pdi-lst ul {
   margin-top: 14px;
 }


 .hr-in-pocket-lst ul {
  margin: 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 0px;
  border-radius: 8px;
  background: #eaf4ff;
  box-shadow: 0px 3px 9px 1px #ccc;
  
 }

 


 .hr-in-pocket-lst li {
   list-style: none;
   display: inline-block;
   text-align: center;
 }

 .hr-in-pocket-lst li a {
   /* border: 1px solid #eee; */
   border-radius: 6px;
   padding: 10px 16px;
   margin: 0 8px; font-weight: 500;
   color: #333;
   /* background: #f9f9f9; */
 }

 .hr-in-pocket-lst li a.active {
  background: #404fe9;
  color: #fff;
 }

 .hr-in-pocket-lst {
   position: sticky;
   top: 80px;
   z-index: 99;
 }


.hr-lst-h h3 {
  font-size: 18px;
  font-weight: 500
}
.hr-pokit-lst p {
color: #666;
    font-size: 0.875rem;
    line-height: 22px; 
    /* position: relative; */
}
.hr-pokit-lst {
    padding-left: 64px;
    margin: 30px 0;
    padding-bottom: 16px;
    position: relative;
}

.hpl-icon {
    display: inline-block;
    background: #e4e7ff;
    width: 44px;
    height: 44px;
    align-content: center;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    left: 3px;
    top: 2px;
}
span.hpl-icon img {
  width: 28px;
}






 .div1,
 .div2,
 .div3 {
   padding: 40px 0;
 }


 .hr-in-pocket-lst {
   transform: translate(0px, -23px);
   transition: .4s;
   opacity: 0;
   text-align: center;
 }
 .scroll-active .hr-in-pocket-lst {
   transform: translate(0px, 0px);
   opacity: 1;
 }







 @media (min-width:0px) and (max-width:599px) {
   .container {
     padding: 0 15px
   }

   .btn-ft {
     padding: 6px 18px;
     /* font-size: 16px */
   }

   .navigation {
     background: #fff;
     box-shadow: 0 1px 2px 1px #eee
   }

   .navbar-brand img {
     width: 108px
   }





   .bts2,
   .bts2.addon {
     min-height: auto
   }

   .section-heading {
     text-align: center
   }

   .heading-redmore {
     width: 100%;
     top: inherit;
     bottom: -27px
   }

   .banner-img-st img {
     margin-right: 0 !important;
     margin-top: 0;
     pointer-events: none
   }

   .left-hedding-mb {
     margin-bottom: 10px
   }

   .review_bg {
     margin-top: 15px
   }

   .h2 br,
   .section-heading h2 br,
   .xs-hide {
     display: none
   }

   .section-heading p,
   .w-70 {
     width: 100%
   }

   .xs-show {
     display: block
   }

   .banner_section {
     padding-top: 90px
   }

   .h1 {
     line-height: 34px;
     font-size: 28px
   }

   .h5 {
     font-size: 18px
   }

   .bts1 p,
   .section-heading p,

   .sub_detail {
     font-size: 14px;
     line-height: 25px
   }

   .btn-fill {
     padding: 10px 22px;
     font-size: 14px;
     font-weight: 400
   }

   .sm_heading {
     font-size: 22px
   }

   .section-heading .h2 {
     font-size: 22px;
     text-align: center
   }

   .banner_sty_heading {
     font-size: 30px
   }

   .cf-name {
     font-size: 16px
   }

   .section-heading .heading-lite {
     font-size: 16px;
     margin-bottom: 2px
   }

   .cf-rating {
     margin: 2px 0 0
   }

   .cf-rating img {
     width: 60px !important
   }

   .model-detail {
     padding: 20px 6px
   }

   nav.page-nav>span {
     display: inline-block;
     width: 100%;
     margin-bottom: 13px
   }

   nav.page-nav {
     justify-content: space-between;
     margin: 0 0 50px;
     flex-wrap: wrap;
     grid-gap: 8px
   }

   nav.page-nav>a {
     width: 48%;
     margin: 0
   }

   .cf-headSt {
     margin-bottom: 8px
   }

   .owl-dot {
     width: 7px;
     height: 7px
   }

   .owl-dot.active {
     width: 12px
   }

   .section-are {
     padding: 26px 0 0
   }

   .lmaccordion-button,
   .model-detail p:last-child {
     font-size: 17px
   }

   .heading-redmore {
     font-size: 14px
   }

   .heading-redmore span {
     font-size: 20px;
     margin-left: -10px
   }

   iframe#client_speek {
     height: auto;
     margin-top: 10px;
     width: auto
   }

   .lm-accordion .accordion-body {
     font-size: 15px
   }

   .model-detail .heading {
     font-size: 24px
   }

   .md-list ul {
     padding: 0;
     margin: 0
   }

   .md-list li>div {
     width: 100% !important;
     margin-top: 10px !important
   }

   .mb-5 {
     margin-bottom: 1rem !important
   }

   .iconST span {
     width: 55px;
     height: 60px
   }

   .bts1 {
     padding: 16px;
     margin-bottom: 16px
   }

   .cf-headSt>span {
     width: 50px;
     border-radius: 0 0 8px;
     top: 0
   }

   .cf-headSt>span::before {
     height: 60px;
     top: -4px;
     left: -4px
   }

   .lm-acc {
     margin-top: 30px
   }

   .accbtn {
     font-size: 16px;
     padding: 16px 40px 16px 20px
   }

   .accbtn::before,
   .lmaccordion-button::before {
     top: 9px;
     font-size: 30px;
     right: 9px
   }

   .blue-gradient,
   .height-securety {
     display: inline-block !important;
     border-radius: 12px
   }

   .height-securety>div {
     width: 100% !important
   }

   .lm-pattrn1::before {
     width: 200%;
     left: -40%;
     top: 5%
   }

   .footer_nav_lst {
     margin-top: 20px
   }

   .lm-pattrn1 {
     margin-top: -30px
   }

   .accbtn,
   .lm-acc .accordion-item {
     border-radius: 0 15px 0 16px
   }

   .acc_item::before {
     content: "+";
     position: absolute;
     right: 9px;
     height: 30px;
     display: flex;
     top: 9px;
     align-items: center;
     font-weight: 600;
     font-size: 20px
   }

   .mobile_nv ul li a {
     display: inline-block;
     width: 100%;
     padding: 15px 12px;
     border-bottom: 1px solid #f5f5f5;
     color: #007ee5;
     font-size: 15px
   }

   .mobile_navigation .modal-body {
     padding: 0
   }

   .mobile_navigation .modal-dialog {
     margin: 0;
     width: 70%;
     float: right
   }

   .mobile_navigation .nav_menuDetail {
     display: flex;
     align-items: center
   }

   .mobile_navigation .nav_list_add {
     width: 100%;
     float: none;
     padding: 8px;
     min-height: auto;
     display: inline-block
   }



   .mobile_nvBt a {
     display: inline-block;
     margin: 0 0 10px
   }

   .mobile_nvBt {
     padding: 20px 10px
   }

   .mobile_nv ul li a[aria-expanded=true]::before {
     content: '-'
   }

   .mobile_navigation .collapse .mobile_nv ul li a {
     color: #000;
     /* padding: 12px 10px; */
   }

   .modal.fade.mobile_navigation .modal-dialog {
     transform: translate(112%, 0)
   }

   .modal.mobile_navigation.show .modal-dialog {
     transform: translate(0, 0)
   }

   .banner-img-st {
     margin-top: 0 !important
   }
 }

 @media (min-width:0px) and (max-width:599px) {

   .pro-lst-over-lay,
   .spr-sb-set {
     overflow: auto;
     scroll-behavior: smooth
   }

   .pro-list {
     display: inline-flex
   }

   .pdi-heading,
   .powerby {
     font-size: 24px
   }

   .modern.modern-font {
     font-size: 38px;
     line-height: 35px
   }

   /* .amoung {
     font-size: px
   } */

   .fb br,
   .heading-are p br,
   .sb-heading-pro br,
   .sm-hide,
   .text-center+br,
   .text-center+br+br,
   p.p br {
     display: none
   }

   .sm-show {
     display: block
   }

   .ind {
     font-size: 12px;
     color: #666;
     font-weight: 400;
     line-height: 18px
   }

   .number {
     font-size: 16px;
     font-weight: 500;
     line-height: 15px;
     margin-bottom: 8px
   }

   .client-logo-bg {
     padding: 20px 0 10px
   }

   div#subBanner {
     padding: 0 10px
   }

   #subBanner .item {
     height: 45px;
     margin: 0 1px;
     border: 1px solid #f2ecff;
     padding: 0 2px
   }

   .good-company {
     font-size: 22px;
     margin-bottom: 14px
   }

   .pro-icon {
     width: 42px;
     height: 42px;
     padding: 6px;
     margin-bottom: 5px;
     border: 1px solid #fff
   }

   .heading-are p,
   .pdi-lst li {
     font-size: 14px
   }

   .section-heading {
     font-size: 26px
   }

   .proItem {
     padding: 0 3px;
     width: 118px;
     text-align: center;
     font-size: 13px
   }

   .acb-list {
     gap: 10px;
     flex-wrap: wrap
   }

   .acb {
     margin-top: 0 !important
   }

   .frame_data iframe {
     width: 100%;
     height: 162px
   }

   .txt-info {
     margin-top: 30px;
     font-size: 20px;
     line-height: 8px
   }

   .heading-are {
     margin-bottom: 30px
   }

   .q::after,
   .q::before {
     top: -28px;
     width: 30px;
     height: 30px;
     background-size: 28px
   }

   .q::after {
     top: inherit !important;
     bottom: -13px;
     background-size: 19px !important;
     height: 30px
   }

   .p-12 {
     padding: 20px 10px
   }

   .real-success {
     padding-top: 45px !important
   }

   button.owl-prev span {
     margin-left: 12px
   }

   button.owl-next span {
     margin-right: 12px
   }

   .pro-lst-over-lay {
     padding-bottom: 12px
   }

   div#customerSpeakSt {
     padding: 0 12px
   }

   .pro-list-detail {
     margin-top: 12px;
     padding: 16px 0 16px 20px
   }

   .logoClient-sl {
     margin-bottom: -24px !important;
     padding: 0 12px !important
   }

   section.sec-are {
     padding: 20px 0
   }

   .spr-page-lst>a {
     line-height: 17px;
     padding: 6px 12px;
     font-size: 13px
   }

   .spr-page-lst>a:nth-child(2),
   .spr-page-lst>a:nth-child(4),
   .spr-page-lst>a:nth-child(5) {
     min-width: 174px
   }

   .gc-bx {
     padding: 0 8px
   }

   .pro-lst-over-lay {
     padding-top: 12px
   }

   .why-sty {
     margin-top: 40px
   }

   .owl-nav button span {
     width: 38px;
     height: 38px
   }

   .join-listd {
     margin-bottom: 40px
   }

   .fing-out2 {
     margin-top: 30px
   }
 }

 @media (min-width:0px) and (max-width:499px) {
   .no-1 {
     font-size: 14px;
     line-height: 33px
   }

   .btn-fill {
     padding: 9px 14px
   }

   .proItem>div {
     font-size: 13px
   }

   .pro-lst-over-lay {
     overflow: scroll;
     overflow-y: scroll
   }

   .pro-list-detail {
     padding: 16px 13px
   }

   .stg-set {
     margin-top: 30px
   }

   .stg-set .pdi-heading {
     font-size: 24px
   }

   .sb-heading-pro {
     font-size: 18px;
     line-height: 25px;
     font-weight: 500
   }

   .stg-set .pro-list-detail {
     border-radius: 5px;
     margin-top: 30px
   }

   .mfp-heading {
     font-size: 24px;
     margin-bottom: 8px
   }

   .mfp-head {
     margin-top: 20px
   }

   .video-icon::before {
     border-right: 7px solid transparent;
     border-top: 7px solid transparent;
     border-left: 7px solid #555;
     top: -11px;
     left: -8px
   }

   #subBanner .owl-nav {
     top: 31px;
   }

   .pd-img {
     padding-bottom: 16px;
   }

   .banner-btn {
     text-align: center;
   }

   #subBanner .owl-nav {
     top: 33px;
   }

   .know-info {
     width: 100%;
   }

   know-info .know {
     font-size: 14px;
   }

   .know-info p br {
     display: none;
   }

   .know-info p {
     font-size: 18px;
   }
 }

 div#subBanner {
   background: transparent !important;
 }

 #subBanner .item {
   background-color: #fcfcfc;
 }

 #subBanner .item img {
   mix-blend-mode: multiply;
 }

 #cfSlider-ml .owl-stage-outer {
   background-color: transparent !important
 }

 .foy:hover {
   background-color: #fff !important
 }

 .cli-sli-btn {
   display: flex;
   justify-content: center;
   gap: 20px
 }

 .asli img {
   width: 100px
 }

 .owl-stage-outer {
   background-color: transparent
 }

 .st-v .banner-img-st,
 .st-v .banner_heading_st,
 .st-v .foy,
 .st-v .mfp-info {
   transition: .6s;
   opacity: .5
 }

 .st-v.visible .banner-img-st,
 .st-v.visible .banner_heading_st,
 .st-v.visible .foy,
 .st-v.visible .mfp-info {
   transition: .4s;
   opacity: 1
 }

 .st-v .acb {
   transform: translate(0, -10px);
   transition: .7s
 }

 .st-v.visible .acb {
   transform: translate(0, 0)
 }

 .btn-fill.bg-white:hover,
 .watck-btn:hover {
   background: #f9f9f9 !important
 }


 

 div#subBanner {
   padding: 8px 30px;
   /* background-color: #fcfcfc; */
 }


 #subBanner .item img {
   mix-blend-mode: multiply;
 }

 #subBanner .item {
   height: 70px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 6px;
   border: 1px solid #f2ecff;
   padding: 4px 6px;
   border-radius: 4px;
   background: #fcfcfc;
 }

 .st-heading-p {
   width: 70%;
   margin: -6px auto 0;
   text-align: center;
 }
 p.st-heading-p + br {
    display: none;
}

 h3.h2 {
   font-size: 30px !important;
   margin-bottom: 12px;
 }

 .ds-list-up p {
   color: #555;
   font-size: 0.875rem;
   line-height: 24px
 }

 .ds-list-up .left-hedding-mb {
   margin-bottom: 24px;
 }

 .ds-list-up .pdi-lst li {
   font-size: 16px;
   margin-bottom: 12px;
   position: relative;
   font-weight: 500;
   list-style: none;
   color: #666;
 }

 .ds-list-up .pdi-lst li::before {
   content: '';
   display: inline-block;
   width: 20px;
   height: 20px;
   background: url(../img/checked.png) center center / 16px no-repeat;
   position: absolute;
   left: -28px;
   top: 1px;
 }

 .ds-list-up .feature-lst {
   margin-bottom: 60px;
 }

 .f-lst-d {
   text-align: center;
   padding: 32px 40px;
   background: #eee;
   margin-bottom: 48px;
   border-radius: 8px;
 }

 .fr-p-l {
   padding: 0 16px;
 }

 .fd-icon img {
   width: 130px;
 }

 .fd-d-info h3 {
   font-size: 20px;
   font-weight: bold;
   margin: 16px 0 12px;
 }



 .feature-lst {
   align-items: center;
 }

 .wqs-h {
   height: auto;
   margin-bottom: 24px;
 }

 #blogSlider .h3 {
   margin-bottom: 0 !important;
   min-height: 60px;
 }

 .fd-d-info p {
   min-height: 122px;
 }

 .sm-m10 {
   margin-bottom: 10px;
 }

 @media (min-width:0px) and (max-width:599px) {
   .sm-r-slt {
     padding-top: 240px;
     position: relative;
   }

   .feature-g-img {
     position: absolute;
     top: 0;
     text-align: center;
   }

   .feature-g-img img {
     max-height: 230px;
   }

   .sm-width-full {
     width: 100% !important
   }

   .section-are-bottom {
     padding-bottom: 0;
   }

   .banner_heading_st {
     margin-bottom: 24px;
   }

   h3.h2 {
     font-size: 22px !important;
   }


   .ds-list-up .left-hedding-mb {
     margin-bottom: 14px;
   }

   .f-lst-d {
     margin-bottom: 28px;
   }

   .owl-stage-outer {
     background-color: transparent !important;
   }

   .wqs-h,
   .fd-d-info p,
   #blogSlider .h3 {
     height: auto;
   }

   .ds-list-up .feature-lst {
     margin-bottom: 30px;
   }

   .owl-next span {
     left: -14px;
   }

   .owl-prev span {
     right: -14px;
   }

   .ds-list-up .left-hedding-mb {
     text-align: left;
   }
 }



 @media (min-width:1621px) {
   .main-m-lst {
     height: auto;
   }

   .main-menu-st>.ds-col-md-3 {
     width: calc(-1100px + 100vw);
     max-width: none;
   }
 }

 @media (min-width:1920) {
   .main-m-lst {
     height: auto;
   }

   .main-menu-st>.ds-col-md-3 {
     width: calc(-1300px + 100vw);
     max-width: none;
   }
 }