:root {
  --sinace-font: 'Lexend', sans-serif;
  --sinace-gray: #6e7279;
  --sinace-gray-rgb: 110, 114, 121;
  --sinace-white: #ffffff;
  --sinace-white-rgb: 255, 255, 255;
  --sinace-base: #e40013;
  --sinace-base-rgb: 228, 0, 19;
  --sinace-black: #0f213c;
  --sinace-black-rgb: 15, 33, 60;
  --sinace-primary: #edf2f8;
  --sinace-primary-rgb: 237, 242, 248;
  --sinace-bdr-color: #d9e1e9;
  --sinace-bdr-color-rgb: 217, 225, 233;
  --sinace-letter-spacing: -0.04em
}

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

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

body {
  font-family: var(--sinace-font);
  color: var(--sinace-gray);
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
}

body.locked {
  overflow: hidden;
}

a {
  color: var(--sinace-gray);
}

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

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

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

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

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

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

p {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.section-separator {
  border-color: var(--sinace-border);
  border-width: 1px;
  margin-top: 0;
  margin-bottom: 0;
}

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

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

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

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

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


.thm-btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-appearance: none;
  outline: none !important;
  background-color: var(--sinace-base);
  color: var(--sinace-white);
  font-size: 14px;
  font-weight: 700;
  padding: 14px 50px 14px;
  overflow: hidden;
  transition: all 0.5s linear;
  z-index: 1;
}

.thm-btn::before {
  transition-duration: 800ms;
  position: absolute;
  width: 200%;
  height: 260%;
  content: "";
  top: 126%;
  left: 50%;
  background-color: var(--sinace-black);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%) rotate(-8deg);
  border-radius: 80%;
  z-index: -1;
}

.thm-btn:hover:before {
  top: -40%;
}

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

.section-title {
  position: relative;
  display: block;
  margin-top: -12px;
  margin-bottom: 51px;
}

.section-title__tagline-box {
  position: relative;
  display: inline-block;
}

.section-title__tagline {
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  color: var(--sinace-gray);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.section-title__title {
  margin: 0;
  color: #fff;
  font-size: 22px !important;
  line-height: 46px;
  font-weight: 600;
  margin-top: 2px;
  letter-spacing: -0.04em;
}

.section-title__title span {
  position: relative;
  display: inline-block;
  z-index: 1;
}

.section-title__title span::before {
  content: "";
  position: absolute;
  bottom: 9px;
  left: 4px;
  right: 2px;
  height: 5px;
  background-color: var(--sinace-base);
  border-radius: 5px;
  z-index: -1;
}

.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,
.bootstrap-select .show>.btn-light.dropdown-toggle {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.bootstrap-select>.dropdown-toggle {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
  outline: none !important;
}

.bootstrap-select .dropdown-menu {
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  z-index: 991;
  border-radius: 0;
}

.bootstrap-select .dropdown-menu>li+li>a {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.bootstrap-select .dropdown-menu>li.selected>a {
  background: var(--sinace-black);
  color: #fff;
}

.bootstrap-select .dropdown-menu>li>a {
  font-size: 16px;
  font-weight: 500;
  padding: 4px 20px;
  color: #ffffff;
  background: var(--sinace-base);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.bootstrap-select .dropdown-menu>li>a:hover {
  background: var(--sinace-black);
  color: var(--sinace-white);
  cursor: pointer;
}

.preloader {
  position: fixed;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.preloader__image {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-image: url(../images/loader.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px auto;
  width: 100%;
  height: 100%;
}

/* scroll to top */
.scroll-to-top {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: var(--sinace-base);
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 99;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: none;
  border-radius: 50%;
}

.scroll-to-top i {
  color: var(--sinace-white);
  font-size: 18px;
  line-height: 50px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
  display: inline-block;
  transform: rotate(-90deg);
}

.scroll-to-top:hover {
  background-color: var(--sinace-black);
}

.scroll-to-top:hover i {
  color: #fff;
}


/*--------------------------------------------------------------
# Navigations One
--------------------------------------------------------------*/
.main-header {
  position: relative;
  display: block;
  background-color: var(--sinace-primary);
  width: 100%;
  transition: all 500ms ease;
  z-index: 999;
}

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

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

.main-menu__wrapper-inner {
  position: relative;
  display: block;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
  z-index: 1;
}

.main-menu__wrapper-inner-content {
  position: relative;
  display: block;
  z-index: 1;
}

.main-menu__top {
  position: relative;
  display: block;
  background-image: -moz-linear-gradient(90deg, rgba(254, 253, 253, 0) 0%, rgb(235, 240, 247) 100%);
  background-image: -webkit-linear-gradient(90deg, rgba(254, 253, 253, 0) 0%, rgb(235, 240, 247) 100%);
  background-image: -ms-linear-gradient(90deg, rgba(254, 253, 253, 0) 0%, rgb(235, 240, 247) 100%);
  padding-left: 317px;
  padding-right: 314px;
  z-index: 1;
}

.main-menu__top-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 15.5px 0;
  z-index: 1;
}

.main-menu__logo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 60px;
  display: flex;
  align-items: center;
  z-index: 5;
}

.main-menu__logo a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-menu__call {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  bottom: 0;
  right: 60px;
  z-index: 2;
}

.main-menu__call-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  background-color: var(--sinace-primary);
  border-radius: 50%;
  font-size: 18px;
  color: var(--sinace-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

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

.main-menu__call-content {
  margin-left: 10px;
}

.main-menu__call-sub-title {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
}

.main-menu__call-number {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 4px;
}

.main-menu__call-number a {
  color: var(--sinace-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu__call-number a:hover {
  color: var(--sinace-base);
}

.main-menu__top-left {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
}

.main-menu__contact-list {
  position: relative;
  display: flex;
  align-items: center;
}

.main-menu__contact-list li {
  position: relative;
  display: flex;
  align-items: center;
}

.main-menu__contact-list li+li {
  margin-left: 30px;
}

.main-menu__contact-list li .icon {
  position: relative;
  display: flex;
  align-items: center;
  top: 2px;
}

.main-menu__contact-list li .icon i {
  font-size: 14px;
  color: var(--sinace-base);
}

.main-menu__contact-list li .text {
  margin-left: 10px;
}

.main-menu__contact-list li .text p {
  font-size: 13px;
  font-weight: 400;
  color: var(--sinace-gray);
}

.main-menu__contact-list li .text p a {
  color: var(--sinace-gray);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu__contact-list li .text p a:hover {
  color: var(--sinace-base);
}

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

.main-menu__top-menu {
  position: relative;
  display: flex;
  align-items: center;
}

.main-menu__top-menu li+li {
  margin-left: 35px;
}

.main-menu__top-menu li a {
  position: relative;
  display: inline-block;
  font-size: 13px;
  color: var(--sinace-gray);
  font-weight: 400;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu__top-menu li a:hover {
  color: var(--sinace-base);
}

.main-menu__top-menu li a:before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: -17px;
  width: 1px;
  background-color: var(--sinace-gray);
  transform: rotate(10deg);
}

.main-menu__top-menu li:first-child a:before {
  display: none;
}

.main-menu__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 30px;
}

.main-menu__social a {
  position: relative;
  height: 26px;
  width: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  color: var(--sinace-white);
  background-color: var(--sinace-black);
  font-size: 11px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.main-menu__social a:hover {
  color: var(--sinace-white);
  background-color: var(--sinace-base);
}

.main-menu__social a:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: var(--sinace-base);
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: all;
  transition-property: all;
  opacity: 1;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  z-index: -1;
}

.main-menu__social a:hover:after {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.main-menu__social a+a {
  margin-left: 10px;
}

.main-menu__bottom {
  display: block;
  padding-left: 317px;
  padding-right: 314px;
}

.main-menu__bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: var(--sinace-black);
  padding: 0 40px;
  padding-right: 20px;
}

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

.main-menu__right {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 11px 0;
}

.main-menu__search-box {
  position: relative;
  display: block;
  padding: 12px 0;
}

.main-menu__search-box:before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: -20px;
  width: 1px;
  background-color: rgba(var(--sinace-white-rgb), .10);
}

.main-menu__search {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 24px;
  color: var(--sinace-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

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

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

.main-menu__btn {
  padding: 9px 40px 9px;
}

.main-menu__btn:hover {
  color: var(--sinace-base);
}

.main-menu__btn:before {
  background-color: var(--sinace-white);
}

.main-menu__btn:hover:before {
  top: -50%;
}

.stricky-header .main-menu__top {
  display: none;
}

.stricky-header .main-menu__wrapper-inner {
  box-shadow: none;
}

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



@media (min-width: 1200px) {

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

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

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

.main-menu .main-menu__list>li>a,
.stricky-header .main-menu__list>li>a {
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #7e8a9b;
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: 300;

}

.main-menu .main-menu__list>li>a::after,
.stricky-header .main-menu__list>li>a::after {
  content: '\f107';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 5px;
  font-size: 14px;
}

.main-menu .main-menu__list>li>a:only-child::after,
.stricky-header .main-menu__list>li>a:only-child::after {
  content: '';
}

.main-menu .main-menu__list>li>a::before,
.stricky-header .main-menu__list>li>a::before {
  content: "";
  height: 3px;
  border-radius: 0px;
  background-color: var(--sinace-base);
  position: absolute;
  bottom: -20px;
  left: 0px;
  right: 0px;
  transition: transform 500ms ease;
  transform: scale(0, 1);
  transform-origin: left center;
  z-index: 1;
}

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

.main-menu .main-menu__list>li.current>a,
.main-menu .main-menu__list>li:hover>a,
.stricky-header .main-menu__list>li.current>a,
.stricky-header .main-menu__list>li:hover>a {
  color: var(--sinace-white);
  text-shadow: 0.05px 0 0 rgb(255 255 255 / 80%);
}

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

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

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

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

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

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

.main-menu .main-menu__list>li>ul>li>a,
.main-menu .main-menu__list>li>ul>li>ul>li>a,
.stricky-header .main-menu__list>li>ul>li>a,
.stricky-header .main-menu__list>li>ul>li>ul>li>a {
  position: relative;
  font-size: 16px;
  line-height: 30px;
  color: var(--sinace-gray);
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 0px 8px;
  -webkit-transition: 500ms;
  transition: 500ms;
  background-color: var(--sinace-white);
  letter-spacing: var(--sinace-letter-spacing-two);
  border-bottom: 1px solid var(--sinace-bdr-color);
}

.main-menu .main-menu__list>li>ul>li:last-child>a,
.main-menu .main-menu__list>li>ul>li>ul>li:last-child>a,
.stricky-header .main-menu__list>li>ul>li:last-child>a,
.stricky-header .main-menu__list>li>ul>li>ul>li:last-child>a {
  border-bottom: 0;
}

.main-menu .main-menu__list>li>ul>li:hover>a,
.main-menu .main-menu__list>li>ul>li>ul>li:hover>a,
.stricky-header .main-menu__list>li>ul>li:hover>a,
.stricky-header .main-menu__list>li>ul>li>ul>li:hover>a {
  background-color: var(--sinace-primary);
  color: var(--sinace-black);
  padding-left: 15px;
}

.main-menu .main-menu__list>li>ul>li>a::before,
.main-menu .main-menu__list>li>ul>li>ul>li>a::before,
.stricky-header .main-menu__list>li>ul>li>a::before,
.stricky-header .main-menu__list>li>ul>li>ul>li>a::before {
  position: absolute;
  top: 50%;
  right: 20px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  font-size: 14px;
  color: var(--sinace-base);
  transform: translateY(-50%) scale(0);
  -webkit-transition: 500ms;
  transition: 500ms;
}

.main-menu .main-menu__list>li>ul>li:hover>a::before,
.main-menu .main-menu__list>li>ul>li>ul>li:hover>a::before,
.stricky-header .main-menu__list>li>ul>li:hover>a::before,
.stricky-header .main-menu__list>li>ul>li>ul>li:hover>a::before {
  transform: translateY(-50%) scale(1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.main-menu .mobile-nav__toggler {
  font-size: 20px;
  color: var(--sinace-white);
  cursor: pointer;
  -webkit-transition: 500ms;
  transition: 500ms;
}

.main-menu .mobile-nav__toggler:hover {
  color: var(--sinace-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mobile-nav__social a {
  font-size: 16px;
  color: var(--sinace-white);
  -webkit-transition: 500ms;
  transition: 500ms;
}

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

.mobile-nav__social a:hover {
  color: var(--sinace-base);
}

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

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

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

.mobile-nav__contact li a {
  color: #ffffff;
  -webkit-transition: 500ms;
  transition: 500ms;
}

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

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

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



/*--------------------------------------------------------------
# Home Showcase
--------------------------------------------------------------*/
.home-showcase {
  margin-top: -23px;
  margin-bottom: -23px;
}

.home-showcase__inner {
  padding: 40px 40px 36px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}

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

.home-showcase__image {
  position: relative;
  background-color: var(--sinace-base);
  overflow: hidden;
}

.home-showcase__image>img {
  width: 100%;
  -webkit-transition: 500ms ease;
  transition: 500ms ease;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.home-showcase__image:hover>img {
  opacity: 0.75;
}

.home-showcase__image:hover .home-showcase__buttons {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
  visibility: visible;
}

.home-showcase__buttons {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  opacity: 0;
  visibility: hidden;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-transition: 500ms ease;
  transition: 500ms ease;
}

.home-showcase__buttons__item {
  padding: 13px 20px 9px;
  width: 150px;
  text-align: center;
}

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

.home-showcase__title {
  margin: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: var(--sinace-black);
  margin-top: 17px;
}

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

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

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

/*--------------------------------------------------------------
# Navigations Two
--------------------------------------------------------------*/
.main-header-two {
  position: relative;
  display: block;
  width: 100%;
  transition: all 500ms ease;
  z-index: 999;
}

.stricky-header .main-menu-two__top {
  display: none;
}

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

.main-menu-two__wrapper-inner {
  position: relative;
  display: block;
  background-color: var(--sinace-black);
  z-index: 1;
}

.main-menu-two__wrapper-inner-content {
  position: relative;
  display: block;
  z-index: 1;
}

.main-menu-two__top {
  position: relative;
  display: block;
  padding-left: 300px;
  background-color: var(--sinace-black);
  z-index: 1;
}

.main-menu-two__top-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #ebf1f7;
  padding: 10.5px 60px;
  z-index: 1;
}

.main-menu-two__logo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 60px;
  display: flex;
  align-items: center;
  z-index: 5;
}

.main-menu-two__logo a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-menu-two__top-left {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
}

.main-menu-two__contact-list {
  position: relative;
  display: flex;
  align-items: center;
}

.main-menu-two__contact-list li {
  position: relative;
  display: flex;
  align-items: center;
}

.main-menu-two__contact-list li+li {
  margin-left: 30px;
}

.main-menu-two__contact-list li .icon {
  position: relative;
  display: flex;
  align-items: center;
  top: 2px;
}

.main-menu-two__contact-list li .icon i {
  font-size: 14px;
  color: var(--sinace-base);
}

.main-menu-two__contact-list li .text {
  margin-left: 10px;
}

.main-menu-two__contact-list li .text p {
  font-size: 13px;
  font-weight: 400;
  color: var(--sinace-gray);
}

.main-menu-two__contact-list li .text p a {
  color: var(--sinace-gray);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-two__contact-list li .text p a:hover {
  color: var(--sinace-base);
}

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

.main-menu-two__top-menu {
  position: relative;
  display: flex;
  align-items: center;
}

.main-menu-two__top-menu li+li {
  margin-left: 35px;
}

.main-menu-two__top-menu li a {
  position: relative;
  display: inline-block;
  font-size: 13px;
  color: var(--sinace-gray);
  font-weight: 400;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-two__top-menu li a:hover {
  color: var(--sinace-base);
}

.main-menu-two__top-menu li a:before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: -17px;
  width: 1px;
  background-color: var(--sinace-gray);
  transform: rotate(10deg);
}

.main-menu-two__top-menu li:first-child a:before {
  display: none;
}

.main-menu-two__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 30px;
}

.main-menu-two__social a {
  position: relative;
  height: 26px;
  width: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  color: var(--sinace-black);
  background-color: var(--sinace-white);
  font-size: 11px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.main-menu-two__social a:hover {
  color: var(--sinace-white);
  background-color: var(--sinace-base);
}

.main-menu-two__social a:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: var(--sinace-base);
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: all;
  transition-property: all;
  opacity: 1;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  z-index: -1;
}

.main-menu-two__social a:hover:after {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.main-menu-two__social a+a {
  margin-left: 10px;
}

.main-menu-two__bottom {
  position: relative;
  display: block;
  padding-left: 300px;
  padding-right: 60px;
  z-index: 1;
}

.main-menu-two__bottom-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.main-menu-two__main-menu-box {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 60px;
  padding-right: 80px;
  z-index: 1;
}

.main-menu-two__main-menu-box:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  right: -10000000px;
  background-color: var(--sinace-white);
  z-index: -1;
}

.main-menu-two__btn-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -165px;
}

.main-menu-two__btn {
  padding: 9px 40px 9px;
}

.main-menu-two__btn:hover {
  color: var(--sinace-base);
}

.main-menu-two__btn:before {
  background-color: var(--sinace-white);
}

.main-menu-two__btn:hover:before {
  top: -50%;
}

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

.main-menu-two__main-menu-box-right {
  position: relative;
  display: block;
  margin-left: 180px;
}

.main-menu-two__search-box {
  position: relative;
  display: block;
  padding: 33px 0;
}

.main-menu-two__search-box:before {
  content: "";
  position: absolute;
  top: 25px;
  bottom: 25px;
  left: -20px;
  width: 1px;
  background-color: rgba(var(--sinace-white-rgb), .10);
}

.main-menu-two__search {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 24px;
  color: var(--sinace-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-two__search:hover {
  color: var(--sinace-base);
}

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

.main-menu-two__call {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 2;
}

.main-menu-two__call-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  background-color: var(--sinace-primary);
  border-radius: 50%;
  font-size: 18px;
  color: var(--sinace-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-two__call-icon:hover {
  background-color: var(--sinace-base);
  color: var(--sinace-white);
}

.main-menu-two__call-content {
  margin-left: 10px;
}

.main-menu-two__call-sub-title {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
}

.main-menu-two__call-number {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 4px;
}

.main-menu-two__call-number a {
  color: var(--sinace-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-two__call-number a:hover {
  color: var(--sinace-base);
}

.main-menu-two .main-menu__list>li,
.stricky-header.main-menu-two .main-menu__list>li {
  padding-top: 30px;
  padding-bottom: 30px;
}

.main-menu-two .main-menu__list>li>a::before,
.stricky-header.main-menu-two .main-menu__list>li>a::before {
  bottom: -30px;
}

.main-menu-two .main-menu__list>li.current>a,
.main-menu-two .main-menu__list>li:hover>a,
.stricky-header.main-menu-two .main-menu__list>li.current>a,
.stricky-header.main-menu-two .main-menu__list>li:hover>a {
  color: var(--sinace-white);
  text-shadow: 0.05px 0 0 rgb(255 255 255 / 80%);
}


/*--------------------------------------------------------------
# Navigations Three
--------------------------------------------------------------*/
.main-header-three {
  position: relative;
  display: block;
  z-index: 999;
}

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

.main-menu-three__wrapper-inner {
  position: relative;
  display: block;
  background-color: var(--sinace-white);
  z-index: 1;
}

.main-menu-three__wrapper-inner-content {
  position: relative;
  display: block;
  z-index: 1;
}

.main-menu-three__top {
  position: relative;
  display: block;
  padding-left: 305px;
  z-index: 1;
}

.main-menu-three__top-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: var(--sinace-black);
  padding: 10.5px 56px;
  padding-right: 80px;
  z-index: 1;
}

.main-menu-three__logo {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 80px;
  display: flex;
  align-items: center;
  z-index: 5;
}

.main-menu-three__logo a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-menu-three__top-left {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
}

.main-menu-three__contact-list {
  position: relative;
  display: flex;
  align-items: center;
}

.main-menu-three__contact-list li {
  position: relative;
  display: flex;
  align-items: center;
}

.main-menu-three__contact-list li+li {
  margin-left: 30px;
}

.main-menu-three__contact-list li .icon {
  position: relative;
  display: flex;
  align-items: center;
  top: 2px;
}

.main-menu-three__contact-list li .icon i {
  font-size: 14px;
  color: var(--sinace-base);
}

.main-menu-three__contact-list li .text {
  margin-left: 10px;
}

.main-menu-three__contact-list li .text p {
  font-size: 13px;
  font-weight: 400;
  color: #7e8a9b;
}

.main-menu-three__contact-list li .text p a {
  color: #7e8a9b;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-three__contact-list li .text p a:hover {
  color: var(--sinace-base);
}

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

.main-menu-three__top-menu {
  position: relative;
  display: flex;
  align-items: center;
}

.main-menu-three__top-menu li+li {
  margin-left: 35px;
}

.main-menu-three__top-menu li a {
  position: relative;
  display: inline-block;
  font-size: 13px;
  color: #7e8a9b;
  font-weight: 400;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-three__top-menu li a:hover {
  color: var(--sinace-base);
}

.main-menu-three__top-menu li a:before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: -17px;
  width: 1px;
  background-color: #7e8a9b;
  transform: rotate(10deg);
}

.main-menu-three__top-menu li:first-child a:before {
  display: none;
}

.main-menu-three__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 30px;
}

.main-menu-three__social a {
  position: relative;
  height: 26px;
  width: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  color: var(--sinace-black);
  background-color: var(--sinace-white);
  font-size: 11px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.main-menu-three__social a:hover {
  color: var(--sinace-white);
  background-color: var(--sinace-base);
}

.main-menu-three__social a:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: var(--sinace-base);
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: all;
  transition-property: all;
  opacity: 1;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  z-index: -1;
}

.main-menu-three__social a:hover:after {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.main-menu-three__social a+a {
  margin-left: 10px;
}

.main-menu-three__bottom {
  position: relative;
  display: block;
  padding-left: 305px;
  padding-right: 0;
  z-index: 1;
}

.main-menu-three__bottom-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}

.main-menu-three__main-menu-box {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 53px;
  padding-right: 50px;
  border-left: 3px solid var(--sinace-black);
  background-image: -moz-linear-gradient(90deg, rgb(235, 241, 247) 0%, rgba(254, 253, 253, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(235, 241, 247) 0%, rgba(254, 253, 253, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(235, 241, 247) 0%, rgba(254, 253, 253, 0) 100%);
  z-index: 1;
}

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

.main-menu-three__main-menu-box-right {
  position: relative;
  display: block;
  margin-left: 190px;
}

.main-menu-three__search-box {
  position: relative;
  display: block;
  padding: 33px 0;
}

.main-menu-three__search-box:before {
  content: "";
  position: absolute;
  top: 25px;
  bottom: 25px;
  left: -20px;
  width: 1px;
  background-color: #d9e1e9;
}

.main-menu-three__search {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 24px;
  color: var(--sinace-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-three__search:hover {
  color: var(--sinace-base);
}

.main-menu-three__right {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 65px;

}

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

.main-menu-three__btn {
  padding: 9px 40px 9px;
}

.main-menu-three__btn:hover:before {
  top: -50%;
}

.main-menu-three__call {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 30px;
  z-index: 2;
}

.main-menu-three__call-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  background-color: var(--sinace-primary);
  border-radius: 50%;
  font-size: 18px;
  color: var(--sinace-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-three__call-icon:hover {
  background-color: var(--sinace-base);
  color: var(--sinace-white);
}

.main-menu-three__call-content {
  margin-left: 10px;
}

.main-menu-three__call-sub-title {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
}

.main-menu-three__call-number {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-top: 4px;
}

.main-menu-three__call-number a {
  color: var(--sinace-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu-three__call-number a:hover {
  color: var(--sinace-base);
}

.main-menu-three .main-menu__list>li,
.stricky-header.main-menu-three .main-menu__list>li {
  padding-top: 30px;
  padding-bottom: 30px;
}

.main-menu-three .main-menu__list>li>a::before,
.stricky-header.main-menu-three .main-menu__list>li>a::before {
  bottom: -30px;
}

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

.main-menu-three .main-menu__list>li.current>a,
.main-menu-three .main-menu__list>li:hover>a,
.stricky-header.main-menu-three .main-menu__list>li.current>a,
.stricky-header.main-menu-three .main-menu__list>li:hover>a {
  color: var(--sinace-black);
  text-shadow: 0.05px 0 0 rgb(15 33 60 / 80%);
}

.stricky-header .main-menu-three__top {
  display: none;
}


/*--------------------------------------------------------------
# Search Popup
--------------------------------------------------------------*/
.search-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  padding-left: 20px;
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateY(-110%);
  transform: translateY(-110%);
  -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
}

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

.search-popup__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--sinace-black);
  opacity: 0.75;
  cursor: pointer;
}

.search-popup__content {
  width: 100%;
  max-width: 560px;
}

.search-popup__content form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  background-color: #fff;
  border-radius: 0;
  overflow: hidden;
}

.search-popup__content form input[type="search"],
.search-popup__content form input[type="text"] {
  width: 100%;
  background-color: #fff;
  font-size: 16px;
  border: none;
  outline: none;
  height: 66px;
  padding-left: 30px;
}

.search-popup__content .thm-btn {
  padding: 0;
  width: 68px;
  height: 68px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 0;
  right: -1px;
  border-radius: 0;
  background-color: var(--sinace-base);
  border: 0;
}

.search-popup__content .thm-btn i {
  height: auto;
  width: auto;
  background-color: transparent;
  border-radius: 50%;
  color: var(--sinace-white);
  font-size: 22px;
  line-height: inherit;
  text-align: center;
  top: 0;
  margin-right: 0;
  padding-left: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.search-popup__content .thm-btn:hover:before {
  width: 165%;
}

/*--------------------------------------------------------------
# Main Slider
--------------------------------------------------------------*/
.main-slider {
  position: relative;
  background-color: var(--sinace-black);
  z-index: 10;
}

.main-slider .item {
  background-color: var(--sinace-black);
  position: relative;
  padding-top: 196px;
  padding-bottom: 196px;
  z-index: 10;
}

.main-slider__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}

.main-slider__bg:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(15, 33, 60, .40);
  z-index: -1;
}

.main-slider__shadow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: -moz-linear-gradient(0deg, rgb(15, 33, 60) 0%, rgba(15, 33, 60, 0) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(15, 33, 60) 0%, rgba(15, 33, 60, 0) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(15, 33, 60) 0%, rgba(15, 33, 60, 0) 100%);
  opacity: 0.902;
  z-index: 1;
}

.main-slider__shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .21;
  z-index: 3;
}

.main-slider__shape-1 img {
  width: auto !important;
}

.main-slider__shape-2 {
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: lighten;
  z-index: 2;
}

.main-slider__shape-2 img {
  width: auto !important;
}

.main-slider__shape-3 {
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: darken;
  z-index: 1;
}

.main-slider__shape-3 img {
  width: auto !important;
}

.main-slider__shape-4 {
  position: absolute;
  bottom: 0;
  left: 0;
  mix-blend-mode: darken;
  z-index: 1;
}

.main-slider__shape-4 img {
  width: auto !important;
}

.main-slider__shape-5 {
  position: absolute;
  bottom: 0;
  left: 185px;
  mix-blend-mode: lighten;
  z-index: 1;
}

.main-slider__shape-5 img {
  width: auto !important;
}

.main-slider__content {
  position: relative;
  display: block;
  z-index: 10;
}

.main-slider__sub-title {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: var(--sinace-white);
  background-color: rgba(var(--sinace-white-rgb), .10);
  padding: 7px 29px 7px;
  border-radius: 23px;
  border: 1px solid rgba(var(--sinace-white-rgb), .10);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-120px);
  transform: translateY(-120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

.main-slider__title {
  position: relative;
  font-size: 90px;
  color: var(--sinace-white);
  font-weight: 700;
  line-height: 90px;
  letter-spacing: -0.04em;
  margin-top: 16px;
  margin-bottom: 38px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-120px);
  transform: translateY(-120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

.main-slider__btn-box {
  position: relative;
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(120px);
  transform: translateY(120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

.main-slider__btn:hover {
  color: var(--sinace-base);
}

.main-slider__btn:before {
  background-color: var(--sinace-white);
}

.active .main-slider__title,
.active .main-slider__btn-box,
.active .main-slider__sub-title {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}


.main-slider .owl-theme .owl-nav {
  position: absolute;
  top: 41%;
  left: 50%;
  z-index: 100;
  transform: translateY(-50%) translateX(-50%);
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  max-width: 1200px;
  width: 100%;
  padding: 0 15px;
  height: 0;
  line-height: 0;
}

.main-slider .owl-theme .owl-nav [class*=owl-] {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 100;
  width: 52px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: rgba(var(--sinace-black-rgb), 1);
  background-color: rgba(var(--sinace-white-rgb), .20);
  border: none;
  border-radius: 50%;
  margin: 0;
  text-align: center;
  transition: all 500ms ease;
  padding: 18px 0 !important;
}

.main-slider .owl-theme .owl-nav [class*=owl-]:hover {
  color: rgba(var(--sinace-black-rgb), 1);
  background-color: rgba(var(--sinace-white-rgb), 1);
}

.main-slider .owl-theme .owl-nav [class*=owl-]+[class*=owl-] {
  margin-top: 10px;
}


/*--------------------------------------------------------------
# Main Slider Two
--------------------------------------------------------------*/
.main-slider-two {
  position: relative;
  z-index: 10;
}

.main-slider-two .item {
  position: relative;
  padding-top: 195px;
  padding-bottom: 200px;
  z-index: 10;
}

.main-slider-two__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}

.main-slider-two__bg:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(15, 33, 60, .40);
  z-index: -1;
}

.main-slider-two__bottom-shape {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-size: 100% 100%;
  z-index: 10;
}

.main-slider-two__shadow {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-image: -moz-linear-gradient(0deg, rgb(15, 33, 60) 0%, rgba(15, 33, 60, 0) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(15, 33, 60) 0%, rgba(15, 33, 60, 0) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(15, 33, 60) 0%, rgba(15, 33, 60, 0) 100%);
  opacity: 0.902;
  width: 945px;
  z-index: 1;
}

.main-slider-two__shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: color-burn;
  opacity: .45;
  z-index: 1;
}

.main-slider-two__shape-1 img {
  width: auto !important;
}

.main-slider-two__content {
  position: relative;
  display: block;
  z-index: 15;
}

.main-slider-two__title {
  position: relative;
  font-size: 80px;
  color: var(--sinace-white);
  font-weight: 700;
  line-height: 80px;
  letter-spacing: -0.04em;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-120px);
  transform: translateY(-120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

.main-slider-two__title span {
  position: relative;
  display: inline-block;
}

.main-slider-two__title span:before {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  height: 32px;
  background-image: url(../images/shapes/main-slider-two-line.png);
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}

.main-slider-two__text {
  font-size: 18px;
  color: var(--sinace-white);
  line-height: 36px;
  margin-top: 21px;
  margin-bottom: 28px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-120px);
  transform: translateY(-120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

.main-slider-two__btn-box {
  position: relative;
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(120px);
  transform: translateY(120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

.main-slider-two__btn:hover {
  color: var(--sinace-base);
}

.main-slider-two__btn:before {
  background-color: var(--sinace-white);
}

.main-slider-two__rounded-text {
  position: absolute;
  top: 72px;
  right: 40px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(120px);
  transform: translateY(120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
  z-index: 1;
}

.main-slider-two__curved-circle-box {
  position: relative;
  display: block;
  height: 140px;
  width: 140px;
  border-radius: 50%;
  z-index: 2;
}

.main-slider-two__curved-circle-box .curved-circle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--sinace-white);
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: .4em;
}

.main-slider-two__icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-slider-two__icon img {
  width: auto !important;
}

.active .main-slider-two__title,
.active .main-slider-two__btn-box,
.active .main-slider-two__text,
.active .main-slider-two__rounded-text {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}


.main-slider-two .owl-theme .owl-nav {
  position: absolute;
  top: 44%;
  left: 50%;
  z-index: 100;
  transform: translateY(-50%) translateX(-50%);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  max-width: 100%;
  width: 100%;
  padding: 0 80px;
  margin: 0 auto;
  height: 0;
  line-height: 0;
}

.main-slider-two .owl-theme .owl-nav [class*=owl-] {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 100;
  width: 52px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: rgba(var(--sinace-black-rgb), 1);
  background-color: rgba(var(--sinace-white-rgb), .20);
  border: none;
  border-radius: 50%;
  margin: 0;
  text-align: center;
  transition: all 500ms ease;
  padding: 18px 0 !important;
}

.main-slider-two .owl-theme .owl-nav [class*=owl-]:hover {
  color: rgba(var(--sinace-black-rgb), 1);
  background-color: rgba(var(--sinace-white-rgb), 1);
}

.main-slider-two .owl-theme .owl-nav [class*=owl-]+[class*=owl-] {
  margin-top: 10px;
}

/*--------------------------------------------------------------
# Main Slider Three
--------------------------------------------------------------*/
.main-slider-three {
  position: relative;
  display: block;
  background-color: #ebf1f7;
  z-index: 10;
}

.main-slider-three .item {
  position: relative;
  padding-top: 195px;
  padding-bottom: 245px;
  background-color: #ebf1f7;
  z-index: 10;
}

.main-slider-three__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}

.main-slider-three__shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: luminosity;
  opacity: .15;
  z-index: 1;
}

.main-slider-three__shape-1 img {
  width: auto !important;
}

.main-slider-three__content {
  position: relative;
  display: block;
  z-index: 15;
}

.main-slider-three__shape-2 {
  position: absolute;
  bottom: 20px;
  left: 260px;
  z-index: -1;
}

.main-slider-three__shape-2 img {
  width: auto !important;
}

.main-slider-three__title-box {
  position: relative;
  display: block;
  margin-bottom: 43px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-120px);
  transform: translateY(-120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

.main-slider-three__title {
  position: relative;
  font-size: 90px;
  color: var(--sinace-black);
  font-weight: 300;
  line-height: 80px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}

.main-slider-three__title span {
  font-weight: 700;
  color: var(--sinace-base);
}

.main-slider-three__text {
  font-size: 16px;
  color: var(--sinace-black);
  font-weight: 700;
  line-height: 26px;
  position: absolute;
  left: 308px;
  bottom: 10px;
}

.main-slider-three__btn-box {
  position: relative;
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(120px);
  transform: translateY(120px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
}

.main-slider-three__btn-two {
  color: var(--sinace-black);
  background-color: var(--sinace-white);
  margin-left: 10px;
}

.active .main-slider-three__title-box,
.active .main-slider-three__btn-box {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}

.main-slider-three .owl-theme .owl-nav {
  width: 100%;
  max-width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  transform: translateY(-50%) translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 !important;
}

.main-slider-three .owl-theme .owl-nav [class*=owl-] {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 100;
  width: 52px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  color: rgba(var(--sinace-black-rgb), 1);
  background-color: rgba(var(--sinace-white-rgb), 1);
  border: none;
  border-radius: 50%;
  margin: 0;
  text-align: center;
  transition: all 500ms ease;
  padding: 0px 0px !important;
}

.main-slider-three .owl-theme .owl-nav [class*=owl-]:hover {
  color: rgba(var(--sinace-white-rgb), 1);
  background-color: rgba(var(--sinace-base-rgb), 1);
}

.main-slider-three .owl-theme .owl-nav [class*=owl-]+[class*=owl-] {
  margin-left: 0px;
}

.main-slider-three .owl-theme .owl-dots {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 1200px;
  width: 100%;
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  padding: 0 15px;
  margin: 0 auto;
  height: 0;
  line-height: 0;
}

.main-slider-three .owl-theme .owl-dots .owl-dot+.owl-dot {
  margin-left: 10px;
}

.main-slider-three .owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(var(--sinace-white-rgb), .30);
  margin: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-slider-three .owl-theme .owl-dots .owl-dot:hover span,
.main-slider-three .owl-theme .owl-dots .owl-dot.active span {
  background-color: rgba(var(--sinace-white-rgb), 1);
}

/*--------------------------------------------------------------
# About One
--------------------------------------------------------------*/
.about-one {
  position: relative;
  display: block;
  padding: 120px 0 120px;
  z-index: 1;
}

.about-one__left {
  position: relative;
  display: block;
  margin-right: 170px;
}

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

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

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

.about-one__img-2 {
  position: absolute;
  bottom: -81px;
  right: -200px;
}

.about-one__img-2 img {
  width: auto;
}

.about-one__shape-1 {
  position: absolute;
  bottom: 0;
  left: 30px;
}

.about-one__shape-1 img {
  width: auto;
}

.about-one__shape-2 {
  position: absolute;
  top: 38px;
  right: -108px;
}

.about-one__shape-2 img {
  width: auto;
}

.about-one__right {
  position: relative;
  display: block;
  margin-left: 70px;
}

.about-one__right .section-title {
  margin-bottom: 30px;
}

.about-one__points-and-experience {
  position: relative;
  display: block;
  border: 1px solid var(--sinace-bdr-color);
  padding: 25px 14px 14px;
  margin-top: 45px;
  margin-bottom: 50px;
}

.about-one__points-box {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 15px 0;
  margin-bottom: 26px;
}

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

.about-one__points-list+.about-one__points-list {
  margin-left: 50px;
}

.about-one__points-list li {
  position: relative;
  display: flex;
  align-items: center;
}

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

.about-one__points-list li .icon {
  position: relative;
  display: inline-block;
}

.about-one__points-list li .icon span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 9px;
  color: var(--sinace-white);
  background-color: var(--sinace-base);
  border-radius: 50%;
}

.about-one__points-list li .text {
  margin-left: 8px;
}

.about-one__points-list li .text p {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  color: var(--sinace-black);
  letter-spacing: -0.04em;
}

.about-one__experience-box {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #eef3f8;
  padding: 8px 17px 12px;
}

.about-one__experience-icon {
  position: relative;
  display: inline-block;
  top: 6px;
}

.about-one__experience-icon span {
  position: relative;
  display: inline-block;
  font-size: 24px;
  color: var(--sinace-base);
}

.about-one__experience-text {
  position: relative;
  margin-left: 20px;
}

.about-one__experience-text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.about-one__btn-box {
  position: relative;
  display: inline-block;
}

.about-one__shape-3 {
  position: absolute;
  right: -109px;
  top: -33px;
}

.about-one__shape-3 img {
  width: auto;
}

/*--------------------------------------------------------------
# Services One
--------------------------------------------------------------*/
.services-one {
  position: relative;
  display: block;
  background-color: #eef3f8;
  padding: 120px 0 360px;
  z-index: 1;
}

.services-one__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 414px;
  opacity: .15;
  mix-blend-mode: luminosity;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.services-one__top {
  position: relative;
  display: block;
  margin-bottom: 51px;
}

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

.services-one__left .section-title {
  margin-bottom: 0;
}

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

.services-one__text {
  margin-top: 13px;
}

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

.services-one__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.services-one__title-box {
  position: relative;
  display: block;
  background-color: var(--sinace-white);
  padding: 24px 30px 60px;
  z-index: 1;
}

.services-one__title-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--sinace-black);
  background-position: center top;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .5s;
  transition-property: all;
  transform-origin: top;
  transform-style: preserve-3d;
  transform: scaleY(0);
  z-index: -1;
}


.services-one__single:hover .services-one__title-box::before {
  transform: scaleY(1.0);
}

.services-one__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.services-one__title a {
  color: #222232;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-one__single:hover .services-one__title a {
  color: var(--sinace-white);
}

.services-one__img-box {
  position: relative;
  display: block;
}

.services-one__img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}

.services-one__img:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: rgba(var(--sinace-black-rgb), .30);
  width: 0%;
  transform: translateY(100%);
  transition: all 500ms ease;
  z-index: 1;
}

.services-one__single:hover .services-one__img:before {
  transform: translateY(0);
  width: 100%;
}

.services-one__img img {
  width: 100%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

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

.services-one__icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  top: -38px;
  right: 20px;
  border-radius: 50%;
  background-color: var(--sinace-base);
  z-index: 2;
}

.services-one__icon span {
  position: relative;
  display: inline-block;
  font-size: 32px;
  color: var(--sinace-white);
  transition: all 500ms linear;
  transition-delay: 0.1s;
  transform: scale(1);
}

.services-one__single:hover .services-one__icon span {
  transform: scale(0.9);
}

.services-one__read-more {
  position: relative;
  display: block;
}

.services-one__read-more a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  color: var(--sinace-white);
  padding: 11px 30px 12px;
  background-color: var(--sinace-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-one__read-more a:hover {
  background-color: var(--sinace-base);
}

.services-one__read-more a span {
  font-size: 16px;
}

/*--------------------------------------------------------------
# Grow Business
--------------------------------------------------------------*/
.grow-business {
  position: relative;
  display: block;
  margin-top: -270px;
  z-index: 2;
}

.grow-business__inner {
  position: relative;
  display: block;
  background-color: var(--sinace-white);
  z-index: 1;
}

.grow-business__inner:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10000000px;
  right: 0;
  background-color: var(--sinace-white);
  z-index: -1;
}

.grow-business__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -375px;
  right: 627px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  z-index: -1;
  mix-blend-mode: luminosity;
  opacity: .15;
}

.grow-business__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  z-index: -1;
}

/* .grow-business__inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10000px;
  bottom: 0;
  right: 0;
  background-color: var(--sinace-white);
  z-index: -1;
} */

.grow-business__left {
  position: relative;
  display: block;
  margin-right: 70px;
  padding: 100px 0 100px;
  z-index: 1;
}

.grow-business__left .section-title {
  margin-bottom: 21px;
}

.grow-business__points {
  position: relative;
  display: block;
  margin-top: 22px;
  margin-bottom: 37px;
}

.grow-business__points li {
  position: relative;
  display: flex;
  align-items: center;
}

.grow-business__points li+li {
  margin-top: 6px;
}

.grow-business__points li .icon {
  position: relative;
  display: inline-block;
}

.grow-business__points li .icon span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 9px;
  color: var(--sinace-white);
  border-radius: 50%;
  background-color: var(--sinace-base);
}

.grow-business__points li .text {
  margin-left: 15px;
}

.grow-business__points li .text p {
  font-weight: 500;
  color: var(--sinace-black);
}

.grow-business__progress {
  position: relative;
  display: block;
}

.grow-business__progress-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  color: var(--sinace-black);
  margin-bottom: 15px;
}

.grow-business__progress .bar {
  position: relative;
  width: 100%;
  height: 13px;
  background-color: var(--sinace-primary);
  border-radius: 6px;
}

.grow-business__progress .bar-inner {
  position: relative;
  display: block;
  width: 0px;
  height: 13px;
  border-radius: 5px;
  background-color: var(--sinace-base);
  -webkit-transition: all 1500ms ease;
  -ms-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  transition: all 1500ms ease;
}

.grow-business__progress .bar-inner::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -3px;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background-color: var(--sinace-black);
  border: 2px solid var(--sinace-white);
  transform: translateY(-50%);
}

.grow-business__progress .count-text {
  position: absolute;
  right: -6px;
  bottom: 26px;
  color: var(--sinace-gray);
  line-height: 26px;
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.grow-business__progress .bar-inner.counted .count-text {
  opacity: 1;
}

.grow-business__progress .bar.marb-0 {
  margin-bottom: 0;
}

.grow-business__right {
  position: relative;
  display: block;
  background-color: var(--sinace-base);
  margin-left: 40px;
  padding: 100px 100px 91px;
  overflow: hidden;
  z-index: 1;
}

.grow-business__right-points {
  position: relative;
  display: block;
}

.grow-business__right-points li {
  position: relative;
  display: block;
}

.grow-business__right-points li+li {
  margin-top: 29px;
}

.grow-business__right-points-icon {
  position: relative;
  display: inline-block;
}

.grow-business__right-points-icon span {
  position: relative;
  display: inline-block;
  font-size: 64px;
  color: var(--sinace-white);
  transition: all 500ms linear;
  transition-delay: 0.1s;
  transform: scale(1);
}

.grow-business__right-points li:hover .grow-business__right-points-icon span {
  transform: scale(0.9);
}

.grow-business__right-points-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: var(--sinace-white);
  margin-top: 10px;
  margin-bottom: 16px;
}

.grow-business__right-points-text {
  color: rgba(var(--sinace-white-rgb), .70);
}

.grow-business__shape-1 {
  position: absolute;
  top: 0;
  right: -30px;
  mix-blend-mode: multiply;
  opacity: .15;
  z-index: -1;
}

.grow-business__shape-1 img {
  width: auto;
}

/*--------------------------------------------------------------
# Video One
--------------------------------------------------------------*/
.video-one {
  position: relative;
  display: block;
  background-color: var(--sinace-black);
  padding: 477px 0 120px;
  margin-top: -357px;
  z-index: 1;
}

.video-one__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .40;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.video-one__inner {
  position: relative;
  display: block;
  text-align: center;
}

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

.video-one__video-icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  line-height: 100px;
  text-align: center;
  font-size: 55px;
  background-color: transparent;
  border-radius: 50%;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.video-one__video-icon img {
  width: auto;
}

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

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

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

.video-one__title {
  font-size: 60px;
  font-weight: 600;
  line-height: 72px;
  color: var(--sinace-white);
  margin-top: 8px;
  margin-bottom: 36px;
}

.video-one__btn-box {
  position: relative;
  display: block;
}

.video-one__btn::before {
  background-color: var(--sinace-white);
}

.video-one__btn:hover {
  color: var(--sinace-black);
}

/*--------------------------------------------------------------
# Testimonial One
--------------------------------------------------------------*/
.testimonial-one {
  position: relative;
  display: block;
  background-color: #eef3f8;
  padding: 120px 0 99px;
  z-index: 1;
}

.testimonial-one__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .10;
  mix-blend-mode: luminosity;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.testimonial-one__left {
  position: relative;
  display: block;
  z-index: 5;
}

.testimonial-one__left .section-title {
  margin-bottom: 22px;
}

.testimonial-one__left-text {
  position: relative;
  display: block;
}

.testimonial-one__rounded-text {
  position: relative;
  display: block;
  margin-top: 35px;
  z-index: 1;
}

.testimonial-one__curved-circle-box {
  position: relative;
  display: block;
  height: 135px;
  width: 135px;
  border-radius: 50%;
  z-index: 2;
}

.testimonial-one__curved-circle-box .curved-circle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--sinace-black);
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: .4em;
}

.testimonial-one__icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonial-one__icon img {
  width: auto !important;
}

.testimonial-one__right {
  position: relative;
  display: block;
}

.testimonial-one__carousel {
  position: relative;
  display: block;
}

.testimonial-one__single {
  position: relative;
  display: block;
  text-align: center;
}

.testimonial-one__content {
  position: relative;
  display: block;
  text-align: center;
  padding: 20px 40px 22px;
  background-color: rgb(255, 255, 255);
  box-shadow: -10px 0px 60px 0px rgba(0, 0, 0, 0.07);
  z-index: 1;
}

.testimonial-one__content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 10px;
  background-color: var(--sinace-base);
  z-index: -1;
}

.testimonial-one__img {
  position: relative;
  display: block;
  width: 53px;
  border-radius: 50%;
  margin: 0 auto;
  z-index: 1;
}

.testimonial-one__img::before {
  content: "";
  position: absolute;
  top: -7px;
  left: -7px;
  right: -7px;
  bottom: -7px;
  background-color: var(--sinace-white);
  border: 2px solid var(--sinace-base);
  border-radius: 50%;
  z-index: -1;
}

.testimonial-one__img img {
  width: 100%;
  border-radius: 50%;
}

.testimonial-one__ratting {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 27px;
  margin-bottom: 12px;
}

.testimonial-one__ratting span {
  position: relative;
  display: inline-block;
  font-size: 15px;
  color: var(--sinace-base);
}

.testimonial-one__ratting span+span {
  margin-left: 2px;
}

.testimonial-one__text {
  font-weight: 400;
}

.testimonial-one__client-info {
  position: relative;
  display: block;
  margin-top: 37px;
}

.testimonial-one__client-info h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.testimonial-one__client-info h3 a {
  color: var(--sinace-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.testimonial-one__client-info h3 a:hover {
  color: var(--sinace-base);
}

.testimonial-one__client-info p {
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  margin-top: 1px;
}

.testimonial-one__shape-1 {
  position: absolute;
  top: 10px;
  left: 0;
  border-top: 40px solid var(--sinace-base);
  border-left: 135px solid transparent;
  border-right: 135px solid transparent;
  z-index: -1;
}

.testimonial-one__shape-2 {
  position: absolute;
  bottom: -20px;
  left: 0;
  border-top: 20px solid var(--sinace-white);
  border-left: 136px solid transparent;
  z-index: -1;
}

.testimonial-one__carousel.owl-carousel .owl-stage-outer {
  overflow: visible;
}

.testimonial-one__carousel.owl-carousel .owl-item {
  opacity: 0;
  visibility: hidden;
  transition: opacity 500ms ease, visibility 500ms ease;
}

.testimonial-one__carousel.owl-carousel .owl-item.active {
  opacity: 1;
  visibility: visible;
}

/*--------------------------------------------------------------
# Project One
--------------------------------------------------------------*/
.project-one {
  position: relative;
  display: block;
  padding: 120px 0 120px;
  z-index: 1;
}

.project-one .container {
  max-width: 1800px;
}

.project-one__bottom {
  position: relative;
  display: block;
}

.project-one__carousel {
  position: relative;
  display: block;
}

.project-one__single {
  position: relative;
  display: block;
}

.project-one__img-box {
  position: relative;
  display: block;
}

.project-one__img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}

.project-one__img:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(var(--sinace-black-rgb), .60);
  visibility: hidden;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scaleY(0) translateZ(100px);
  transform: scaleY(0) translateZ(100px);
  -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
  z-index: 1;
}

.project-one__single:hover .project-one__img:before {
  visibility: visible;
  -webkit-transform: scaleY(1) translateZ(0px);
  transform: scaleY(1) translateZ(0px);
}

.project-one__img img {
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1);
}

.project-one__single:hover .project-one__img img {
  transform: scale(1.05);
}

.project-one__content {
  position: relative;
  display: block;
  background-color: var(--sinace-black);
  padding: 33px 50px 47px;
  margin-top: -110px;
  margin-right: 260px;
  background-position: center bottom;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .5s;
  transition-property: all;
  transform-origin: bottom;
  transform-style: preserve-3d;
  transform: scaleY(0);
  z-index: 2;
}

.project-one__single:hover .project-one__content {
  transform: scaleY(1.0);
}

.project-one__content p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--sinace-base);
}

.project-one__content h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin-top: 1px;
}

.project-one__content h3 a {
  color: var(--sinace-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.project-one__content h3 a:hover {
  color: var(--sinace-base);
}

.project-one__arrow {
  position: absolute;
  top: 0;
  right: -50px;
}

.project-one__arrow a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  font-size: 16px;
  color: var(--sinace-white);
  background-color: var(--sinace-base);
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.project-one__single:hover .project-one__arrow a {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition-delay: 500ms;
  opacity: 1;
}

.project-one__arrow a:hover {
  color: var(--sinace-black);
  background-color: var(--sinace-white);
}

.project-one__carousel.owl-theme .owl-nav {
  position: relative;
  display: block;
  margin: 30px 0 0;
}

.project-one__carousel.owl-theme .owl-nav .owl-next {
  height: 52px;
  width: 52px;
  line-height: 52px;
  border-radius: 50%;
  color: var(--sinace-black);
  background-color: var(--sinace-primary);
  font-size: 16px;
  margin: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.project-one__carousel.owl-theme .owl-nav .owl-prev {
  height: 52px;
  width: 52px;
  line-height: 52px;
  border-radius: 50%;
  color: var(--sinace-black);
  background-color: var(--sinace-primary);
  font-size: 16px;
  margin: 0;
  text-align: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  position: relative;
  display: inline-block;
}

.project-one__carousel.owl-theme .owl-nav .owl-next {
  margin-left: 5px;
}

.project-one__carousel.owl-theme .owl-nav .owl-prev {
  margin-right: 5px;
}

.project-one__carousel.owl-theme .owl-nav .owl-next span,
.project-one__carousel.owl-theme .owl-nav .owl-prev span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.project-one__carousel.owl-theme .owl-nav .owl-next:hover,
.project-one__carousel.owl-theme .owl-nav .owl-prev:hover {
  background-color: var(--sinace-base);
  color: var(--sinace-white);
}

/*--------------------------------------------------------------
# Team One
--------------------------------------------------------------*/
.team-one {
  position: relative;
  display: block;
  padding-bottom: 90px;
  z-index: 1;
}

.team-one__top {
  position: relative;
  display: block;
  margin-bottom: 51px;
}

.team-one__top .section-title {
  margin-bottom: 0;
}

.team-one__left {
  position: relative;
  display: block;
}

.team-one__right {
  position: relative;
  display: block;
  margin-top: 18px;
}

.team-one__bottom {
  position: relative;
  display: block;
}

.team-one__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.team-one__img-box {
  position: relative;
  display: block;
}

.team-one__img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}

.team-one__img:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(var(--sinace-black-rgb), .40);
  visibility: hidden;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scaleY(0) translateZ(100px);
  transform: scaleY(0) translateZ(100px);
  -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
  transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
  z-index: 1;
}

.team-one__single:hover .team-one__img:before {
  visibility: visible;
  -webkit-transform: scaleY(1) translateZ(0px);
  transform: scaleY(1) translateZ(0px);
}

.team-one__img img {
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1);
}

.team-one__single:hover .team-one__img img {
  transform: scale(1.05);
}

.team-one__content {
  position: relative;
  display: block;
  margin-top: -65px;
  margin-right: 40px;
  padding: 13px 19px 12px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  background-position: center top;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .5s;
  transition-property: all;
  transform-origin: bottom;
  transform-style: preserve-3d;
  transform: scaleY(1);
  z-index: 2;
}

.team-one__single:hover .team-one__content {
  transform: scaleY(0.0);
}

.team-one__title {
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}

.team-one__title a {
  color: var(--sinace-black);
}

.team-one__sub-title {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.1em;
  color: var(--sinace-base);
  text-transform: uppercase;
  margin-top: 1px;
  padding-bottom: 12px;
  border-bottom: 2px solid #eef3f8;
}

.team-one__arrow-box {
  position: absolute;
  bottom: 32px;
  right: 40px;
}

.team-one__arrow {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 37px;
  height: 34px;
  font-size: 13px;
  color: var(--sinace-black);
  background-color: #eef3f8;
}

.team-one__hover-content {
  position: absolute;
  left: 0;
  right: 40px;
  bottom: -55px;
  padding: 25px 40px 30px;
  background-color: rgb(15, 33, 60);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  background-position: center bottom;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .5s;
  transition-property: all;
  transform-origin: bottom;
  transform-style: preserve-3d;
  transform: scaleY(0);
  z-index: 2;
}

.team-one__single:hover .team-one__hover-content {
  transform: scaleY(1.0);
}

.team-one__hover-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}

.team-one__hover-title a {
  color: var(--sinace-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.team-one__hover-title a:hover {
  color: var(--sinace-base);
}

.team-one__hover-sub-title {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.1em;
  color: var(--sinace-base);
  text-transform: uppercase;
  margin-top: 1px;
}

.team-one__hover-arrow-box {
  position: absolute;
  bottom: 32px;
  right: 40px;
}

.team-one__hover-arrow {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 37px;
  height: 34px;
  font-size: 13px;
  color: var(--sinace-white);
  background-color: var(--sinace-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.team-one__hover-arrow:hover {
  color: var(--sinace-black);
}

.team-one__hover-text {
  font-size: 15px;
  font-weight: 300;
  color: #7e8a9b;
  margin-top: 13px;
  padding-bottom: 50px;
  border-bottom: 2px solid var(--sinace-base);
}

.team-one__social {
  position: absolute;
  right: 0;
  bottom: 50px;
  background-color: var(--sinace-white);
  padding: 11px 12px 10px;
  transform: scaleY(0.0);
  transform-origin: center;
  transform-style: preserve-3d;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  transform-origin: right center;
}

.team-one__social::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  border-top: 6px solid var(--sinace-white);
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  transform: translateX(-50%);
}


.team-one__single:hover .team-one__social {
  transform: scaleY(1.0);
  transform-origin: bottom center;
  transition-delay: 500ms;
}

.team-one__social li {
  position: relative;
  display: block;
  line-height: 29px;
}

.team-one__social li a {
  position: relative;
  display: block;
  font-size: 13px;
  color: var(--sinace-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.team-one__social li a:hover {
  color: var(--sinace-base);
}

/*--------------------------------------------------------------
# Counter One
--------------------------------------------------------------*/
.counter-one {
  position: relative;
  display: block;
  padding-bottom: 120px;
}

.counter-one__inner {
  position: relative;
  display: block;
  max-width: 1370px;
  width: 100%;
  margin: 0 auto;
  background-color: var(--sinace-primary);
  padding: 100px 0 115px;
  z-index: 1;
}

.counter-one__shadow {
  content: "";
  position: absolute;
  top: 0;
  left: 186px;
  bottom: 0;
  width: 459px;
  background-image: -moz-linear-gradient(0deg, rgb(235, 241, 247) 0%, rgba(235, 241, 247, 0) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(235, 241, 247) 0%, rgba(235, 241, 247, 0) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(235, 241, 247) 0%, rgba(235, 241, 247, 0) 100%);
  z-index: 1;
}

.counter-one__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 78.7%;
  opacity: .10;
  mix-blend-mode: luminosity;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.counter-one__left {
  position: relative;
  display: block;
  z-index: 2;
}

.counter-one__left .section-title {
  margin-bottom: 30px;
}

.counter-one__right {
  position: relative;
  display: block;
  margin-left: 70px;
  z-index: 5;
}

.counter-one__count-box {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.counter-one__count-box li {
  position: relative;
  text-align: center;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  width: 100%;
  margin-bottom: 21px;
}

.counter-one__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 116px;
  height: 116px;
  border-radius: 50%;
  background-color: var(--sinace-white);
  margin: 0 auto;
  z-index: 1;
}

.counter-one__icon:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  border-radius: 50%;
  background-color: var(--sinace-black);
  transform: scale(0);
  transform-origin: center;
  transform-style: preserve-3d;
  transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
  z-index: -1;
}

.counter-one__count-box li:hover .counter-one__icon:before {
  transform: scaleX(1);
}

.counter-one__icon span {
  position: relative;
  display: inline-block;
  font-size: 63px;
  color: var(--sinace-base);
  transition: all 500ms linear;
  transition-delay: 0.1s;
  transform: scale(1);
}

.counter-one__count-box li:hover .counter-one__icon span {
  transform: scale(0.9);
  color: var(--sinace-white);
}

.counter-one__count {
  position: relative;
  display: block;
  margin-top: 12px;
  margin-bottom: 4px;
}

.counter-one__count h3 {
  font-size: 50px;
  font-weight: 500;
  line-height: 50px;
  color: var(--sinace-black);
  letter-spacing: 0;
}

.counter-one__bottom {
  position: relative;
  display: block;
}

.counter-one__bottom .container {
  max-width: 1280px;
}

.counter-one__bottom-inner {
  position: relative;
  display: block;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  padding: 31px 40px 34px;
  padding-right: 0;
  margin-top: -40px;
  z-index: 1;
}

.counter-one__bottom-text {
  font-size: 20px;
}

.counter-one__bottom-text a {
  font-weight: 600;
  color: var(--sinace-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.counter-one__bottom-text a:hover {
  color: var(--sinace-black);
}

.counter-one__call-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  max-width: 329px;
  width: 100%;
  background-color: var(--sinace-base);
  display: flex;
  align-items: center;
  padding-left: 65px;
  padding-right: 40px;
  padding-top: 33px;
  padding-bottom: 32px;
}

.counter-one__call-box p {
  font-size: 18px;
  color: var(--sinace-white);
}

.counter-one__call-box p a {
  font-weight: 500;
  color: var(--sinace-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.counter-one__call-box p a:hover {
  color: var(--sinace-black);
}

.counter-one__call-icon {
  position: absolute;
  top: 50%;
  left: -27px;
  transform: translateY(-50%);
}

.counter-one__call-icon span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 53px;
  height: 53px;
  font-size: 19px;
  color: var(--sinace-base);
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.counter-one__call-icon span:hover {
  color: var(--sinace-white);
  background-color: var(--sinace-black);
}

/*--------------------------------------------------------------
# Brand One
--------------------------------------------------------------*/
.brand-one {
  position: relative;
  display: block;
  padding: 97px 0 60px;
}

.brand-one__title {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 1170px;
  text-align: center;
  margin: 0 auto;
}

.brand-one__title:before {
  position: absolute;
  left: 0;
  top: 14px;
  content: "";
  height: 1px;
  background-color: var(--sinace-bdr-color);
  max-width: 530px;
  width: 100%;
  transform: translateY(-50%);
}

.brand-one__title:after {
  position: absolute;
  top: 14px;
  right: 0;
  content: "";
  height: 1px;
  background-color: var(--sinace-bdr-color);
  max-width: 530px;
  width: 100%;
  transform: translateY(-50%);
}

.brand-one__carousel {
  position: relative;
  display: block;
}

.brand-one__single {
  position: relative;
  display: block;
  text-align: center;
  z-index: 1;
}

.brand-one__img:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--sinace-primary);
  opacity: 0;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  z-index: -1;
}

.brand-one__single:hover .brand-one__img:before {
  opacity: 1;
}

.brand-one__img {
  position: relative;
  display: inline-block;
  z-index: 10;
}

.brand-one__img>img {
  position: relative;
  -webkit-transition: 500ms;
  transition: 500ms;
  opacity: 0.2;
}

.brand-one__single:hover .brand-one__img>img {
  opacity: 0.60;
}

.brand-one__carousel.owl-theme .owl-nav {
  position: absolute;
  top: -110px;
  left: 50%;
  transform: translateX(-50%);
}

.brand-one__carousel .owl-nav.disabled {
  display: inherit;
}

.brand-one__carousel.owl-theme .owl-nav .owl-next {
  height: 27px;
  width: 26px;
  line-height: 26px;
  border-radius: 0;
  color: var(--sinace-black);
  background-color: var(--sinace-primary);
  font-size: 14px;
  margin: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.brand-one__carousel.owl-theme .owl-nav .owl-prev {
  height: 27px;
  width: 26px;
  line-height: 26px;
  border-radius: 0;
  color: var(--sinace-black);
  background-color: var(--sinace-primary);
  font-size: 14px;
  margin: 0;
  text-align: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  position: relative;
  display: inline-block;
}

.brand-one__carousel.owl-theme .owl-nav .owl-next {
  margin-left: 2.5px;
}

.brand-one__carousel.owl-theme .owl-nav .owl-prev {
  margin-right: 2.5px;
}

.brand-one__carousel.owl-theme .owl-nav .owl-next span,
.brand-one__carousel.owl-theme .owl-nav .owl-prev span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.brand-one__carousel.owl-theme .owl-nav .owl-next:hover,
.brand-one__carousel.owl-theme .owl-nav .owl-prev:hover {
  background-color: var(--sinace-base);
  color: var(--sinace-white);
}


/*--------------------------------------------------------------
# Contact One
--------------------------------------------------------------*/
.contact-one {
  position: relative;
  display: block;
  padding: 120px 0 120px;
  background-color: var(--sinace-black);
  z-index: 1;
}

.contact-one::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0px;
  height: 1px;
  width: 1170px;
  background-color: var(--sinace-white);
  transform: translateX(-50%);
  z-index: 1;
}

.contact-one__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .60;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.contact-one__shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.contact-one__shape-1 img {
  width: auto;
}

.contact-one__left {
  position: relative;
  display: block;
  margin-right: 100px;
  padding: 50px 50px 50px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1);
}

.contact-one__form {
  position: relative;
  display: block;
}

.contact-one__input-box {
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.contact-one__input-box input[type="text"],
.contact-one__input-box input[type="email"] {
  height: 58px;
  width: 100%;
  border: none;
  background-color: var(--sinace-primary);
  padding-left: 30px;
  padding-right: 30px;
  outline: none;
  font-size: 14px;
  color: var(--sinace-gray);
  display: block;
  font-weight: 400;
}

.contact-one__input-box textarea {
  font-size: 14px;
  color: var(--sinace-gray);
  height: 138px;
  width: 100%;
  background-color: var(--sinace-primary);
  padding: 15px 30px 30px;
  border: none;
  outline: none;
  margin-bottom: 0px;
  font-weight: 500;
}

.contact-one__input-box.text-message-box {
  height: 138px;
}

.contact-one__btn {
  border: none;
}

.contact-one__right {
  position: relative;
  display: block;
}

.contact-one__right .section-title {
  margin-bottom: 41px;
}

.contact-one__right .section-title__tagline {
  color: var(--sinace-white);
}

.contact-one__right .section-title__title {
  color: var(--sinace-white);
}

.contact-one__points {
  position: relative;
  display: block;
}

.contact-one__points li {
  position: relative;
  display: flex;
  align-items: center;
}

.contact-one__points li+li {
  margin-top: 20px;
}

.contact-one__points li .icon {
  position: relative;
  display: inline-block;
}

.contact-one__points li .icon span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  font-size: 22px;
  color: var(--sinace-white);
  background-color: var(--sinace-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.contact-one__points li .icon span:hover {
  color: var(--sinace-base);
  background-color: var(--sinace-white);
}

.contact-one__points li .text {
  position: relative;
  display: block;
  margin-left: 30px;
}

.contact-one__points li .text p {
  font-size: 12px;
  font-weight: 300;
  line-height: 22px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--sinace-white);
}

.contact-one__points li .text h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  color: var(--sinace-white);
  letter-spacing: 0;
  margin-top: 1px;
}

.contact-one__points li .text h3 a {
  color: var(--sinace-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.contact-one__points li .text h3 a:hover {
  color: var(--sinace-base);
}

/*--------------------------------------------------------------
# News One
--------------------------------------------------------------*/
.news-one {
  position: relative;
  display: block;
  padding: 120px 0 90px;
  z-index: 1;
}

.news-one__single {
  position: relative;
  display: block;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  margin-bottom: 30px;
}

.news-one__img-box {
  position: relative;
  display: block;
}

.news-one__img {
  position: relative;
  display: block;
  overflow: hidden;
}

.news-one__img img {
  width: 100%;
  transition: all 500ms ease;
  transform: scale(1);
}

.news-one__single:hover .news-one__img img {
  transform: scale(1.05);
}

.news-one__img>a {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--sinace-black-rgb), 0.4);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  color: var(--thm-base);
  transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-30%);
}

.news-one__img>a>span {
  position: relative;
}

.news-one__img>a>span::before {
  content: '';
  width: 20px;
  height: 2px;
  background-color: var(--sinace-base);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 500ms ease;
}

.news-one__img>a>span::after {
  content: '';
  transition: all 500ms ease;
  width: 2px;
  height: 20px;
  background-color: var(--sinace-base);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.news-one__img>a:hover>span::before,
.news-one__img>a:hover>span::after {
  background-color: var(--sinace-white);
}

.news-one__single:hover .news-one__img>a {
  visibility: visible;
  transform: translateY(0%);
  opacity: 1;
}

.news-one__date {
  position: absolute;
  top: 15px;
  left: 15px;
  background-color: var(--sinace-base);
  padding: 10px 20px 12px;
}

.news-one__date p {
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  color: var(--sinace-white);
}

.news-one__content {
  position: relative;
  display: block;
  padding: 22px 40px 34px;
  background-position: center top;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .5s;
  transition-property: all;
  transform-origin: bottom;
  transform-style: preserve-3d;
  transform: scaleY(1);
}

.news-one__single:hover .news-one__content {
  transform: scaleY(0.0);
}

.news-one__meta {
  position: relative;
  display: flex;
  align-items: center;
}

.news-one__meta li {
  position: relative;
  display: flex;
  align-items: center;
}

.news-one__meta li+li {
  margin-left: 13px;
}

.news-one__meta li .icon {
  position: relative;
  display: inline-block;
}

.news-one__meta li .icon span {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: var(--sinace-base);
}

.news-one__meta li .text {
  margin-left: 4px;
}

.news-one__meta li .text p {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.news-one__meta li>span {
  font-size: 14px;
  margin-right: 12px;
}

.news-one__title {
  position: relative;
  font-size: 22px;
  font-weight: 600;
  line-height: 34px;
  margin-top: 4px;
  padding-bottom: 17px;
  margin-bottom: 12px;
  border-bottom: 2px solid var(--sinace-bdr-color);
}

.news-one__title::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 2px;
  width: 70px;
  background-color: var(--sinace-base);
}

.news-one__title a {
  color: var(--sinace-black);
}

.news-one__text {
  font-size: 15px;
}

.news-one__hover {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center top;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .5s;
  transition-property: all;
  transform-origin: bottom;
  transform-style: preserve-3d;
  transform: scaleY(0);
  z-index: 2;
}

.news-one__single:hover .news-one__hover {
  transform: scaleY(1.0);
}

.news-one__hover-content {
  position: relative;
  display: block;
  padding: 18px 40px 23px;
}

.news-one__hover-title {
  position: relative;
  font-size: 22px;
  font-weight: 600;
  line-height: 34px;
  margin-top: 4px;
  padding-bottom: 17px;
  margin-bottom: 12px;
  border-bottom: 2px solid var(--sinace-bdr-color);
}

.news-one__hover-title::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 2px;
  width: 70px;
  background-color: var(--sinace-base);
}

.news-one__hover-title a {
  color: var(--sinace-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-one__hover-title a:hover {
  color: var(--sinace-base);
}

.news-one__hover-text {
  font-size: 15px;
}

.news-one__hover-btn-box {
  position: relative;
  display: block;
}

.news-one__hover-btn-box a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--sinace-black);
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  color: var(--sinace-white);
  padding: 15px 40px 16px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-one__hover-btn-box a:hover {
  color: var(--sinace-base);
}

.news-one__hover-btn-box a span {
  font-size: 14px;
}

/*--------------------------------------------------------------
# Site Footer
--------------------------------------------------------------*/
.site-footer {
  position: relative;
  display: block;
  background-color: #3a7bdd;
  overflow: hidden;
  z-index: 1;
}

.site-footer__bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  mix-blend-mode: multiply;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.site-footer__shape-1 {
  position: absolute;
  top: -105px;
  right: -30px;
  opacity: .10;
  mix-blend-mode: luminosity;
  z-index: -1;
}

.site-footer__shape-1 img {
  width: auto;
}

.site-footer__top {
  position: relative;
  display: block;
  padding: 93px 0 90px;
}

.footer-widget__title-box {
  position: relative;
  display: block;
  margin-bottom: 13px;
  padding-left: 13px;
}

.footer-widget__title-box::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-top: 6px solid transparent;
  border-left: 7px solid var(--sinace-base);
  border-bottom: 6px solid transparent;
  transform: translateY(-50%);
}

.footer-widget__title {
  font-size: 20px;
  color: var(--sinace-white);
  line-height: 30px;
  font-weight: 600;
}

.footer-widget__about {
  position: relative;
  display: block;
  margin-right: -26px;
  margin-top: 7px;
}

.footer-widget__logo {
  position: relative;
  display: block;
  margin-bottom: 12px;
}

.footer-widget__about-text {
  font-size: 15px;
  font-weight: 400;
  color: #7e8a9b;
}

.site-footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}

.site-footer__social a {
  position: relative;
  height: 42px;
  width: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  color: var(--sinace-white);
  background-color: #0b1a31;
  font-size: 15px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.site-footer__social a:hover {
  color: var(--sinace-base);
  background-color: var(--sinace-white);
}

.site-footer__social a:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: var(--sinace-white);
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: all;
  transition-property: all;
  opacity: 1;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  z-index: -1;
}

.site-footer__social a:hover:after {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.site-footer__social a+a {
  margin-left: 10px;
}

.footer-widget__link {
  position: relative;
  display: block;
  margin-left: 69px;
}

.footer-widget__link-list {
  position: relative;
  display: block;
}

.footer-widget__link-list li+li {
  margin-top: 5px;
}

.footer-widget__link-list li a {
  position: relative;
  color: #7e8a9b;
  font-size: 15px;
  font-weight: 400;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.footer-widget__link-list li a:hover {
  color: var(--sinace-white);
}

.footer-widget__newsletter {
  position: relative;
  display: block;
}

.footer-widget__newsletter .footer-widget__title-box {
  margin-bottom: 22px;
}

.footer-widget__newsletter-form-input-box {
  position: relative;
  display: block;
}

.footer-widget__newsletter-form-input-box input[type="email"] {
  height: 50px;
  width: 100%;
  background-color: var(--sinace-white);
  outline: none;
  font-size: 13px;
  color: var(--sinace-gray);
  font-weight: 400;
  border: none;
  padding-right: 70px;
  padding-left: 20px;
}

.footer-widget__newsletter-btn {
  position: absolute;
  top: 50%;
  right: 5px;
  border: none;
  width: 40px;
  height: 40px;
  background-color: var(--sinace-base);
  border-radius: 50%;
  transform: translateY(-50%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-widget__newsletter-btn:hover {
  background-color: var(--sinace-black);
}

.footer-widget__newsletter-btn span {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: var(--sinace-white);
}

.footer-widget__Contact-list {
  position: relative;
  display: block;
  margin-top: 20px;
}

.footer-widget__Contact-list li {
  position: relative;
  display: flex;
}

.footer-widget__Contact-list li+li {
  margin-top: 6px;
}

.footer-widget__Contact-list li .icon {
  margin-right: 14px;
}

.footer-widget__Contact-list li .icon span {
  color: var(--sinace-base);
  font-size: 15px;
}

.footer-widget__Contact-list li .text a {
  font-size: 15px;
  font-weight: 600;
  color: var(--sinace-white);
  line-height: 26px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.footer-widget__Contact-list li .text a:hover {
  color: var(--sinace-base);
  transition: all 500ms ease;
}

.footer-widget__portfolio {
  position: relative;
  display: block;
  margin-right: 10px;
}

.footer-widget__portfolio .footer-widget__title-box {
  margin-bottom: 22px;
}

.footer-widget__portfolio-list {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.footer-widget__portfolio-list li {
  position: relative;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}

.footer-widget__portfolio-img {
  position: relative;
  display: block;
  overflow: hidden;
  width: 80px;
  z-index: 1;
}

.footer-widget__portfolio-img:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  background-color: rgba(var(--sinace-black-rgb), .30);
  transition: all 700ms ease;
  transform: translateY(-100%);
  z-index: 1;
}

.footer-widget__portfolio-list li:hover .footer-widget__portfolio-img:before {
  transform: translateY(0%);
}

.footer-widget__portfolio-img img {
  width: 100%;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .7s;
  transition-property: all;
}

.footer-widget__portfolio-list li:hover .footer-widget__portfolio-img img {
  transform: scale(1.1) rotate(2deg);
}

.footer-widget__portfolio-img a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  color: var(--sinace-white);
  transform: translateY(100px);
  opacity: 0;
  transition: all 700ms ease;
  z-index: 2;
}

.footer-widget__portfolio-list li:hover .footer-widget__portfolio-img a {
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.3s;
}

.footer-widget__portfolio-list li .footer-widget__portfolio-img a:hover {
  color: var(--sinace-base);
}

.site-footer__bottom {
  position: relative;
  display: block;
  padding: 27px 0 29px;
  background-color: var(--sinace-base);
}

.site-footer__bottom-inner {
  position: relative;
  display: block;
  text-align: center;
}

.site-footer__bottom-text {
  color: var(--sinace-white);
  font-size: 15px;
  font-weight: 400;
}

.site-footer__bottom-text a {
  color: var(--sinace-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.site-footer__bottom-text a:hover {
  color: var(--sinace-black);
}

/*--------------------------------------------------------------
# Feature One
--------------------------------------------------------------*/
.feature-one {
  position: relative;
  display: block;
  padding: 120px 0 90px;
  z-index: 1;
}

.feature-one__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.feature-one__img-box {
  position: relative;
  display: block;
}

.feature-one__img {
  position: relative;
  display: block;
}

.feature-one__img img {
  width: 100%;
}

.feature-one__title-box {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 27px 30px 29px;
  background-color: rgba(var(--sinace-base-rgb), .90);
  background-position: center top;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .5s;
  transition-property: all;
  transform-origin: top;
  transform-style: preserve-3d;
  transform: scaleY(1);
}

.feature-one__single:hover .feature-one__title-box {
  transform: scaleY(0.0);
}

.feature-one__title-box::before {
  content: "";
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 31px solid transparent;
  border-right: 31px solid transparent;
  border-bottom: 10px solid rgba(var(--sinace-base-rgb), .90);
}

.feature-one__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
}

.feature-one__title a {
  color: var(--sinace-white);
}

.feature-one__hover-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 40px 40px 40px;
  background-color: rgba(var(--sinace-black-rgb), .90);
  background-position: center top;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .5s;
  transition-property: all;
  transform-origin: top;
  transform-style: preserve-3d;
  transform: scaleY(0);
}

.feature-one__single:hover .feature-one__hover-content {
  transform: scaleY(1.0);
}

.feature-one__icon-and-title {
  position: relative;
  display: flex;
  align-items: center;
}

.feature-one__icon {
  position: relative;
  display: inline-block;
}

.feature-one__icon span {
  position: relative;
  display: inline-block;
  font-size: 64px;
  color: var(--sinace-base);
  transition: all 500ms linear;
  transition-delay: 0.1s;
  transform: scale(1);
}

.feature-one__icon:hover span {
  transform: scale(0.9);
}

.feature-one__hover-title {
  margin-left: 8px;
}

.feature-one__hover-title h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.feature-one__hover-title h3 a {
  color: var(--sinace-white);
  transition: all 500ms ease;
}

.feature-one__hover-title h3 a:hover {
  color: var(--sinace-base);
}

.feature-one__hover-text {
  color: rgba(var(--sinace-white-rgb), .70);
  margin-top: 17px;
  margin-bottom: 30px;
}

.feature-one__hover-btn-box {
  position: relative;
  display: block;
}

.feature-one__hover-btn {
  font-size: 13px;
  font-weight: 400;
  padding: 4px 20px 6px;
}

.feature-one__hover-btn:hover {
  color: var(--sinace-base);
}

.feature-one__hover-btn::before {
  background-color: var(--sinace-white);
}

/*--------------------------------------------------------------
# About Two
--------------------------------------------------------------*/
.about-two {
  position: relative;
  display: block;
  background-color: var(--sinace-primary);
  z-index: 1;
}

.about-two__shape-3 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: .15;
  mix-blend-mode: luminosity;
  z-index: -1;
}

.about-two__shape-3 img {
  width: auto;
}

.about-two__left {
  position: relative;
  display: block;
  margin-right: -118px;
  margin-left: -80px;
  margin-top: -93px;
}

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

.about-two__img {
  position: relative;
  display: block;
  mix-blend-mode: darken;
}

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

.about-two__successful-project {
  position: absolute;
  top: 265px;
  left: 66px;
  max-width: 163px;
  width: 100%;
  background-color: var(--sinace-base);
  text-align: center;
  padding: 43px 0 48px;
  border-radius: 50%;
}

.about-two__successful-project h3 {
  font-size: 30px;
  font-weight: 600;
  line-height: 30px !important;
  font-family: var(--sinace-font) !important;
  color: var(--sinace-white);
  letter-spacing: 0;
}

.about-two__successful-project p {
  color: var(--sinace-white);
  line-height: 19px;
}

.about-two__shape-1 {
  position: absolute;
  left: 212px;
  bottom: 156px;
}

.about-two__shape-1 img {
  width: auto;
}

.about-two__right {
  position: relative;
  display: block;
  margin-left: 70px;
  padding-top: 120px;
}

.about-two__right .section-title {
  margin-bottom: 33px;
}

.about-two__text {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: var(--sinace-letter-spacing);
  color: var(--sinace-black);
}

.about-two__text-2 {
  margin-top: 1px;
}

.about-two__points {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 26px;
  margin-bottom: 23px;
}

.about-two__points li {
  position: relative;
  display: flex;
  align-items: center;
}

.about-two__points li+li {
  margin-left: 103px;
}

.about-two__points li:last-child::before {
  display: none;
}

.about-two__points li::before {
  content: "";
  position: absolute;
  top: 10px;
  right: -58px;
  bottom: 5px;
  width: 3px;
  background-color: #d9e1e9;
}

.about-two__points li .icon {
  position: relative;
  display: inline-block;
  top: 5px;
}

.about-two__points li .icon span {
  position: relative;
  display: inline-block;
  font-size: 64px;
  color: var(--sinace-base);
  transition: all 500ms linear;
  transition-delay: 0.1s;
  transform: scale(1);
}

.about-two__points li:hover .icon span {
  transform: scale(0.9);
}


.about-two__points li .text {
  margin-left: 17px;
}

.about-two__points li .text p {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  color: var(--sinace-black);
  letter-spacing: var(--sinace-letter-spacing);
}

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

.about-two__progress-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  color: var(--sinace-black);
  margin-bottom: 15px;
}

.about-two__progress .bar {
  position: relative;
  width: 100%;
  height: 13px;
  background-color: var(--sinace-white);
  border-radius: 6px;
}

.about-two__progress .bar-inner {
  position: relative;
  display: block;
  width: 0px;
  height: 13px;
  border-radius: 5px;
  background-color: var(--sinace-base);
  -webkit-transition: all 1500ms ease;
  -ms-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  transition: all 1500ms ease;
}

.about-two__progress .bar-inner::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -3px;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background-color: var(--sinace-black);
  border: 2px solid var(--sinace-white);
  transform: translateY(-50%);
}

.about-two__progress .count-text {
  position: absolute;
  right: -6px;
  bottom: 26px;
  color: var(--sinace-gray);
  line-height: 26px;
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.about-two__progress .bar-inner.counted .count-text {
  opacity: 1;
}

.about-two__progress .bar.marb-0 {
  margin-bottom: 0;
}

.about-two__btn-and-founder {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}

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

.about-two__btn {
  background-color: var(--sinace-black);
}

.about-two__btn::before {
  background-color: var(--sinace-base);
}

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

.about-two__founder h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color: var(--sinace-black);
  letter-spacing: 0;
}

.about-two__founder p {
  position: relative;
  margin-top: -4px;
}

.about-two__shape-2 {
  position: absolute;
  top: 2px;
  left: -93px;
}

.about-two__shape-2 img {
  width: auto;
}

/*--------------------------------------------------------------
# Services Two
--------------------------------------------------------------*/
.services-two {
  position: relative;
  display: block;
  padding: 120px 0 90px;
  z-index: 1;
}

.services-two__bg-box {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 424px;
  background-color: var(--sinace-black);
  z-index: -1;
}

.services-two__bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  mix-blend-mode: multiply;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.services-two .section-title__tagline {
  color: #7e8a9b;
}

.services-two .section-title__title {
  color: var(--sinace-white);
}

.services-two__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.services-two__img-box {
  position: relative;
  display: block;
}

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

.services-two__img img {
  width: 100%;
}

.services-two__icon {
  position: absolute;
  bottom: 0;
  right: 0;
}

.services-two__icon span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 67px;
  font-size: 32px;
  color: var(--sinace-white);
  background-color: var(--sinace-base);
}

.services-two__content {
  position: relative;
  display: block;
  padding: 23px 30px 25px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}

.services-two__content::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 6px;
  background-color: var(--sinace-base);
}

.services-two__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.services-two__title a {
  color: #222232;
}

.services-two__text {
  margin-top: 11px;
}

.services-two__hover-single {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: bottom left;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  z-index: 2;
}

.services-two__single:hover .services-two__hover-single {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.services-two__hover-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}

.services-two__hover-img::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 6px;
  background-color: var(--sinace-base);
  z-index: 2;
}

.services-two__hover-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(8, 21, 40, .80);
  z-index: 1;
}

.services-two__hover-icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 67px;
  top: 0;
  right: 0;
  background-color: var(--sinace-base);
  z-index: 2;
}

.services-two__hover-icon span {
  position: relative;
  display: inline-block;
  font-size: 32px;
  color: var(--sinace-white);
  transition: all 500ms linear;
  transition-delay: 0.1s;
  transform: scale(1);
}

.services-two__hover-single:hover .services-two__hover-icon span {
  transform: scale(0.9);
}

.services-two__hover-content {
  position: absolute;
  bottom: 25px;
  left: 30px;
  z-index: 2;
}

.services-two__hover-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.services-two__hover-title a {
  color: var(--sinace-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-two__hover-title a:hover {
  color: var(--sinace-base);
}

.services-two__hover-text {
  margin-top: 11px;
  color: rgba(var(--sinace-white-rgb), .60);
}

/*--------------------------------------------------------------
# FAQ One
--------------------------------------------------------------*/
.faq-one {
  position: relative;
  display: block;
  padding-bottom: 120px;
  z-index: 1;
}

.faq-one__left {
  position: relative;
  display: block;
}

.faq-one__left .section-title {
  margin-bottom: 14px;
}

.faq-one__experience-and-points-box {
  position: relative;
  display: flex;
}

.faq-one__experience {
  position: relative;
  display: block;
  margin-right: 37px;
}

.faq-one__experience-title-box {
  position: relative;
  display: block;
  z-index: 1;
}

.faq-one__experience-title-box-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}

.faq-one__experience-title {
  font-size: 150px;
  font-weight: 700;
  line-height: 150px;
  letter-spacing: 0;
  background-color: var(--sinace-black);
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  background-position: center center;
  color: rgba(0, 0, 0, 0);
}

.faq-one__experience p {
  font-size: 30px;
  font-weight: 300;
  line-height: 36px;
  color: var(--sinace-black);
  margin-top: 3px;
}

.faq-one__points {
  position: relative;
  display: block;
  margin-top: 18px;
}

.faq-one__points li {
  position: relative;
  display: flex;
}

.faq-one__points li+li {
  margin-top: 43px;
}

.faq-one__points li .icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 7px;
  max-width: 52px;
  width: 100%;
  height: 52px;
  border-radius: 50%;
  background-color: var(--sinace-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.faq-one__points li:hover .icon {
  background-color: var(--sinace-black);
}

.faq-one__points li .icon span {
  position: relative;
  display: inline-block;
  font-size: 20px;
  color: var(--sinace-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.faq-one__points li .content {
  position: relative;
  display: block;
  margin-left: 20px;
}

.faq-one__points li .content h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 1px;
}

.faq-one__right {
  position: relative;
  display: block;
}

.faq-one-accrodion .accrodion {
  position: relative;
  display: block;
  background-color: #eef3f8;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.faq-one-accrodion .accrodion-title {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 23px 40px 24px;
  transition: all 200ms linear;
  transition-delay: 0.1s;
  padding-right: 25px;
}

.faq-one-accrodion .accrodion-title h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  color: var(--sinace-black);
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.faq-one-accrodion .accrodion.active .accrodion-title h4 {
  color: var(--sinace-base);
}

.faq-one-accrodion .accrodion+.accrodion {
  margin-top: 10px;
}

.faq-one-accrodion .accrodion-title h4::before {
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  font-size: 13px;
  color: var(--sinace-base);
  position: absolute;
  top: 50%;
  right: 0;
  line-height: 15px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  text-align: center;
  width: 21px;
  height: 21px;
}

.faq-one-accrodion .accrodion.active .accrodion-title h4::before {
  content: "\f068";
  color: var(--sinace-black);
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.faq-one-accrodion .accrodion-content {
  position: relative;
  padding-bottom: 32px;
  margin-top: -11px;
  padding-left: 40px;
  padding-right: 35px;
}

.faq-one-accrodion .accrodion-content p {
  margin: 0;
}

/*--------------------------------------------------------------
# Testimonial Two
--------------------------------------------------------------*/
.testimonial-two {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 120px 0 120px;
  z-index: 1;
}

.testimonial-two__bg-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 483px;
  background-image: -moz-linear-gradient(90deg, rgba(254, 253, 253, 0) 0%, rgb(237, 242, 248) 100%);
  background-image: -webkit-linear-gradient(90deg, rgba(254, 253, 253, 0) 0%, rgb(237, 242, 248) 100%);
  background-image: -ms-linear-gradient(90deg, rgba(254, 253, 253, 0) 0%, rgb(237, 242, 248) 100%);
  z-index: -1;
}

.testimonial-two__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 483px;
  opacity: .50;
  mix-blend-mode: luminosity;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}

.testimonial-two__bottom {
  position: relative;
  display: block;
}

.testimonial-two__carousel {
  position: relative;
  display: block;
}

.testimonial-two__single {
  position: relative;
  display: block;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  padding: 40px 50px 33px;
  padding-right: 160px;
  z-index: 1;
}

.testimonial-two__client-img-and-info {
  position: relative;
  display: flex;
  align-items: center;
}

.testimonial-two__client-img {
  position: relative;
  display: block;
  width: 87px;
  border-radius: 50%;
}

.testimonial-two__client-img img {
  width: 100%;
  border-radius: 50%;
  border: 4px solid var(--sinace-base);
}

.testimonial-two__client-info {
  position: relative;
  display: block;
  margin-left: 20px;
}

.testimonial-two__client-info h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.testimonial-two__client-info h3 a {
  color: var(--sinace-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.testimonial-two__client-info h3 a:hover {
  color: var(--sinace-base);
}

.testimonial-two__client-info p {
  font-size: 14px;
  color: var(--sinace-base);
  line-height: 26px;
}

.testimonial-two__text {
  font-size: 18px;
  line-height: 34px;
  margin-top: 21px;
}

.testimonial-two__shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  opacity: .20;
  z-index: -1;
}

.testimonial-two__shape-1 img {
  width: auto;
}

.testimonial-two__shape-2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.testimonial-two__shape-2 img {
  width: auto;
}

.testimonial-two__shape-3 {
  position: absolute;
  top: 34px;
  right: 0;
  z-index: -1;
}

.testimonial-two__shape-3 img {
  width: auto;
}

.testimonial-two__shape-4 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.testimonial-two__shape-4 img {
  width: auto;
}

.testimonial-two__carousel.owl-carousel .owl-stage-outer {
  overflow: visible;
}

.testimonial-two__carousel.owl-carousel .owl-item {
  opacity: 0;
  visibility: hidden;
  transition: opacity 500ms ease, visibility 500ms ease;
}

.testimonial-two__carousel.owl-carousel .owl-item.active {
  opacity: 1;
  visibility: visible;
}

/*--------------------------------------------------------------
# Project Two
--------------------------------------------------------------*/
.project-two {
  position: relative;
  display: block;
  z-index: 1;
}

.project-two__inner {
  position: relative;
  display: block;
  padding: 120px 0 120px;
  z-index: 1;
}

.project-two__inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10000px;
  right: 100px;
  bottom: 0;
  background-color: var(--sinace-black);
  z-index: -1;
}

.project-two__bg {
  position: absolute;
  top: 0;
  left: -375px;
  bottom: 0;
  width: 90.75%;
  opacity: .10;
  mix-blend-mode: luminosity;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
  z-index: -1;
}

.project-two__left {
  position: relative;
  display: block;
  margin-right: 40px;
  z-index: 5;
}

.project-two__left .section-title {
  margin-bottom: 31px;
}

.project-two__left .section-title__tagline {
  color: #7e8a9b;
}

.project-two__left .section-title__title {
  color: var(--sinace-white);
}

.project-two__text {
  color: #7e8a9b;
}

.project-two__completed-box {
  position: relative;
  display: flex;
  align-items: center;
  background-color: var(--sinace-base);
  padding: 18px 20px 17px;
  margin-top: 41px;
}

.project-two__completed-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background-color: var(--sinace-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.project-two__completed-icon:hover {
  background-color: var(--sinace-white);
}

.project-two__completed-icon span {
  position: relative;
  display: inline-block;
  font-size: 64px;
  color: var(--sinace-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.project-two__completed-icon:hover span {
  color: var(--sinace-black);
}

.project-two__completed-content {
  position: relative;
  display: block;
  margin-left: 24px;
  padding-left: 32px;
}

.project-two__completed-content::before {
  content: "";
  position: absolute;
  top: -18px;
  left: 0;
  bottom: -17px;
  width: 2px;
  background-color: rgba(var(--sinace-white-rgb), .10);
}

.project-two__count {
  position: relative;
  display: block;
}

.project-two__count h3 {
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
  color: var(--sinace-white);
  letter-spacing: 0;
}

.project-two__completed-content p {
  color: var(--sinace-white);
  margin-top: 5px;
}

.project-two__right {
  position: relative;
  display: block;
  margin-right: -375px;
}

.project-two__carousel {
  position: relative;
  display: block;
}

.project-two__carousel.owl-carousel .owl-stage-outer {
  overflow: visible;
}

.project-two__carousel.owl-carousel .owl-item {
  opacity: 0;
  visibility: hidden;
  transition: opacity 500ms ease, visibility 500ms ease;
}

.project-two__carousel.owl-carousel .owl-item.active {
  opacity: 1;
  visibility: visible;
}

.project-two__single {
  position: relative;
  display: block;
}

.project-two__img-box {
  position: relative;
  display: block;
}

.project-two__img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}

.project-two__img:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: rgba(12, 38, 52, .60);
  opacity: 1;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  -webkit-transform: perspective(400px) rotateY(-90deg) scale(0.2);
  -ms-transform: perspective(400px) rotateY(-90deg) scale(0.2);
  transform: perspective(400px) rotateY(-90deg) scale(0.2);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  z-index: 1;
}

.project-two__single:hover .project-two__img:before {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateY(0deg) scale(1.0);
  -ms-transform: perspective(400px) rotateY(0deg) scale(1.0);
  transform: perspective(400px) rotateY(0deg) scale(1.0);
}

.project-two__img img {
  width: 100%;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .7s;
  transition-property: all;
}

.project-two__single:hover .project-two__img img {
  transform: scale(1.1) rotate(2deg);
}

.project-two__title-box {
  position: relative;
  display: block;
  text-align: center;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  padding: 19px 20px 23px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.project-two__single:hover .project-two__title-box {
  background-color: rgb(15, 33, 60);
}

.project-two__title {
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}

.project-two__title a {
  color: var(--sinace-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.project-two__single:hover .project-two__title a {
  color: var(--sinace-white);
}

.project-two__tagline {
  position: absolute;
  bottom: 42px;
  right: -33px;
  background-color: var(--sinace-base);
  padding: 14px 25px 14px;
  transform: rotate(90deg);
  z-index: 2;
}

.project-two__tagline p {
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--sinace-white);
}

.project-two__carousel.owl-theme .owl-nav {
  position: absolute;
  bottom: -120px;
  right: 40.6%;
}

.project-two__carousel.owl-theme .owl-nav .owl-next {
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 0;
  color: var(--sinace-white);
  background-color: var(--sinace-base);
  font-size: 16px;
  margin: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.project-two__carousel.owl-theme .owl-nav .owl-prev {
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 0;
  color: var(--sinace-white);
  background-color: var(--sinace-base);
  font-size: 16px;
  margin: 0;
  text-align: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  position: relative;
  display: inline-block;
}

.project-two__carousel.owl-theme .owl-nav .owl-next span,
.project-two__carousel.owl-theme .owl-nav .owl-prev span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.project-two__carousel.owl-theme .owl-nav .owl-next:hover,
.project-two__carousel.owl-theme .owl-nav .owl-prev:hover {
  background-color: var(--sinace-white);
  color: var(--sinace-black);
}

/*--------------------------------------------------------------
# Brand Two
--------------------------------------------------------------*/
.brand-two {
  position: relative;
  display: block;
}

.brand-two__inner {
  position: relative;
  display: block;
  padding: 83px 0 60px;
  border-bottom: 1px solid var(--sinace-bdr-color);
}

.brand-two__carousel {
  position: relative;
  display: block;
}

.brand-two__single {
  position: relative;
  display: block;
  text-align: center;
  z-index: 1;
}

.brand-two__img:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--sinace-primary);
  opacity: 0;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  z-index: -1;
}

.brand-two__single:hover .brand-two__img:before {
  opacity: 1;
}

.brand-two__img {
  position: relative;
  display: inline-block;
  z-index: 10;
}

.brand-two__img>img {
  position: relative;
  -webkit-transition: 500ms;
  transition: 500ms;
  opacity: 0.2;
}

.brand-two__single:hover .brand-two__img>img {
  opacity: 0.60;
}

/*--------------------------------------------------------------
# Get Free
--------------------------------------------------------------*/
.get-free {
  position: relative;
  display: block;
  padding: 100px 0 120px;
  overflow: hidden;
  z-index: 1;
}

.get-free__bg-box {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 58.6%;
  background-color: var(--sinace-black);
  z-index: -1;
}

.get-free__bg-two {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 41.5%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  z-index: -1;
}

.get-free__shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.04;
  z-index: -1;
}

.get-free__shape-1 img {
  width: auto;
}

.get-free__shape-2 {
  position: absolute;
  top: 0;
  right: -30px;
  opacity: .70;
}

.get-free__shape-2 img {
  width: auto;
}

.get-free__shape-3 {
  position: absolute;
  bottom: -30px;
  right: 0;
}

.get-free__shape-3 img {
  width: auto;
}

.get-free__shape-4 {
  position: absolute;
  bottom: -30px;
  right: 0;
  opacity: .70;
}

.get-free__shape-4 img {
  width: auto;
}

.get-free__shape-5 {
  position: absolute;
  bottom: -30px;
  right: 0;
}

.get-free__shape-5 img {
  width: auto;
}

.get-free__inner {
  position: relative;
  display: flex;
  align-items: center;
}

.get-free__left {
  position: relative;
  display: block;
}

.get-free__left .section-title {
  margin-bottom: 31px;
}

.get-free__left .section-title__tagline {
  color: #7e8a9b;
}

.get-free__left .section-title__title {
  color: var(--sinace-white);
}

.get-free__text {
  color: #7e8a9b;
}

.get-free__btn-box {
  position: relative;
  display: block;
  margin-top: 41px;
}

.get-free__btn:hover {
  color: var(--sinace-black);
}

.get-free__btn::before {
  background-color: var(--sinace-white);
}

.get-free__right {
  position: relative;
  display: block;
  margin-left: 80px;
}

.get-free__contact {
  position: relative;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
  color: var(--sinace-white);
  background-color: var(--sinace-base);
  padding: 33px 30px 25px;
}

.get-free__contact::before {
  content: "";
  position: absolute;
  bottom: -23px;
  left: 50px;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  border-top: 23px solid var(--sinace-base);
}

.get-free__contact a {
  font-weight: 500;
  color: var(--sinace-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.get-free__contact a:hover {
  color: var(--sinace-black);
}

.get-free__contact-icon {
  position: absolute;
  top: -27px;
  left: 30px;
  width: 53px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.get-free__contact-icon:hover {
  background-color: var(--sinace-base);
}

.get-free__contact-icon span {
  position: relative;
  display: inline-block;
  font-size: 19px;
  color: var(--sinace-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.get-free__contact-icon:hover span {
  color: var(--sinace-white);
}

/*--------------------------------------------------------------
# Google Map
--------------------------------------------------------------*/
.google-map {
  position: relative;
  display: block;
  background-color: var(--sinace-primary);
}

.google-map__one {
  position: relative;
  display: block;
  border: none;
  height: 483px;
  width: 100%;
  mix-blend-mode: luminosity;
}

/*--------------------------------------------------------------
# Feature Two
--------------------------------------------------------------*/
.feature-two {
  position: relative;
  display: block;
  background-color: var(--sinace-black);
  padding: 188px 0 120px;
  clip-path: polygon(63% 0, 100% 19%, 100% 100%, 0 100%, 0 17%);
  margin-top: -109px;
  z-index: 22;
}

.feature-two__shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.feature-two__shape-1 img {
  width: auto;
}

.feature-two__single {
  position: relative;
  display: flex;
  align-items: center;
  border: 4px solid var(--sinace-white);
  background-color: var(--sinace-black);
  margin-bottom: 30px;
}

.feature-two__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 110px;
  width: 100%;
  height: 186px;
  background-color: var(--sinace-base);
}

.feature-two__icon::before {
  content: "";
  position: absolute;
  top: 20px;
  right: -12px;
  border-top: 20px solid transparent;
  border-left: 12px solid var(--sinace-base);
  border-bottom: 20px solid transparent;
}

.feature-two__icon span {
  position: relative;
  display: inline-block;
  font-size: 62px;
  color: var(--sinace-white);
  transition: all 500ms linear;
  transition-delay: 0.1s;
  transform: scale(1);
}

.feature-two__single:hover .feature-two__icon span {
  transform: scale(0.9);
}

.feature-two__content {
  position: relative;
  display: block;
  margin-left: 30px;
}

.feature-two__content h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.feature-two__content h3 a {
  color: var(--sinace-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.feature-two__content h3 a:hover {
  color: var(--sinace-base);
}

.feature-two__content p {
  color: #7e8a9b;
  margin-top: 16px;
}

.feature-two__bottom-text {
  position: relative;
  display: block;
  border: 1px solid #283953;
  padding: 10px 20px 10px;
}

.feature-two__bottom-text p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
}

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

.about-three__left {
  position: relative;
  display: block;
  margin-left: 110px;
}

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

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

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

.about-three__img-2 {
  position: absolute;
  left: -241px;
  top: 79px;
}

.about-three__img-2 img {
  width: auto;
}

.about-three__shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: .90;
}

.about-three__shape-1 img {
  width: auto;
}

.about-three__shape-2 {
  position: absolute;
  top: 109px;
  right: 198px;
  bottom: 109px;
  left: -207px;
  border: 6px solid var(--sinace-base);
  z-index: 1;
}

.about-three__right {
  position: relative;
  display: block;
  margin-left: 70px;
}

.about-three__right .section-title {
  margin-bottom: 30px;
}

.about-three__points {
  position: relative;
  display: block;
  margin-top: 31px;
  margin-bottom: 29px;
}

.about-three__points li {
  position: relative;
  display: flex;
  align-items: center;
}

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

.about-three__points li .icon {
  position: relative;
  display: inline-block;
}

.about-three__points li .icon span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  font-size: 9px;
  color: var(--sinace-white);
  background-color: var(--sinace-base);
  border-radius: 50%;
}

.about-three__points li .text {
  margin-left: 22px;
}

.about-three__points li .text p {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: var(--sinace-black);
}

.about-three__text-two {
  position: relative;
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  line-height: 40px;
  color: var(--sinace-base);
  letter-spacing: var(--sinace-letter-spacing);
}

.about-three__text-two::before {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #e2878c;
}

.about-three__person-and-trusted {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: -8px;
}

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

.about-three__person::before {
  content: "";
  position: absolute;
  bottom: -53px;
  left: -10px;
  right: -46px;
  height: 4px;
  background-color: #d9e1e9;
}

.about-three__person-img {
  position: relative;
  display: block;
  width: 67px;
  border-radius: 50%;
}

.about-three__person-img::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  border-radius: 50%;
  border: 2px solid rgb(207, 3, 23);
}

.about-three__person-img img {
  width: 100%;
  border-radius: 50%;
}

.about-three__person-content {
  position: relative;
  display: block;
  margin-left: 30px;
}

.about-three__person-content h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
}

.about-three__person-content p {
  font-size: 14px;
  line-height: 14px;
  margin-top: 7px;
}

.about-three__trusted {
  position: relative;
  display: block;
  max-width: 180px;
  width: 100%;
  text-align: center;
  padding: 28px 30px 25px;
  margin-left: 76px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.about-three__trusted-shape-1 {
  position: absolute;
  width: 103px;
  height: 103px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  background-image: -moz-linear-gradient(90deg, rgb(235, 241, 247) 0%, rgba(254, 253, 253, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(235, 241, 247) 0%, rgba(254, 253, 253, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(235, 241, 247) 0%, rgba(254, 253, 253, 0) 100%);
  z-index: -1;
}


.about-three__trusted::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: var(--sinace-base);
}

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

.about-three__trusted-icon span {
  position: relative;
  display: inline-block;
  font-size: 64px;
  color: var(--sinace-base);
  transition: all 500ms linear;
  transition-delay: 0.1s;
  transform: scale(1);
}

.about-three__trusted:hover .about-three__trusted-icon span {
  transform: scale(0.9);
}

.about-three__trusted-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  color: var(--sinace-black);
  margin-top: 6px;
}

/*--------------------------------------------------------------
# CTA One
--------------------------------------------------------------*/
.cta-one {
  position: relative;
  display: block;
}

.cta-one__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--sinace-base);
  padding: 73px 60px 80px;
  padding-left: 370px;
}

.cta-one__title {
  position: relative;
  display: block;
}

.cta-one__title h3 {
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
  color: var(--sinace-white);
}

.cta-one__btn-box {
  position: relative;
  top: 4px;
}

.cta-one__btn {
  color: var(--sinace-black);
  background-color: var(--sinace-white);
}

.cta-one__img {
  position: absolute;
  top: 0;
  left: 0;
}

.cta-one__img img {
  width: auto;
}

/*--------------------------------------------------------------
# Services Three
--------------------------------------------------------------*/
.services-three {
  position: relative;
  display: block;
  padding: 120px 0 90px;
  background-color: var(--sinace-black);
  z-index: 1;
}

.services-three__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .10;
  mix-blend-mode: luminosity;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.services-three .section-title__tagline {
  color: #7e8a9b;
}

.services-three .section-title__title {
  color: var(--sinace-white);
}

/*--------------------------------------------------------------
# Testimonial Three
--------------------------------------------------------------*/
.testimonial-three {
  position: relative;
  display: block;
  background-color: #ebf1f7;
  z-index: 1;
}

.testimonial-three__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 47.9%;
  opacity: .10;
  mix-blend-mode: luminosity;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  z-index: -1;
}

.testimonial-three__left {
  position: relative;
  display: block;
  background-color: var(--sinace-base);
  margin-left: -375px;
  margin-right: 70px;
  padding: 88px 100px 100px;
  overflow: hidden;
  z-index: 1;
}

.testimonial-three__shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  opacity: .15;
  mix-blend-mode: multiply;
  z-index: -1;
}

.testimonial-three__shape-1 img {
  width: auto;
}

.testimonial-three__carousel {
  position: relative;
  display: block;
}

.testimonial-three__single {
  position: relative;
  display: block;
}

.testimonial-three__quote {
  position: relative;
  display: inline-block;
}

.testimonial-three__quote span {
  font-size: 96px;
  color: var(--sinace-white);
  position: relative;
  line-height: 96px;
}

.testimonial-three__text {
  font-size: 26px;
  font-weight: 300;
  line-height: 50px;
  color: var(--sinace-white);
  margin-top: -34px;
  margin-bottom: 24px;
}

.testimonial-three__client-info-box {
  position: relative;
  display: flex;
  align-items: center;
}

.testimonial-three__client-img {
  position: relative;
  display: block;
  width: 87px;
  border: 4px solid var(--sinace-black);
  border-radius: 50%;
}

.testimonial-three__client-img img {
  width: 100%;
  border-radius: 50%;
}

.testimonial-three__client-info {
  position: relative;
  display: block;
  margin-left: 20px;
}

.testimonial-three__client-info h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  color: var(--sinace-white);
}

.testimonial-three__client-info h3 a {
  color: var(--sinace-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.testimonial-three__client-info h3 a:hover {
  color: var(--sinace-black);
}

.testimonial-three__client-info p {
  font-size: 14px;
  font-weight: 300;
  line-height: 14px;
  color: var(--sinace-white);
  margin-top: 8px;
}

.testimonial-three__right {
  position: relative;
  display: block;
  padding-top: 100px;
}

.testimonial-three__points {
  position: relative;
  display: flex;
  align-items: center;
}

.testimonial-three__points li {
  position: relative;
  display: block;
  padding-bottom: 45px;
  border-bottom: 3px solid var(--sinace-bdr-color);
}

.testimonial-three__points li+li {
  margin-left: 30px;
}

.testimonial-three__points li .icon {
  position: relative;
  display: inline-block;
}

.testimonial-three__points li .icon span {
  position: relative;
  display: inline-block;
  font-size: 64px;
  color: var(--sinace-base);
  transition: all 500ms linear;
  transition-delay: 0.1s;
  transform: scale(1);
}

.testimonial-three__points li:hover .icon span {
  transform: scale(.9);
}

.testimonial-three__title {
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-top: 7px;
  margin-bottom: 12px;
}

/*--------------------------------------------------------------
# Project Three
--------------------------------------------------------------*/
.project-three {
  position: relative;
  display: block;
  padding: 120PX 0 90PX;
  z-index: 1;
}

.project-three .container {
  max-width: 1600px;
}

.project-three .project-two__single {
  margin-bottom: 30PX;
}

/*--------------------------------------------------------------
# Together One
--------------------------------------------------------------*/
.together-one {
  position: relative;
  display: block;
  padding-bottom: 120px;
  z-index: 1;
}

.together-one__left {
  position: relative;
  display: block;
}

.together-one .section-title {
  margin-bottom: 31px;
}

.together-one__text-1 {
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: var(--sinace-letter-spacing);
  color: var(--sinace-base);
}

.together-one__text-2 {
  margin-top: 30px;
  margin-bottom: 40px;
}

.together-one__points {
  position: relative;
  display: flex;
  align-items: center;
}

.together-one__points li {
  position: relative;
  display: block;
}

.together-one__points li+li {
  margin-left: 30px;
}

.together-one__points li .icon {
  position: relative;
  display: inline-block;
}

.together-one__points li .icon span {
  position: relative;
  display: inline-block;
  font-size: 64px;
  color: var(--sinace-base);
  transition: all 500ms linear;
  transition-delay: 0.1s;
  transform: scale(1);
}

.together-one__points li:hover .icon span {
  transform: scale(0.9);
}

.together-one__points li h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin-top: 7px;
  margin-bottom: 6px;
}

.together-one__points li p {
  font-size: 15px;
}

.together-one__right {
  position: relative;
  display: block;
}

.together-one__explore {
  position: relative;
  display: flex;
  background-color: var(--sinace-base);
  border-radius: 50%;
  margin-bottom: 20px;
  height: 270px;
  width: 270px;
  align-items: center;
  justify-content: center;
}

.together-one__explore p {
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  color: var(--sinace-white);
  letter-spacing: var(--sinace-letter-spacing);
}

.together-one__img {
  position: relative;
  display: block;
  margin-left: 48px;
}

.together-one__img img {
  width: 100%;
}

.together-one__advice {
  position: relative;
  display: flex;
  background-color: var(--sinace-base);
  border-radius: 50%;
  margin-top: 19px;
  height: 270px;
  width: 270px;
  align-items: center;
  justify-content: center;
}

.together-one__advice p {
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  color: var(--sinace-white);
  letter-spacing: var(--sinace-letter-spacing);
}

.together-one__img-2 {
  position: relative;
  display: block;
  margin-left: -9px;
  margin-right: 56px;
}

.together-one__img-2 img {
  width: 100%;
}

/*--------------------------------------------------------------
# Expectation One
--------------------------------------------------------------*/
.expectation-one {
  position: relative;
  display: block;
  padding-top: 120px;
  background-color: var(--sinace-black);
  overflow: hidden;
  z-index: 1;
}

.expectation-one__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .10;
  mix-blend-mode: luminosity;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}

.expectation-one .section-title__tagline {
  color: var(--sinace-white);
}

.expectation-one .section-title__title {
  color: var(--sinace-white);
}

.expectation-one__inner {
  position: relative;
  display: block;
  border-top: 1px solid rgba(var(--sinace-white-rgb), .10);
}

.expectation-one__inner .container {
  max-width: 1700px;
}

.expectation-one__points {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.expectation-one__points li {
  position: relative;
  display: block;
  padding-top: 87px;
  padding-bottom: 71px;
}

.expectation-one__points li::before {
  content: "";
  position: absolute;
  top: 0;
  right: -83px;
  bottom: 0;
  width: 1px;
  background-color: rgba(var(--sinace-white-rgb), .10);
}

.expectation-one__points li:last-child::before {
  display: none;
}

.expectation-one__points li+li {
  margin-left: 165px;
}

.expectation-one__points li .icon {
  position: relative;
  display: inline-block;
}

.expectation-one__points li .icon span {
  position: relative;
  display: inline-block;
  font-size: 64px;
  color: var(--sinace-base);
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.expectation-one__points li:hover .icon span {
  transform: scale(.9);
}

.expectation-one__title {
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-top: 15px;
  margin-bottom: 13px;
}

.expectation-one__title a {
  color: var(--sinace-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.expectation-one__title a:hover {
  color: var(--sinace-base);
}

.expectation-one__text {
  color: rgba(var(--sinace-white-rgb), .70);
}


/*--------------------------------------------------------------
# News Two
--------------------------------------------------------------*/
.news-two {
  position: relative;
  display: block;
  padding: 120px 0 90px;
}

.news-two__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.news-two__img {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
}

.news-two__img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: -moz-linear-gradient(90deg, rgb(15, 33, 60) 0%, rgba(15, 33, 60, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(15, 33, 60) 0%, rgba(15, 33, 60, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(15, 33, 60) 0%, rgba(15, 33, 60, 0) 100%);
  z-index: 1;
}

.news-two__img img {
  width: 100%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-two__single:hover .news-two__img img {
  transform: scale(1.08);
}

.news-two__date {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  padding: 11px 20px 11px;
  color: var(--sinace-white);
  background-color: var(--sinace-base);
  z-index: 2;
}

.news-two__title {
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 31px;
  font-size: 22px;
  line-height: 34px;
  font-weight: 600;
  letter-spacing: -0.04em;
  z-index: 2;
}

.news-two__title a {
  color: var(--sinace-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-two__title a:hover {
  color: var(--sinace-base);
}

/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
.page-header {
  position: relative;
  display: block;
  background-color: var(--sinace-black);
  overflow: hidden;
  z-index: 1;
}

.page-header__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: .60;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}

.page-header__bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 49.4%;
  background-image: -moz-linear-gradient(0deg, rgb(15, 33, 60) 0%, rgba(15, 33, 60, 0) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(15, 33, 60) 0%, rgba(15, 33, 60, 0) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(15, 33, 60) 0%, rgba(15, 33, 60, 0) 100%);
  z-index: -1;
}

.page-header__inner {
  position: relative;
  display: block;
  padding: 162px 0 164px;
  z-index: 15;
}

.page-header__inner h2 {
  font-size: 46px;
  color: var(--sinace-white);
  line-height: 46px;
  font-weight: 700;
  text-align: center;
}

.thm-breadcrumb__inner {
  position: absolute;
  bottom: 0;
  left: 0;
}

.thm-breadcrumb {
  position: relative;
  display: block;
  background-color: rgba(var(--sinace-white-rgb), .10);
  border: 1px solid rgba(var(--sinace-white-rgb), .10);
  padding: 8px 30px 11px;
}

.thm-breadcrumb li {
  position: relative;
  display: inline-block;
  font-size: 14px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: 500;
  color: var(--sinace-white);
}

.thm-breadcrumb li+li {
  margin-left: 7px;
}

.thm-breadcrumb li a {
  position: relative;
  display: inline-block;
  font-size: 14px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: 500;
  color: var(--sinace-white);
}

.thm-breadcrumb li:hover a {
  color: var(--sinace-base);
  opacity: 1;
}

.thm-breadcrumb li span {
  font-size: 14px;
}

.page-header__shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .21;
  z-index: -1;
}

.page-header__shape-1 img {
  width: auto;
}

.page-header__shape-2 {
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: lighten;
  z-index: -1;
}

.page-header__shape-2 img {
  width: auto;
}

.page-header__shape-3 {
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: darken;
  z-index: -1;
}

.page-header__shape-3 img {
  width: auto;
}

/*--------------------------------------------------------------
# News Page
--------------------------------------------------------------*/
.news-page {
  position: relative;
  display: block;
  padding: 120px 0 90px;
}

/*--------------------------------------------------------------
# Contact Page
--------------------------------------------------------------*/
.contact-page {
  position: relative;
  display: block;
  padding: 120px 0 120px;
}

.contact-page__left {
  position: relative;
  display: block;
}

.contact-page__form-box {
  position: relative;
  display: block;
  padding: 50px 50px 50px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1);
}

.contact-page__form {
  position: relative;
  display: block;
}

.contact-page__input-box {
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.contact-page__input-box input[type="text"],
.contact-page__input-box input[type="email"] {
  height: 58px;
  width: 100%;
  border: none;
  background-color: var(--sinace-primary);
  padding-left: 30px;
  padding-right: 30px;
  outline: none;
  font-size: 14px;
  color: var(--sinace-gray);
  display: block;
  font-weight: 400;
}

.contact-page__input-box textarea {
  font-size: 14px;
  color: var(--sinace-gray);
  height: 138px;
  width: 100%;
  background-color: var(--sinace-primary);
  padding: 15px 30px 30px;
  border: none;
  outline: none;
  margin-bottom: 0px;
  font-weight: 500;
}

.contact-page__input-box.text-message-box {
  height: 138px;
}

.contact-page__btn {
  border: none;
}

.contact-page__right {
  position: relative;
  display: block;
  margin-left: 100px;
}

.contact-page__right .section-title {
  margin-bottom: 41px;
}

.contact-page__points {
  position: relative;
  display: block;
}

.contact-page__points li {
  position: relative;
  display: flex;
  align-items: center;
}

.contact-page__points li+li {
  margin-top: 20px;
}

.contact-page__points li .icon {
  position: relative;
  display: inline-block;
}

.contact-page__points li .icon span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  font-size: 22px;
  color: var(--sinace-white);
  background-color: var(--sinace-base);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.contact-page__points li .icon span:hover {
  color: var(--sinace-white);
  background-color: var(--sinace-black);
}

.contact-page__points li .text {
  position: relative;
  display: block;
  margin-left: 30px;
}

.contact-page__points li .text p {
  font-size: 12px;
  font-weight: 300;
  line-height: 22px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--sinace-gray);
}

.contact-page__points li .text h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  color: var(--sinace-black);
  letter-spacing: 0;
  margin-top: 1px;
}

.contact-page__points li .text h3 a {
  color: var(--sinace-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.contact-page__points li .text h3 a:hover {
  color: var(--sinace-base);
}

/*--------------------------------------------------------------
# Google Map Two
--------------------------------------------------------------*/
.google-map-two {
  position: relative;
  display: block;
  background-color: var(--sinace-primary);
}

.google-map__two {
  position: relative;
  display: block;
  border: none;
  height: 492px;
  width: 100%;
  mix-blend-mode: luminosity;
}


/*--------------------------------------------------------------
# News Details
--------------------------------------------------------------*/
.news-details {
  position: relative;
  display: block;
  padding: 120px 0 120px;
  z-index: 1;
}

.news-details__left {
  position: relative;
  display: block;
}

.news-details__img {
  position: relative;
  display: block;
}

.news-details__img img {
  width: 100%;
}

.news-details__date {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: var(--sinace-base);
  padding: 10px 20px 12px;
}

.news-details__date p {
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  color: var(--sinace-white);
}

.news-details__content {
  position: relative;
  display: block;
  padding: 22px 42px 35px;
  border-bottom: 1px solid var(--sinace-bdr-color);
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}

.news-details__meta {
  position: relative;
  display: flex;
  align-items: center;
}

.news-details__meta li {
  position: relative;
  display: flex;
  align-items: center;
}

.news-details__meta li+li {
  margin-left: 32px;
}

.news-details__meta li .icon {
  position: relative;
  display: inline-block;
  margin-right: 4px;
}

.news-details__meta li .icon span {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: var(--sinace-base);
}

.news-details__meta li .text {
  position: relative;
  display: block;
}

.news-details__meta li .text p {
  font-size: 14px;
  font-weight: 400;
  color: #7b7e84;
}

.news-details__meta li>span {
  position: absolute;
  top: 0;
  left: -20px;
  font-size: 14px;
  color: #d9e1e9;
}

.news-details__title-1 {
  position: relative;
  display: block;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-bottom: 18px;
  border-bottom: 2px solid var(--sinace-bdr-color);
}

.news-details__title-1::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 2px;
  width: 70px;
  background-color: var(--sinace-base);
}

.news-details__text-1 {
  font-size: 15px;
}

.news-details__text-2 {
  margin-top: 30px;
  margin-bottom: 31px;
}

.news-details__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 29px;
  margin-bottom: 31px;
}

.news-details__bottom p {
  margin: 0;
}

.news-details__tags span {
  color: var(--sinace-black);
  font-size: 20px;
  margin-right: 7px;
  font-weight: 600;
  letter-spacing: var(--sinace-letter-spacing);
}

.news-details__tags a {
  position: relative;
  color: var(--sinace-white);
  font-size: 13px;
  background-color: var(--sinace-base);
  display: inline-block;
  padding: 4px 20px 6px;
  font-weight: 400;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-details__tags a:hover {
  background-color: var(--sinace-black);
  color: var(--sinace-white);
}

.news-details__tags a+a {
  margin-left: 7px;
}

.news-details__social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.news-details__social-list a {
  position: relative;
  height: 43px;
  width: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  color: var(--sinace-black);
  background-color: var(--sinace-primary);
  font-size: 14px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.news-details__social-list a:hover {
  color: var(--sinace-white);
}

.news-details__social-list a:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: var(--sinace-base);
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: all;
  transition-property: all;
  opacity: 1;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: scalex(0);
  transform: scaleX(0);
  z-index: -1;
}

.news-details__social-list a:hover:after {
  opacity: 1;
  -webkit-transform: scalex(1);
  transform: scalex(1);
}

.news-details__social-list a+a {
  margin-left: 10px;
}

.news-details__pagenation-box {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 54px;
}

.news-details__pagenation {
  position: relative;
  display: block;
}

.news-details__pagenation li {
  position: relative;
  float: left;
  font-size: 20px;
  color: var(--sinace-black);
  font-weight: 600;
  background-color: var(--sinace-primary);
  line-height: 30px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  max-width: 370px;
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 53px;
  padding-bottom: 47px;
  letter-spacing: var(--sinace-letter-spacing);
}

.news-details__pagenation li+li {
  margin-left: 30px;
}

.news-details__pagenation li:hover {
  background-color: var(--sinace-black);
  color: var(--sinace-white);
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-one__title,
.comment-form__title {
  margin: 0;
  font-size: 36px;
  margin-bottom: 52px;
  font-weight: 600;
}

.comment-one__single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--sinace-bdr-color);
  padding-bottom: 60px;
  margin-bottom: 60px;
  position: relative;
  align-items: center;
}

.comment-one__content {
  position: relative;
  margin-left: 45px;
}

.comment-one__content h3 {
  margin: 0;
  font-size: 20px;
  margin-bottom: 23px;
  font-weight: 600;
}

.comment-one__content p {
  font-size: 15px;
}

.comment-one__btn {
  padding: 4px 20px 6px;
  position: absolute;
  top: -11px;
  right: 0;
  font-size: 13px;
  font-weight: 400;
  color: var(--sinace-white);
}

.comment-one__image {
  position: relative;
  display: block;
  border-radius: 50%;
}

.comment-one__image img {
  border-radius: 50%;
}

.comment-form .comment-form__title {
  margin-top: -7px;
}

.comment-one__form .row {
  --bs-gutter-x: 20px;
}

.comment-form__input-box {
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.comment-form__input-box input[type="text"],
.comment-form__input-box input[type="email"] {
  height: 58px;
  width: 100%;
  border: none;
  background-color: var(--sinace-primary);
  padding-left: 30px;
  padding-right: 30px;
  outline: none;
  font-size: 14px;
  font-weight: 400;
  color: var(--sinace-gray);
  display: block;
}

.comment-form__input-box textarea {
  font-size: 14px;
  color: var(--sinace-gray);
  height: 138px;
  width: 100%;
  background-color: var(--sinace-primary);
  padding: 20px 30px 30px;
  border: none;
  outline: none;
  font-weight: 400;
  margin-bottom: 0px;
}

.comment-form__btn {
  border: none;
}

.comment-form__input-box.text-message-box {
  height: 138px;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
@media (max-width: 991px) {
  .sidebar {
    margin-top: 50px;
  }
}

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

.sidebar__title {
  position: relative;
  margin: 0;
  font-size: 20px;
  margin-bottom: 6px;
  font-weight: 600;
  padding-left: 12px;
}

.sidebar__title::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  border-top: 6px solid transparent;
  border-left: 7px solid var(--sinace-base);
  border-bottom: 6px solid transparent;
}

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

.sidebar__search-form {
  position: relative;
}

.sidebar__search-form input[type="search"] {
  display: block;
  border: none;
  outline: none;
  background-color: var(--sinace-base);
  color: var(--sinace-white);
  font-size: 18px;
  font-weight: 500;
  padding-left: 50px;
  height: 76px;
  width: 100%;
  padding-right: 80px;
}

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

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

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

.sidebar__search-form ::placeholder {
  color: var(--sinace-white);
  opacity: 1;
}

.sidebar__search-form :-ms-input-placeholder {
  color: var(--sinace-white);
}

.sidebar__search-form ::-ms-input-placeholder {
  color: var(--sinace-white);
}

.sidebar__search-form button[type="submit"] {
  background-color: transparent;
  color: var(--sinace-white);
  font-size: 22px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 72px;
  outline: none;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}

.sidebar__post {
  position: relative;
  display: block;
  padding: 46px 30px 30px;
  background-color: var(--sinace-primary);
  overflow: hidden;
  z-index: 1;
}

.sidebar__post .sidebar__title {
  margin-left: 20px;
}

.sidebar__post-list {
  margin: 0;
}

.sidebar__post-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 20px 16px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.sidebar__post-list li:hover {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
}

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

.sidebar__post-image {
  margin-right: 17px;
}

.sidebar__post-image>img {
  width: 70px;
}

.sidebar__post-content {
  position: relative;
  top: -3px;
}

.sidebar__post-content h3 {
  font-size: 18px;
  margin: 0;
  line-height: 26px;
}

.sidebar__post-content-meta {
  line-height: 23px;
  font-weight: 400;
  font-size: 14px;
  color: var(--sinace-gray);
  letter-spacing: normal;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.sidebar__post-content-meta i {
  color: var(--sinace-base);
  font-size: 13px;
  padding-right: 4px;
}

.sidebar__post-content h3 a {
  color: var(--sinace-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-top: 4px;
}

.sidebar__category {
  position: relative;
  display: block;
  background-color: var(--sinace-primary);
  padding: 46px 30px 33px;
  overflow: hidden;
  z-index: 1;
}

.sidebar__category .sidebar__title {
  margin-bottom: 9px;
}

.sidebar__category-list {
  margin: 0;
}

.sidebar__category-list li+li {
  margin-top: 4px;
}

.sidebar__category-list li a {
  color: var(--sinace-gray);
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: block;
  background: none;
  padding: 7px 20px 7px;
  font-weight: 400;
}

.sidebar__category-list li a:hover {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
  color: var(--sinace-black);
}

.sidebar__category-list li.active a {
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
  color: var(--sinace-black);
}

.sidebar__category-list li a span {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: var(--sinace-base);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 15px;
}

.sidebar__category-list li a:hover span {
  color: var(--sinace-base);
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
}

.sidebar__category-list li.active a span {
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  color: var(--sinace-base);
}

.sidebar__tags {
  position: relative;
  display: block;
  background: var(--sinace-primary);
  padding: 45px 45px 50px;
  overflow: hidden;
  z-index: 1;
}

.sidebar__tags .sidebar__title {
  margin-left: 5px;
  margin-bottom: 25px;
}

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

.sidebar__tags-list a {
  font-size: 13px;
  color: var(--sinace-black);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background: var(--sinace-white);
  display: inline-block;
  padding: 4px 20px 6px;
  margin-left: 6px;
  font-weight: 400;
}

.sidebar__tags-list a+a {
  margin-left: 6px;
  margin-top: 10px;
}

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

/*--------------------------------------------------------------
# Project Details
--------------------------------------------------------------*/
.project-details {
  position: relative;
  display: block;
  padding: 120px 0 0;
}

.project-details__img {
  position: relative;
  display: block;
}

.project-details__img img {
  width: 100%;
}

.project-details__info {
  position: relative;
  display: block;
  max-width: 1050px;
  width: 100%;
  margin: 0 auto;
  margin-top: -69px;
  padding: 39px 60px 49px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}

.project-details__info-list {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

.project-details__info-list li:first-child::before {
  display: none;
}

.project-details__info-list li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: -68px;
  height: 47px;
  width: 1px;
  background-color: rgba(var(--sinace-black-rgb), .10);
  transform: rotate(17deg);
}

.project-details__info-list li p {
  margin-bottom: 6px;
}

.project-details__info-list li h4 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: normal;
}

.project-details__social-list {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: -5px;
}

.project-details__social-list a {
  font-size: 14px;
  color: var(--sinace-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.project-details__social-list a:hover {
  color: var(--sinace-base);
}

.project-details__social-list a+a {
  margin-left: 27px;
}

.project-details__shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  background-color: var(--sinace-base);
}

.project-details__title-1 {
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-top: 35px;
  margin-bottom: 27px;
}

.project-details__title-2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
  margin-top: 42px;
  margin-bottom: 23px;
}

.project-details__img-and-points-box {
  position: relative;
  display: block;
  margin-top: 52px;
  margin-bottom: 51px;
}

.project-details__img-two {
  position: relative;
  display: block;
}

.project-details__img-two img {
  width: 100%;
}

.project-details__points {
  position: relative;
  display: block;
}

.project-details__points li {
  position: relative;
  display: flex;
  align-items: center;
}

.project-details__points li+li {
  margin-top: 6px;
}

.project-details__points li .icon {
  position: relative;
  display: inline-block;
  top: 3px;
}

.project-details__points li .icon span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 9px;
  border-radius: 50%;
  color: var(--sinace-white);
  background-color: var(--sinace-base);
}

.project-details__points li .text {
  margin-left: 20px;
}

.project-details__points li .text p {
  font-size: 16px;
  font-weight: 500;
  color: var(--sinace-black);
}

.project-details__pagination-box {
  position: relative;
  display: block;
  margin-top: 54px;
}

.project-details__pagination-single {
  position: relative;
  display: flex;
  background-color: var(--sinace-primary);
  padding: 43px 50px 45px;
  align-items: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.project-details__pagination-single-two {
  justify-content: flex-end;
}

.project-details__pagination-single:hover {
  background-color: var(--sinace-base);
}

.project-details__next-content {
  position: relative;
  display: block;
}

.project-details__pagination-single a {
  position: relative;
  display: block;
  color: var(--sinace-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.project-details__pagination-sub-title {
  font-size: 14px;
  margin: 0;
  line-height: 25px;
  font-weight: 300;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.project-details__pagination-single:hover .project-details__pagination-sub-title {
  color: var(--sinace-white);
}

.project-details__pagination-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--sinace-black);
  display: block;
  letter-spacing: var(--sinace-letter-spacing);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.project-details__pagination-single:hover .project-details__pagination-title {
  color: var(--sinace-white);
}

.project-details__previous-content {
  position: relative;
  display: block;
  text-align: right;
}

.project-details__arrow {
  position: relative;
  display: block;
  margin-right: 20px;
}

.project-details__arrow>a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  font-size: 16px;
  color: var(--sinace-black);
  border-radius: 50%;
  background-color: var(--sinace-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.project-details__arrow>a:hover {
  color: var(--sinace-white);
  background-color: var(--sinace-black);
}

.project-details__previous-content {
  position: relative;
  display: block;
  text-align: right;
}


.project-details__pagination-single-two .project-details__arrow {
  position: relative;
  display: block;
  margin-left: 20px;
}

/*--------------------------------------------------------------
# Similar Project
--------------------------------------------------------------*/
.similar-project {
  position: relative;
  display: block;
  padding: 120px 0 90px;
  z-index: 1;
}

.similar-project .project-two__single {
  margin-bottom: 30px;
}

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

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

.services-details__category {
  position: relative;
  display: block;
  border: 2px solid var(--sinace-base);
  padding: 13px 13px 13px;
  margin-bottom: 30px;
}

.services-details__category-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
  background-color: var(--sinace-base);
  color: var(--sinace-white);
  padding: 9px 35px 12px;
}

.services-details__category-list {
  margin-top: 15px;
}

.services-details__category-list li+li {
  margin-top: 4px;
}

.services-details__category-list li a {
  color: var(--sinace-gray);
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: block;
  background: none;
  padding: 6px 20px 7px;
}

.services-details__category-list li a:hover {
  background-color: var(--sinace-primary);
  color: var(--sinace-black);
  text-shadow: 0.5px 0 0 rgb(15 33 60 / 80%);
}

.services-details__category-list li.active a {
  background-color: var(--sinace-primary);
  color: var(--sinace-black);
  text-shadow: 0.5px 0 0 rgb(15 33 60 / 80%);
}

.services-details__category-list li a span {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: var(--sinace-base);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 15px;
}

.services-details__category-list li a:hover span {
  color: var(--sinace-base);
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
}

.services-details__category-list li.active a span {
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  color: var(--sinace-base);
}

.services-details__need-help {
  position: relative;
  display: block;
  text-align: center;
  background-color: #eef3f8;
  padding: 50px 50px 50px;
  overflow: hidden;
  z-index: 1;
}

.services-details__need-help-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .20;
  mix-blend-mode: luminosity;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.services-details__need-help-icon {
  position: relative;
  display: inline-block;
}

.services-details__need-help-icon span {
  position: relative;
  display: inline-block;
  font-size: 64px;
  color: var(--sinace-black);
  transition: all 500ms linear;
  transition-delay: 0.1s;
  transform: scale(1);
}

.services-details__need-help:hover .services-details__need-help-icon span {
  transform: scale(0.9);
}

.services-details__need-help-title {
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
  margin-top: 18px;
  margin-bottom: 30px;
}

.services-details__need-help-btn-box {
  position: relative;
  display: block;
}

.services-details__need-help-btn {
  font-size: 12px;
  font-weight: 600;
  padding: 5px 30px 4px;
}

.services-details__need-help-shape-1 {
  position: absolute;
  bottom: 78px;
  left: -262px;
  z-index: -1;
}

.services-details__need-help-shape-1 img {
  width: auto;
}

.services-details__need-help-shape-2 {
  position: absolute;
  top: 42px;
  left: -100px;
  z-index: -1;
}

.services-details__need-help-shape-2 img {
  width: auto;
}

.services-details__need-help-shape-3 {
  position: absolute;
  bottom: -108px;
  right: -114px;
  z-index: -1;
}

.services-details__need-help-shape-3 img {
  width: auto;
}

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

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

.services-details__img img {
  width: 100%;
}

.services-details__icon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70px;
  height: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--sinace-base);
}

.services-details__icon span {
  position: relative;
  display: inline-block;
  font-size: 32px;
  color: var(--sinace-white);
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.services-details__icon:hover span {
  transform: scale(.9);
}

.services-details__title-1 {
  font-size: 36px;
  font-weight: 600;
  line-height: 46px;
  margin-top: 19px;
  margin-bottom: 21px;
}

.services-details__text-box {
  position: relative;
  display: block;
  padding: 19px 40px 21px;
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}

.services-details__text-box::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  bottom: 5px;
  width: 4px;
  border-radius: 2px;
  background-color: var(--sinace-black);
}

.services-details__text-box-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: var(--sinace-base);
}

.services-details__points {
  position: relative;
  display: block;
  margin-top: 55px;
}

.services-details__points-single {
  position: relative;
  display: flex;
  border-bottom: 4px solid #d9e1e9;
  margin-bottom: 30px;
}

.services-details__points-single .icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 90px;
  width: 100%;
  height: 115px;
  background-color: #eef3f8;
}

.services-details__points-single .icon span {
  position: relative;
  display: inline-block;
  font-size: 62px;
  color: var(--sinace-base);
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.services-details__points-single:hover .icon span {
  transform: scale(.9);
}

.services-details__points-single .content {
  position: relative;
  display: block;
  margin-left: 30px;
  margin-top: -6px;
}

.services-details__points-single .content h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.services-details__points-single .content p {
  margin-top: 11px;
}

.services-details__benefit {
  position: relative;
  display: block;
  margin-top: 30px;
}

.services-details__benefit-img {
  position: relative;
  display: block;
  margin-right: 27px;
}

.services-details__benefit-img img {
  width: 100%;
  border-radius: 50%;
}

.services-details__benefit-content {
  position: relative;
  display: block;
  margin-top: 32px;
}

.services-details__benefit-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}

.services-details__benefit-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: var(--sinace-base);
  margin-top: 32px;
  margin-bottom: 37px;
}

.services-details__benefit-points {
  position: relative;
  display: block;
}

.services-details__benefit-points li {
  position: relative;
  display: flex;
  align-items: center;
}

.services-details__benefit-points li+li {
  margin-top: 10px;
}

.services-details__benefit-points li .icon {
  position: relative;
  display: inline-block;
}

.services-details__benefit-points li .icon span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 9px;
  color: var(--sinace-white);
  background-color: var(--sinace-base);
  border-radius: 50%;
}

.services-details__benefit-points li .text {
  margin-left: 15px;
}

.services-details__benefit-points li .text p {
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}

/*--------------------------------------------------------------
# Team Details
--------------------------------------------------------------*/
.team-details {
  position: relative;
  display: block;
  z-index: 1;
}

.team-details__top {
  position: relative;
  display: block;
  padding: 120px 0 100px;
  border-bottom: 1px solid var(--sinace-bdr-color);
}

.team-details__left {
  position: relative;
  display: block;
  margin-right: 20px;
}

.team-details__img {
  position: relative;
  display: block;
}

.team-details__img img {
  width: 100%;
}

.team-details__right {
  position: relative;
  display: block;
  margin-left: 70px;
  margin-top: -11px;
}

.team-details__top-content {
  position: relative;
  display: block;
}

.team-details__top-name {
  font-size: 40px;
  font-weight: 600;
  line-height: 50px;
}

.team-details__top-sub-title {
  margin-bottom: 20px;
}

.team-details__social {
  position: relative;
  display: flex;
  align-items: center;
}

.team-details__social a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 14px;
  color: var(--sinace-black);
  background-color: #eef3f8;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.team-details__social a:hover {
  color: var(--sinace-white);
  background-color: var(--sinace-base);
}

.team-details__social a:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: var(--sinace-base);
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: all;
  transition-property: all;
  opacity: 1;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  z-index: -1;
}

.team-details__social a:hover:after {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.team-details__social a+a {
  margin-left: 10px;
}

.team-details__top-text-1 {
  font-size: 28px;
  font-weight: 300;
  line-height: 30px;
  color: var(--sinace-base);
  margin-top: 26px;
  margin-bottom: 34px;
}

.team-details__top-text-3 {
  margin-top: 30px;
  margin-bottom: 31px;
}

.team-details__bottom {
  position: relative;
  display: block;
  padding-top: 93px;
  padding-bottom: 120px;
}

.team-details__bottom-left {
  position: relative;
  display: block;
  margin-right: 50px;
  margin-top: 31px;
}

.team-details__bottom-left-title {
  font-size: 36px;
  font-weight: 600;
  line-height: 46px;
}

.team-details__bottom-left-text {
  font-size: 18px;
  padding-top: 32px;
  font-weight: 300;
}

.team-details__bottom-right {
  position: relative;
  display: block;
  margin-left: 70px;
}

.team-details__progress {
  position: relative;
  display: block;
}

.team-details__progress-single+.team-details__progress-single {
  margin-top: 14px;
}

.team-details__progress-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  color: var(--sinace-black);
  margin-bottom: 15px;
}

.team-details__progress .bar {
  position: relative;
  width: 100%;
  height: 13px;
  background-color: var(--sinace-primary);
  border-radius: 6px;
}

.team-details__progress .bar-inner {
  position: relative;
  display: block;
  width: 0px;
  height: 13px;
  border-radius: 5px;
  background-color: var(--sinace-base);
  -webkit-transition: all 1500ms ease;
  -ms-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  transition: all 1500ms ease;
}

.team-details__progress .bar-inner::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -3px;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background-color: var(--sinace-black);
  border: 2px solid var(--sinace-white);
  transform: translateY(-50%);
}

.team-details__progress .count-text {
  position: absolute;
  right: -6px;
  bottom: 26px;
  color: var(--sinace-gray);
  line-height: 26px;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

.team-details__progress .bar-inner.counted .count-text {
  opacity: 1;
}

.team-details__progress .bar.marb-0 {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Contact Two
--------------------------------------------------------------*/
.contact-two {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 120px 0 120px;
  background-color: #eef3f8;
  z-index: 1;
}

.contact-two .container {
  max-width: 800px;
}

.contact-two__form-box {
  position: relative;
  display: block;
}

.contact-two__form {
  position: relative;
  display: block;
}

.contact-two__form .row {
  --bs-gutter-x: 20px;
}

.contact-two__input-box {
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.contact-two__input-box input[type="text"],
.contact-two__input-box input[type="email"] {
  height: 58px;
  width: 100%;
  border: none;
  background-color: var(--sinace-white);
  padding-left: 30px;
  padding-right: 30px;
  outline: none;
  font-size: 14px;
  font-weight: 400;
  color: var(--sinace-gray);
  display: block;
}

.contact-two__input-box textarea {
  font-size: 14px;
  color: var(--sinace-gray);
  font-weight: 400;
  height: 138px;
  width: 100%;
  background-color: var(--sinace-white);
  padding: 20px 30px 30px;
  border: none;
  outline: none;
  margin-bottom: 0px;
}

.contact-two__btn-box {
  position: relative;
  display: block;
  margin: 0 auto;
  text-align: center;
}

.contact-two__btn {
  border: none;
}

.contact-two__input-box.text-message-box {
  height: 138px;
}

.contact-two__shape-1 {
  position: absolute;
  top: 0;
  left: -30px;
  opacity: .30;
  z-index: -1;
}

.contact-two__shape-1 img {
  width: auto;
}

.contact-two__shape-2 {
  position: absolute;
  top: -490px;
  left: 0;
  z-index: -1;
}

.contact-two__shape-2 img {
  width: auto;
}

.contact-two__shape-3 {
  position: absolute;
  top: 84px;
  left: 0;
  z-index: -1;
}

.contact-two__shape-3 img {
  width: auto;
}

.contact-two__shape-4 {
  position: absolute;
  top: 0;
  right: -30px;
  opacity: .30;
  z-index: -1;
}

.contact-two__shape-4 img {
  width: auto;
}

.contact-two__shape-5 {
  position: absolute;
  bottom: -325px;
  right: 0;
  z-index: -1;
}

.contact-two__shape-5 img {
  width: auto;
}

/*--------------------------------------------------------------
# Careers Page
--------------------------------------------------------------*/
.careers-page {
  position: relative;
  display: block;
  padding: 120px 0 90px;
}

.careers-page__single {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid var(--sinace-bdr-color);
  padding-right: 49px;
  margin-bottom: 30px;
}

.careers-page__img {
  position: relative;
  display: block;
  max-width: 199px;
  width: 100%;
  z-index: 1;
}

.careers-page__img img {
  width: 100%;
}

.careers-page__tag {
  position: absolute;
  top: 30px;
  right: -65px;
  padding: 11px 20px 11px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
  z-index: 1;
}

.careers-page__tag p {
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.careers-page__content {
  position: relative;
  display: block;
  margin-left: 30px;
}

.careers-page__meta {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 55px;
  margin-bottom: 16px;
}

.careers-page__meta li {
  position: relative;
  display: flex;
  align-items: center;
}

.careers-page__meta li:before {
  content: "";
  position: absolute;
  top: 9px;
  bottom: 9px;
  right: -15px;
  width: 1px;
  background-color: #d9e1e9;
  transform: rotate(20deg);
}

.careers-page__meta li:last-child:before {
  display: none;
}

.careers-page__meta li+li {
  margin-left: 30px;
}

.careers-page__meta li .icon {
  position: relative;
  display: flex;
  align-items: center;
}

.careers-page__meta li .icon span {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: var(--sinace-base);
}

.careers-page__meta li .text {
  margin-left: 4px;
}

.careers-page__meta li .text p {
  font-size: 14px;
  font-weight: 400;
  color: #7b7e84;
}

.careers-page__title {
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: var(--sinace-letter-spacing);
}

.careers-page__title a {
  color: var(--sinace-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.careers-page__title a:hover {
  color: var(--sinace-base);
}

.careers-page__text {
  font-size: 15px;
}

.careers-page__btn-box {
  position: relative;
  display: block;
  margin-top: 20px;
}

.careers-page__btn {
  font-size: 12px;
  font-weight: 600;
  padding: 2px 20px 2px;
}

/*--------------------------------------------------------------
# Feature Three
--------------------------------------------------------------*/
.feature-three {
  position: relative;
  display: block;
  padding: 120px 0 0;
}

.feature-three__single {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 25px;
}

.feature-three__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 122px;
  width: 122px;
  border: 1px solid var(--sinace-bdr-color);
  border-radius: 50%;
  margin: 0 auto 16px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}

.feature-three__single:hover .feature-three__icon {
  border: 1px solid var(--sinace-base);
}

.feature-three__icon:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  border-radius: 50%;
  background-color: var(--sinace-base);
  transform: scale(0);
  transform-origin: center;
  transform-style: preserve-3d;
  transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
  z-index: -1;
}

.feature-three__single:hover .feature-three__icon:before {
  transform: scaleX(1);
}

.feature-three__icon span {
  position: relative;
  display: inline-block;
  font-size: 55px;
  color: var(--sinace-base);
  transition: all 500ms linear;
  transition-delay: 0.1s;
  transform: scale(1);
}

.feature-three__single:hover .feature-three__icon span {
  transform: scale(0.9);
  color: var(--sinace-white);
}

.feature-three__title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: var(--sinace-letter-spacing);
}

/*--------------------------------------------------------------
# Faq Search
--------------------------------------------------------------*/
.faq-search {
  position: relative;
  display: block;
  padding: 35px 0 60px;
}

.faq-search .container {
  max-width: 800px;
}

.faq-search .section-title {
  margin-bottom: 41px;
}

.faq-search-box__form {
  position: relative;
  display: block;
}

.faq-search-box__form-input {
  position: relative;
  display: block;
}

.faq-search-box__form-input input[type="search"] {
  height: 84px;
  width: 100%;
  border: 1px solid var(--sinace-bdr-color);
  outline: none;
  background-color: var(--sinace-white);
  box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.03);
  font-size: 18px;
  color: var(--sinace-gray);
  font-weight: 300;
  padding-left: 40px;
  padding-right: 75px;
}

.faq-search-box__form-input button[type="submit"] {
  background-color: transparent;
  color: var(--sinace-base);
  font-size: 22px;
  position: absolute;
  top: 0;
  right: 0px;
  bottom: 0;
  width: 62px;
  outline: none;
  border: none;
  display: flex;
  align-items: center;
  padding: 0;
}

/*--------------------------------------------------------------
# Faq Page
--------------------------------------------------------------*/
.faq-page {
  position: relative;
  display: block;
  padding: 0 0 90px;
}

.faq-page__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Team Page
--------------------------------------------------------------*/
.team-page {
  position: relative;
  display: block;
  padding: 120px 0 90px;
}

/*--------------------------------------------------------------
# Testimonial Page
--------------------------------------------------------------*/
.testimonials-page {
  position: relative;
  display: block;
  padding: 120px 0 90px;
}

.testimonial-two__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Services Page
--------------------------------------------------------------*/
.services-page {
  position: relative;
  display: block;
  padding: 120px 0 90px;
}

.services-page__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.services-page__img-box {
  position: relative;
  display: block;
}

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

.services-page__img img {
  width: 100%;
}

.services-page__icon {
  position: absolute;
  bottom: 0;
  right: 0;
}

.services-page__icon span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 67px;
  font-size: 32px;
  color: var(--sinace-white);
  background-color: var(--sinace-base);
}

.services-page__content {
  position: relative;
  display: block;
  padding: 23px 30px 30px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}

.services-page__content::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 6px;
  background-color: var(--sinace-base);
}

.services-page__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.services-page__title a {
  color: #222232;
}

.services-page__text {
  margin-top: 11px;
  margin-bottom: 6px;
}

.services-page__read-more {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #081528;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.services-page__hover-single {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: bottom left;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  z-index: 2;
}

.services-page__single:hover .services-page__hover-single {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.services-page__hover-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}

.services-page__hover-img::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 6px;
  background-color: var(--sinace-base);
  z-index: 2;
}

.services-page__hover-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(8, 21, 40, .80);
  z-index: 1;
}

.services-page__hover-icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 67px;
  top: 0;
  right: 0;
  background-color: var(--sinace-base);
  z-index: 2;
}

.services-page__hover-icon span {
  position: relative;
  display: inline-block;
  font-size: 32px;
  color: var(--sinace-white);
  transition: all 500ms linear;
  transition-delay: 0.1s;
  transform: scale(1);
}

.services-page__hover-single:hover .services-page__hover-icon span {
  transform: scale(0.9);
}

.services-page__hover-content {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  z-index: 2;
}

.services-page__hover-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.services-page__hover-title a {
  color: var(--sinace-white);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-page__hover-title a:hover {
  color: var(--sinace-base);
}

.services-page__hover-text {
  margin-top: 11px;
  color: rgba(var(--sinace-white-rgb), .70);
  margin-bottom: 6px;
}

.services-page__hover-read-more {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: var(--sinace-base);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.services-page__hover-read-more:hover {
  color: var(--sinace-white);
}

/*--------------------------------------------------------------
# Portfolio Page
--------------------------------------------------------------*/
.portfolio-page {
  position: relative;
  display: block;
  padding: 120px 0 90px;
}

.portfolio-page .project-two__single {
  margin-bottom: 30px;
}

/*--------------------------------------------------------------
# About Four
--------------------------------------------------------------*/
.about-four {
  position: relative;
  display: block;
  padding: 120px 0 120px;
}

.about-four__left {
  position: relative;
  display: block;
  margin-right: 110px;
}

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

.about-four__shape-1 {
  position: absolute;
  left: -23px;
  top: 40px;
  border-style: solid;
  border-width: 6px;
  border-color: rgb(228, 0, 19);
  background-color: rgba(24, 41, 57, 0);
  width: 538px;
  height: 429px;
}

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

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

.about-four__img-two {
  position: absolute;
  top: 0;
  right: -110px;
  z-index: 2;
}

.about-four__img-two img {
  width: auto;
}

.about-four__right {
  position: relative;
  display: block;
  margin-left: 70px;
}

.about-four__right .section-title {
  margin-bottom: 31px;
}

.about-four__points {
  position: relative;
  display: block;
  margin-top: 31px;
  margin-bottom: 45px;
}

.about-four__points li {
  position: relative;
  display: flex;
  align-items: center;
}

.about-four__points li+li {
  margin-top: 9px;
}

.about-four__points li .icon {
  position: relative;
  display: inline-block;
}

.about-four__points li .icon span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  font-size: 9px;
  color: var(--sinace-white);
  background-color: var(--sinace-base);
  border-radius: 50%;
}

.about-four__points li .text {
  margin-left: 22px;
}

.about-four__points li .text p {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: var(--sinace-black);
}

.about-four__btn-box {
  position: relative;
  display: inline-block;
}

.about-four__shape-2 {
  position: absolute;
  bottom: 5px;
  right: -145px;
}

.about-four__shape-2 img {
  width: auto;
}

/*--------------------------------------------------------------
# About Page Team
--------------------------------------------------------------*/
.about-page-team {
  padding-top: 120px;
}

/*--------------------------------------------------------------
# About Page Testimonial
--------------------------------------------------------------*/
.about-page-testimonial {
  padding-bottom: 90px;
}

/*--------------------------------------------------------------
# Contact seven
--------------------------------------------------------------*/



/*------------ SIP calculator css Start -------------*/
.sip-counter-value {
    font-weight: 600;
    font-size: 18px;
    color: #6e6d6e;
    margin-bottom: 40px;
}

.sip-counter-value h6 {
    margin-top: 14px;
    display: inline-block;
    font-weight: 400;
    font-size: 18px;
    color: #68686f;
}

.sip-counter-value {
    font-weight: 400;
    font-size: 18px;
    color: #6e6d6e;
    margin-bottom: 30px;
}
.sip-calculation {
  
  position: relative;
  z-index: 10;
  margin-left: 0px;
  background-color: #fff;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

@media (max-width: 1199px) {
  .sip-calculation {
    margin-left: 0;
  }
}
.sip-calculation-content {
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom:30px;
  padding-top: 50px;
}

@media (max-width: 425px) {
  .sip-calculation-content {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.sip-calculation-content p {
  margin: 0;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  align-items: center;
}

@media (max-width: 1199px)
{
  .sip-calculation-content p
  {
    font-size: 18px;
  }
}

@media (max-width: 767px)
{
  .sip-calculation-content p
  {
    font-size: 16px;
  }
}

@media (max-width: 425px)
{
  .sip-calculation-content p
  {
    display: block;
    text-align: center;
  }
}

.sip-calculation-content p span {
  line-height: 1;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 767px)
{
   .sip-calculation-content p span
  {
    font-size: 14px;
  }
}

@media (max-width: 490px)
{
  .sip-calculation-content p span
  {
    max-width: 100px;
  }
}

.sip-calculation-content p i {
  font-style: normal;
}

.sip-calculation-content p b {
  font-weight: 400;
  color: #1c1c27;
  line-height: 1;
  display: block;
  font-size: 20px;
}

@media (max-width: 425px)
{
  .sip-calculation-content p b
  {
    margin-top: 10px;
  }
}
.sip-calculation-content p + p,
.sip-calculation-content .sip-eligibility-inner + .sip-eligibility-inner {
  padding-top: 25px;
  margin-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.sip-calculation .thm-btn {
  width: 100%;
  margin-top: 35px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.sip-start-date {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 0px 15px 0px 15px;
  align-items: center;
  margin-top:-25px;
}

.sip-start-date label {
  white-space: nowrap;
  margin-right: 40px;
}

.sip-start-date label h4{
  font-size: 22px;
  margin-bottom: 0;
}

.sip-start-date input {
  display: block;
  width: 100%;
  background-color: #f2ede9;
  color: #1c1c27;
  font-size: 14px;
  font-weight: 400;
  border: none;
  outline: none;
  padding: 7px 10px;
}

.sip-start-date i {
  position: absolute;
  right: 30px;
  z-index: 0;
  pointer-events: none;
}
.datepicker table tr td span.active {
  background-color: var(--sinace-base) !important;
  border-radius: 0;
}

.total-sip-form-sip {
  margin-bottom: 90px;
}
.total-sip-form-calculation
{
  text-align: center;
}
.tab-padding{
  padding-bottom: 0px;
}
.nav-tabs .nav-link.active {
    color:var(--sinace-black);
    background-color: #fff;
    border-color: var(--sinace-base) var(--sinace-base) #fff
  }
.nav-link{
  color: var(--sinace-black);
  font-size: 22px;

}
.nav-link:hover{
  color: var(--sinace-black);
}

.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: var(--sinace-base)  var(--sinace-base)  var(--sinace-base) !important;
}

.nav-tabs .nav-link{
  border-radius: 0px;
  padding:20px;
  font-weight: bolder;
  font-size: 25px;
}
.nav-tabs{
  border-color: var(--sinace-base);
}


.amortization-schedule {
  margin-bottom: 60px;
  overflow-x: auto;
}

.amortization-schedule .amortization-inner {
  border: 1px solid #e7e1dc;
  min-width: 560px;
}
@media(max-width: 768px){
.amortization-schedule .amortization-inner {
    border: 1px solid #e7e1dc;
     min-width: 0px; 
}
}

.amortization-schedule .amortization-title {
  display: flex;
  border-bottom: 1px solid #e7e1dc;
}

.amortization-schedule .amortization-title-inner{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 10px;
  flex: 1 1 0;
  color: #fff;
}

.amortization-schedule .amortization-data {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
/*  padding: 10px;*/
  padding: 15px;

  flex: 1 1 0;
  color: #1c1c27;
}

.amortization-schedule .amortization-data.year-outer {
  cursor: pointer;
}

.amortization-schedule .amortization-title {
  background-color: var(--sinace-base);
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}
.amortization-schedule .amortization-title-inner:not(:last-child) {
  border-right: 1px solid #e7e1dc;
}
.amortization-schedule .amortization-content .amortization-column {
  display: flex;
}

.amortization-content .amortization-column:nth-child(2n+1) {
  background-color: #f2ede9;
}

.amortization-content .amortization-column.sum {
  background-color: var(--sinace-black);;
  border-bottom: 2px solid #e7e1dc;
  color:var(--sinace-black);
}

.amortization-content .amortization-column.sum i
{
  margin-right: 10px;
}

.amortization-schedule .amortization-data:not(:last-child) {
  border-right: 1px solid #e7e1dc;
}

.amortization-column.sum .amortization-data {
  color: #fff;
}

@media(max-width: 768px){
  /*.amortization-schedule .amortization-title-inner.total-payment-title,
  .amortization-column.sum .amortization-data.total-payment-sum,
  .amortization-schedule .amortization-data.total-payment{
    display: none;
  }*/
}
@media(max-width: 768px){
  .amortization-schedule .amortization-data{
    font-size: 13px;
    padding-top: 10px;
  }

  .amortization-schedule .amortization-title-inner {
    font-size: 14px;
  }
}

.sip-calculation-chart {
  position: relative;
  z-index: 10;
  margin-left: 0px;
  background-color: #fff;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 30px 0px 10px 0;
  margin-top: 40px;
}
.pb-120 {
    padding-bottom: 120px;
}
.pt-120 {
    padding-top: 120px;
}
.pb-60 {
    padding-bottom: 60px;
}
.pt-60 {
    padding-top: 60px;
}
.pt-90 {
    padding-top: 90px;
}
.pb-90 {
    padding-bottom: 90px;
}
.pb-87 {
    padding-bottom: 87px;
}
.pb-75 {
    padding-bottom: 75px;
}
.pbo-60{
  padding-bottom: 0px;
}
.sip-Calculator{
  position: relative;
  z-index: 10;
}
@media(max-width: 576px) {
  .sip-calculator__box {
    padding: 0px 15px;
  }
}

.slider-box {
  margin-bottom: 30px;
}
.main-heading.block-title {
    margin-bottom: 40px;
}
.main-heading p
{
  line-height: 1.66;
  margin: 0;
}

.main-heading h3
{
    font-size: 34px;
    color:var(--sinace-black);
}
.block-title {
  margin-bottom: 50px;
}
.block-title__title {
  margin: 0;
  font-weight: bold;
  font-size: 35px;
  line-height: 1.2em;
  color: var(--thm-black);
  position: relative;
  bottom: -10px;
  margin-top: -3px;
}

@media (min-width: 768px) {
  .block-title__title {
    font-size: 40px;
  }
}

@media (min-width: 992px) {
  .block-title__title {
    font-size: 45px;
  }
}
.main-slide h4 {
  font-size: 22px;
}

.main-slide input {
  border-radius: 0;
  max-width: 200px;
  padding: 13px 15px;
  outline: 0;
  background-color: #f2ede9;
  border: none;
  color: #68686f;
}

@media(max-width: 576px){
  .single-loan-header{
    display:block;
  }

  .main-slide h4 {
    margin-bottom: 20px;
  }

  .main-slide input {
    max-width: none;
    width: 100%;
    margin-bottom: 10px;
  }
}

.slider-box .ui-widget-content {
  border: none !important;
  background: #eff2f6 !important;
  height: 7px;
}

.main-slide .ui-slider .ui-slider-range {
  background: var(--sinace-base);
  border-radius: 3px;
}

.main-slide .ui-slider-horizontal .ui-slider-handle {
  top: -6px !important;
  margin-left: -5px !important;
}

.main-slide .ui-slider .ui-slider-handle {
  width: 20px;
  height: 20px;
  border: 4px solid var(--sinace-base);
  background:#fff;
  border-radius: 50%;
  outline: none !important;
  box-shadow: none;
}
.single-sip-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  flex-wrap: wrap;
}
@media(max-width: 576px){
  .single-sip-header{
    display:block;
  }
}

.form-control:focus {
  box-shadow: none;
  background-color: #f2ede9;
  border: 0;
}
.slider-box .ui-widget-content {
  border: none !important;
  background: #eff2f6 !important;
  height: 7px;
}
/*
.main-slide .ui-slider .ui-slider-range {
  background:#e63a27;
  border-radius: 3px;
}
*/
.main-slide .ui-slider-horizontal .ui-slider-handle {
  top: -6px !important;
  margin-left: -5px !important;
}

.main-slide .ui-slider .ui-slider-handle {
  width: 20px;
  height: 20px;
  border: 4px solid var(--sinace-base);
  background: #fff;
  border-radius: 50%;
  outline: none !important;
  box-shadow: none;
}


.sip-calculation-content {
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom:30px;
  padding-top: 50px;
}

@media (max-width: 425px) {
  .sip-calculation-content {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.sip-calculation-content p {
  margin: 0;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  align-items: center;
}

@media (max-width: 1199px)
{
  .sip-calculation-content p
  {
    font-size: 18px;
  }
}

@media (max-width: 767px)
{
  .sip-calculation-content p
  {
    font-size: 16px;
  }
}

@media (max-width: 425px)
{
  .sip-calculation-content p
  {
    display: block;
    text-align: center;
  }
}

.sip-calculation-content p span {
  line-height: 1;
  font-size: 16px;
  font-weight: 500;
  color:var(--sinace-black);
}

@media (max-width: 767px)
{
   .sip-calculation-content p span
  {
    font-size: 14px;
  }
}

@media (max-width: 490px)
{
  .sip-calculation-content p span
  {
    max-width: 100px;
  }
}

.sip-calculation-content p i {
  font-style: normal;
}

.sip-calculation-content p b {
  font-weight: 400;
  color: var(--thm-black);
  line-height: 1;
  display: block;
  font-size: 20px;
}

@media (max-width: 425px)
{
  .sip-calculation-content p b
  {
    margin-top: 10px;
  }
}
.calculator-menu__btn {
  padding: 9px 40px 9px;
}

.calculator-menu__btn:hover {
  color: var(--sinace-white);
}

.calculator-menu__btn:before {
  background-color: var(--sinace-black);
}

.calculator-menu__btn:hover:before {
  top: -50%;
}

.stricky-header .main-menu__top {
  display: none;
}
/*------------ SIP Calculator Css End ---------------*/


/*------------ lumpsum calculator Css Start ----------*/

.sinace-lumsum-calculation{
      position: relative;
    margin-bottom: 30px;
    background-color: #f2ede9;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background-color: #fff;
}

.sinace-lumsum-calculation-content p {
  margin: 0;
  text-align: center;
  font-size: 16px;
  align-items: center;
}
.lumpsum-calculation-content {
  padding-left: 50px;
  padding-top: 25px;
  padding-right:50px ;
  padding-bottom: 50px;
}

@media (max-width: 425px) {
  .lumpsum-calculation-content {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.lumpsum-calculation-content p {
  margin: 0;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  align-items: center;
}
.lumpsum-cost-calculation p{
   margin: 0;
    text-align: center;
    font-size: 16px;
    align-items: center;
}
.lumpsum-cost-calculation {
    position: relative;
    margin-bottom: 36px;
    background-color: #f2ede9;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background-color: #fff;
}
.lumpsum-cost-calculation-content {
    padding-left: 50px;
    padding-top: 25px;
    padding-right: 50px;
    padding-bottom: 35px;
}
.lumpsum-cost-calculation-content p span {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
    display: inline-block;
    color:var(--sinace-black);
}
.lumpsum-cost-calculation-content p b {
    font-weight: 600;
    font-size: 35px;
/*    color:#1c1c27;*/
    line-height: 1;
    display: block;
}
@media (max-width: 1199px)
{
  .lumpsum-calculation-content p
  {
    font-size: 18px;
  }
}

@media (max-width: 767px)
{
  .lumpsum-calculation-content p
  {
    font-size: 16px;
  }
}

@media (max-width: 425px)
{
  .lumpsum-calculation-content p
  {
    display: block;
    text-align: center;
  }
}

.lumpsum-calculation-content p span {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
  display: inline-block;
  color:var(--sinace-black);
}

@media (max-width: 767px)
{
   .lumpsum-calculation-content p span
  {
    font-size: 14px;
  }
}

@media (max-width: 490px)
{
  .lumpsum-calculation-content p span
  {
/*    max-width: 100px;*/
  }
}

.lumpsum-calculation-content p i {
  font-style: normal;
}

.lumpsum-calculation-content p b {
  font-weight: 400;
/*  color: #1c1c27;*/
  line-height: 1;
  display: block;
  font-size: 20px;
}

@media (max-width: 425px)
{
  .lumpsum-calculation-content p b
  {
    margin-top: 10px;
  }
}
#lumpsum-chart{
  min-height  : 230px;
}

@media(max-width: 499px){
  #lumpsum-chart {
    min-height: 230px;
  }
}
.lumpsum-btn{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: none !important;
    background-color: var(--sinace-base);
    color: var(--sinace-white);
    font-size: 14px;
    font-weight: 700;
    /* padding: 14px 50px 14px; */
    overflow: hidden;
    transition: all 0.5s linear;
    z-index: 1;
 }

.lumpsum-btn::before {
  transition-duration: 800ms;
  position: absolute;
  width: 200%;
  height: 260%;
  content: "";
  top: 126%;
  left: 50%;
  background-color: var(--sinace-black);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%) rotate(-8deg);
  border-radius: 80%;
  z-index: -1;
}

.lumpsum-btn:hover:before {
  top: -56%;
}

.lumpsum-btn:hover {
  color: var(--sinace-white);
}


.lumpsum-calculation .lumpsum-btn {
  width: 100%;
  margin-top: 35px;
  padding-top: 17.5px;
  padding-bottom: 17.5px;
}
.lumpsum-calculation-content p + p,
.lumpsum-calculation-content .lumpsum-eligibility-inner + .lumpsum-eligibility-inner {
  padding-top: 25px;
/*  margin-top: 20px;*/
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.lumpsum-calculation {
  position: relative;
  margin-bottom: 30px;
  background-color: #f2ede9;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: #fff;
  padding-top: 12px;
}

.total-lumpsum-form-calculation
{
  text-align: center;
}

.lumpsum-counter-value {
    font-weight: 600;
    font-size: 18px;
    color: #6e6d6e;
    margin-bottom: 40px;
}

.lumpsum-counter-value h6 {
    margin-top: 14px;
    display: inline-block;
    font-weight: 400;
    font-size: 18px;
    color:  #68686f;
}

.lumpsum-counter-value {
    font-weight: 400;
    font-size: 18px;
    color: #6e6d6e;
    margin-bottom: 30px;
}



.single-lumpsum-cost-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

@media(max-width: 576px){
  .single-lumpsum-cost-header{
    display:block;
  }
}
.lumpsum-calculator {
  position: relative;
  z-index: 10;
}
@media(max-width: 576px) {
  .lumpsum-calculator__box {
    padding: 0px 15px;
  }
}
.lumpsum-loan-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  flex-wrap: wrap;
}
@media(max-width: 576px){
  .lumpsum-loan-header{
    display:block;
  }
}

.loan-calculation {
  
  position: relative;
  z-index: 10;
  margin-left: 0px;
  background-color: #fff;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}



.total-lumpsum-form
{
  margin-bottom: 40px;
}

.total-lumpsum-form {
  margin-bottom: 120px;
}



@media (max-width: 767px)
{
  .total-lumpsum-form
  {
    padding:20px;
  }
}
.lumpsum-cost-calculation-content p i{
  font-style: normal;
}
/*------------ lumpsum calculator Css End ---------------*/

/*-----------inflation Calculator css start-------------*/

.inflation-calculator {
  position: relative;
  z-index: 10;
}
@media(max-width: 576px) {
  .inflation-calculator__box {
    padding: 0px 15px;
  }
}

.single-inflation-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  flex-wrap: wrap;
}
@media(max-width: 576px){
  .single-inflation-header{
    display:block;
  }
}
.inflation-counter-value {
    font-weight: 600;
    font-size: 18px;
    color: #6e6d6e;
    margin-bottom: 40px;
}

.inflation-counter-value h6 {
    margin-top: 14px;
    display: inline-block;
    font-weight: 400;
    font-size: 18px;
    color: #68686f;
}

.inflation-counter-value {
    font-weight: 400;
    font-size: 18px;
    color: #6e6d6e;
    margin-bottom: 30px;
}

.inflation-sinace-calculation {
  position: relative;
  margin-bottom: 33px;
  background-color: #f2ede9;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: #fff;
}



.inflation-sinace-calculation-content {
  padding-left: 50px;
  padding-top: 25px;
  padding-right:50px ;
  padding-bottom: 35px;
}

@media (max-width: 425px) {
  .inflation-sinace-calculation-content {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.inflation-sinace-calculation-content p {
  margin: 0;
  text-align: center;
  font-size: 16px;
  align-items: center;
}

@media (max-width: 1199px)
{
  .inflation-sinace-calculation-content p
  {
    font-size: 18px;
  }
}

@media (max-width: 767px)
{
  .inflation-sinace-calculation-content p
  {
    font-size: 16px;
  }
}

@media (max-width: 425px)
{
  .inflation-sinace-calculation-content p
  {
    display: block;
    text-align: center;
  }
}

.inflation-sinace-calculation-content p span {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
  display: inline-block;
  color:var(--sinace-black);
}

@media (max-width: 767px)
{
   .inflation-sinace-calculation-content p span
  {
    font-size: 14px;
  }
}

@media (max-width: 490px)
{
  .inflation-sinace-calculation-content p span
  {
    max-width: 100px;
  }
}

.inflation-sinace-calculation-content p i {
  font-style: normal;
}

.inflation-sinace-calculation-content p b {
  font-weight: 600;
  font-size: 35px;
/*  color: #1c1c27;*/
  line-height: 1;
  display: block;
}

@media (max-width: 425px)
{
  .inflation-sinace-calculation-content p b
  {
    margin-top: 10px;
  }
}
#inflation-chart{
  min-height  : 230px;
}

@media(max-width: 499px){
  #inflation-chart {
    min-height: 230px;
  }
}
.total-inflation-form
{
/*  margin-bottom: 40px;*/
}

.total-inflation-form-emi {
  margin-bottom: 90px;
}

.total-inflation-form-calculation
{
  text-align: center;
}

@media (max-width: 767px)
{
  .total-inflation-form
  {
    padding:20px;
  }
}

.highcharts-exporting-group, .highcharts-credits {
    display: none;
}
.inflation-calculation-content {
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom:50px;
  padding-top: 50px;
}
@media (max-width: 460px) {
  .inflation-calculation-content {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom:50px;
  padding-top: 50px;
}
}

@media (max-width: 425px) {
  .inflation-calculation-content {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.inflation-calculation-content p {
  margin: 0;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  align-items: center;
}

@media (max-width: 1199px)
{
  .inflation-calculation-content p
  {
    font-size: 18px;
  }
}

@media (max-width: 767px)
{
  .inflation-calculation-content p
  {
    font-size: 16px;
  }
}

@media (max-width: 425px)
{
  .inflation-calculation-content p
  {
    display: block;
    text-align: center;
  }
}

.inflation-calculation-content p span {
  line-height: 1;
  font-size: 16px;
  font-weight: 500;
  color:var(--sinace-black);
}

@media (max-width: 767px)
{
   .inflation-calculation-content p span
  {
    font-size: 14px;
  }
}

@media (max-width: 490px)
{
  .inflation-calculation-content p span
  {
    max-width: 100px;
  }
}

.inflation-calculation-content p i {
  font-style: normal;
}

.inflation-calculation-content p b {
  font-weight: 400;
/*  color:#1c1c27;*/
  line-height: 1;
  display: block;
  font-size: 20px;
}

@media (max-width: 425px)
{
  .inflation-calculation-content p b
  {
    margin-top: 10px;
  }
}

.inflation-calculation-content .loan-eligibility-inner {
  text-align: left;
  font-size: 30px;
  color:#1c1c27;
}

.inflation-calculation-content .loan-eligibility-inner h4 {
  font-weight: 700;
}

.inflation-calculation-content .loan-eligibility-inner #loan-eligibility-emi {
  font-size: 20px;
}

.inflation-calculation-content p + p,
.inflation-calculation-content .loan-eligibility-inner + .loan-eligibility-inner {
  padding-top: 25px;
  margin-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.inflation-btn{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: none !important;
    background-color: var(--sinace-base);
    color: var(--sinace-white);
    font-size: 14px;
    font-weight: 700;
    /* padding: 14px 50px 14px; */
    overflow: hidden;
    transition: all 0.5s linear;
    z-index: 1;
 }

.inflation-btn::before {
  transition-duration: 800ms;
  position: absolute;
  width: 200%;
  height: 260%;
  content: "";
  top: 126%;
  left: 50%;
  background-color: var(--sinace-black);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%) rotate(-8deg);
  border-radius: 80%;
  z-index: -1;
}

.inflation-btn:hover:before {
  top: -56%;
}

.inflation-btn:hover {
  color: var(--sinace-white);
}


.inflation-calculation .inflation-btn {
  width: 100%;
  margin-top: 35px;
  padding-top: 17.5px;
  padding-bottom: 17.5px;
}

.total-inflation-form-calculation
{
  text-align: center;
}
.inflation-calculation {
  position: relative;
/*  margin-bottom: 30px;*/
  background-color: #f2ede9;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: #fff;

}
/*-----------inflation Calculator Css End -------------*/


/*--------------------target-amount-calculator css start -------------------*/
/*--------------------target-amount-char css start -------------------*/
.target-amount-calculator{
  position: relative;
  z-index: 10;
}
@media(max-width: 576px) {
  .target-amount-calculator__box {
    padding: 0px 15px;
  }
}

.single-target-amount-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  flex-wrap: wrap;
}
@media(max-width: 576px){
  .single-target-amount-header{
    display:block;
  }
}
.target-amount-counter-value {
    font-weight: 600;
    font-size: 18px;
    color: #6e6d6e;
    margin-bottom: 40px;
}

.target-amount-counter-value h6 {
    margin-top: 14px;
    display: inline-block;
    font-weight: 400;
    font-size: 18px;
    color: #68686f;
}

.target-amount-counter-value {
    font-weight: 400;
    font-size: 18px;
    color: #6e6d6e;
    margin-bottom: 30px;
}

.target-amount-sinace-calculation {
  position: relative;
  margin-bottom: 33px;
  background-color: #f2ede9;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: #fff;
}



.target-amount-sinace-calculation-content {
  padding-left: 50px;
  padding-top: 25px;
  padding-right:50px ;
  padding-bottom: 35px;
}

@media (max-width: 425px) {
  .target-amount-sinace-calculation-content  {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.target-amount-sinace-calculation-content  p {
  margin: 0;
  text-align: center;
  font-size: 16px;
  align-items: center;
}

@media (max-width: 1199px)
{
  .target-amount-sinace-calculation-content  p
  {
    font-size: 18px;
  }
}

@media (max-width: 767px)
{
  .target-amount-sinace-calculation-content  p
  {
    font-size: 16px;
  }
}

@media (max-width: 425px)
{
  .target-amount-sinace-calculation-content  p
  {
    display: block;
    text-align: center;
  }
}

.target-amount-sinace-calculation-content  p span {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
  display: inline-block;
  color:var(--sinace-black);
}

@media (max-width: 767px)
{
   .target-amount-sinace-calculation-content  p span
  {
    font-size: 14px;
  }
}

@media (max-width: 490px)
{
  .target-amount-sinace-calculation-content  p span
  {
    max-width: 100px;
  }
}

.target-amount-sinace-calculation-content  p i {
  font-style: normal;
}

.target-amount-sinace-calculation-content  p b {
  font-weight: 600;
  font-size: 35px;
/*  color: #1c1c27;*/
  line-height: 1;
  display: block;
}

@media (max-width: 425px)
{
  .target-amount-sinace-calculation-content  p b
  {
    margin-top: 10px;
  }
}
.target-amount-calculation-content {
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom:50px;
  padding-top: 50px;
}

@media (max-width: 425px) {
  .target-amount-calculation-content  {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.target-amount-calculation-content  p {
  margin: 0;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  align-items: center;
}

@media (max-width: 1199px)
{
  .target-amount-calculation-content  p
  {
    font-size: 18px;
  }
}

@media (max-width: 767px)
{
  .target-amount-calculation-content  p
  {
    font-size: 16px;
  }
}

@media (max-width: 425px)
{
  .target-amount-calculation-content  p
  {
    display: block;
    text-align: center;
  }
}

.target-amount-calculation-content  p span {
  line-height: 1;
  font-size: 16px;
  font-weight: 500;
  color:var(--sinace-black);
}

@media (max-width: 767px)
{
   .target-amount-calculation-content  p span
  {
    font-size: 14px;
  }
}

@media (max-width: 490px)
{
  .target-amount-calculation-content  p span
  {
    max-width: 100px;
  }
}

.target-amount-calculation-content  p i {
  font-style: normal;
}

.target-amount-calculation-content  p b {
  font-weight: 400;
/*  color:#1c1c27;*/
  line-height: 1;
  display: block;
  font-size: 20px;
}

@media (max-width: 425px)
{
  .target-amount-calculation-content  p b
  {
    margin-top: 10px;
  }
}

.target-amount-calculation-content  .loan-eligibility-inner {
  text-align: left;
  font-size: 30px;
  color:#1c1c27;
}

.target-amount-calculation-content  .loan-eligibility-inner h4 {
  font-weight: 700;
}

.target-amount-calculation-content  .loan-eligibility-inner #loan-eligibility-emi {
  font-size: 20px;
}

.target-amount-calculation-content  p + p,
.target-amount-calculation-content  .loan-eligibility-inner + .loan-eligibility-inner {
  padding-top: 25px;
  margin-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.target-amount-calculation {
  position: relative;
/*  margin-bottom: 30px;*/
  background-color: #f2ede9;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: #fff;
  padding-top:16px;
}
.total-target-amount-form
{
/*  margin-bottom: 40px;*/
}
@media (max-width: 767px)
{
  .total-target-amount-form
  {
    padding:20px;
  }
}
.total-target-amount-form-calculation
{
  text-align: center;
}
#target-amount-chart{
  min-height  : 230px;
}

@media(max-width: 499px){
  #target-amount-chart {
    min-height: 230px;
  }
}
.target-amount-btn{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: none !important;
    background-color: var(--sinace-base);
    color: var(--sinace-white);
    font-size: 14px;
    font-weight: 700;
    /* padding: 14px 50px 14px; */
    overflow: hidden;
    transition: all 0.5s linear;
    z-index: 1;
 }

.target-amount-btn::before {
  transition-duration: 800ms;
  position: absolute;
  width: 200%;
  height: 260%;
  content: "";
  top: 126%;
  left: 50%;
  background-color: var(--sinace-black);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%) rotate(-8deg);
  border-radius: 80%;
  z-index: -1;
}

.target-amount-btn:hover:before {
  top: -56%;
}

.target-amount-btn:hover {
  color: var(--sinace-white);
}


.target-amount-calculation .target-amount-btn {
  width: 100%;
  margin-top: 35px;
  padding-top: 17.5px;
  padding-bottom: 17.5px;
}

/*--------------------target-amount-calculator css start -------------------*/


.tooltipe {
  position: relative;
  display: inline-block;
  margin-left: 5px;
}
.tooltipe .fa{
   height: 25px;
}
.tooltipe .tooltiptext {
  visibility: hidden;
  width: 155px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 95%;
  left:0%;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltipe .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltipe:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.tooltipe i {
  font-size: 13px;
  color: var(--sinace-black);
}

.main-menu__logo
{
  top:-58px !important;
}
/*.main-menu__bottom
{
  display:none;
}*/
.main-menu__bottom
{
  padding-left: 0px !important;
}
.main-menu__bottom-inner
{
  background: transparent;
}

/*.main-menu__main-menu-box {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}*/

.main-menu__main-menu-box{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
}

.main-menu__list {
    margin-left: auto;
}
.main-menu .main-menu__list>li.current>a, .main-menu .main-menu__list>li:hover>a, .stricky-header .main-menu__list>li.current>a, .stricky-header .main-menu__list>li:hover>a
{
  color:#fff;
  font-weight: 300 !important;
}
.main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a
{
  font-weight: 300 !important;
  color:#fff;
}
/* Normal Header */
.main-menu__logo{
    position:absolute;
    top:0;
    bottom:0;
    left:60px;
    display:flex;
    align-items:center;
    z-index:5;

    /* Empty area click block nahi karega */
    pointer-events:none;
}

/* Sirf Logo clickable rahe */
.main-menu__logo a,
.main-menu__logo img{
    pointer-events:auto;
}


/* ===========================
   Sticky Header
=========================== */

.stricky-fixed .main-menu__logo{

    position:relative !important;

    left:0 !important;

    top:0 !important;

    bottom:auto !important;

    display:flex !important;

    align-items:center;

    z-index:99999 !important;

    pointer-events:auto !important;
}

.stricky-fixed .main-menu__logo a,
.stricky-fixed .main-menu__logo img{

    pointer-events:auto !important;

    display:block;
}

.stricky-fixed .main-menu__logo img{

    max-height:50px;
    padding: 7px;
    width:auto;

}
/*.main-menu__bottom {
    background-image: url(../images/bck.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    width: 100%;
    min-height: 70px;
}*/
.main-menu__wrapper-inner
{
  background-color: rgb(228 228 228);
}

/* Jab header sticky ho tab accessibility bar ka custom behavior */
.stricky-fixed .top-accessibility-bar {
    margin-top: -43px !important;  /* Apne layout ke hisab se ise -2px se -10px tak adjust kar sakte hain */
    padding-top: 2px;             /* Content top edge se touch na ho isliye halki padding */
    position: relative;
    z-index: 10;                  /* Taki ye dusre overlapped items ke upar rahe */
}

.main-menu__top
{
  background-color: #f7f7f7;
  background-image:none;
  /*height: 36px;*/
  padding-right: 47px !important;
}
.main-menu__top-right{
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.custom-top-links{
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.custom-top-links li{
    position: relative;
    padding: 0 5px; /* bahut kam spacing */
    line-height: 1;
}

.main-menu__top-inner
{
  padding: 9.5px 0px;
}

.custom-top-links li a{
    color: #000 !important;
    font-size: 12px;
    font-weight: 300;
    text-decoration: none;
    white-space: nowrap;
    transition: 0.3s;
}

.custom-top-links li a:hover{
    color: #ffcb0a;
}

@media (max-width: 991px){
    .custom-top-links li{
        padding: 0 3px;
    }

    .custom-top-links li a{
        font-size: 11px;
    }
}

.main-menu__top-menu.custom-top-links{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.main-menu__top-menu.custom-top-links li{
    list-style: none;
    margin: 0 !important;
    padding: 0 4px !important;
}



.main-menu__top-menu.custom-top-links li a{
    padding: 0;
    margin: 0 !important;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    white-space: nowrap;
}
.divider
{
  color:#000;
  
}

.top-accessibility-bar{

    width:100%;
    background:#f7f7f7;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:8px;
    padding:6px 18px;
    border-bottom:1px solid #e5e5e5;
    font-family:Arial,sans-serif;
    font-size:13px;
    flex-wrap:wrap;

}

.skip-link{

    color:#000;
    text-decoration:none;
    font-weight:600;

}

.skip-link:hover{
    color:#8f1d1d;
}

.divider{

    width:1px;
    height:18px;
    

}

.top-phone{

    color:#000;
    text-decoration:none;
    display:flex;
    align-items:center;
    gap:5px;
    font-weight:600;

}

.top-phone i{

    color:#006b3d;

}

.font-controls{

    display:flex;
    gap:3px;

}

.font-controls button{

    width:28px;
    height:28px;
    border:none;
    background:#8f1d1d;
    color:#fff;
    font-size:12px;
    font-weight:700;
    border-radius:3px;
    cursor:pointer;

}

.accessibility-btn{

    width:28px;
    height:28px;
    border:none;
    background:transparent;
    cursor:pointer;
    font-size:16px;

}

.language-dropdown{

    position:relative;

}

.lang-btn{

    border:none;
    background:#8f1d1d;
    color:#fff;
    height:28px;
    padding:0 10px;
    border-radius:3px;
    font-size:13px;
    display:flex;
    align-items:center;
    gap:6px;
    cursor:pointer;

}

.language-dropdown ul{

    position:absolute;
    top:100%;
    right:0;
    list-style:none;
    margin:0;
    padding:0;
    width:130px;
    background:#fff;
    box-shadow:0 5px 20px rgba(0,0,0,.15);
    display:none;
    z-index:999;

}

.language-dropdown:hover ul{

    display:block;

}

.language-dropdown li{

    padding:9px 12px;
    cursor:pointer;
    font-size:13px;

}

.language-dropdown li:hover{

    background:#f5f5f5;

}

.screen-reader{

    border:none;
    background:none;
    cursor:pointer;
    font-size:13px;
    font-weight:600;

}

.high-contrast{

    background:#000;
    color:#fff;

}

.high-contrast a{

    color:#fff;

}

.high-contrast .screen-reader{

    color:#fff;

}

@media(max-width:991px){

.top-accessibility-bar{

justify-content:center;
gap:6px;
padding:8px;

}

.skip-link{

display:none;

}

.screen-reader{

display:none;

}

.divider{

display:none;

}

.top-phone{

font-size:12px;

}

.lang-btn{

font-size:12px;

}

}

.main-menu__bottom
{
  height: 49px;
  background: linear-gradient(135deg, #0056A6 0%, #0078D7 50%, #00AEEF 100%);
}
.main-menu .main-menu__list, .main-menu .main-menu__list>li>ul, .main-menu .main-menu__list>li>ul>li>ul, .stricky-header .main-menu__list, .stricky-header .main-menu__list>li>ul, .stricky-header .main-menu__list>li>ul>li>ul
{
  margin-top: -14px;
}
.main-menu .main-menu__list>li.current>a, .main-menu .main-menu__list>li:hover>a, .stricky-header .main-menu__list>li.current>a, .stricky-header .main-menu__list>li:hover>a
{
  color:#fff;
}

.main-menu__bottom-inner{
    position: relative;
}

.header-action-btns{
    position: absolute;
    right: -182px;
    top: 40%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 10;
}

.main-menu__main-menu-box{
    padding-right: 360px; /* buttons ke liye space */
}

/* Common Button */
.header-btn{
    height:40px;
    padding:0 20px;
    border-radius:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
    white-space:nowrap;
    line-height:40px;
    font-family:inherit;
}

/* Pay */
.btn-pay{
    /*border:1.5px solid #b82025;*/
    color:#b82025;
    background:#fff;
    font-weight: 300;
}

.btn-pay:hover{
    background:#b82025;
    color:#fff;
    font-weight: 300;
}

/* Customer Service */
.btn-service{
    /*border:1.5px solid #444;*/
    color:#333;
    background:#fff;
    min-width:175px;
    font-weight: 300;
}

.btn-service:hover{
    background:#f5f5f5;
}

/* Login */
.btn-login{
    background:#a71f24;
    color:#fff;
    border:1px solid #a71f24;
    min-width:105px;
}

.btn-login i{
    margin-right:8px;
    font-size:14px;
}

.btn-login:hover{
    background:#8b171c;
}

.phone-blink{
    display:inline-block;
    color:#fff;
    animation: phoneRing 0.8s infinite, phoneBlink 1s infinite;
    transform-origin:50% 50%;
}

@keyframes phoneRing{
    0%   { transform: rotate(0deg); }
    15%  { transform: rotate(18deg); }
    30%  { transform: rotate(-18deg); }
    45%  { transform: rotate(15deg); }
    60%  { transform: rotate(-15deg); }
    75%  { transform: rotate(10deg); }
    100% { transform: rotate(0deg); }
}

@keyframes phoneBlink{
    0%,100%{
        opacity:1;
    }
    50%{
        opacity:.3;
    }
}
.main-menu .main-menu__list > li > a::before, .stricky-header .main-menu__list > li > a::before 
  {
    background: transparent;
  }

 .main-slider__content{
    visibility:hidden !important;
}
.active .main-slider__title, .active .main-slider__btn-box, .active .main-slider__sub-title
{
  visibility:hidden !important;

}
.main-slider__bg:before
{
  background: transparent !important;
}

.main-slider__bg{
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.main-menu__bottom{
    position: relative;
    overflow: visible;   /* hidden ki jagah visible */
    z-index: 9999;
    isolation: isolate;  /* new stacking context */
}

.main-menu__bottom::after{
    content: "";
    position: absolute;
    top: 0;
    right: -80px;
    width: 38%;
    height: 100%;
    background: linear-gradient(135deg, #4cb848, #00A4EF);
    transform: skewX(-25deg);
    z-index: -1;
    pointer-events: none;
}

/* --- Background & Section Wrapper Layout --- */
.custom-solutions-section {
    position: relative;
    padding: 80px 0 100px 0;
    background-color: #ffffff; /* Niche ka background pure white */
    overflow: hidden;
}

/* Long Tiles Overlay Effect - Top Area styled like image 2 */
.tiles-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 380px; /* Adjust top gradient zone height */
    background: linear-gradient(180deg, #0056a6 0%, rgba(0, 86, 166, 0.85) 60%, rgba(255, 255, 255, 0) 100%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    z-index: 1;
    padding: 0 10px;
}

/* Individual Vertical Tiles */
.tiles-bg-overlay .tile-bar {
    width: 4%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 70%, transparent 100%);
    border-left: 1px solid rgba(255, 255, 255, 0.04);
    border-right: 1px solid rgba(255, 255, 255, 0.04);
}

.custom-content-holder {
    position: relative;
    z-index: 5; /* Content tiles background ke upar dikhega */
}

/* --- Typography & Titles --- */
.solutions-main-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #ffffff; /* Tiles background par smooth white contrast */
    margin-bottom: 10px;
}

/* --- Unique Responsive Navigation Tabs --- */
.custom-solutions-tabs .nav-link {
    font-size: 1.05rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8) !important;
    background: transparent !important;
    border: none !important;
    padding: 8px 20px;
    margin: 0 5px;
    position: relative;
    transition: all 0.3s ease;
}

.custom-solutions-tabs .nav-link:hover {
    color: #ffffff !important;
}

.custom-solutions-tabs .nav-link.active {
    color: #ffffff !important;
    font-weight: 600;
}

/* Active bottom slider indicator line */
.custom-solutions-tabs .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20%;
    width: 60%;
    height: 3px;
    background-color: #ffffff;
    border-radius: 2px;
}

/* --- Isko purane .banking-feature-card ke jagah paste karein --- */
.banking-feature-card {
    background: #ffffff;
    border-radius: 16px;
    
    /* Stronger shadow lagaya hai taki white background par card ekdum upar utha hua aur clear dikhe */
    box-shadow: 0 10px 30px rgba(0, 86, 166, 0.15), 0 4px 12px rgba(0, 0, 0, 0.08);
    
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease;
    border: 1px solid rgba(0, 86, 166, 0.1); /* Halka sa border jo card boundary ko sharp karega */
}

/* --- Isko purane .banking-feature-card:hover ke jagah paste karein --- */
.banking-feature-card:hover {
    transform: translateY(-8px);
    
    /* Hover karne par shadow thodi aur deep aur attractive ho jayegi */
    box-shadow: 0 20px 40px rgba(0, 86, 166, 0.25), 0 8px 20px rgba(0, 0, 0, 0.12);
}

.card-text-block {
    padding: 30px 30px 15px 30px;
}

.card-inside-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #222222;
    margin-bottom: 8px;
}

.card-inside-desc {
    font-size: 0.95rem;
    color: #666666;
    margin-bottom: 25px;
}

/* Custom Image Placement within card */
.card-image-block {
    width: 100%;
    margin-top: auto;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.card-image-block img {
    max-height: 180px;
    object-fit: contain;
    width: 100%;
}

/* --- Card Background Theme Variants --- */
.solution-light-card {
    background-color: #f8f9fa;
}

/* Center Highlighted Card utilizing your brand color #0056a6 */
.solution-dark-card {
    background: linear-gradient(135deg, #0056a6 0%, #003a70 100%);
    transform: scale(1.03); /* Center premium popup effect */
}

.solution-tint-card {
    background-color: #e6f0fa;
}

/* --- Custom Dynamic Buttons --- */
.card-btn-group .btn {
    padding: 8px 18px;
    font-size: 0.9rem;
    font-weight: 500;
    border-radius: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    transition: all 0.2s ease;
}

.solution-btn-primary {
    background-color: #0056a6;
    color: #ffffff;
}
.solution-btn-primary:hover {
    background-color: #003a70;
    color: #ffffff;
}

.solution-btn-secondary {
    background-color: #72a0c1;
    color: #ffffff;
}

.solution-btn-outline {
    border: 1px solid #0056a6;
    color: #0056a6;
    background: transparent;
}
.solution-btn-outline:hover {
    background: #0056a6;
    color: #ffffff;
}

/* Dark Card Solid Buttons */
.solution-btn-solid-white {
    background-color: #ffffff;
    color: #0056a6;
}
.solution-btn-solid-white:hover {
    background-color: #f1f1f1;
    color: #003a70;
}

.solution-btn-outline-white {
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: #ffffff;
    background: transparent;
}
.solution-btn-outline-white:hover {
    background: #ffffff;
    color: #0056a6;
}

/* --- Mobile & Tablet Responsiveness Media Queries --- */
@media (max-width: 991px) {
    .solutions-main-title {
        font-size: 2rem;
    }
    .solution-dark-card {
        transform: scale(1); /* Reset mobile view center scale to fix alignment */
    }
}

/* --- Premium Dynamic Cards Layout (Updated for Corner Images) --- */
.banking-feature-card {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 86, 166, 0.15), 0 4px 12px rgba(0, 0, 0, 0.08);
    height: 100%;
    min-height: 240px; /* Ek minimum height taki images aur content dono ko space mile */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    position: relative; /* Image positioning ko lock karne ke liye critical hai */
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease;
    border: 1px solid rgba(0, 86, 166, 0.1);
}

.banking-feature-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 86, 166, 0.25), 0 8px 20px rgba(0, 0, 0, 0.12);
}

/* Text Container spacing manage karne ke liye */
.card-text-block {
    padding: 24px 24px 15px 24px;
    width: 65%; /* 65% space text ke liye, baaki 35% right side me image ke liye reserve rahega */
    position: relative;
    z-index: 2; /* Text hamesha image ke upar rahega layer me */
}

/* Card Button Group adjustments */
.card-btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.card-btn-group .btn {
    padding: 6px 14px;
    font-size: 0.85rem;
    font-weight: 500;
    border-radius: 6px;
    margin: 0; /* Bootstrap margins reset */
    white-space: nowrap;
}

/* Image Wrapper Layout to stick right corner */
.card-image-block {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 38%; /* Image ka wrapper control */
    height: auto;
    max-height: 85%; /* Card ke upar tak na jaye scaling me */
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    z-index: 1;
    pointer-events: none; /* Button clicks block na ho isliye */
}

/* Image absolute placement */
.card-image-block img {
    max-height: 170px; /* Card layout ke hisab se constant height */
    width: auto;
    object-fit: contain;
    display: block;
    margin-bottom: 0; /* Bottom edge se bilkul chipka rahega */
    margin-right: 0;   /* Right edge se bilkul chipka rahega */
}

/* --- Responsive Behavior for Mobile Screens --- */
@media (max-width: 767px) {
    .card-text-block {
        width: 100%; /* Mobile me text ko poori width milegi */
        padding-bottom: 90px; /* Niche space taki image text ke upar overlap na ho */
    }
    
    .card-image-block {
        width: 45%; /* Mobile layout par image ka size proportion auto adjust */
        max-height: 120px;
    }
    
    .card-image-block img {
        max-height: 110px;
    }
}

/* --- Image Wrapper Layout (With Left Soft Curve Line Effect) --- */
.card-image-block {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 38%; 
    height: auto;
    max-height: 85%; 
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    z-index: 1;
    pointer-events: none;

    /* Image ke left side ko smooth shadow aur soft inner curve dene ke liye */
    border-top-left-radius: 50% 100%; /* Halka dynamic left arc curve line design */
    box-shadow: -15px 0px 25px -10px rgba(0, 86, 166, 0.15) inset; /* Masking shadow */
}

/* --- Image absolute placement & fade mask --- */
.card-image-block img {
    max-height: 170px; 
    width: auto;
    object-fit: contain;
    display: block;
    margin-bottom: 0; 
    margin-right: 0;   
    
    /* Image ka left border smooth fade karne ke liye soft gradient mask */
    -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.3) 8%, rgba(0, 0, 0, 1) 25%);
    mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.3) 8%, rgba(0, 0, 0, 1) 25%);
}

/* --- Mobile View Adjustments --- */
@media (max-width: 767px) {
    .card-image-block {
        width: 45%; 
        max-height: 120px;
        box-shadow: -10px 0px 15px -8px rgba(0, 86, 166, 0.12) inset;
        border-top-left-radius: 40% 100%;
    }
    .card-image-block img {
        max-height: 110px;
        -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.3) 12%, rgba(0, 0, 0, 1) 30%);
        mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.3) 12%, rgba(0, 0, 0, 1) 30%);
    }
}

/* --- Buttons Inline Layer Config --- */
.card-btn-group {
    display: flex;
    flex-direction: row;      /* Hamesha agal-bagal rakhne ke liye */
    flex-wrap: nowrap !important; /* Forcefully break hone se rokne ke liye */
    gap: 6px;                 /* Dono button ke beech ka halka gap */
    width: 100%;
    margin-top: 15px;
}

.card-btn-group .btn {
    padding: 5px 10px !important; /* Padding chhota kiya takki space kam ghere */
    font-size: 0.78rem !important; /* Font size chhota kiya perfect fit ke liye */
    font-weight: 500;
    border-radius: 6px;
    margin: 0 !important;      /* Ek line me alignment clear rakhne ke liye */
    white-space: nowrap;       /* Text ko kisi bhi haal me wrap nahi hone dega */
    flex: 1;                   /* Dono buttons ko barabar equal width milegi */
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;   /* Agar text bada ho toh design kharab nahi hoga */
}
/* --- Card Background Theme Variants (Unified Light Sky Blue Gradient) --- */

/* Left Card (Fixed Deposit) - Very Soft Sky Blue Gradient */
.solution-light-card {
    background: linear-gradient(135deg, #f0f7ff 0%, #e1effe 100%);
    border: 1px solid rgba(0, 86, 166, 0.12);
}

/* Center Card (Credit Card) - Light Sky Blue Variant */
/* (Isko bhi light kar diya hai, text color automatic dark handle ho jaye isliye iska label reset kiya hai) */
.solution-dark-card {
    background: linear-gradient(135deg, #f0f7ff 0%, #d4e8fc 100%);
    border: 1px solid rgba(0, 86, 166, 0.15);
    transform: scale(1.03); /* Pop-up scale maintain rakha hai */
}

/* Right Card (Personal Loan) - Smooth Light Cyan/Sky Gradient */
.solution-tint-card {
    background: linear-gradient(135deg, #ecf5fe 0%, #dcfafe 100%);
    border: 1px solid rgba(0, 86, 166, 0.12);
}
.solution-btn-solid
{
  border:1px solid #000;
}
@media (max-width: 767px) {
    .tiles-bg-overlay {
        height: 440px; /* Small layout compensation */
    }
    .custom-solutions-tabs {
        flex-wrap: nowrap;
        overflow-x: auto; /* Adds horizontal scrolling on phones for slick clean UI */
        justify-content: flex-start !important;
        padding-bottom: 10px;
        -webkit-overflow-scrolling: touch;
    }
    .custom-solutions-tabs .nav-link {
        white-space: nowrap;
    }
    .card-text-block {
        padding: 20px;
    }
}
@media (max-width: 767px){

.header-action-btns{
    position: absolute;
    right:0px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 10;
}

    .main-menu__top-right{
        width: 100%;
        justify-content: center;
        margin-top: 5px;
    }

    .custom-top-links{
        justify-content: center;
    }

    .custom-top-links li{
        padding: 0 6px;
    }

    .custom-top-links li a{
        font-size: 10px;
    }
}

/* --- मेगा मेनू को परफेक्ट सेंटर अलाइन करने के लिए कस्टम CSS --- */
.loan-mega-trigger {
    position: relative !important;
}

/* आपकी sub-menu क्लास को मेगा मेनू लुक में बदलने के लिए */
.loan-mega-trigger .loan-mega-menu-box{
    position: absolute !important;
    top: 100% !important;

    left: 50% !important;
    transform: translateX(-50%) !important;

    width: min(1450px, calc(100vw - 40px)) !important;
    max-width: calc(100vw - 40px) !important;

    background: #fff url("../images/back-m.jpg") center/cover no-repeat !important;

    border-top: 4px solid #b32025 !important;
    border-radius: 0 0 10px 10px !important;

    padding: 30px !important;

    display: grid !important;
    grid-template-columns: 280px repeat(4,minmax(220px,1fr)) !important;
    gap: 22px !important;

    box-shadow:0 18px 45px rgba(0,0,0,.18) !important;

    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;

    transition:.35s ease !important;

    z-index:999999 !important;
}

/* Hover होने पर मेगा मेनू दिखेगा */
.loan-mega-trigger:hover .loan-mega-menu-box {
    opacity: 1 !important;
    visibility: visible !important;
}

/* अंदर के कॉलम्स और लिस्ट की स्टाइलिंग (सुरक्षित और आइसोलेटेड) */
.loan-mega-column {
    display: flex !important;
    flex-direction: column !important;
    list-style: none !important;
}

.loan-mega-column h3 {
    font-size: 15px !important;
    color: #ffff !important;
    border-bottom: 2px solid #b32025 !important;
    padding-bottom: 8px !important;
    margin-bottom: 15px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

.loan-mega-sub-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.loan-mega-sub-list li {
    margin-bottom: 12px !important;
    list-style: none !important;
}

.loan-mega-sub-list li a {
    color: #444 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.loan-mega-sub-list li a i {
    color: #2e7d32 !important;
    font-size: 14px !important;
    width: 18px !important;
}

.loan-mega-img-container img {
    width: 100% !important;
    max-width: 160px !important;
    height: auto !important;
    margin-top: 15px !important;
    align-self: center !important;
}

/* मोबाइल के लिए प्लस (+) बटन */
.loan-mega-mobile-btn {
    display: none;
}

/* --- मोबाइल व्यू रेस्पॉन्सिव CSS (992px से कम) --- */
@media (max-width: 992px) {
    .loan-mega-trigger {
        position: relative !important;
    }

    .loan-mega-mobile-btn {
        display: block !important;
        position: absolute !important;
        right: 10px !important;
        top: 15px !important;
        font-size: 20px !important;
        cursor: pointer !important;
        z-index: 10 !important;
        transition: transform 0.3s ease !important;
    }

    /* एक्टिव होने पर प्लस आइकॉन घूमेगा */
    .loan-mega-trigger.loan-mega-active .loan-mega-mobile-btn {
        transform: rotate(45deg) !important;
        color: #b32025 !important;
    }

    /* मोबाइल में मेगा मेनू का बिहेवियर */
    .loan-mega-trigger .loan-mega-menu-box {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        transform: none !important;
        width: 100% !important;
        box-shadow: none !important;
        grid-template-columns: 1fr !important; /* सिंगल कॉलम */
        max-height: 0 !important;
        overflow: hidden !important;
        display: grid !important;
        opacity: 1 !important;
        visibility: visible !important;
        padding: 0 20px !important;
    }

    /* प्लस क्लिक होने पर मेनू खुलेगा */
    .loan-mega-trigger.loan-mega-active .loan-mega-menu-box {
        max-height: 2000px !important;
        padding: 15px 20px !important;
    }

    .loan-mega-img-container img {
        display: none !important;
    }
}

/* --- 1. CORE POSITIONING & CENTER ALIGNMENT --- */
.loan-mega-trigger {
    position: relative !important;
}

/* पुरानी थीम की डिफ़ॉल्ट सेटिंग्स को हटाकर सेंटर ग्रिड बनाना */
.loan-mega-trigger .loan-mega-menu-box {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) scale(0.95) !important; /* सेंटर अलाइनमेंट + स्मूथ ज़ूम इफ़ेक्ट */
    width: 95vw !important;
    max-width: 1180px !important;
    background-image: url(../images/back-m.jpg);
    /*background-image: linear-gradient(to right, rgba(255, 165, 0, 0.08), rgba(255, 255, 255, 0.98) 35%) !important;*/
    box-shadow: 0 15px 35px rgba(0,0,0,0.15) !important;
    border-top: 4px solid #b32025 !important; /* टॉप पर प्रीमियम रेड बॉर्डर लाइन */
    border-radius: 0 0 8px 8px !important;
    padding: 30px 25px !important;
    
    /* ग्रिड लेआउट */
    display: grid !important;
    grid-template-columns: 1.1fr 1.4fr 1.1fr 1.1fr 1.1fr !important;
    gap: 20px !important;
    
    /* विजिबिलिटी कंट्रोल */
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    list-style: none !important;
    z-index: 99999 !important;
}

/* Hover होने पर सेंटर में शो होना */
.loan-mega-trigger:hover .loan-mega-menu-box {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(-50%) scale(1) !important;
}

/* --- 2. INNER DESIGN & COLUMNS (ATTRACTIVE CARD LOOK) --- */
.loan-mega-column {
    display: flex !important;
    flex-direction: column !important;
    list-style: none !important;
}

.loan-card-wrapper {
    
    border: 1px solid rgba(0,0,0,0.04) !important;
    border-radius: 6px !important;
    padding: 15px !important;
    height: 100% !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.loan-card-wrapper:hover {
    background: #ffffff !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;
}

/* Column Headings */
.loan-mega-column h3 {
    font-size: 14px !important;
    color: #fff !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #b32025 !important;
    padding-bottom: 6px !important;
    margin-bottom: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

/* Sub-links List */
.loan-mega-sub-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.loan-mega-sub-list li {
    margin-bottom: 10px !important;
    list-style: none !important;
    display: block !important;
}

/* लिंक्स का विजिबल कलर और डिज़ाइन फिक्स (सबसे महत्वपूर्ण) */
.loan-mega-sub-list li a {
    color: #333333 !important; /* डार्क कलर ताकि साफ दिखे */
    text-decoration: none !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 6px 4px !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Link Hover Effect */
.loan-mega-sub-list li a:hover {
    color: #0056b3 !important; /* होवर पर ब्लू कलर */
    background-color: rgba(0, 86, 179, 0.05) !important;
    padding-left: 8px !important; /* हल्का सा राइट स्लाइड इफ़ेक्ट */
}

/* Icons Styling */
.loan-icon-green {
    color: #2e7d32 !important; /* आकर्षक डार्क ग्रीन आइकॉन कलर */
    font-size: 14px !important;
    width: 20px !important;
    text-align: center !important;
    display: inline-block !important;
}

/* Image Setup */
.loan-mega-img-container {
    justify-content: space-between !important;
}

.loan-family-img {
    width: 100% !important;
    max-width: 150px !important;
    height: auto !important;
    margin-top: 15px !important;
    align-self: center !important;
    mix-blend-mode: multiply !important; /* ट्रांसपेरेंट लुक के लिए */
}

/* --- 3. RESPONSIVE MOBILE VIEW (992px से कम) --- */
.loan-mega-mobile-btn {
    display: none;
}

@media (max-width: 992px) {
    .loan-mega-mobile-btn {
        display: block !important;
        position: absolute !important;
        right: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        font-size: 18px !important;
        color: #333 !important;
        cursor: pointer !important;
        z-index: 999 !important;
        padding: 5px !important;
        transition: transform 0.3s ease !important;
    }

    .loan-mega-trigger.loan-mega-active .loan-mega-mobile-btn {
        transform: translateY(-50%) rotate(45deg) !important;
        color: #b32025 !important;
    }

    /* मोबाइल में मेगा मेनू को लिस्ट में बदलना */
    .loan-mega-trigger .loan-mega-menu-box {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        transform: none !important;
        width: 100% !important;
        box-shadow: none !important;
        border-top: none !important;
        grid-template-columns: 1fr !important;
        padding: 0 15px !important;
        gap: 10px !important;
        max-height: 0 !important;
        overflow: hidden !important;
        display: grid !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    /* प्लस क्लिक होने पर डिस्प्ले खोलना */
    .loan-mega-trigger.loan-mega-active .loan-mega-menu-box {
        max-height: 2500px !important;
        opacity: 1 !important;
        visibility: visible !important;
        padding: 15px !important;
    }

    .loan-card-wrapper {
       
        padding: 10px !important;
    }

    .loan-family-img {
        display: none !important; /* मोबाइल में स्पेस बचाने के लिए इमेज हाइड */
    }
}

/* --- ULTIMATE MEGA MENU FULL SECTION CENTER FIX --- */

/* 1. सबसे पहले इसके मेन पेरेंट (li) को रिलेटिव एंकर बनाना जरूरी है */
.loan-mega-trigger {
    position: relative !important;
}

/* 2. पूरे बॉक्स को जबरदस्ती स्क्रीन या पेरेंट के सेंटर में लाने के लिए */
.loan-mega-trigger .loan-mega-menu-box {
    position: absolute !important;
    top: 100% !important;
    
    /* ये तीनों लाइनें मिलकर इसे हमेशा सेंटर में रखेंगी, चाहे कोई भी स्क्रीन साइज हो */
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important; 
    
    /* विड्थ और मैक्स-विड्थ ताकि ये दोनों तरफ से बराबर मार्जिन छोड़े */
    width: 95vw !important;
    max-width: 1180px !important;
    
    /* रीसेट डिफॉल्ट्स जो लेफ्ट भागने पर मजबूर करते हैं */
    margin: 0 auto !important;
    padding: 30px 25px !important;
    float: none !important; /* अगर आपकी थीम में float: left लगा हो तो उसे हटाने के लिए */
    
    /* अंदर के ग्रिड को भी इसके खुद के सेंटर में रखने के लिए */
    display: grid !important;
    grid-template-columns: 1.1fr 1.4fr 1.1fr 1.1fr 1.1fr !important;
    gap: 20px !important;
    justify-content: center !important;
}

/* 3. थीम की वजह से अंदर के li एलिमेंट्स का अलाइनमेंट न बिगड़े */
.loan-mega-menu-box > li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. मोबाइल व्यू के लिए इसे वापस नॉर्मल पोजीशन पर लाना */
@media (max-width: 992px) {
    .loan-mega-trigger .loan-mega-menu-box {
        left: 0 !important;
        transform: none !important;
        width: 100% !important;
        margin: 0 !important;
    }
}

/* ==========================================================================
   1. ONLY FOR DESKTOP VIEW (Screens wider than 768px)
   ========================================================================== */
@media (min-width: 769px) {
    .loan-mega-trigger {
        position: relative !important;
    }

    /* डेस्कटॉप का ओरिजिनल 5-कॉलम ग्रिड लेआउट और सेंटर अलाइनमेंट */
    .loan-mega-trigger .loan-mega-menu-box {
        position: absolute !important;
        top: 100% !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) scale(0.95) !important;
        width: 95vw !important;
        max-width: 1180px !important;
         /*background:
        radial-gradient(circle at top left,
            rgba(24,145,78,.10) 0%,
            transparent 35%),

        radial-gradient(circle at bottom right,
            rgba(19,109,181,.08) 0%,
            transparent 35%),

        linear-gradient(
            135deg,
            #ffffff,
            #f7fcf8,
            #eef8f2
        ) !important;*/
         background-image:url(../images/back-m.jpg);
         background-size: cover;
        box-shadow: 0 15px 35px rgba(0,0,0,0.15) !important;
        border-top: 4px solid #b32025 !important;
        border-radius: 0 0 8px 8px !important;
        padding: 30px 25px !important;
        margin: 0 auto !important;
        float: none !important;
        
        display: grid !important;
        grid-template-columns: 1.1fr 1.4fr 1.1fr 1.1fr 1.1fr !important;
        gap: 20px !important;
        justify-content: center !important;
        
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
        list-style: none !important;
        z-index: 99999 !important;
    }

    

    /* डेस्कटॉप पर होवर करने पर स्मूथली खुलेगा */
    .loan-mega-trigger:hover .loan-mega-menu-box {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateX(-50%) scale(1) !important;
    }

    .loan-mega-column {
        display: flex !important;
        flex-direction: column !important;
        list-style: none !important;
    }

    .loan-card-wrapper {
        
        border: 1px solid rgba(0,0,0,0.04) !important;
        border-radius: 6px !important;
        padding: 15px !important;
        height: 100% !important;
    }

    .loan-mega-column h3 {
        font-size: 14px !important;
        color: #fff !important;
        font-weight: 700 !important;
        border-bottom: 2px solid #b32025 !important;
        padding-bottom: 6px !important;
        margin-bottom: 15px !important;
        text-transform: uppercase !important;
    }

    .loan-mega-sub-list {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .loan-mega-sub-list li {
        margin-bottom: 10px !important;
        list-style: none !important;
    }

    .loan-mega-sub-list li a {
        color: #333333 !important;
        text-decoration: none !important;
        font-size: 13.5px !important;
        font-weight: 500 !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

    .loan-icon-green {
        color: #2e7d32 !important;
        font-size: 14px !important;
        width: 20px !important;
    }

    .loan-family-img {
        width: 100% !important;
        max-width: 150px !important;
        height: auto !important;
        margin-top: 15px !important;
        align-self: center !important;
    }

    /* डेस्कटॉप पर मोबाइल का प्लस बटन 100% गायब रहेगा */
    .loan-mega-mobile-btn {
        display: none !important;
    }
}

/* ==========================================================================
   ONLY FOR DEPOSIT MENU DESKTOP GRID (Laptop/Desktop Screens)
   ========================================================================== */
@media (min-width: 992px) {
    
    /* सिर्फ depositmenu क्लास के अंदर वाले बॉक्स का ग्रिड बदलें */
    li.depositmenu .loan-mega-menu-box {
        display: grid !important;
        /* 1 इमेज कॉलम (0.8fr) + 3 कंटेंट कॉलम (1.4fr प्रत्येक) */
        grid-template-columns: 0.8fr 1.4fr 1.4fr 1.4fr !important; 
        max-width: 1050px !important; /* चौड़ाई को थोड़ा कम किया ताकि 3 कॉलम फैले हुए न लगें */
        background-image: linear-gradient(135deg, rgba(46, 125, 50, 0.05) 0%, #ffffff 40%, rgba(255, 165, 0, 0.03) 100%) !important;
    }

    /* सिर्फ depositmenu के अंदर की इमेज को सेट करने के लिए */
    li.depositmenu .loan-mega-img-container {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding-right: 15px !important;
        border-right: 1px dashed rgba(0, 0, 0, 0.08) !important;
    }

    li.depositmenu .loan-mega-img-container img {
        width: 100% !important;
        max-width: 120px !important;
        height: auto !important;
        opacity: 0.85 !important;
    }
}
.main-menu .main-menu__list>li>ul>li>a, .main-menu .main-menu__list>li>ul>li>ul>li>a, .stricky-header .main-menu__list>li>ul>li>a, .stricky-header .main-menu__list>li>ul>li>ul>li>a
{
  background: transparent;
}
/* Financial Inclusion Dropdown */
.main-menu .sub-menu{
   background-image: url(../images/back-m.jpg);
    border-radius: 0 0 10px 10px;
    padding: 8px 0;
    min-width: 280px;
    box-shadow: 0 12px 30px rgba(19,109,181,.25);
    overflow: hidden;
}

.main-menu .sub-menu li{
    position: relative;
    margin: 0;
}

.main-menu .sub-menu li:not(:last-child){
    border-bottom: 1px dashed rgba(255,255,255,.25);
}

.main-menu .sub-menu li a{
    display: flex;
    align-items: center;
    color: #000 !important;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 22px;
    transition: all .35s ease;
    position: relative;
}

/* Arrow Icon */
.main-menu .sub-menu li a::before{
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 10px;
    font-size: 12px;
    color: #ffd54f;
    transition: .3s;
}

/* Premium Dotted Divider */
.main-menu .sub-menu li:not(:last-child)::after{
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 0;
    border-bottom: 1.5px dashed rgba(255,255,255,.35) !important;
}

/* Hover */
.main-menu .sub-menu li:hover::after{
    border-bottom-color: rgba(255,255,255,.65);
}

/* Hover */
.main-menu .sub-menu li:hover>a{
    background: rgba(255,255,255,.12);
    color: #000 !important;
    padding-left: 28px;
}

.main-menu .sub-menu li:hover>a::before{
    color: #fff;
    transform: translateX(3px);
}

/* Last Item */
.main-menu .sub-menu li:last-child{
    border-bottom: none;
}
/* ==========================================================================
   2. ONLY FOR MOBILE VIEW (Screens 768px and narrower)
   ========================================================================== */
@media (max-width: 768px) {
    .loan-mega-trigger {
        position: relative !important;
        display: block !important;
        width: 100% !important;
    }

    /* प्लस बटन सिर्फ मोबाइल में दिखेगा */
    .loan-mega-mobile-btn {
        display: block !important;
        position: absolute !important;
        right: 15px !important;
        top: 12px !important;
        font-size: 22px !important;
        color: #333333 !important;
        cursor: pointer !important;
        z-index: 999999 !important;
        padding: 5px !important;
        transition: transform 0.3s ease !important;
    }

    .loan-mega-trigger.loan-mega-active .loan-mega-mobile-btn {
        transform: rotate(45deg) !important;
        color: #b32025 !important;
    }

    /* डिफ़ॉल्ट रूप से मोबाइल में ड्रॉपडाउन पूरी तरह क्लोज्ड (चुपचाप) रहेगा */
    .loan-mega-trigger .loan-mega-menu-box {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        box-shadow: none !important;
        border-top: none !important;
        background: #fafafa !important;
        margin: 0 !important;
        padding: 0 15px !important;
        
        /* ये दो लाइनें मोबाइल में डिफ़ॉल्ट रूप से बंद रखती हैं */
        display: none !important; 
        opacity: 0 !important;
        visibility: hidden !important;
    }

    /* मोबाइल में सिर्फ 'loan-mega-active' होने पर ही खुलेगा */
    .loan-mega-trigger.loan-mega-active .loan-mega-menu-box {
        display: block !important; 
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        padding: 15px !important;
    }

    .loan-mega-column {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 12px !important;
        display: block !important;
    }

    .loan-card-wrapper {
        
        border: 1px solid #eeeeee !important;
        padding: 12px !important;
    }

    .loan-mega-column h3 {
        font-size: 13px !important;
        margin-bottom: 8px !important;
        padding-bottom: 4px !important;
    }

    .loan-family-img {
        display: none !important;
    }
}

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

    .loan-mega-trigger{
        position:relative;
    }

    .loan-mega-mobile-btn{
        display:flex;
        align-items:center;
        justify-content:center;
        position:absolute;
        right:15px;
        top:12px;
        width:32px;
        height:32px;
        border-radius:6px;
        background:#f3f5f8;
        cursor:pointer;
        z-index:99;
    }

    .loan-mega-mobile-btn i{
        transition:.4s;
    }

    .loan-mega-mobile-btn.active i{
        transform:rotate(45deg);
    }

    .loan-mega-menu-box{
        position:static !important;
        width:100% !important;
        display:none;
        grid-template-columns:1fr !important;
        padding:15px;
        box-shadow:none;
        border-radius:10px;
    }

    .loan-mega-trigger.active .loan-mega-menu-box{
        display:grid;
    }

    .loan-family-img{
        display:none;
    }

    .loan-card-wrapper{
        margin-bottom:12px;
    }

}

/*=========================
 MOBILE LOAN MENU
==========================*/

.mobile-loan-menu{
    display:none;
    list-style:none;
    width:100%;
}

.mobile-loan-title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 18px;
    font-size:16px;
    font-weight:600;
    color:#222;
    text-decoration:none;
    border-bottom:1px solid #e9e9e9;
    background:#fff;
}

.mobile-loan-title:hover{
    color:#0c7a33;
}

.mobile-loan-toggle{
    width:30px;
    height:30px;
    border-radius:50%;
    background:#0c7a33;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:.4s;
}

.mobile-loan-toggle i{
    font-size:14px;
}

.mobile-loan-dropdown{
    display:none;
    background:#f7f8fa;
    padding:10px;
}

.mobile-loan-menu.active .mobile-loan-dropdown{
    display:block;
}

.mobile-loan-menu.active .mobile-loan-toggle{
    transform:rotate(45deg);
}

.mobile-loan-box{

    background:#fff;
    border-radius:10px;
    margin-bottom:12px;
    padding:12px;

    box-shadow:0 2px 10px rgba(0,0,0,.08);
}

.mobile-loan-box h5{

    margin:0 0 12px;
    font-size:15px;
    color:#0c7a33;
    font-weight:700;

}

.mobile-loan-box h5 i{

    margin-right:8px;

}

.mobile-loan-box ul{

    margin:0;
    padding:0;
    list-style:none;

}

.mobile-loan-box ul li{

    border-bottom:1px solid #efefef;

}

.mobile-loan-box ul li:last-child{

    border-bottom:none;

}

.mobile-loan-box ul li a{

    display:block;
    padding:10px 0;
    color:#444;
    text-decoration:none;
    font-size:14px;
    transition:.3s;

}

.mobile-loan-box ul li a:hover{

    color:#0c7a33;
    padding-left:8px;

}

/* Default - Desktop */
.mobile-loan-only{
    display: none !important;
}

/*=============================
    Latest Updates
==============================*/

.bgb-latest-news{

    width:100%;

    display:flex;

    align-items:center;

    background:#dff3f9;

    border-top:1px solid #dbe7f2;

    border-bottom:1px solid #dbe7f2;

    height:48px;

    overflow:hidden;

    box-shadow:0 4px 15px rgba(0,0,0,.06);

}

/* Left Title */

.bgb-news-title{

    min-width:182px;

    height:100%;

    background:#4cb848;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:16px;

    font-weight:700;

    letter-spacing:.5px;

    position:relative;

}

.bgb-news-title i{

    margin-right:10px;

    color:#ffd54a;

    font-size:18px;

}

/* Arrow Shape */

.bgb-news-title:after{

    content:"";

    position:absolute;

    right:-20px;

    top:0;

    border-top:24px solid transparent;

    border-bottom:24px solid transparent;

    border-left:20px solid #4cb848;

}

/* Marquee */

.bgb-news-marquee{

    width:100%;

    overflow:hidden;

    white-space:nowrap;

    margin-left:20px;

}

.bgb-news-track{

    display:inline-block;

    white-space:nowrap;

    animation:bgbMarquee 50s linear infinite;

}

/* Hover Pause */

.bgb-news-track:hover{

    animation-play-state:paused;

}

/* Text */

.bgb-news-track span{

    display:inline-flex;

    align-items:center;

    margin-right:70px;

    color:#333;

    font-size:15px;

    font-weight:500;

}

.bgb-news-track span i{

    color:#0b8b42;

    margin-right:8px;

    font-size:15px;

}

@keyframes bgbMarquee{

    from{

        transform:translateX(100%);

    }

    to{

        transform:translateX(-100%);

    }

}

/* Mobile */
/* ==========================================================================
   BIHAR GRAMIN BANK - CREATIVE VIDEO & CATEGORY SECTION
   ========================================================================== */
.bgb-media-zone-section {
    padding: 60px 0;
    background-color: #f8f9fa;
    position: relative;
    overflow: hidden;
}

/* 🌀 द अल्टीमेट ज़ेड-शेप (Z-Shape) क्रिएटिव बॉर्डर कंटेनर */
.bgb-video-wrapper-card {
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 1;
}

/* पेन स्केच के अनुसार उल्टे Z-शेप डायनामिक बैकग्राउंड बॉर्डर के लिए सूडो एलिमेंट */
.bgb-video-wrapper-card::before {
    content: "";
    position: absolute;
    inset: -3px; /* बॉर्डर की थिकनेस */
    border-radius: 15px;
    padding: 3px;
    
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

/* हेडर सेटिंग्स */
.bgb-section-header {
    border-bottom: 2px dashed rgba(0,0,0,0.08);
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.bgb-main-heading {
    font-size: 22px;
    font-weight: 700;
    color: #111111;
    margin: 0;
}

.bgb-sub-heading {
    font-size: 13px;
    color: #666666;
    margin: 5px 0 0 0;
}

/* 🎥 वीडियो प्लेयर प्रीमियम स्टाइल */
.bgb-video-box {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    background: #000000;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.bgb-video-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}

.bgb-custom-video {
    display: block;
    border: none;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

/* वीडियो के ऊपर छोटा सुंदर टैग लेबल */
.video-label-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(179, 32, 37, 0.9);
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 2;
}

/* ==========================================================================
   RIGHT SIDEBAR CATEGORY MENU DESIGN (जैसा इमेज 2 में है, लेकिन अधिक प्रीमियम)
   ========================================================================== */
.bgb-sidebar-category-container {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.06);
}

.bgb-category-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* कैटगरी लिंक्स की खूबसूरत डिज़ाइन */
.bgb-cat-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    color: #ffffff;
    /* इमेज 2 की तरह सटीक डीप ब्लू कलर पैलेट */
    background: #1d70b8; 
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    transition: all 0.3s ease;
}

/* होवर करने पर स्मूथ इफ़ेक्ट */
.bgb-cat-link:hover {
    background: #165994;
    color: #ffffff;
    padding-left: 25px; /* हल्का सा राइट शिफ्ट इफ़ेक्ट */
}

/* एक्टिव स्टेट */
.bgb-cat-link.active {
    background: #0b4d87;
    border-left: 5px solid #ff9800; /* आकर्षक गोल्ड/ऑरेंज लेफ्ट इंडिकेटर */
}

/* लोन वाले लिंक को थोड़ा अलग और आकर्षित दिखाने के लिए स्पेशल क्लास */
.bgb-cat-link.bgb-highlight-link {
    background: #1462a5;
    background-image: linear-gradient(to right, #1462a5, #1d70b8);
}

.bgb-cat-link.bgb-highlight-link:hover {
    background: #0b4d87;
}

.bgb-plus-icon {
    font-size: 16px;
    font-weight: 700;
    opacity: 0.8;
}

/* ==========================================================================
   UPDATED SMOOTH SIDEBAR DROPDOWN STYLES
   ========================================================================== */
.bgb-has-dropdown {
    position: relative;
    list-style: none !important;
}

/* सब-मेन्यू बॉक्स: शुरू में हाइट 0 रहेगी और यह पूरी तरह छिपा रहेगा */
.bgb-sub-category-list {
    max-height: 0; /* स्मूथ एनीमेशन का सीक्रेट */
    overflow: hidden; /* बाहर जाता हुआ कंटेंट छिपाने के लिए */
    background-color: #f1f7fc;
    list-style: none !important;
    padding: 0 !important; /* पैडिंग को 0 किया ताकि बंद होने पर स्पेस न दिखे */
    margin: 0 !important;
    border-left: 4px solid #1d70b8;
    
    /* 0.4 सेकंड का स्मूथ ऊपर से नीचे खुलने वाला ट्रांजिशन */
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s ease;
}

/* जब जावास्क्रिप्ट .is-open क्लास ऐड करेगी, तब यह स्मूथली खुलेगा */
.bgb-has-dropdown.is-open .bgb-sub-category-list {
    max-height: 300px; /* आपके सब-मेन्यू के हिसाब से पर्याप्त हाइट */
    padding: 8px 0 !important; /* खुलने पर अंदरूनी स्पेस */
}

/* सब-मेन्यू के अंदर के लिंक्स */
.bgb-sub-category-list li a {
    display: block;
    padding: 10px 25px;
    color: #333333;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    transition: all 0.2s ease;
}

.bgb-sub-category-list li a:hover {
    background-color: #e2eef7;
    color: #b32025;
    padding-left: 30px;
}

/* एक्टिव हेड स्टाइल */
.bgb-has-dropdown.is-open > .bgb-cat-link {
    background: #0b4d87 !important;
}

.bgb-toggle-icon {
    font-size: 18px;
    font-weight: 700;
    transition: transform 0.3s ease;
}

/* ==========================================================================
   CREATIVE SPLIT-REVEAL ANIMATION (LEFT & RIGHT ENTRANCE)
   ========================================================================== */

/* हॉरिजॉन्टल स्क्रॉल बार को रोकने के लिए मुख्य सेक्शन पैरेंट */
.bgb-media-zone-section {
    overflow-x: hidden !important;
}

.bgb-video-wrapper-card {
    opacity: 0;
    transform: translateX(-100px) scale(0.97); /* थोड़ा और पीछे से शुरू होगा */
    
    /* टाइमिंग को बढ़ाकर 1.4s किया गया है ताकि यह बहुत आराम से तैरता हुआ आए */
    transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* 2. राइट साइड (कैटेगरी बॉक्स) - शुरू में दाईं तरफ छिपा रहेगा */
.bgb-sidebar-category-container {
    opacity: 0;
    transform: translateX(80px); /* दाईं तरफ शिफ्ट */
    transition: opacity 0.9s cubic-bezier(0.25, 1, 0.5, 1), 
                transform 0.9s cubic-bezier(0.25, 1, 0.5, 1);
}

/* 🌟 स्क्रॉल होते ही दोनों एलिमेंट्स अपनी जगह पर आकर स्मूथली मिलेंगे */
.bgb-media-zone-section.scroll-triggered .bgb-video-wrapper-card,
.bgb-media-zone-section.scroll-triggered .bgb-sidebar-category-container {
    opacity: 1;
    transform: translateX(0) scale(1); /* अपनी ओरिजिनल पोजीशन पर वापसी */
}
/* ==========================================================================
   RESPONSIVENESS (मोबाइल फ्रेंडली सेटिंग्स)
   ========================================================================== */

   /*====================================
      Full Advertisement Banner
====================================*/

.bgb-full-banner{
    width:100%;
    margin:35px 0;
}

.bgb-full-banner a{
    display:block;
    overflow:hidden;
    border-radius:14px;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.bgb-full-banner img{
    width:100%;
    height:auto;
    display:block;
    transition:.5s ease;
}

.bgb-full-banner a:hover img{
    transform:scale(1.02);
}

/* Mobile */
.hdfc-fraud-section {
    background-color: #f7f9fc;
    padding: 60px 0;
    overflow: hidden;
    position: relative;
    font-family: inherit;
  }

  .hdfc-fraud-title {
    text-align: center;
    font-size: 2.2rem;
    font-weight: 700;
    color: #1c1c1c;
    margin-bottom: 40px;
  }

  .hdfc-carousel-wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    height: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 1000px; /* Exact 3D Perspective Effect */
  }

  .hdfc-carousel-track {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hdfc-carousel-slide {
    position: absolute;
    width: 580px;
    height: 330px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1),
                opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1),
                z-index 0.6s ease;
    cursor: pointer;
    background: #000;
  }

  .hdfc-carousel-slide video,
  .hdfc-carousel-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* 3D ROTATION POSITIONS (Exact HDFC Behavior) */
  /* Center Active Slide */
  .hdfc-carousel-slide.is-active {
    transform: translateX(0) scale(1) rotateY(0deg);
    opacity: 1;
    z-index: 5;
    pointer-events: auto;
  }

  /* Immediate Right Slide */
  .hdfc-carousel-slide.is-next {
    transform: translateX(260px) scale(0.82) rotateY(-12deg);
    opacity: 0.6;
    z-index: 3;
    pointer-events: none;
  }

  /* Immediate Left Slide */
  .hdfc-carousel-slide.is-prev {
    transform: translateX(-260px) scale(0.82) rotateY(12deg);
    opacity: 0.6;
    z-index: 3;
    pointer-events: none;
  }

  /* Far Right Hidden/Far Slides */
  .hdfc-carousel-slide.is-far-next {
    transform: translateX(450px) scale(0.65) rotateY(-20deg);
    opacity: 0.2;
    z-index: 1;
    pointer-events: none;
  }

  /* Far Left Hidden/Far Slides */
  .hdfc-carousel-slide.is-far-prev {
    transform: translateX(-450px) scale(0.65) rotateY(20deg);
    opacity: 0.2;
    z-index: 1;
    pointer-events: none;
  }

  /* Completely Hidden Slides */
  .hdfc-carousel-slide.is-hidden {
    transform: translateX(0) scale(0.5);
    opacity: 0;
    z-index: 0;
    pointer-events: none;
  }

  /* ATTRACTIVE ROUND BUTTONS */
  .hdfc-nav-btn {
    width: 48px;
    height: 48px;
    background-color: #004b8d;
    color: #ffffff;
    border-radius: 50%;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0, 75, 141, 0.3);
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
  }

  .hdfc-nav-btn:hover {
    background-color: #003366;
    transform: translateY(-50%) scale(1.1);
  }

  .hdfc-nav-prev { left: 20px; }
  .hdfc-nav-next { right: 20px; }

  /* Watch More Center Button */
  .hdfc-action-wrapper {
    text-align: center;
    margin-top: 25px;
  }

  .hdfc-watch-more-btn {
    background-color: #004b8d;
    color: #ffffff;
    padding: 12px 28px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background 0.3s ease;
  }

  .hdfc-watch-more-btn:hover {
    background-color: #003366;
    color: #ffffff;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .hdfc-carousel-wrapper { height: 260px; }
    .hdfc-carousel-slide { width: 85%; height: 220px; }
    .hdfc-carousel-slide.is-next { transform: translateX(60px) scale(0.85); opacity: 0.4; }
    .hdfc-carousel-slide.is-prev { transform: translateX(-60px) scale(0.85); opacity: 0.4; }
    .hdfc-nav-prev { left: 5px; }
    .hdfc-nav-next { right: 5px; }
  }
@media(max-width:767px){

.bgb-full-banner{
    margin:20px 0;
}

.bgb-full-banner a{
    border-radius:8px;
}

}
@media (max-width: 768px) {
    .bgb-media-zone-section {
        padding: 40px 0;
    }
    
    .bgb-video-wrapper-card {
        padding: 20px;
        margin-bottom: 10px;
    }
    
    .bgb-main-heading {
        font-size: 19px;
    }
}


.bgbx-wrapper{
    background:#f4f8fb;
    border:1px solid #dce8f1;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 4px 12px rgba(0,0,0,.08);
}

/* ===== TABS ===== */

.bgbx-tabs{
    display:flex;
    /*background:#0a4d8f;*/
    overflow-x:auto;
    scrollbar-width:none;
    padding: 7px;
}

.bgbx-tabs::-webkit-scrollbar{
    display:none;
}

.bgbx-tab-btn{
    flex:1;
    min-width:140px;
    padding:0px 5px;
    border:none;
    background:#0a4d8f;
    color:#fff;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    border-right:1px solid rgba(255,255,255,.15);
    transition:.3s;
}

.bgbx-tab-btn:hover,
.bgbx-tab-btn.active{
    background:#1d76c9;
}

/* ===== SLIDE CONTENT ===== */

.bgbx-slide-box{
    display:none;
    padding:18px;
    animation:bgbxFade .4s ease;
}

.bgbx-slide-box.active{
    display:block;
}

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

/* ===== IMAGE ===== */

.bgbx-card-wrap{
    position:relative;
    width:100%;
    max-width:250px;
    margin:auto;
}

.bgbx-card-wrap:before{
    content:"";
    position:absolute;
    left:-10px;
    top:-10px;
    width:80%;
    height:100%;
    background:#1d76c9;
    z-index:0;
}

.bgbx-card-wrap:after{
    content:"";
    position:absolute;
    right:-10px;
    bottom:-10px;
    width:80%;
    height:100%;
    background:#0a4d8f;
    z-index:0;
}

.bgbx-card-img{
    position:relative;
    z-index:1;
    width:100%;
    border:3px solid #e30045;
    border-radius:4px;
    background:#fff;
    box-shadow:0 4px 10px rgba(0,0,0,.15);
}

/* ===== TEXT ===== */

.bgbx-text-area{
    border-left:2px solid #2ca54f;
    padding-left:16px;
}

.bgbx-text-area h3{
    font-size:19px;
    font-weight:700;
    color:#222;
    margin-bottom:8px;
}

.bgbx-text-area p{
    font-size:19px;
    line-height:1.6;
    color:#333;
    margin-bottom:12px;
}

.bgbx-read{
    color:#0a4d8f;
    text-decoration:none;
    font-weight:700;
    font-size:20px;
}

.bgbx-read:hover{
    color:#1d76c9;
}

/* ===== DOTS ===== */

.bgbx-dots{
    text-align:center;
    padding:8px 0 14px;
}

.bgbx-dot{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#d2d2d2;
    display:inline-block;
    margin:0 5px;
    cursor:pointer;
    transition:.3s;
}

.bgbx-dot.active{
    background:#86a59a;
}

/* ===== RESPONSIVE ===== */

@media(max-width:991px){

    .bgbx-text-area{
        border-left:none;
        border-top:2px solid #2ca54f;
        padding-left:0;
        padding-top:15px;
        margin-top:15px;
    }

    .bgbx-text-area h3{
        font-size:26px;
    }

    .bgbx-text-area p{
        font-size:18px;
    }

}

@media(max-width:576px){

    .bgbx-tab-btn{
        font-size:12px;
        padding:10px 12px;
        min-width:120px;
    }

    .bgbx-slide-box{
        padding:15px;
    }

    .bgbx-text-area h3{
        font-size:22px;
    }

    .bgbx-text-area p{
        font-size:16px;
    }

}
.bgbx-tab-btn{
    position:relative;
    background:linear-gradient(135deg,#edf7ff,#ffffff);
    color:#0c4a96;
    border:none;
    clip-path:polygon(8% 0%,100% 0%,92% 100%,0% 100%);
    transition:.35s;
}

.bgbx-tab-btn:hover,
.bgbx-tab-btn.active{
    background:linear-gradient(135deg,#0b63c8,#19a1ff);
    color:#fff;
}

.bgbx-main-section{
    width:100%;
    padding:50px 0;
    position:relative;
    overflow:hidden;
    background:#eef3f8;
}

.bgbx-main-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:url("../images/backgrounds/testimonial-one-bg.png") center center/cover no-repeat;
    opacity:0.5;      /* 0.05 se 0.20 ke beech adjust karein */
    z-index:0;
}

.bgbx-main-section > .container{
    position:relative;
    z-index:1;
}

.bgbOfferBox{

    background:#fff;
    border:1px solid #d8e7f5;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.bgbOfferTitle{

    background:linear-gradient(90deg,#004f9f,#1677d2);
    color:#fff;
    font-size:20px;
    font-weight:700;
    text-transform:uppercase;
    padding:14px 20px;
    position:relative;
    letter-spacing:.5px;

}

.bgbOfferTitle:after{

    content:"";
    position:absolute;
    right:0;
    top:0;
    width:55px;
    height:100%;
    background: #47b753;
    clip-path:polygon(35% 0,100% 0,100% 100%,0 100%);

}

.bgbOfferWrapper{

    height:355px;
    overflow:hidden;
    position:relative;
    background:#fff;

}

.bgbOfferTrack{

    transition:transform .8s ease;

}

.bgbOfferItem{

    display:flex;
    align-items:center;
    gap:15px;
    padding:18px;

    border-bottom:2px dotted #d7d7d7;

    background:#fff;

}

.bgbOfferItem:last-child{

    border-bottom:none;

}

.bgbOfferImg{

    flex:0 0 90px;

}

.bgbOfferImg img{

    width:90px;
    height:70px;
    object-fit:cover;
    border-radius:8px;
    border:1px solid #ddd;

}

.bgbOfferContent{

    flex:1;

}

.bgbOfferContent h4{

    font-size:18px;
    margin:0 0 6px;
    color:#063c73;
    font-weight:700;

}

.bgbOfferContent p{

    margin:0;
    color:#555;
    font-size:14px;
    line-height:24px;

}

.bgbOfferItem:hover{

    background:#f6fbff;

}

@media(max-width:991px){

.bgbOfferWrapper{

height:320px;

}

}
.awards2
{
  width:200px;
  height: 200px;
}
.bgbx-awards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
    margin:20px 0;
}

.bgbx-award-item{
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border:1px solid #dbe8f4;
    border-radius:10px;
    padding:8px;
    box-shadow:0 4px 12px rgba(0,0,0,.08);
}

.awards2{
    width:100%;
    
    object-fit:cover;
    border-radius:6px;
}

.sectitle
{
  margin-top: 0px !important;
}
.bgb-side-heading{
    position:relative;
    display:flex;
    align-items:center;
    gap:10px;
    height:48px;
    margin-bottom:18px;
    padding:0 22px;
    background: linear-gradient(90deg, #0957a9, #46b757);
    color:#fff;
    font-size:17px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;
    clip-path:polygon(0 0,95% 0,100% 50%,95% 100%,0 100%,3% 50%);
    box-shadow:0 8px 20px rgba(12,74,150,.25);
}

.bgb-side-heading-icon{
    width:30px;
    height:30px;
    background:rgba(255,255,255,.18);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}

.bgb-side-heading::after{
    content:"";
    position:absolute;
    right:12px;
    width:8px;
    height:8px;
    background:#ffd54f;
    border-radius:50%;
    box-shadow:
    -12px 0 #fff,
    -24px 0 rgba(255,255,255,.5);
}
/* ==================================
   Three Small Fixed Images
================================== */

.bgb-three-image-section {
    margin: 0;
    padding: 5px 0;
}

/* Image container */
.bgb-small-image {
    width: 100%;
    height: 115px; /* Fixed height */

    overflow: hidden;
    border-radius: 7px;

    background: #f2f7fb;
}

/* Image */
.bgb-small-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.35s ease;
}

/* Small hover effect */
.bgb-small-image:hover img {
    transform: scale(1.06);
}

/* =====================================
   BGB AT A GLANCE - MODERN DESIGN
===================================== */

.bgb-glance-modern {
    padding: 45px 0;
    background:
        linear-gradient(
            135deg,
            #f4f9fc 0%,
            #ffffff 55%,
            #f2f8f4 100%
        );
}


/* Common */

.bgb-modern-sidebar,
.bgb-glance-content,
.bgb-update-panel {
    background: #ffffff;
    border: 1px solid #e1eaf0;
}


/* =========================
   LEFT MENU
========================= */

.bgb-modern-side-title {
    min-height: 47px;

    padding: 0 15px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    color: #ffffff;

    background:
        linear-gradient(
            90deg,
            #075b9c,
            #1678b7
        );

    font-size: 14px;
    font-weight: 700;
}

.bgb-modern-side-title > div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bgb-modern-side-title > div i {
    color: #8ed34c;
}

.bgb-modern-menu {
    padding: 5px 14px;
    margin: 0;

    list-style: none;
}

.bgb-modern-menu li {
    border-bottom: 1px dotted #c7d2d9;
}

.bgb-modern-menu li:last-child {
    border-bottom: 0;
}

.bgb-modern-menu a {
    min-height: 43px;

    display: flex;
    align-items: center;

    gap: 9px;

    color: #34434d;

    font-size: 12.5px;
    font-weight: 500;

    text-decoration: none;

    transition: 0.25s ease;
}

.bgb-menu-icon {
    width: 25px;
    height: 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #1678b7;

    background: #edf7fc;

    border-radius: 50%;

    font-size: 10px;
}

.bgb-modern-menu a:hover {
    padding-left: 4px;
    color: #0870b8;
}


/* Small Loan Card */

.bgb-loan-rate {
    margin-top: 13px;

    padding: 15px;

    display: flex;
    align-items: center;

    gap: 12px;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #287a63,
            #3e9b61
        );

    border-radius: 4px;
}

.bgb-loan-rate-icon {
    width: 47px;
    height: 47px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    background: rgba(255,255,255,0.15);

    border-radius: 50%;

    font-size: 20px;
}

.bgb-loan-rate-content {
    display: flex;
    flex-direction: column;
}

.bgb-loan-rate-content span {
    font-size: 13px;
    font-weight: 700;
}

.bgb-loan-rate-content small {
    margin-top: 2px;

    font-size: 10px;

    opacity: 0.85;
}

.bgb-loan-rate-content strong {
    margin-top: 2px;

    color: #fff05a;

    font-size: 23px;

    line-height: 1;
}


/* =========================
   CENTER CONTENT
========================= */

.bgb-glance-content {
    min-height: 350px;

    padding: 23px;
}

.bgb-glance-top {
    display: flex;
    align-items: center;

    gap: 15px;

    padding-bottom: 14px;

    border-bottom: 1px dotted #c2cdd4;
}

.bgb-glance-heading {
    display: flex;
    align-items: center;

    gap: 11px;
}

.bgb-heading-icon {
    width: 43px;
    height: 43px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #126eaf,
            #2a8fc5
        );

    border-radius: 8px;

    font-size: 17px;
}

.bgb-glance-heading small {
    display: block;

    margin-bottom: 2px;

    color: #4cae4f;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.2px;
}

.bgb-glance-heading h2 {
    margin: 0;

    color: #173f5b;

    font-size: 19px;

    font-weight: 700;
}

.bgb-glance-line {
    flex: 1;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            #4cae4f,
            transparent
        );

    border-radius: 20px;
}

.bgb-glance-description {
    padding: 16px 0 11px;
}

.bgb-glance-description p {
    margin-bottom: 9px;

    color: #4d5b64;

    font-size: 14px;

    line-height: 1.8;

    text-align: justify;
}


/* Statistics */

.bgb-glance-stats {
    padding-top: 7px;
}

.bgb-stat-card {
    min-height: 72px;

    padding: 9px;

    display: flex;
    align-items: center;

    gap: 9px;

    background: #f5fafc;

    border-left: 3px solid #3e9b61;
}

.bgb-stat-icon {
    width: 35px;
    height: 35px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    color: #1678b7;

    background: #e4f2fa;

    border-radius: 50%;

    font-size: 13px;
}

.bgb-stat-card strong {
    display: block;

    color: #173f5b;

    font-size: 19px;

    line-height: 1.1;
}

.bgb-stat-card span {
    display: block;

    margin-top: 2px;

    color: #66747c;

    font-size:11px;
}


/* =========================
   RIGHT UPDATE
========================= */

.bgb-update-heading {
    min-height: 47px;

    padding: 0 14px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    color: #ffffff;

    background: #173f5b;

    font-size: 13px;
    font-weight: 700;
}

.bgb-update-heading > div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bgb-update-heading > div i {
    color: #8ed34c;
}

.bgb-update-heading a {
    color: #b8e37d;

    font-size: 9px;

    text-decoration: none;
}

.bgb-update-list {
    max-height: 245px;

    padding: 5px 13px;

    overflow-y: auto;
}

.bgb-update-item {
    padding: 11px 0;

    display: flex;
    align-items: flex-start;

    gap: 8px;

    color: #394850;

    border-bottom: 1px dotted #c7d1d7;

    font-size: 11.5px;

    line-height: 1.45;

    text-decoration: none;
}

.bgb-update-item:last-child {
    border-bottom: 0;
}

.bgb-update-item > span {
    margin-top: 3px;

    color: #3e9b61;

    font-size: 6px;
}

.bgb-update-item small {
    display: block;

    margin-top: 3px;

    color: #8a969d;

    font-size: 9px;
}

.bgb-update-item:hover {
    color: #0870b8;
}


/* Help Desk */

.bgb-modern-help {
    margin-top: 13px;

    min-height: 78px;

    padding: 12px 15px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #126eaf,
            #247eab
        );
}

.bgb-help-left {
    display: flex;
    align-items: center;

    gap: 11px;
}

.bgb-help-left > span {
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff05a;

    background: rgba(255,255,255,0.12);

    border-radius: 50%;

    font-size: 19px;
}

.bgb-help-left small {
    display: block;

    font-size: 9px;

    opacity: 0.8;
}

.bgb-help-left strong {
    display: block;

    margin-top: 2px;

    font-size: 14px;
}

.bgb-modern-help > a {
    width: 31px;
    height: 37px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #126eaf;

    background: #ffffff;

    border-radius: 50%;

    font-size: 11px;

    text-decoration: none;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 991px) {

    .bgb-glance-content {
        min-height: auto;
    }

    .bgb-update-panel {
        margin-top: 0;
    }

}
.breadcrumb-section {
    min-height: 200px;
    display: flex;
    align-items: center;
    background-position: bottom;
    background-size:cover;
}
/* BGB Breadcrumb - Left Align & Black Text */

.breadcrumb-content {
    position: relative;
    z-index: 2;

    text-align: left !important;
    color: #000 !important;
}

/* Top divider */
.breadcrumb-content .divider {
    width: 110px;
    height: 2px;

    margin: 0 0 14px 0;

    position: relative;

    background: #136db5;
}

/* Divider icon */
.breadcrumb-content .divider span {
    width: 32px;
    height: 32px;

    position: absolute;

    left: 0;
    top: 50%;

    transform: translateY(-50%);

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;

    background: #136db5;

    border-radius: 50%;

    font-size: 12px;
}

/* Heading */
.breadcrumb-content h2 {
    margin: 0 0 10px;

    color: #000 !important;

    font-size: 30px;
    font-weight: 700;

    line-height: 1.2;

    text-shadow: none;
}

/* Breadcrumb */
.breadcrumb-content ul {
    margin: 0;
    padding: 0;

    display: flex;

    align-items: center;
    justify-content: flex-start;

    gap: 9px;

    list-style: none;
}

/* Breadcrumb text */
.breadcrumb-content ul li {
    display: flex;
    align-items: center;

    color: #000 !important;

    font-size: 13px;
    font-weight: 500;
}

/* Home link */
.breadcrumb-content ul li a {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    color: #000 !important;

    text-decoration: none;
}

/* Home icon */
.breadcrumb-content ul li a i {
    color: #136db5;

    font-size: 11px;
}

/* Hover */
.breadcrumb-content ul li a:hover {
    color: #136db5 !important;
}

/* Arrow */
.breadcrumb-content .breadcrumb-arrow {
    color: #136db5 !important;

    font-size: 11px;
}

/* Current page */
.breadcrumb-content .breadcrumb-active {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    color: #000 !important;

    font-weight: 700;
}

.breadcrumb-content .breadcrumb-active i {
    color: #136db5;

    font-size: 11px;
}

/* =====================================
   BGB MODERN HELP DESK
===================================== */

.bgb-modern-help {
    min-height: 105px;

    margin-top: 13px;
    padding: 14px;

    display: flex;
    align-items: center;

    gap: 12px;

    position: relative;
    overflow: hidden;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #075b9c 0%,
            #136db5 60%,
            #4cb848 100%
        );

    border-radius: 7px;

    box-shadow: 0 7px 18px rgba(7, 91, 156, 0.18);
}

/* Light decorative circle */

.bgb-modern-help::after {
    content: "";

    width: 100px;
    height: 100px;

    position: absolute;

    right: -38px;
    top: -35px;

    border: 18px solid rgba(255, 255, 255, 0.08);

    border-radius: 50%;

    pointer-events: none;
}

/* Headset icon */

.bgb-help-icon {
    width: 50px;
    height: 50px;

    min-width: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;

    background: rgba(255, 255, 255, 0.16);

    border: 1px solid rgba(255, 255, 255, 0.28);

    border-radius: 50%;

    font-size: 21px;
}

/* Content */

.bgb-help-details {
    flex: 1;

    display: flex;
    flex-direction: column;

    min-width: 0;
}

.bgb-help-details > small {
    display: flex;
    align-items: center;

    gap: 5px;

    margin-bottom: 2px;

    color: rgba(255, 255, 255, 0.85);

    font-size: 10px;

    line-height: 1.3;
}

.bgb-help-details > small i {
    color: #ffe55c;

    font-size: 9px;
}

.bgb-help-details > strong {
    display: block;

    margin-bottom: 5px;

    color: #fff;

    font-size: 14px;
    font-weight: 700;

    line-height: 1.2;
}

/* Toll-free number */

.bgb-toll-free {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    width: fit-content;

    color: #fff;

    text-decoration: none;
}

.bgb-toll-free > i {
    width: 27px;
    height: 27px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #136db5;

    background: #ffe55c;

    border-radius: 50%;

    font-size: 11px;
}

.bgb-toll-free span {
    display: flex;
    flex-direction: column;

    color: #fff;

    font-size: 13px;
    font-weight: 700;

    line-height: 1.15;
}

.bgb-toll-free em {
    margin-bottom: 1px;

    color: rgba(255, 255, 255, 0.75);

    font-size: 8px;

    font-style: normal;
    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 0.5px;
}

/* Right call button */

.bgb-call-btn {
    width: 38px;
    height: 38px;

    min-width: 38px;

    position: relative;
    z-index: 1;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #136db5;

    background: #fff;

    border-radius: 50%;

    font-size: 14px;

    text-decoration: none;

    transition: 0.25s ease;
}

.bgb-call-btn:hover {
    color: #fff;

    background: #4cb848;

    transform: scale(1.08);
}

/* Mobile */

@media (max-width: 575px) {

    .bgb-modern-help {
        min-height: 95px;

        padding: 12px;

        gap: 9px;
    }

    .bgb-help-icon {
        width: 43px;
        height: 43px;

        min-width: 43px;

        font-size: 18px;
    }

    .bgb-help-details > strong {
        font-size: 13px;
    }

    .bgb-toll-free span {
        font-size: 12px;
    }

    .bgb-call-btn {
        width: 34px;
        height: 34px;

        min-width: 34px;
    }
}
/* Mobile */
@media (max-width: 767px) {

    .breadcrumb-content h2 {
        font-size: 24px;
    }

    .breadcrumb-content ul li {
        font-size: 12px;
    }
}
@media (max-width: 767px) {

    .bgb-glance-modern {
        padding: 25px 0;
    }

    .bgb-glance-content {
        padding: 16px;
    }

    .bgb-glance-heading h2 {
        font-size: 17px;
    }

    .bgb-glance-description p {
        font-size: 12px;
    }

    .bgb-stat-card {
        min-height: 64px;
    }

    .bgb-stat-card strong {
        font-size: 17px;
    }

}

@media (max-width: 575px) {

    .bgb-stat-card {
        margin-bottom: 5px;
    }

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

    .bgb-three-image-section {
        padding: 3px 0;
    }

    .bgb-small-image {
        height: 75px;
        border-radius: 5px;
    }
}
@media(max-width:767px){

.bgb-side-heading{
    font-size:15px;
    height:44px;
    padding:0 18px;
}

}
/*=============================
      Bihar Gramin Bank
=============================*/

.bgb-feature-section{
    background:#f5f9fd;
    border:1px solid #dceaf8;
    border-radius:15px;
    overflow:hidden;
}

/* Item */

.bgb-feature-box{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:15px;
    padding:22px 18px;
    text-decoration:none;
    transition:.35s;
    height:100%;
}

/* Divider */

.bgb-feature-box::after{
    content:"";
    position:absolute;
    right:0;
    top:20%;
    height:60%;
    width:1px;
    background:#dbe8f5;
}

.col-lg-3:last-child .bgb-feature-box::after{
    display:none;
}

/* ICON */

.bgb-feature-icon{
    font-size:27px;
    transition:.35s;
}

/* Beautiful Colors */

.bgb-blue{
    color:#136db5;
}

.bgb-green{
    color:#136db5;
}

.bgb-orange{
    color:#136db5;
}

.bgb-red{
    color:#136db5;
}

/* Hover */

.bgb-feature-box:hover{
    background:#ffffff;
}

.bgb-feature-box:hover .bgb-feature-icon{
    transform:translateY(-6px) scale(1.12);
}

/* TEXT */

.bgb-feature-content h5{
    margin:0;
    color:#12345b;
    font-size:19px;
    font-weight:700;
}

.bgb-feature-content span{
    display:block;
    margin-top:4px;
    color:#7b8794;
    font-size:14px;
}

/* Mobile */
/* Base Section Wrapper - Centered & Compact */
  .smod-main-section {
    width: 100%;
    padding: 40px 15px;
    background-color: #f9fbfd;
    box-sizing: border-box;
  }

  .smod-container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
  }

  /* Header Styling */
  .smod-header-icon {
    width: 40px;
    height: 40px;
    background: #000000;
    color: #ffffff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 10px;
  }

  .smod-title {
    font-size: 28px;
    font-weight: 800;
    color: #111827;
    margin: 0 0 8px 0;
  }

  .smod-subtitle {
    font-size: 15px;
    color: #6b7280;
    margin: 0 0 25px 0;
  }

  /* Tab Buttons Wrapper */
  .smod-tab-buttons {
    display: inline-flex;
    gap: 12px;
    margin-bottom: 30px;
    background: #ffffff;
    padding: 6px;
    border-radius: 30px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  }

  .smod-tab-btn {
    padding: 8px 28px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 15px;
    border: 1px solid #0f4c64;
    background: transparent;
    color: #0f4c64;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .smod-tab-btn.active {
    background: #0f4c64;
    color: #ffffff;
  }

  /* Tab Content Handling */
  .smod-tab-content {
    display: none;
    width: 100%;
  }

  .smod-tab-content.active {
    display: block;
  }

  /* Swiper Container Box */
  .smod-swiper-outer {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }

  .smod-swiper-box {
    width: 100%;
    padding: 10px 5px 25px 5px !important;
    overflow: hidden;
  }

  /* Slide Cards Styling */
  .smod-swiper-box .swiper-slide {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease;
  }

  /* Image Aspect Ratio & Size Fitting */
  .smod-swiper-box .swiper-slide img {
    width: 100%;
    height: auto;
    /*aspect-ratio: 1 / 1;*/ 
    object-fit: cover;
    display: block;
    border-radius: 16px;
  }

  /* Responsive Adjustments */
  @media (max-width: 768px) {
    .smod-title {
      font-size: 22px;
    }
    .smod-main-section {
      padding: 25px 10px;
    }
  }
@media(max-width:767px){

.bgb-feature-box{
    flex-direction:column;
    text-align:center;
    gap:10px;
    padding:20px 10px;
    border-bottom:1px solid #e5eef8;
}

.bgb-feature-box::after{
    display:none;
}

.col-6:nth-child(odd){
    border-right:1px solid #e5eef8;
}

.bgb-feature-icon{
    font-size:38px;
}

.bgb-feature-content h5{
    font-size:16px;
}

.bgb-feature-content span{
    font-size:12px;
}

}
@media(max-width:767px){

.bgbOfferItem{

align-items:flex-start;

}

.bgbOfferImg{

flex:0 0 75px;

}

.bgbOfferImg img{

width:75px;
height:60px;

}

.bgbOfferContent h4{

font-size:16px;

}

.bgbOfferContent p{

font-size:13px;
line-height:22px;

}

}

.team-one__content
{
  margin-right: 0px;
}
.section-title__title
{
  font-size: 34px;
}
.teamLoanCarousel .owl-nav{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:25px;
}

.teamLoanCarousel .owl-nav button{
    width:38px !important;
    height:38px !important;
    border-radius:50% !important;
    background:#0c4a96 !important;
    color:#fff !important;
    font-size:18px !important;
    transition:.3s;
    border:none !important;
}

.teamLoanCarousel .owl-nav button:hover{
    background:#f7941d !important;
}

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

.teamLoanCarousel .owl-dots{
    display:none;
}

/* Navigation */
.teamLoanCarousel .owl-nav{
    display:block !important;
}

.teamLoanCarousel .owl-prev,
.teamLoanCarousel .owl-next{
    position:absolute;
    top:45%;
    transform:translateY(-50%);
    width:42px;
    height:42px;
    border-radius:50% !important;
    background:#0c4a96 !important;
    color:#fff !important;
    font-size:20px !important;
    line-height:42px !important;
    text-align:center;
    transition:.3s;
    margin:0 !important;
}

.teamLoanCarousel .owl-prev{
    left:-20px;
}

.teamLoanCarousel .owl-next{
    right:-20px;
}

.teamLoanCarousel .owl-prev:hover,
.teamLoanCarousel .owl-next:hover{
    background:#f7941d !important;
    color:#fff !important;
}

.teamLoanCarousel .owl-prev span,
.teamLoanCarousel .owl-next span{
    display:none;
}

.team-loan-frame{
    position:relative;
    margin-top:20px;
    padding:35px 20px 20px;
    border:2px dotted #b8d6f3;
    border-radius:18px;
    background:#f5f4f4;
    box-shadow:0 8px 25px rgba(0,0,0,.06);
    height: 400px;
}

/* Background Effect */

.team-loan-frame::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    border-radius:18px;
    background:
        radial-gradient(circle at top left, rgba(255,255,255,.9) 0%, transparent 35%),
        radial-gradient(circle at bottom right, rgba(188,205,223,.45) 0%, transparent 45%),
        linear-gradient(135deg,#f7f8fa 0%,#eef3f7 50%,#f9fbfc 100%);
}

.team-loan-heading{
    position:absolute;
    top:-18px;
    left:18px;
    background: linear-gradient(90deg, #0957a9, #46b757);
    padding:0 15px;
    color:#fff;
    border-radius: 5px;
}

.team-loan-heading .section-title{
    margin-bottom:0;
}

.team-loan-heading .section-title__title{
    margin:0;
    font-size:28px;
}

.teamLoanCarousel .item{
    padding:10px;
}

.teamLoanCarousel .team-one__single{
    height:100%;
    border-radius:15px;
    overflow:hidden;
}

.teamLoanCarousel .team-one__img{
    
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.teamLoanCarousel .team-one__img img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.teamLoanCarousel .team-one__content{
    text-align:center;
  
    display:flex;
    align-items:center;
    justify-content:center;
}

.teamLoanCarousel .team-one__title{
    margin:0;
    font-size:15px;
}
.teamLoanCarousel .owl-nav button
{
  background:#fff !important;
  color:#000 !important;
}

.bgbLoanRateSection{
    background-image: url(../images/backgrounds/rate-slide.jpg);
    padding:70px 0;
}

.bgbLoanRateHeading{
    text-align:center;
    margin-bottom:45px;
}

.bgbLoanRateHeading h2{
    font-size:34px;
    font-weight:700;
    color:#000;
    margin-bottom:12px;
}

.bgbLoanRateHeading span{
    width:80px;
    height:4px;
    background:#ffb400;
    display:inline-block;
    border-radius:30px;
}

.bgbLoanRateHeading p{
    margin-top:15px;
    color:#666;
}

.bgbLoanRateItem{
    padding:12px;
}

.bgbLoanRateCard{

    background:#fff;
    text-align:center;
    padding:30px 20px;
    border-radius:18px;
    position:relative;
    overflow:hidden;

    box-shadow:0 10px 35px rgba(0,0,0,.08);
    transition:.35s;
}

.bgbLoanRateCard:before{

    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;

    /*background:linear-gradient(90deg,#0b5ed7,#2fa6ff,#ffc107);*/

}

.bgbLoanRateCard:hover{

    transform:translateY(-8px);

}

.bgbLoanRateIcon{

    width:95px;
    height:95px;

    margin:auto;
    margin-bottom:20px;

    border-radius:50%;

    background:#eef7ff;

    display:flex;
    align-items:center;
    justify-content:center;

    transition:.4s;

}

.bgbLoanRateCard:hover .bgbLoanRateIcon{

    transform:rotate(8deg) scale(1.08);

}

.bgbLoanRateIcon img{

    width:58px;

}

.bgbLoanRateCard h4{

    font-size:20px;
    color:#222;
    margin-bottom:12px;

}

.bgbLoanRatePercent{

    display:inline-block;

    background:#eaf4ff;

    color:#0b5ed7;

    padding:9px 20px;

    border-radius:30px;

    font-weight:600;

}

.bgbLoanRatePercent strong{

    color:#44b65b;

}
/* Navigation */
.bgbLoanRateSlider .owl-nav{
    display:block !important;
}

.bgbLoanRateSlider .owl-nav .owl-prev,
.bgbLoanRateSlider .owl-nav .owl-next{

    position:absolute;
    top:42%;
    transform:translateY(-50%);

    width:42px;
    height:42px;

    border-radius:50% !important;

    background:#0b6fc6 !important;
    color:#fff !important;

    font-size:18px !important;
    line-height:42px !important;
    text-align:center;

    transition:.3s;

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

.bgbLoanRateSlider .owl-nav .owl-prev{
    left:-18px;
}

.bgbLoanRateSlider .owl-nav .owl-next{
    right:-18px;
}

.bgbLoanRateSlider .owl-nav .owl-prev:hover,
.bgbLoanRateSlider .owl-nav .owl-next:hover{

    background:#ffc107 !important;
    color:#123b73 !important;

}

.bgbLoanRateSlider .owl-nav span{
    font-size:28px;
    line-height:36px;
    display:block;
}
.rateicn
{
  font-size: 28px;
  color:#0b6fc6;
}
.bgb-image-slider{
    position:relative;
    width:100%;
    /*height:280px;*/
    overflow:hidden;
}

.bgb-slider{
    width: 100%;
    overflow: hidden;
    position: relative;
}

.bgb-slider-track{
    display: flex;
    height: 100%;
    transition: transform .6s ease-in-out;
    will-change: transform;
}

.bgb-slide{
    flex: 0 0 100%;
    width: 100%;
    position: relative;
}

.bgb-slide img{
    display: block;
    width: 100%;
    height:289px !important;
    object-fit: cover;   /* ya contain */
}
.bgb-slide{
    min-width:100%;
    height:100%;
    flex-shrink:0;
}

.bgb-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.bgb-prev,
.bgb-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:40px;
    height:40px;
    border:none;
    border-radius:50%;
    background:rgba(255,255,255,.9);
    color:#0b5fa5;
    cursor:pointer;
    z-index:99;
    transition:.3s;
}
.bgb-slider-box{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    border:1px solid #d9e8f5;
}

.bgb-slider-header{
    height:42px;
    background:linear-gradient(90deg,#0b5fa5,#1688d8);
    position:relative;
    display:flex;
    align-items:center;
    padding:0 18px;
}

.bgb-slider-header:after{
    content:"";
    position:absolute;
    right:0;
    top:0;
    width:0;
    height:0;
    border-top:21px solid transparent;
    border-bottom:21px solid transparent;
    border-left:35px solid rgba(255,255,255,.18);
}

.bgb-slider-header h4{
    margin:0;
    color:#fff;
    font-size:18px;
    font-weight:600;
    letter-spacing:.3px;
}

.bgb-prev{
    left:10px;
}

.bgb-next{
    right:10px;
}

.bgb-prev:hover,
.bgb-next:hover{
    background:#0b5fa5;
    color:#fff;
}
.team-one__bottom
{
  margin-top: 50px;
}
.bgbZoomReveal{
    opacity:0;
    transform:scale(.88) translateY(80px);
    transition:
        transform 1.3s cubic-bezier(.22,1,.36,1),
        opacity 1.3s ease;
    will-change:transform,opacity;
}

.bgbZoomReveal.bgbZoomActive{
    opacity:1;
    transform:scale(1) translateY(0);
}

.bgb-slider-section{
    overflow:hidden;
}

.bgb-slider-box{
    opacity:0;
    clip-path:inset(0 100% 0 0);
    transition:clip-path 1.4s ease, opacity 1.4s ease;
}

.bgbwn-section{
    opacity:0;
    clip-path:inset(0 0 0 100%);
    transition:clip-path 1.4s ease, opacity 1.4s ease;
}

.bgb-slider-box.bgbReveal{
    opacity:1;
    clip-path:inset(0 0 0 0);
}

.bgbwn-section.bgbReveal{
    opacity:1;
    clip-path:inset(0 0 0 0);
}

/* Common Header Design */
.bgb-slider-header,
.bgbwn-header{
    background: linear-gradient(135deg, #0056a6 0%, #4cb848 100%);
    min-height: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    padding: 0 22px;
    border-radius: 12px 12px 0 0;
    position: relative;
    overflow: hidden;
}

/* Light Shine Effect */
.bgb-slider-header::before,
.bgbwn-header::before{
    content: "";
    position: absolute;
    top: 0;
    left: -35%;
    width: 35%;
    height: 100%;
    background: rgba(255,255,255,.15);
    transform: skewX(-30deg);
}

/* Title */
.bgb-slider-header h4,
.bgbwn-header span{
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    letter-spacing: .3px;
    display: flex;
    align-items: center;
}

/* Icons */
.bgb-slider-header i,
.bgbwn-header i{
    color: #fff;
    font-size: 20px;
    margin-right: 10px;
}

/* Unique Wrapper & Layout */
.bgb-calc-wrapper {
    background-color: #f8f9fb;
    padding: 60px 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333333;
}

.bgb-calc-container {
    max-width: 1140px;
    margin: 0 auto;
}

.bgb-calc-header {
    text-align: center;
    margin-bottom: 30px;
}

.bgb-calc-header h2 {
    font-size: 32px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 8px;
}

.bgb-calc-header p {
    font-size: 16px;
    color: #555555;
    margin: 0;
}

/* Tab Navigation Style */
.bgb-calc-nav-scroller {
    overflow-x: auto;
    white-space: nowrap;
    margin-bottom: 25px;
    scrollbar-width: none; /* Firefox */
}
.bgb-calc-nav-scroller::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

.bgb-calc-nav-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 2px solid #e0e0e0;
}

.bgb-calc-tab-btn {
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 600;
    color: #555555;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.bgb-calc-tab-btn:hover {
    color: #004c8f;
}

.bgb-calc-tab-btn.active {
    color: #004c8f;
    border-bottom-color: #004c8f;
}

.bgb-calc-tab-btn i {
    font-size: 16px;
    color: #d9381e;
}

/* Calculator Box Structure */
.bgb-calc-box {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: stretch;
}

.bgb-calc-left {
    flex: 1 1 58%;
    background: #eef5fc;
    border-radius: 16px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.bgb-calc-right {
    flex: 1 1 38%;
    background: #eef5fc;
    border-radius: 16px;
    padding: 12px;
}

.bgb-calc-result-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #e1ebf5;
}

/* Slider Controls */
.bgb-calc-group {
    margin-bottom: 22px;
}
.bgb-calc-group:last-child {
    margin-bottom: 0;
}

.bgb-calc-label-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.bgb-calc-label-row label {
    font-size: 15px;
    font-weight: 600;
    color: #333333;
}

.bgb-calc-val-badge {
    background: #ffffff;
    border: 1px solid #cbe0f5;
    padding: 4px 12px;
    border-radius: 4px;
    font-weight: 700;
    color: #004c8f;
    font-size: 15px;
}

.bgb-calc-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 6px;
    border-radius: 5px;
    background: #c3d9ef;
    outline: none;
    margin: 12px 0;
}

.bgb-calc-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 22px;
    height: 22px;
    border-radius: 4px;
    background: #004c8f;
    border: 2px solid #ffffff;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.bgb-calc-range-text {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #666666;
    font-weight: 600;
}

/* Result Box Style */
.bgb-calc-emi-box {
    background: #dbebfa;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.bgb-calc-emi-box p {
    font-size: 13px;
    color: #004c8f;
    margin: 0 0 6px 0;
    font-weight: 600;
}

.bgb-calc-emi-box h3 {
    font-size: 30px;
    font-weight: 800;
    color: #004c8f;
    margin: 0;
}

.bgb-calc-breakdown {
    margin-bottom: 20px;
}

.bgb-calc-breakdown-row {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px dashed #e0e0e0;
}

.bgb-calc-breakdown-row span {
    color: #555555;
}

.bgb-calc-breakdown-row strong {
    color: #1a1a1a;
    font-weight: 700;
}

/* Action Buttons */
.bgb-calc-actions {
    display: flex;
    gap: 12px;
}

.bgb-calc-btn-apply {
    flex: 1;
    background: #004c8f;
    color: #ffffff;
    text-align: center;
    padding: 12px 10px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    transition: background 0.2s;
}

.bgb-calc-btn-apply:hover {
    background: #003366;
}

.bgb-calc-btn-more {
    flex: 1;
    background: #ffffff;
    color: #004c8f;
    border: 1px solid #004c8f;
    text-align: center;
    padding: 12px 10px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    transition: all 0.2s;
}

.bgb-calc-btn-more:hover {
    background: #f0f7ff;
}

/* Responsive Styles */
@media (max-width: 991px) {
    .bgb-calc-box {
        flex-direction: column;
    }
    .bgb-calc-nav-tabs {
        justify-content: flex-start;
    }
}

@media (max-width: 576px) {
    .bgb-calc-wrapper {
        padding: 30px 15px;
    }
    .bgb-calc-header h2 {
        font-size: 24px;
    }
    .bgb-calc-left {
        padding: 20px 15px;
    }
    .bgb-calc-actions {
        flex-direction: column;
    }
}
/* Responsive */
@media (max-width:768px){

 .main-menu__top
  {
    background: transparent;
  }
  .top-accessibility-bar
  {
    background: transparent;
    display: none;
  }

  .bgblogo
  {
    width: 156px;
  }

.bgb-slider-header,
.bgbwn-header{
    min-height: 52px;
    height: 52px;
    padding: 0 16px;
}

.bgb-slider-header h4,
.bgbwn-header span{
    font-size: 17px;
}

.bgb-slider-header i,
.bgbwn-header i{
    font-size: 17px;
    margin-right: 8px;
}

}

.bgbx-slide-box
{
  margin-top: 55px;
}

/* Initial State */
.bgbx-motion-effect{
    opacity:0;
    transform:perspective(1200px) rotateX(12deg) scale(.92);
    transition:all 1.4s cubic-bezier(.22,1,.36,1);
    will-change:transform,opacity;
}

/* Active */
.bgbx-motion-effect.bgbx-motion-show{
    opacity:1;
    transform:perspective(1200px) rotateX(0deg) scale(1);
}
@media(max-width:767px){

  .bgbx-slide-box
{
  margin-top:0px;
}

  .team-one__bottom
{
  margin-top:0px;
}

  .team-loan-frame{
    position:relative;
    margin-top:20px;
    padding:35px 20px 20px;
    border:2px dotted #b8d6f3;
    border-radius:18px;
    background:#f5f4f4;
    box-shadow:0 8px 25px rgba(0,0,0,.06);
    height:auto;
}

.bgb-image-slider{
    height:220px;
}

.bgb-prev,
.bgb-next{
    width:34px;
    height:34px;
}

}
.bgb-videos-wrapper{
    width:100%;
}

.bgb-video-box{
    width:100%;
    margin-bottom:20px;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 4px 12px rgba(0,0,0,.12);
    background:#fff;
}

.bgb-video-box video{
    width:100%;
    height:auto;
    display:block;
}
.bgb-video-heading{
    position:relative;
    display:flex;
    align-items:center;
    gap:12px;
    background:linear-gradient(90deg,#0057b8,#1f6ec9);
    color:#fff;
    padding:12px 18px;
    font-size:22px;
    font-weight:700;
    text-transform:uppercase;
    border-radius:10px 10px 0 0;
    overflow:hidden;
    margin-bottom:10px;
}

.bgb-video-heading::after{
    content:"";
    position:absolute;
    right:-22px;
    top:0;
    width:45px;
    height:100%;
    background:#1f6ec9;
    transform:skewX(-28deg);
}

.bgb-video-icon{
    width:34px;
    height:34px;
    border-radius:50%;
    background:rgba(255,255,255,.18);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
}

.bgb-video-dots{
    margin-left:auto;
    display:flex;
    gap:6px;
    z-index:2;
}

.bgb-video-dots span{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#ffd34d;
}

.bgb-video-box{
    border-radius:0 0 10px 10px;
    overflow:hidden;
}

.bgbwn-section{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 8px 30px rgba(0,0,0,.08);
    border:1px solid #e5e5e5;
}

.bgbwn-header{
    background: linear-gradient(90deg, #0957a9, #46b757);
    color:#fff;
    padding:14px 18px;
    font-size:20px;
    font-weight:700;
    text-transform:uppercase;
    display:flex;
    align-items:center;
    gap:10px;
}

.bgbwn-slider{
    overflow:hidden;
    position:relative;
    height:250px;
}

.bgbwn-track{
    display:flex;
    transition:transform .6s ease;
}

.bgbwn-item{
    min-width:100%;
    padding:40px;
    text-align:center;
}

.bgbwn-item i{
    font-size:55px;
    color:#1565c0;
    margin-bottom:20px;
}

.bgbwn-item h4{
    font-size:24px;
    font-weight:700;
    margin-bottom:18px;
}

.bgbwn-item a{
    color:#1565c0;
    text-decoration:none;
    font-weight:600;
}

.bgbwn-dots{
    display:flex;
    justify-content:center;
    gap:8px;
    padding:15px;
}

.bgbwn-dot{
    width:10px;
    height:10px;
    background:#d4d4d4;
    border-radius:50%;
    cursor:pointer;
}

.bgbwn-dot.active{
    background:#1565c0;
}
.bgb-slider-section{
    background:#fff;
    border-radius:18px;
    padding:18px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    border:1px solid #e7edf5;
}

.bgb-slider-section .row{
    align-items:stretch;
}

.bgb-slider-box,
.bgbwn-section{
    height:100%;
}

.bgb-slider-box{
    border-right:1px solid #e5e5e5;
    /*padding-right:15px;*/
}

@media(max-width:991px){

.bgb-slider-box{
    border-right:none;
    padding-right:0;
    margin-bottom:20px;
}

}
.bgbwn-section{
    background: linear-gradient(135deg, #ffffff 0%, #f2f8ff 50%, #e8f3ff 100%);
    border: 1px solid #d7e8ff;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 75, 151, 0.08);
    overflow: hidden;
    position: relative;
}

.bgbwn-section::before{
    content: "";
    position: absolute;
    top: -70px;
    right: -70px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(0, 91, 187, 0.08);
}

.bgbwn-section::after{
    content: "";
    position: absolute;
    bottom: -60px;
    left: -60px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: rgba(255, 193, 7, 0.08);
}

@media(max-width:768px){

.bgbwn-slider{
    height:220px;
}

.bgbwn-item{
    padding:25px 15px;
}

.bgbwn-item h4{
    font-size:18px;
}

.bgbwn-item i{
    font-size:42px;
}

}

/* Unique Section Background */
.bgb-events-section {
    background-color: #f4f6f9;
    padding: 60px 0;
    overflow: hidden;
    user-select: none;
}

.bgb-events-title {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #111;
    margin-bottom: 35px;
}

/* Container & Wrapper */
.bgb-events-carousel-wrapper {
    position: relative;
    max-width: 1000px;
    height: 380px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bgb-events-carousel-track {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Nav Buttons */
.bgb-events-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #004b8d;
    color: #fff;
    border: none;
    cursor: pointer;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s, transform 0.2s;
}

.bgb-events-nav-btn:hover {
    background-color: #003366;
    transform: translateY(-50%) scale(1.05);
}

.bgb-events-nav-prev {
    left: 10px;
}

.bgb-events-nav-next {
    right: 10px;
}

/* Base Slide Style */
.bgb-events-carousel-slide {
    position: absolute;
    width: 520px;
    height: 320px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease, filter 0.5s ease;
    cursor: pointer;
}

.bgb-events-carousel-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Flat Stacking Positions (NO ROTATION) */

/* Active Center Slide */
.bgb-events-carousel-slide.is-active {
    transform: translateX(0) scale(1);
    z-index: 10;
    opacity: 1;
    filter: blur(0px);
}

/* Immediate Left Slide */
.bgb-events-carousel-slide.is-prev {
    transform: translateX(-160px) scale(0.85);
    z-index: 8;
    opacity: 0.85;
    filter: blur(1px);
}

/* Immediate Right Slide */
.bgb-events-carousel-slide.is-next {
    transform: translateX(160px) scale(0.85);
    z-index: 8;
    opacity: 0.85;
    filter: blur(1px);
}

/* Far Left Slide */
.bgb-events-carousel-slide.is-far-prev {
    transform: translateX(-300px) scale(0.72);
    z-index: 6;
    opacity: 0.6;
    filter: blur(2px);
}

/* Far Right Slide */
.bgb-events-carousel-slide.is-far-next {
    transform: translateX(300px) scale(0.72);
    z-index: 6;
    opacity: 0.6;
    filter: blur(2px);
}

/* Hidden Offscreen Slides */
.bgb-events-carousel-slide.is-hidden {
    transform: translateX(0) scale(0.5);
    z-index: 1;
    opacity: 0;
    pointer-events: none;
}

/* Bottom Action Button */
.bgb-events-action-wrapper {
    text-align: center;
    margin-top: 30px;
}

.bgb-events-watch-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #004b8d;
    color: #ffffff;
    padding: 10px 24px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: background 0.3s;
}

.bgb-events-watch-more-btn:hover {
    background-color: #003366;
    color: #fff;
}
.bgb-scroll-effect{
    opacity:0;
    transform:translateY(100px) scale(.94);
    filter:blur(8px);
    transition:1s cubic-bezier(.22,1,.36,1);
}

.bgb-scroll-effect.bgb-visible{
    opacity:1;
    transform:translateY(0) scale(1);
    filter:blur(0);
}
/* Mobile Responsiveness */
@media (max-width: 768px) {
    
    .map01
    {
        width:100%;
    }
    
    .bgb-events-carousel-wrapper {
        height: 280px;
    }
    .bgb-events-carousel-slide {
        width: 320px;
        height: 210px;
    }
    .bgb-events-carousel-slide.is-prev {
        transform: translateX(-80px) scale(0.82);
    }
    .bgb-events-carousel-slide.is-next {
        transform: translateX(80px) scale(0.82);
    }
    .bgb-events-carousel-slide.is-far-prev {
        transform: translateX(-140px) scale(0.68);
    }
    .bgb-events-carousel-slide.is-far-next {
        transform: translateX(140px) scale(0.68);
    }
}
@media(max-width:767px){

.team-loan-frame{
    padding:30px 15px 15px;
}

.team-loan-heading{
    left:10px;
}

.team-loan-heading .section-title__title{
    font-size:22px;
}

.teamLoanCarousel .team-one__img{
    height:180px;
}

}
@media(max-width:768px){

.bgb-latest-news{

    height:42px;

}

.bgb-news-title{

    min-width:150px;

    font-size:13px;

}

.bgb-news-title:after{

    border-top:21px solid transparent;

    border-bottom:21px solid transparent;

}

.bgb-news-track span{

    font-size:13px;

    margin-right:45px;

}
}
/* Dotted divider */
.border-bottom-dotted {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.4) !important;
}

/* Gap and padding reduction */
.site-footer__top {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
}

.footer-widget__link-list li {
    font-size: 13px;
    line-height: 1.4;
}

/* Main Container */
    .footer-section {
      background-color: #ffffff;
      padding: 30px 20px 20px 20px;
      color: #333333;
      position: relative;
    }

    .footer-container {
      max-width: 1140px;
      margin: 0 auto;
    }

    /* Top Row Styling */
    .footer-top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 25px;
      flex-wrap: wrap;
      gap: 20px;
    }

    /* Left Logo */
    .brand-logo img {
      /*height: 38px;*/
      width: auto;
      display: block;
    }

    /* Right DICGC & Secure Area */
    .dicgc-container {
      display: flex;
      align-items: center;
      gap: 15px;
      flex-wrap: wrap;
    }

    .dicgc-info {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .qr-code {
      width:100px;
      height: 42px;
    }

    .dicgc-logo {
      height: 38px;
      width: auto;
    }

    .dicgc-text {
      display: flex;
      flex-direction: column;
    }

    .dicgc-title {
      font-size: 14px;
      font-weight: 700;
      color: #111111;
      line-height: 1.2;
    }

    .dicgc-url {
      font-size: 13px;
      color: #333333;
      text-decoration: none;
      margin-top: 3px;
    }

    .dicgc-url:hover {
      text-decoration: underline;
    }

    .secure-badge img {
      height: 36px;
      width: auto;
      margin-left: 10px;
    }

    /* Horizontal Divider Line */
    .footer-divider {
      border: 0;
      border-top: 1px solid #e0e0e0;
      margin: 0 0 20px 0;
    }

    /* Bottom Row Styling */
    .footer-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 15px;
      font-size: 13px;
      color: #555555;
    }

    /* Links Area */
    .copyright-links {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px;
    }

    .copyright-links a {
      color: #555555;
      text-decoration: none;
    }

    .copyright-links a:hover {
      text-decoration: underline;
    }

    .copyright-links .separator {
      color: #aaaaaa;
    }

    /* Social Icons */
    .social-icons {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .social-icons a {
      color: #004b8d;
      font-size: 18px;
      text-decoration: none;
      transition: opacity 0.2s;
    }

    .social-icons a:hover {
      opacity: 0.8;
    }

    /* Scroll To Top Button (Fixed Right Bottom) */
    .scroll-to-top {
      position: fixed;
      right: 20px;
      bottom: 20px;
      background-color: #004b8d;
      color: #ffffff;
      width: 36px;
      height: 36px;
      border-radius: 4px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      box-shadow: 0 2px 6px rgba(0,0,0,0.2);
      z-index: 99;
    }

    /* Responsive Design Adjustments */
    @media (max-width: 850px) {
      .footer-top {
        flex-direction: column;
        align-items: flex-start;
      }
      
      .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
      }

      .dicgc-container {
        justify-content: flex-start;
      }
    }
/* Mobile Only */
@media only screen and (max-width:768px){

    .mobile-loan-only{
        display: block !important;
    }

    /* Desktop Mega Menu Hide */
    .loan-mega-trigger{
        display: none !important;
    }

}

/*=========================
 DESKTOP
==========================*/

.desktop-loan-menu{

    display:block;

}

.mobile-loan-menu{

    display:none;

}

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

@media(max-width:991px){

.desktop-loan-menu{

    display:none !important;

}

.mobile-loan-menu{

    display:block;

}

}

/* Equal Height */
.bgb-slider-section .row{
    display: flex;
    align-items: stretch;
}

.bgb-slider-section .col-lg-6,
.bgb-slider-section .col-md-6{
    display: flex;
}

.bgb-slider-box,
.bgb-sidebar-category-container{
    width: 100%;
    height: 100%;
}



/* Sidebar bhi same height */
.bgb-sidebar-category-container{
    min-height: 435px;
}

.bgwrapper
{
  height: 436px;
}

/*.top-accessibility-bar{
    position: relative;
    background: #fff;
    overflow: hidden;
    z-index: 1;
}


.top-accessibility-bar::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;    
    height: 100%;
    background: linear-gradient(135deg, #4cb848, #00A4EF);
    clip-path: polygon(18% 0,100% 0,100% 100%,0 100%);
    z-index: -1;
}*/

.loan-mega-trigger .loan-mega-menu-box
{
  margin-left: 338px !important;
}
.main-slider,
.main-slider .item{
    height:600px;
}

.main-slider__bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}

.main-slider .container{
    height:500px;
    display:flex;
    align-items:center;
}

.main-slider__content{
    position:relative;
    z-index:2;
}



/* Cards */
.loan-mega-menu-box .loan-card-wrapper{
    /*background:#ffffff !important;*/
    padding:6px !important;
    height:100%;

  }

/* Remove white background from li */
.loan-mega-menu-box > li{

    background:transparent !important;

}
.main-menu__logo{
    position:absolute;
    top:0;
    bottom:0;
    left:60px;
    display:flex;
    align-items:center;
    z-index:5;

    pointer-events:none;
}

.main-menu__logo a,
.main-menu__logo img{
    pointer-events:auto;
}
.main-slider__bg
{
  background-position: top;
}
.bgbRevealMotion{
    opacity:0;
    transform:translateY(80px) scale(.96);
    transition:
        opacity 1s ease,
        transform 1.2s cubic-bezier(.22,1,.36,1);
    will-change:transform,opacity;
}

.bgbRevealMotion.bgbRevealActive{
    opacity:1;
    transform:translateY(0) scale(1);
}

/* ===========================
   BGB Social Sidebar
=========================== */

.bgbsocial-wrapper{
    position:fixed;
    right:18px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    flex-direction:column;
    gap:12px;
    z-index:99999;
}

.bgbsocial-wrapper a{
    width:52px;
    height:52px;
    border-radius:18px 0 18px 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    font-size:21px;
    box-shadow:0 10px 25px rgba(0,0,0,.18);
    transition:.35s;
    position:relative;
    overflow:hidden;
}

.bgbsocial-wrapper a::before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    left:-100%;
    top:0;
    background:rgba(255,255,255,.20);
    transition:.4s;
}

.bgbsocial-wrapper a:hover::before{
    left:100%;
}

.bgbsocial-wrapper a:hover{
    transform:translateX(-8px) scale(1.08);
}

.bgbsocial-whatsapp{
    background:#25D366;
}

.bgbsocial-facebook{
    background:#1877F2;
}

.bgbsocial-instagram{
    background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4);
}

.bgbsocial-twitter{
    background:#111;
}

.bgbsocial-youtube{
    background:#ff0000;
}

/* WhatsApp Pulse */

.bgbsocial-whatsapp{
    animation:bgbsocialPulse 2s infinite;
}

@keyframes bgbsocialPulse{

0%{
box-shadow:0 0 0 0 rgba(37,211,102,.5);
}

70%{
box-shadow:0 0 0 18px rgba(37,211,102,0);
}

100%{
box-shadow:0 0 0 0 rgba(37,211,102,0);
}

}


/*=========================
 Mobile Bottom Bar
=========================*/

/* ===== Bihar Gramin Bank Disclaimer ===== */

.bgb-footer-disclaimer{
    background:#f4f9fe;
    border-top:1px solid rgba(19,109,181,.15);
    border-bottom:1px solid rgba(19,109,181,.15);
    padding:10px 0;
}

.bgb-footer-disclaimer p{
    margin:0;
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-size:13px;
    line-height:1.7;
    color:#555;
}

.bgb-disclaimer-icon{
    min-width:24px;
    width:24px;
    height:24px;
    border-radius:50%;
    background:linear-gradient(135deg,#136db5,#4cb848);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    margin-top:1px;
    box-shadow:0 3px 10px rgba(19,109,181,.20);
}

.bgb-footer-disclaimer strong{
    color:#136db5;
}
.bgb-footer-policy{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:0;
    margin:0;
    padding:0;
    list-style:none;
}

.bgb-footer-policy li{
    position:relative;
    padding:0 14px;
}

.bgb-footer-policy li:first-child{
    padding-left:0;
}

.bgb-footer-policy li:not(:last-child)::after{
    content:"|";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    color:#bdbdbd;
}

.bgb-footer-policy li a{
    color:#666;
    font-size:14px;
    text-decoration:none;
    transition:.3s;
}

.bgb-footer-policy li a:hover{
    color:#136db5;
}
.loan-mega-trigger:hover .loan-mega-menu-box
{
    background-image: url(https://pixaar.in/bgb-new/assets/images/back-m.jpg) !important;
}

/* ==================================================
   BGB HOUSING LOAN ACCORDION (UNIQUE CLASSES)
================================================== */
.bgb-acc-container {
  background: #fdfdfd;
  border: 1px solid #e5e7eb;
  padding: 30px;
  border-radius: 8px;
  max-width: 1000px;
  margin: 20px auto;
  box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}

.bgb-acc-title {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 25px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* Accordion Outer Styling */
.bgb-acc-item {
  border: none !important;
  margin-bottom: 15px;
}

/* Blue Header Buttons (Exact like Image) */
.bgb-acc-button {
  background-color: #1565c0 !important; /* Rich Bank Blue */
  color: #ffffff !important;
  font-size: 1rem;
  font-weight: 600;
  padding: 14px 20px;
  border-radius: 6px !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease;
}

.bgb-acc-button:hover {
  background-color: #0d47a1 !important;
}

/* Arrow Icon Color */
.bgb-acc-button::after {
  filter: brightness(0) invert(1); /* Makes arrow pure white */
}

/* Inner Data Body Styling */
.bgb-acc-body {
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-top: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 25px;
  margin-top: -4px;
}

.bgb-acc-subhead {
  font-size:16px;
  font-weight: 700;
  color: #0f172a;
  border-bottom: 2px solid #1565c0;
  padding-bottom: 5px;
  margin-top: 20px;
  margin-bottom: 12px;
}

.bgb-acc-subhead:first-child {
  margin-top: 0;
}

.bgb-acc-list {
  list-style: none;
  padding-left: 0;
}

.bgb-acc-list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
  color: #334155;
  font-size: 0.93rem;
  line-height: 1.5;
}

.bgb-acc-list li::before {
  content: "■";
  position: absolute;
  left: 0;
  top: 1px;
  color: #1565c0;
  font-size: 0.75rem;
}

.bgb-acc-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.bgb-acc-table th, 
.bgb-acc-table td {
  border: 1px solid #cbd5e1;
  padding: 10px 14px;
  font-size: 0.9rem;
  color: #334155;
}

.bgb-acc-table th {
  background-color: #f1f5f9;
  font-weight: 600;
}

.bgb-acc-highlight {
  background: #eff6ff;
  border-left: 4px solid #1565c0;
  padding: 15px;
  border-radius: 0 6px 6px 0;
  margin: 15px 0;
}

.bgb-acc-footer-note {
  font-size: 0.85rem;
  color: #b91c1c;
  font-weight: 700;
  margin-top: 20px;
  text-align: center;
}
@media(max-width:767px){

.bgb-footer-policy{
    gap:8px 0;
}

.bgb-footer-policy li{
    padding:0 10px;
}

.bgb-footer-policy li a{
    font-size:13px;
}

}

/*==============================
   FLYING TITLE EFFECT
==============================*/

.solutions-main-title{
    opacity:0;
    transform:perspective(1000px) translateX(-250px) rotateY(70deg) scale(.7);
    transform-origin:left center;
    filter:blur(10px);
    transition:
        transform 1.4s cubic-bezier(.22,1,.36,1),
        opacity 1.4s ease,
        filter 1.4s ease;
    will-change:transform,opacity;
}

.solutions-main-title.title-visible{
    opacity:1;
    transform:perspective(1000px) translateX(0) rotateY(0) scale(1);
    filter:blur(0);
}
@media(max-width:767px){

.bgb-footer-disclaimer{
    padding:8px 12px;
}

.bgb-footer-disclaimer p{
    font-size:12px;
    line-height:1.6;
    gap:8px;
}

.bgb-disclaimer-icon{
    width:20px;
    height:20px;
    min-width:20px;
    font-size:10px;
}

}

/*=========================
    TYPING EFFECT
=========================*/

.bgb-calc-header h2,
.bgb-calc-header p{
    visibility:hidden;
}

.bgb-calc-header .typing-show{
    visibility:visible;
}

.map01{
    position:absolute; /* अगर पहले से है तो रहने दें */
    animation:bgbMapFloat 12s ease-in-out infinite;
    transform-origin:center;
    will-change:transform;
}

@keyframes bgbMapFloat{

    0%{
        transform:translateY(0) scale(1) rotate(0deg);
    }

    25%{
        transform:translateY(-10px) scale(1.02) rotate(0.5deg);
    }

    50%{
        transform:translateY(0) scale(1.04) rotate(0deg);
    }

    75%{
        transform:translateY(10px) scale(1.02) rotate(-0.5deg);
    }

    100%{
        transform:translateY(0) scale(1) rotate(0deg);
    }

}
@media(max-width:768px){

  .bgbsocial-wrapper{
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        transform: none;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
        background: #fff;
        padding: 6px 8px;
        box-shadow: 0 -4px 15px rgba(0,0,0,.12);
    }

    .bgbsocial-wrapper a{
        width: 40px;
        height: 40px;
        border-radius: 50%;
        font-size: 16px;
    }

    .bgbsocial-wrapper a:hover{
        transform: translateY(-3px);
    }

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

  .bgb-image-slider
  {
    height: auto;
  }

  .bgbwn-item
  {
    padding: 59px;
  }

  .bgb-slider-track
  {
    height: auto;
  }

  .bgbx-tabs{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:4px;
    padding:6px;
}

.bgbx-tab-btn{
    flex:0 0 calc(33.33% - 4px);
    font-size:10px;
    font-weight:600;
    padding:6px 4px;
    min-height:32px;
    line-height:1.2;
    white-space:normal;
    text-align:center;
}

/* Last 2 buttons second line me center */
.bgbx-tab-btn:nth-child(4),
.bgbx-tab-btn:nth-child(5){
    flex:0 0 calc(50% - 4px);
}


  .custom-solutions-section
  {
    padding: 0px 0px 27px 0px;
  }

  .main-slider, .main-slider .item
  {
    height: 396px;
  }
  
  .main-slider__bg
  {
    background-size: cover;
  }

  .top-phone
  {
    display: none;
  }
  .main-menu__top-right{
    width:100%;
    margin:0 !important;
    /*padding:4px 8px;*/
    margin-left: -133px !important;
}

.main-menu__top-menu.custom-top-links{
    display:grid !important;
    grid-template-columns:repeat(3,1fr);
    justify-content:center;
    align-items:center;
    gap:6px 5px;
    width:100%;
    margin:0;
    padding:0;
}

.main-menu__top-menu.custom-top-links li{
    list-style:none;
    margin:-4px 6px !important;
    padding:0 !important;
    text-align:center;
    float:none !important;
}

.main-menu__top-menu.custom-top-links li:nth-child(4){
    grid-column:1 / 4;
}

.main-menu__top-menu.custom-top-links li a{
    display:inline-block;
    font-size:11px;
    font-weight:500;
    line-height:1.2;
    color:#fff !important;
    background:#0b6fc6;
    padding:4px 8px;
    border-radius:4px;
    text-decoration:none;
}

.main-menu__top-menu.custom-top-links .divider{
    display:none;
}
.main-menu__bottom
{
  margin-top: 28px;
}
  
.custom-solutions-tabs{
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:center;
    gap:4px;
    overflow-x:auto;
    scrollbar-width:none;
}

.custom-solutions-tabs::-webkit-scrollbar{
    display:none;
}

.custom-solutions-tabs .nav-item{
    flex:1;
    margin:0;
}

.custom-solutions-tabs .nav-link{
    width:100%;
    padding:6px 4px;
    font-size:10px;
    font-weight:600;
    white-space:nowrap;
    text-align:center;
}


.main-slider{
    position:relative;
    z-index:1;
    overflow:hidden;
}

.main-slider .item{
    height:370px;
}

.main-slider__carousel{
    position:relative;
}

.main-slider + section{
    position:relative;
    z-index:2;
    margin-top:0;
}

.main-slider__bg
{
  background-size: contain;
}
.main-slider, .main-slider .item
{
  height: 160px !important;
  
}

.main-menu__top
  {
    display: block !important;
  }

  .main-menu__main-menu-box
  {
    margin-top: 10px;
  }

  .header-btn.btn-login{
    color: #fff;
}

.header-btn.btn-login span{
    color: #fff;
}

.header-btn.btn-login i{
    color: #fff;
}
  
  .main-menu__logo
  {
    top: 0px !important;
  }
   .mobile-nav__close
  {
    color:#000;
  }

  .mobile-nav__content .main-menu__list>li>a, .mobile-nav__content .main-menu__list>li>ul>li>a, .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a
  {
    color: #3e3d3d;
    display: grid-lanes !important;
    display: -webkit-box;
  }

  .mobile-nav__contact li a
  {
    color: #3e3d3d;
  }

  .mobile-nav__social a
  {
    color: #3e3d3d;
  }

  .mobile-nav__content
  {
    background-color: #efefef;
  }

  .bgwrapper
{
  height:auto;
}

  .header-action-btns
{
  display: none;
}


  .main-menu__bottom
{
  display:block;
}
.main-menu__logo
{
  top:0px;
}
}

/* Desktop par hide */
.mobile-cyber-helpline{
    display: none;
}
.bgbpop-overlay{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.75);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    transition: .35s;
    padding:20px;
}

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

.bgbpop-box{
    position:relative;
    width:100%;
    max-width:700px;
    border-radius:15px;
    overflow:hidden;
    background:#fff;
    animation:bgbpopZoom .45s ease;
    box-shadow:0 20px 60px rgba(0,0,0,.4);
}

@keyframes bgbpopZoom{

    from{
        transform:scale(.75);
        opacity:0;
    }

    to{
        transform:scale(1);
        opacity:1;
    }

}

.bgbpop-image{
    width:100%;
    display:block;
}

.bgbpop-close{
    position:absolute;
    top:10px;
    right:10px;
    width:40px;
    height:40px;
    border:none;
    border-radius:50%;
    background:#fff;
    color:#d60000;
    cursor:pointer;
    font-size:18px;
    transition:.3s;
    z-index:5;
}

.bgbpop-close:hover{
    background:#d60000;
    color:#fff;
    transform:rotate(90deg);
}

@media(max-width:768px){
    
    .bgb-slide img
    {
        height:100% !important;
    }
    
    .map01
    {
        margin-top:-30px;
    }
    
    .bgbOfferBox
    {
        margin-top:250px;
    }
    
    .custom-solutions-tabs
    {
        margin-top:-50px;
    }

.bgbpop-box{
    max-width:95%;
}

.bgbpop-close{
    width:34px;
    height:34px;
    font-size:15px;
}

}

.bgb-page-heading{
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 26px 14px 22px;
    margin: 0 0 30px;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg,#0056a6,#4cb848);
    border-radius: 0 50px 50px 0;
    box-shadow: 0 12px 30px rgba(0,86,166,.22);
    overflow: hidden;
    z-index: 1;
}

.bgb-page-heading::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 8px;
    height: 100%;
    background: #ffcb05;
}

.bgb-page-heading::after{
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60px;
    height: 100%;
    background: rgba(255,255,255,.35);
    transform: skewX(-25deg);
    animation: bgbHeadingShine 4s linear infinite;
}

@keyframes bgbHeadingShine{
    100%{
        left: 130%;
    }
}

.bgb-page-heading i{
    font-size: 26px;
    color: #ffcb05;
}

.bgb-top-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    margin-right:6px;
    border-radius:50%;
    background:linear-gradient(135deg,#136db5,#4cb848);
    color:#fff;
    font-size:10px;
    box-shadow:0 2px 8px rgba(19,109,181,.25);
    transition:.3s ease;
    vertical-align:middle;
}

.custom-top-links li a:hover .bgb-top-icon{
    transform:translateY(-2px) scale(1.08);
    box-shadow:0 5px 12px rgba(19,109,181,.35);
}


@media(max-width:768px){

    .bgb-page-heading{
        font-size: 24px;
        padding: 12px 18px;
        border-radius: 0 35px 35px 0;
    }

}

/* Base Container - Desktop View */
  .dbgb-rotator-container {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 99999;
    width: 240px;
    height: 110px;
    perspective: 800px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    box-sizing: border-box;
  }

  .dbgb-rotator-cube {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);
  }

  /* DBGB Bank Official Theme Colors (Rich Deep Green & Golden Accent) */
  .dbgb-rotator-card {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    padding: 12px 14px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(145deg, #0058a9, #0058a9);
    border: 1.5px solid #ffcc00;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
    color: #ffffff;
    backface-visibility: hidden;
    overflow: hidden;
  }

  /* Golden Badge */
  .dbgb-rotator-badge {
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    background: #ffcc00;
    color: #012b1a;
    padding: 2px 7px;
    border-radius: 4px;
    width: fit-content;
    margin-bottom: 6px;
    line-height: 1;
  }

  /* Service Title */
  .dbgb-rotator-title {
    font-size: 0.88rem;
    font-weight: 700;
    margin: 0 0 4px 0;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
  }

  /* Service Description */
  .dbgb-rotator-desc {
    font-size: 0.68rem;
    color: #d1fae5;
    margin: 0;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* Desktop 3D Cube Positions (110px Height -> TranslateZ = 55px) */
  .dbgb-rotator-front  { transform: rotateX(0deg) translateZ(55px); }
  .dbgb-rotator-bottom { transform: rotateX(-90deg) translateZ(55px); }
  .dbgb-rotator-back   { transform: rotateX(-180deg) translateZ(55px); }
  .dbgb-rotator-top    { transform: rotateX(-270deg) translateZ(55px); }

  /* Hover Pointer */
  .dbgb-rotator-container:hover .dbgb-rotator-cube {
    cursor: pointer;
  }
  
  /* BGBX Wrapper - Fixed Height with Right Side Scroll */
.bgbx-wrapper {
    height: 420px !important; /* Existing fixed height ke hisaab se adjust */
    overflow-y: auto !important;
    overflow-x: hidden !important;

    /* Smooth scrolling */
    scroll-behavior: smooth;

    /* Firefox scrollbar */
    scrollbar-width: thin;
    scrollbar-color: #136db5 #eaf5fc;
}

/* Chrome, Edge aur Safari scrollbar */
.bgbx-wrapper::-webkit-scrollbar {
    width: 7px;
}

.bgbx-wrapper::-webkit-scrollbar-track {
    background: #eaf5fc;
    border-radius: 20px;
}

.bgbx-wrapper::-webkit-scrollbar-thumb {
    background: #136db5;
    border-radius: 20px;
    border: 1px solid #eaf5fc;
}

.bgbx-wrapper::-webkit-scrollbar-thumb:hover {
    background: #0b5c9e;
}

/* =====================================
   BGB Operational Area - Simple Design
===================================== */

.bgb-area-simple {
    width: 100%;
    margin: 0;
}

/* Left heading */
.bgb-area-title,
.bgb-map-title {
    margin: 0 0 10px;
    color: #136db5;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
}

/* List */
.bgb-area-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

/* List item */
.bgb-area-list li {
    display: flex;
    align-items: center;

    padding: 5px 0;

    color: #444;

    font-size: 13px;
    font-weight: 500;

    line-height: 1.5;

    border-bottom: 1px solid #e5edf3;
}

/* Last border remove */
.bgb-area-list li:last-child {
    border-bottom: 0;
}

/* Arrow */
.bgb-area-list li i {
    margin-right: 8px;

    color: #4cb848;

    font-size: 12px;
}

/* Numbers */
.bgb-area-list li strong {
    margin-right: 4px;

    color: #136db5;

    font-size: 14px;
    font-weight: 700;
}

/* Map */
.bgb-district-map {
    width: 100%;
    max-width: 210px;

    height: 130px;

    display: block;

    margin: 0 auto;

    object-fit: contain;
}

.bnkfinder-section{

padding:70px 0;

background:linear-gradient(135deg,#edf6ff,#d9eeff,#eef9ff);

}

.bnkfinder-card{

max-width:700px;

margin:auto;

padding:35px;

border-radius:22px;

background:rgba(255,255,255,.78);

backdrop-filter:blur(18px);

box-shadow:0 18px 45px rgba(0,84,170,.12);

border:1px solid rgba(255,255,255,.7);

text-align:center;

}

.bnkfinder-card h2{

font-size:24px;

font-weight:700;

margin-bottom:8px;

color:#004b8d;

}

.bnkfinder-card p{

color:#666;
text-align:center;
margin-bottom:22px;

}

.bnkfinder-radio{

display:flex;

justify-content:center;

gap:30px;

margin-bottom:20px;

}

.bnkfinder-radio label{

display:flex;

align-items:center;

gap:8px;

font-weight:600;

cursor:pointer;

color:#333;

}

.bnkfinder-radio input{

accent-color:#0074d9;

transform:scale(1.2);

}

.bnkfinder-search{

display:flex;

overflow:hidden;

border-radius:12px;

box-shadow:0 6px 18px rgba(0,0,0,.08);

}

.bnkfinder-search input{

flex:1;

height:55px;

border:none;

padding:0 18px;

font-size:15px;

outline:none;

}

.bnkfinder-search button{

border:none;

padding:0 28px;

background:linear-gradient(135deg,#0074d9,#0055b3);

color:#fff;

font-weight:600;

display:flex;

align-items:center;

gap:8px;

cursor:pointer;

transition:.3s;

}

.bnkfinder-search button:hover{

background:linear-gradient(135deg,#0055b3,#003f86);

}

/*=========================
DIRECTOR TEAM
==========================*/

.bgbd-director-section{

background:linear-gradient(135deg,#f4f9ff,#eef7ff);

padding:35px;

border-radius:24px;

}

.bgbd-section-title{

text-align:center;

margin-bottom:35px;

}

.bgbd-section-title span{

display:inline-block;

padding:7px 18px;

background:#d9edff;

color:#0056a6;

font-size:13px;

font-weight:600;

border-radius:40px;

letter-spacing:.5px;

margin-bottom:12px;

}

.bgbd-section-title h2{

font-size:26px;

font-weight:700;

color:#12345d;

margin:0;

}

.bgbd-director-card{

background:#fff;

border-radius:20px;

overflow:hidden;

box-shadow:0 10px 30px rgba(0,0,0,.08);

transition:.35s;

height:100%;

}

.bgbd-director-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 45px rgba(0,86,166,.18);

}

.bgbd-director-img{

height:260px;

overflow:hidden;

position:relative;

}

.bgbd-director-img img{

width:100%;

height:100%;

object-fit:cover;

transition:.5s;

}

.bgbd-director-card:hover img{

transform:scale(1.08);

}

.bgbd-director-content{

padding:10px;

text-align:center;

position:relative;

}

.bgbd-director-content::before{

content:"";

width:70px;

height:4px;

background:linear-gradient(90deg,#0b90f6,#4cb848);

position:absolute;

left:50%;

top:0;

transform:translateX(-50%);

border-radius:20px;

}

.bgbd-director-content h3{

font-size:17px;

margin:10px 0 8px;

font-weight:700;

color:#173b69;

}

.bgbd-director-content span{

display:inline-block;

padding:7px 16px;

background:#edf7ff;

color:#0066b3;

border-radius:30px;

font-size:13px;

font-weight:600;

}

@media(max-width:991px){

.bgbd-director-img{

height:220px;

}

}
.bgbd-director-card{
    background:#fff;
    border-radius:12px;
    padding:18px;
    text-align:center;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transition:.3s;
    height:100%;
}

.bgbd-director-card:hover{
    transform:translateY(-6px);
}

.bgbd-director-img{
    width:170px;
    height:190px;
    margin:0 auto 15px;
    border:1px solid #dcdcdc;
    border-radius:8px;
    overflow:hidden;
    background:#f8f8f8;
    display:flex;
    align-items:center;
    justify-content:center;
}

.bgbd-director-img img{
    width:100%;
    height:100%;
    object-fit:cover;      /* Image box ke andar perfectly fit hogi */
    object-position:top;   /* Face upar se cut nahi hoga */
    display:block;
}

.bgbd-director-content h3{
    font-size:18px;
    font-weight:700;
    color:#005eb1;
    margin-bottom:8px;
}

.bgbd-director-content span{
    display:block;
    font-size:15px;
    font-weight:600;
    color:#222;
    line-height:1.6;
}

/* Base Modern Corporate Styles */
  .bgb-vehicle-section {
    font-size: 13px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    color: #333333;
  }

  .bgb-main-heading {
    font-size: 1.1rem;
    font-weight: 700;
    color: #0d3b66;
    border-bottom: 2px solid #0056b3;
    padding-bottom: 8px;
    margin-bottom: 15px;
    text-transform: uppercase;
  }

  /* Accordion Design */
  .bgb-card {
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    margin-bottom: 10px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    overflow: hidden;
  }

  .bgb-card-header {
    background: #f8f9fa;
    border-bottom: 1px solid #e0e0e0;
    padding: 0;
  }

  .bgb-accordion-btn {
    width: 100%;
    padding: 12px 15px;
    font-size: 13px;
    font-weight: 600;
    color: #0d3b66;
    background: none;
    border: none;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: background 0.2s ease;
  }

  .bgb-accordion-btn:hover {
    background: #eef3f8;
  }

  .bgb-accordion-btn .fas {
    transition: transform 0.3s ease;
  }

  .bgb-accordion-btn.active .fas {
    transform: rotate(180deg);
  }

  .bgb-collapse-content {
  max-height: 0;
  overflow: hidden;
  /* Open aur close dono waqt smooth transition chalega */
  transition: max-height 0.8s ease-in-out; 
  background: #ffffff;
}

/* Jab accordion open hota hai (active class lagti hai) */
.bgb-card-header .bgb-accordion-btn.active + .bgb-collapse-content,
.bgb-card:has(.bgb-accordion-btn.active) .bgb-collapse-content {
  max-height: 1000px; /* Content ke hisab se safe height */
}

  .bgb-collapse-content.show {
    display: block !important;
  }

  /* Compact Corporate Tab Container */
  .bgb-tab-container {
    display: flex;
    background: #fdfdfd;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    min-height: 250px;
  }

  @media (max-width: 767px) {
    .bgb-tab-container {
      flex-direction: column;
    }
  }

  /* Sidebar Tabs Navigation */
  .bgb-tab-nav {
    width: 200px;
    min-width: 200px;
    background: #f4f6f8;
    border-right: 1px solid #e2e8f0;
    padding: 8px;
  }
.scheme-card {
      background: #ffffff;
      border: 1px solid #dcdcdc;
      border-radius: 4px;
      padding: 18px;
      font-family: Arial, sans-serif;
      font-size: 13px;
      color: #212529;
      line-height: 1.5;
    }
    .scheme-header {
      border-bottom: 2px solid #2b3e50;
      padding-bottom: 6px;
      margin-bottom: 12px;
    }
    .scheme-title {
      font-size: 16px;
      font-weight: 700;
      color: #2b3e50;
      text-transform: uppercase;
      margin: 0;
    }
    .scheme-subtitle {
      font-size: 14px;
      font-weight: 700;
      color: #1a252f;
      margin-top: 4px;
      margin-bottom: 4px;
    }
    .scheme-desc {
      font-size: 12.5px;
      color: #495057;
      margin-bottom: 12px;
    }
    .section-box {
      background-color: #fafafa;
      border: 1px solid #e9ecef;
      border-left: 3px solid #2b3e50;
      border-radius: 2px;
      padding: 8px 12px;
      margin-bottom: 8px;
    }
    .section-heading {
      font-size: 13px;
      font-weight: 700;
      color: #1a252f;
      margin-bottom: 3px;
    }
    .section-text {
      font-size: 12.5px;
      color: #212529;
      margin-bottom: 0;
    }
    .custom-list {
      padding-left: 18px;
      margin-bottom: 0;
      font-size: 12.5px;
      color: #212529;
    }
    .custom-list li {
      margin-bottom: 3px;
    }
    .custom-list li:last-child {
      margin-bottom: 0;
    }
    .note-text {
      font-size: 11.5px;
      color: #6c757d;
      margin-top: 4px;
      font-style: italic;
    }
    .contact-footer {
      background-color: #f1f3f5;
      border: 1px solid #dee2e6;
      border-radius: 3px;
      padding: 8px 12px;
      margin-top: 12px;
      text-align: center;
      font-size: 12.5px;
      color: #212529;
    }
    .fw-bold-dark {
      font-weight: 700;
      color: #000000;
    }
    
    .scheme-card {
    width: 100%;
    box-sizing: border-box; /* Padding se width na badhe */
}

/* ==========================================
   ENHANCED SIDEBAR BOX DESIGN
   ========================================== */

/* Sirf Shape aur Dotted Line - Zero Padding/Width/Size Badlav */
.bgb-tab-btn {
  /* 1. Shape/Arrow Design */
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
  
  /* 2. Dotted Line without breaking clip-path */
  background-image: linear-gradient(to right, #cbd5e1 50%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 5px 1px; /* Dotted spacing & thickness */
  background-repeat: repeat-x;
  
  /* Layout reset to ensure no extra gap */
  margin: 0;
  box-sizing: border-box;
}

/* Last button me dotted line hatane ke liye */
.bgb-tab-btn:last-child {
  background-image: none;
}
.bgb-tab-btn {
  border-bottom: 1px dotted #cbd5e1 !important;
}

.bgb-tab-btn:last-child {
  border-bottom: none !important;
}
.btnpri
{
    background:transparent;
    border:1px solid #000;
    color:#000;
}

.title-text
{
    color:#000;
    font-weight:bold;
}
  @media (max-width: 767px) {
    .bgb-tab-nav {
      width: 100%;
      min-width: 100%;
      border-right: none;
      border-bottom: 1px solid #e2e8f0;
    }
  }

  .bgb-tab-btn {
    display: block;
    width: 100%;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 500;
    color: #4a5568;
    background: none;
    border: none;
    border-radius: 3px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 3px;
    transition: all 0.2s ease;
  }

  .bgb-tab-btn:hover {
    background: #e2e8f0;
    color: #0d3b66;
  }

  .bgb-tab-btn.active {
    background: #0d3b66;
    color: #ffffff !important;
    font-weight: 600;
  }

  /* Tab Content Area */
  .bgb-tab-content-area {
    flex-grow: 1;
    padding: 15px;
    background: #ffffff;
  }

  .bgb-tab-pane {
    display: none;
  }

  .bgb-tab-pane.active {
    display: block !important;
  }

  .bgb-tab-pane h4 {
    font-size: 13px;
    font-weight: 700;
    color: #0d3b66;
    margin-top: 0;
    margin-bottom: 10px;
    border-bottom: 1px dashed #cbd5e0;
    padding-bottom: 4px;
    text-transform: uppercase;
  }

  .bgb-tab-pane p, 
  .bgb-tab-pane ul {
    font-size: 12px;
    line-height: 1.6;
    color: #2d3748;
    margin-bottom: 8px;
  }

  .bgb-tab-pane ul {
    padding-left: 18px;
  }

  .bgb-tab-pane ul li {
    margin-bottom: 3px;
  }

  /* Custom Table */
  .bgb-custom-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    margin-top: 5px;
  }

  .bgb-custom-table td {
    border: 1px solid #e2e8f0;
    padding: 6px 10px;
  }

  .bgb-custom-table tr:nth-child(even) {
    background-color: #f7fafc;
  }
@media(max-width:767px){
    
    

    .bgbd-director-img{
        width:150px;
        height:170px;
    }

    .bgbd-director-content h3{
        font-size:18px;
    }

    .bgbd-director-content span{
        font-size:14px;
    }

}
@media(max-width:767px){

.bgbd-director-section{

padding:20px;

}

.bgbd-section-title h2{

font-size:26px;

}

.bgbd-director-img{

height:200px;

}

}
@media(max-width:767px){

.bnkfinder-card{

padding:22px;

}

.bnkfinder-card h2{

font-size:26px;

}

.bnkfinder-search{

flex-direction:column;

box-shadow:none;

}

.bnkfinder-search input{

border-radius:10px;

margin-bottom:10px;

box-shadow:0 5px 15px rgba(0,0,0,.08);

}

.bnkfinder-search button{

height:50px;

justify-content:center;

border-radius:10px;

}

.bnkfinder-radio{

gap:18px;

}

}

/* Desktop */
.bgbm-top-links{
    display:none !important;
}
.background-breadcrumb
{
    background-image: url('../images/bradcrumb.jpg');
}
.main-slider1
{
    background-image: url(../images/backgrounds/bann2.webp);
}
.main-slider2
{
    background-image: url(../images/backgrounds/credit-card.webp);
}
.main-slider3
{
    background-image: url(../images/backgrounds/home-loan.webp);
}
.main-slider4
{
    background-image: url(../images/backgrounds/car-loan.webp);
}
.bgunittten
{
    margin-left: 3px;
}
.embv
{
    border:none;
    overflow:hidden;
}

/* =========================================
   BGB BRANCH LOCATOR SECTION
========================================= */

.bgb-branch-section {
    position: relative;
    padding: 0px 0;
    background: #f6f9fc;
    overflow: hidden;
}


/* Background Decoration */

.bgb-branch-section::before {
    content: "";
    position: absolute;

    width: 350px;
    height: 350px;

    top: -150px;
    left: -150px;

    border-radius: 50%;

    background: rgba(255, 193, 7, 0.08);
}


.bgb-branch-section::after {
    content: "";
    position: absolute;

    width: 300px;
    height: 300px;

    right: -120px;
    bottom: -120px;

    border-radius: 50%;

    background: rgba(0, 117, 184, 0.06);
}


/* =========================================
   COMMON BOX
========================================= */

.bgb-branch-wrapper,
.bgb-branch-list {
    position: relative;
    z-index: 2;

    width: 100%;

    background: #ffffff;

    border: 1px solid #e2e7eb;

    box-shadow:
        0 10px 35px rgba(0, 65, 100, 0.08);

    transition: all 0.4s ease;
}


.bgb-branch-wrapper:hover,
.bgb-branch-list:hover {
    box-shadow:
        0 18px 45px rgba(0, 65, 100, 0.13);

    transform: translateY(-3px);
}


/* =========================================
   TOP BRANCH LOCATOR HEADER
========================================= */

.bgb-branch-header {

    position: relative;

    width: 100%;

    height: 58px;
    min-height: 58px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background: #ffc107;
}


/* Red Right Shape */

.bgb-header-shape {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background:
        linear-gradient(
            120deg,
            #ffc107 0%,
            #ffc107 72%,
            #b00020 72%,
            #a90016 100%
        );
    z-index: 1;
}


/* Header Title */

.bgb-header-title {

    position: relative;

    z-index: 2;

    height: 100%;

    padding-left: 20px;

    display: flex;

    align-items: center;

    gap: 10px;

    color: #ffffff;

    font-size: 17px;

    font-weight: 600;

    letter-spacing: 0.2px;
}


.bgb-header-title i {

    font-size: 16px;

    color: #ffffff;
}


/* =========================================
   SEARCH BOX
========================================= */

.bgb-search-box {

    width: 100%;

    padding: 25px 20px;

    background: #ffffff;
}


/* Input Wrapper */

.bgb-input-group {

    position: relative;

    width: 100%;
}


/* Input Icon */

.bgb-input-group > i {

    position: absolute;

    left: 14px;
    top: 50%;

    transform: translateY(-50%);

    color: #0075b8;

    z-index: 3;

    font-size: 13px;
}


/* Select + Input */

.bgb-input-group .form-select,
.bgb-input-group .form-control {

    width: 100%;

    height: 46px;

    border: 1px solid #dce2e6;

    border-radius: 4px;

    padding-left: 38px;

    padding-right: 12px;

    font-size: 13px;

    color: #555;

    background-color: #ffffff;

    box-shadow: none;

    transition: all 0.3s ease;
}


.bgb-input-group .form-select:focus,
.bgb-input-group .form-control:focus {

    border-color: #0075b8;

    box-shadow:
        0 0 0 3px rgba(0, 117, 184, 0.08);

    outline: none;
}


/* =========================================
   PINCODE + BUTTON
========================================= */

.bgb-pincode-group {

    width: 100%;

    display: flex;

    align-items: center;

    gap: 8px;
}


.bgb-pincode-group .bgb-input-group {

    flex: 1;
}


/* Search Button */

.bgb-search-btn {

    height: 46px;

    min-width: 62px;

    padding: 0 12px;

    border: none;

    border-radius: 4px;

    background: #0075b8;

    color: #ffffff;

    font-size: 13px;

    font-weight: 600;

    cursor: pointer;

    transition: all 0.35s ease;

    box-shadow:
        0 5px 15px rgba(0, 117, 184, 0.18);
}


.bgb-search-btn i {

    margin-right: 4px;

    font-size: 12px;
}


.bgb-search-btn:hover {

    background: #005b8d;

    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(0, 117, 184, 0.25);
}


/* =========================================
   GAP BETWEEN TOP AND BOTTOM BOX
========================================= */

.bgb-branch-list-row {

    margin-top: 30px;
}


/* =========================================
   ALL BRANCHES BOX
========================================= */

.bgb-branch-list {

    padding: 28px 20px;

    overflow: hidden;
}


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

.bgb-list-heading {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    margin-bottom: 22px;
}


.bgb-small-title {

    display: block;

    margin-bottom: 4px;

    color: #0075b8;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.5px;

    text-transform: uppercase;
}


.bgb-list-heading h3 {

    margin: 0;

    color: #172b3a;

    font-size: 22px;

    font-weight: 600;

    text-transform: uppercase;
}


/* Branch Count */

.bgb-branch-count {

    display: flex;

    align-items: center;

    gap: 7px;

    padding: 8px 12px;

    background: #f2f8fb;

    color: #0075b8;

    font-size: 12px;

    font-weight: 600;
}


.bgb-branch-count i {

    font-size: 13px;
}


/* =========================================
   TABLE
========================================= */

.bgb-branch-table {

    width: 100%;

    margin: 0;

    border-collapse: separate;

    border-spacing: 0;
}


/* Table Header */

.bgb-branch-table thead th {

    padding: 12px 8px;

    background: #eef2f5;

    border-bottom: 2px solid #d9dee2;

    color: #172b3a;

    font-size: 11px;

    font-weight: 700;

    white-space: nowrap;

    vertical-align: middle;
}


/* Table Body */

.bgb-branch-table tbody td {

    padding: 12px 8px;

    border-bottom: 1px solid #e1e5e8;

    color: #333333;

    font-size: 12px;

    white-space: nowrap;

    vertical-align: middle;

    transition: all 0.3s ease;
}


/* Row Hover */

.bgb-branch-table tbody tr {

    transition: all 0.3s ease;
}


.bgb-branch-table tbody tr:hover {

    background: #f5faff;

    transform: scale(1.003);
}


/* Serial Number */

.bgb-branch-table tbody td:first-child {

    color: #0075b8;

    font-weight: 600;
}


/* Branch Name */

.bgb-branch-table tbody td:nth-child(3) {

    color: #222222;

    font-weight: 600;
}


/* Branch Icon */

.bgb-branch-table tbody td:nth-child(3) i {

    margin-right: 5px;

    color: #0075b8;

    font-size: 11px;
}


/* =========================================
   RESPONSIVE - TABLET
========================================= */

@media (max-width: 991px) {

    .bgb-branch-section {

        padding: 55px 0;
    }


    .bgb-search-box {

        padding: 22px 18px;
    }


    .bgb-branch-list {

        padding: 25px 18px;
    }

}

/* =========================================
   BGB APPLY FOR LOAN
========================================= */

.bgb-loan-cta {
    padding: 0px 0;
    background: #f6f9fc;
}


/* Main Banner */

.bgb-loan-banner {
    position: relative;
    width: 100%;
    min-height: 260px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    background-image: url("assets/images/loan-banner.jpg");
    background-size: cover;
    background-position: center;
}


/* Dark Overlay */

.bgb-loan-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0, 50, 82, 0.82),
            rgba(0, 117, 184, 0.60),
            rgba(0, 0, 0, 0.42)
        );

    z-index: 1;
}


/* Decorative Circle */

.bgb-loan-banner::before {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    border-radius: 50%;

    right: -80px;
    top: -100px;

    border: 35px solid rgba(255, 193, 7, 0.18);

    z-index: 2;
}


/* Content */

.bgb-loan-content {
    position: relative;

    z-index: 3;

    text-align: center;

    padding: 35px 20px;
}


/* Small Heading */

.bgb-loan-subtitle {
    display: inline-flex;

    align-items: center;
    gap: 7px;

    margin-bottom: 8px;

    color: #ffc107;

    font-size: 12px;
    font-weight: 600;

    letter-spacing: 1.5px;
}


/* Main Heading */

.bgb-loan-content h2 {
    margin: 0 0 8px;

    color: #ffffff;

    font-size: 32px;

    font-weight: 700;

    letter-spacing: -0.5px;
}


/* Description */

.bgb-loan-content p {
    margin: 0 0 22px;

    color: rgba(255,255,255,0.88);

    font-size: 14px;
}


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

.bgb-loan-btn {
    position: relative;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 12px;

    min-width: 175px;

    padding: 13px 22px;

    background: #ffc107;

    color: #172b3a;

    text-decoration: none;

    font-size: 14px;
    font-weight: 700;

    overflow: hidden;

    transition: all 0.35s ease;

    box-shadow:
        0 8px 22px rgba(0,0,0,0.22);
}


/* Shine Effect */

.bgb-loan-btn::before {
    content: "";

    position: absolute;

    top: 0;
    left: -100%;

    width: 70%;
    height: 100%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.55),
        transparent
    );

    transform: skewX(-25deg);

    transition: left 0.6s ease;
}


.bgb-loan-btn:hover::before {
    left: 140%;
}


/* Button Hover */

.bgb-loan-btn:hover {
    background: #ffffff;

    color: #0075b8;

    transform: translateY(-3px);

    box-shadow:
        0 12px 28px rgba(0,0,0,0.28);
}


.bgb-loan-btn i {
    transition: transform 0.3s ease;
}


.bgb-loan-btn:hover i {
    transform: translateX(5px);
}


/* =========================================
   RESPONSIVE
========================================= */

li a[href="loan-apply.php"] {
    font-weight: 700;

    background: linear-gradient(
        90deg,
        #ff4d00,
        #ffb300,
        #00a8ff,
        #7c3aed,
        #ff4d00
    );

    background-size: 300% 100%;
    background-position: 0% 50%;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    animation: loanColorChange 3s ease-in-out infinite;
}

@keyframes loanColorChange {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* ========================================= BGB LOGIN SECTION ========================================= */ .bgb-login-section { padding: 35px 15px; background: #f4f9fd; position: relative; overflow: hidden; } /* Background Decorative Circle */ .bgb-login-section::before
{ content: ""; position: absolute; width: 220px; height: 220px; border: 1px solid rgba(0, 117, 184, 0.08); border-radius: 50%; top: -100px; left: -80px; } .bgb-login-section::after { content: ""; position: absolute; width: 180px; height: 180px; border:
1px solid rgba(76, 184, 72, 0.08); border-radius: 50%; bottom: -90px; right: -60px; } /* ========================================= LOGIN WRAPPER ========================================= */ .bgb-login-wrapper { position: relative; z-index: 2; width: 100%;
max-width: 410px; margin: 0 auto; padding: 25px 28px; background: #ffffff; border: 1px solid #dcebf5; border-top: 3px solid #0075b8; box-shadow: 0 10px 30px rgba(0, 73, 120, 0.09); transition: all 0.35s ease; } .bgb-login-wrapper:hover { box-shadow: 0
15px 35px rgba(0, 117, 184, 0.14); transform: translateY(-2px); } /* ========================================= HEADER ========================================= */ .bgb-login-header { text-align: center; margin-bottom: 20px; } .bgb-login-icon { width:
43px; height: 43px; margin: 0 auto 9px; display: flex; align-items: center; justify-content: center; background: #0075b8; color: #ffffff; font-size: 17px; box-shadow: 0 5px 15px rgba(0, 117, 184, 0.22); transition: all 0.35s ease; } .bgb-login-wrapper:hover
.bgb-login-icon { background: #4cb848; box-shadow: 0 5px 18px rgba(76, 184, 72, 0.25); } .bgb-login-header h2 { margin: 0 0 3px; color: #073b63; font-size: 22px; font-weight: 700; } .bgb-login-header p { margin: 0; color: #7a8995; font-size: 12px; } /*
========================================= INPUT GROUP ========================================= */ .bgb-input-group { margin-bottom: 15px; } .bgb-input-group label { display: block; margin-bottom: 6px; color: #284b63; font-size: 12px; font-weight: 600;
} /* Input Box */ .bgb-input-box { position: relative; display: flex; align-items: center; width: 100%; height: 43px; border: 1px solid #d7e5ee; background: #fbfdff; transition: all 0.3s ease; } .bgb-input-box > span { width: 42px; display: flex; align-items:
center; justify-content: center; color: #0075b8; font-size: 13px; border-right: 1px solid #e4edf3; } .bgb-input-box input { width: 100%; height: 100%; padding: 0 12px; border: 0; outline: none; background: transparent; color: #263f52; font-size: 12px;
} .bgb-input-box input::placeholder { color: #a2afb8; } /* Input Focus */ .bgb-input-box:focus-within { border-color: #0075b8; background: #ffffff; box-shadow: 0 0 0 2px rgba(0, 117, 184, 0.07), 0 5px 15px rgba(0, 117, 184, 0.08); } .bgb-input-box:focus-within
> span { color: #4cb848; } /* Password Eye */ .bgb-password-toggle { border: 0; outline: 0; background: transparent; color: #8093a0; padding: 0 12px; cursor: pointer; font-size: 12px; transition: all 0.25s ease; } .bgb-password-toggle:hover { color: #0075b8;
} /* ========================================= LOGIN BUTTON ========================================= */ .bgb-login-btn { position: relative; width: 100%; height: 43px; margin-top: 4px; display: flex; align-items: center; justify-content: center; gap:
8px; border: 0; background: linear-gradient( 90deg, #0075b8, #0b90f6 ); color: #ffffff; font-size: 13px; font-weight: 600; cursor: pointer; overflow: hidden; box-shadow: 0 6px 16px rgba(0, 117, 184, 0.20); transition: all 0.3s ease; } .bgb-login-btn::before
{ content: ""; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.28), transparent ); transform: skewX(-20deg); transition: left 0.6s ease; } .bgb-login-btn:hover::before
{ left: 130%; } .bgb-login-btn:hover { background: linear-gradient( 90deg, #005d91, #0075b8 ); box-shadow: 0 9px 22px rgba(0, 117, 184, 0.28); transform: translateY(-2px); } .bgb-login-btn i { font-size: 10px; transition: transform 0.3s ease; } .bgb-login-btn:hover
i { transform: translateX(4px); } /* ========================================= MOBILE ========================================= */ @media (max-width: 575px) { .bgb-login-section { padding: 25px 12px; } .bgb-login-wrapper { max-width: 100%; padding: 22px
18px; } .bgb-login-header { margin-bottom: 17px; } .bgb-login-icon { width: 39px; height: 39px; font-size: 15px; } .bgb-login-header h2 { font-size: 20px; } .bgb-login-header p { font-size: 11px; } .bgb-input-group { margin-bottom: 12px; } .bgb-input-box
{ height: 41px; } .bgb-login-btn { height: 41px; } } /* Small Mobile */ @media (max-width: 380px) { .bgb-login-section { padding: 20px 10px; } .bgb-login-wrapper { padding: 20px 15px; } .bgb-login-header h2 { font-size: 19px; } }

.bgb-login-section
{
    max-width:100%;
}

.bgb-user-section {

    position: relative;

    width: 100%;

    padding: 35px 15px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(76, 184, 72, 0.12),
            transparent 25%
        ),
        radial-gradient(
            circle at 90% 80%,
            rgba(11, 144, 246, 0.14),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #f5fbff,
            #eaf6fc,
            #f7fcf8
        );
}


/* =========================================
   BACKGROUND EFFECTS
========================================= */

.bgb-user-section::before {

    content: "";

    position: absolute;

    inset: 0;

    opacity: .35;

    background-image:
        linear-gradient(
            30deg,
            rgba(0,117,184,.06) 12%,
            transparent 12.5%,
            transparent 87%,
            rgba(0,117,184,.06) 87.5%
        ),
        linear-gradient(
            150deg,
            rgba(76,184,72,.05) 12%,
            transparent 12.5%,
            transparent 87%,
            rgba(76,184,72,.05) 87.5%
        );

    background-size: 70px 70px;

    pointer-events: none;
}


.bgb-user-bg {

    position: absolute;

    border: 1px solid rgba(0,117,184,.10);

    transform: rotate(45deg);

    pointer-events: none;
}


.bgb-user-bg-1 {

    width: 180px;
    height: 180px;

    left: -80px;
    top: -90px;

    animation: bgbBgMove 7s ease-in-out infinite;
}


.bgb-user-bg-2 {

    width: 220px;
    height: 220px;

    right: -100px;
    bottom: -120px;

    border-color: rgba(76,184,72,.12);

    animation: bgbBgMove2 8s ease-in-out infinite;
}


.bgb-user-circle {

    position: absolute;

    border-radius: 50%;

    border: 1px solid rgba(0,117,184,.10);
}


.bgb-user-circle-1 {

    width: 120px;
    height: 120px;

    left: 15%;
    top: -65px;
}


.bgb-user-circle-2 {

    width: 140px;
    height: 140px;

    right: 14%;
    bottom: -80px;

    border-color: rgba(76,184,72,.12);
}


@keyframes bgbBgMove {

    0%,100% {
        transform: rotate(45deg) translateY(0);
    }

    50% {
        transform: rotate(45deg) translateY(12px);
    }
}


@keyframes bgbBgMove2 {

    0%,100% {
        transform: rotate(45deg) translateY(0);
    }

    50% {
        transform: rotate(45deg) translateY(-12px);
    }
}


/* =========================================
   MAIN CARD
========================================= */

.bgb-user-card {

    position: relative;

    z-index: 5;

    width: 100%;

    max-width: 570px;

    margin: 0 auto;

    padding: 25px 30px;

    background: rgba(255,255,255,.96);

    border: 1px solid #dcecf5;

    border-top: 3px solid #0075b8;

    box-shadow:
        0 15px 40px rgba(0,117,184,.10);
}


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

.bgb-user-heading {

    text-align: center;

    margin-bottom: 20px;
}


.bgb-user-tag {

    display: inline-flex;

    align-items: center;

    gap: 5px;

    margin-bottom: 5px;

    color: #0075b8;

    font-size: 10px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px;
}


.bgb-user-heading h2 {

    margin: 0 0 4px;

    color: #123e5a;

    font-size: 21px;

    font-weight: 700;
}


.bgb-user-heading p {

    margin: 0;

    color: #8295a2;

    font-size: 11px;
}


/* =========================================
   TWO BUTTONS
========================================= */

.bgb-user-tabs {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 10px;

    margin-bottom: 18px;
}


.bgb-user-tab {

    position: relative;

    display: flex;

    align-items: center;

    width: 100%;

    min-height: 65px;

    padding: 9px 10px;

    border: 1px solid #d9e8f1;

    background: #f9fcfe;

    color: #23465d;

    text-align: left;

    cursor: pointer;

    overflow: hidden;

    transition: all .35s ease;
}


.bgb-tab-icon {

    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #e7f4fb;

    color: #0075b8;

    font-size: 13px;

    transition: all .35s ease;
}


.bgb-tab-content {

    flex: 1;

    padding-left: 9px;
}


.bgb-tab-content strong {

    display: block;

    font-size: 12px;

    font-weight: 700;
}


.bgb-tab-content small {

    display: block;

    margin-top: 2px;

    color: #8a9ba7;

    font-size: 9px;
}


.bgb-tab-arrow {

    font-size: 9px;

    color: #9aabb6;

    transition: all .35s ease;
}


/* Active */

.bgb-user-tab.active {

    border-color: #0075b8;

    background:
        linear-gradient(
            135deg,
            #f2faff,
            #ffffff
        );

    box-shadow:
        0 6px 18px rgba(0,117,184,.10);
}


.bgb-user-tab.active .bgb-tab-icon {

    background: #0075b8;

    color: #ffffff;

    box-shadow:
        0 5px 12px rgba(0,117,184,.20);
}


.bgb-user-tab.active .bgb-tab-arrow {

    color: #0075b8;

    transform: translateX(3px);
}


/* Hover */

.bgb-user-tab:hover {

    border-color: #0075b8;

    transform: translateY(-2px);
}


/* Green employee active */

.bgb-user-tab[data-target="employee-panel"].active {

    border-color: #4cb848;
}


.bgb-user-tab[data-target="employee-panel"].active .bgb-tab-icon {

    background: #4cb848;
}


/* =========================================
   LOGIN PANEL
========================================= */

.bgb-login-panel {

    display: none;

    padding-top: 2px;

    animation: bgbPanelShow .4s ease;
}


.bgb-login-panel.active {

    display: block;
}


@keyframes bgbPanelShow {

    from {
        opacity: 0;
        transform: translateY(7px);
    }

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


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

.bgb-panel-heading {

    display: flex;

    align-items: center;

    gap: 10px;

    padding-bottom: 13px;

    margin-bottom: 14px;

    border-bottom: 1px solid #edf2f5;
}


.bgb-panel-icon {

    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #eaf6fc;

    color: #0075b8;

    font-size: 12px;
}


.bgb-panel-icon.employee-icon {

    background: #edf8ed;

    color: #4cb848;
}


.bgb-panel-heading h3 {

    margin: 0 0 2px;

    color: #21465f;

    font-size: 14px;

    font-weight: 700;
}


.bgb-panel-heading p {

    margin: 0;

    color: #8b9aa5;

    font-size: 9px;
}


/* =========================================
   FORM
========================================= */

.bgb-form-group {

    margin-bottom: 12px;
}


.bgb-form-group label {

    display: block;

    margin-bottom: 5px;

    color: #31536a;

    font-size: 10px;

    font-weight: 600;
}


.bgb-form-input {

    display: flex;

    align-items: center;

    height: 41px;

    border: 1px solid #d8e6ee;

    background: #fbfdff;

    transition: all .3s ease;
}


.bgb-form-input > i {

    width: 38px;

    text-align: center;

    color: #0075b8;

    font-size: 11px;
}


.bgb-form-input input {

    flex: 1;

    width: 100%;

    height: 100%;

    padding: 0 8px;

    border: 0;

    outline: 0;

    background: transparent;

    color: #29475a;

    font-size: 11px;
}


.bgb-form-input input::placeholder {

    color: #a2afb8;
}


.bgb-form-input:focus-within {

    border-color: #0075b8;

    box-shadow:
        0 0 0 2px rgba(0,117,184,.06);
}


/* =========================================
   PASSWORD EYE
========================================= */

.bgb-eye-btn {

    border: 0;

    background: transparent;

    color: #8799a5;

    padding: 0 11px;

    cursor: pointer;

    font-size: 10px;
}


.bgb-eye-btn:hover {

    color: #0075b8;
}


/* =========================================
   SUBMIT
========================================= */

.bgb-submit-btn {

    position: relative;

    width: 100%;

    height: 41px;

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    margin-top: 3px;

    border: 0;

    background:
        linear-gradient(
            90deg,
            #0075b8,
            #0b90f6
        );

    color: #ffffff;

    font-size: 11px;

    font-weight: 600;

    cursor: pointer;

    overflow: hidden;

    box-shadow:
        0 6px 15px rgba(0,117,184,.18);

    transition: all .3s ease;
}


.bgb-submit-btn::before {

    content: "";

    position: absolute;

    left: -100%;

    top: 0;

    width: 55%;

    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.30),
            transparent
        );

    transform: skewX(-20deg);

    transition: left .7s ease;
}


.bgb-submit-btn:hover::before {

    left: 130%;
}


.bgb-submit-btn:hover {

    box-shadow:
        0 9px 20px rgba(0,117,184,.25);

    transform: translateY(-1px);
}


.bgb-submit-btn i {

    font-size: 8px;

    transition: transform .3s ease;
}


.bgb-submit-btn:hover i {

    transform: translateX(4px);
}


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

@media (max-width: 575px) {

    .bgb-user-section {

        padding: 25px 12px;
    }

    .bgb-user-card {

        padding: 21px 17px;
    }

    .bgb-user-heading {

        margin-bottom: 17px;
    }

    .bgb-user-heading h2 {

        font-size: 19px;
    }

    .bgb-user-tabs {

        grid-template-columns: 1fr;

        gap: 8px;

        margin-bottom: 15px;
    }

    .bgb-user-tab {

        min-height: 58px;
    }

    .bgb-tab-icon {

        width: 35px;
        height: 35px;

        flex-basis: 35px;
    }

    .bgb-tab-content strong {

        font-size: 11px;
    }

    .bgb-tab-content small {

        font-size: 8px;
    }

}


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

@media (max-width: 380px) {

    .bgb-user-section {

        padding: 20px 10px;
    }

    .bgb-user-card {

        padding: 19px 14px;
    }

    .bgb-user-heading h2 {

        font-size: 18px;
    }

}
@media (max-width: 767px) {

    .bgb-loan-cta {
        padding: 40px 0;
    }

    .bgb-loan-banner {
        min-height: 240px;
    }

    .bgb-loan-content {
        padding: 30px 15px;
    }

    .bgb-loan-content h2 {
        font-size: 30px;
    }

    .bgb-loan-content p {
        font-size: 13px;
    }

}

/* ==========================================
   LIGHT BGB LOGIN BACKGROUND
========================================== */

.bgb-login-section {
    position: relative;
    width: 100%;
    padding: 35px 15px;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(76, 184, 72, 0.10),
            transparent 25%
        ),
        radial-gradient(
            circle at 90% 80%,
            rgba(11, 144, 246, 0.12),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #f5fbff 0%,
            #eaf6fc 45%,
            #f7fcf8 100%
        );
}


/* ==========================================
   LIGHT PATTERN
========================================== */

.bgb-login-section::before {
    content: "";

    position: absolute;
    inset: 0;

    opacity: 0.35;

    background-image:
        linear-gradient(
            30deg,
            rgba(0, 117, 184, 0.06) 12%,
            transparent 12.5%,
            transparent 87%,
            rgba(0, 117, 184, 0.06) 87.5%,
            rgba(0, 117, 184, 0.06)
        ),
        linear-gradient(
            150deg,
            rgba(76, 184, 72, 0.05) 12%,
            transparent 12.5%,
            transparent 87%,
            rgba(76, 184, 72, 0.05) 87.5%,
            rgba(76, 184, 72, 0.05)
        );

    background-size: 70px 70px;

    pointer-events: none;
}


/* ==========================================
   LIGHT DECORATIVE SHAPES
========================================== */

.bgb-bg-shape {
    position: absolute;
    pointer-events: none;

    transform: rotate(45deg);

    border: 1px solid rgba(0, 117, 184, 0.10);
}


.bgb-bg-shape-one {
    width: 190px;
    height: 190px;

    left: -85px;
    top: -95px;

    animation: bgbShapeFloat 6s ease-in-out infinite;
}


.bgb-bg-shape-two {
    width: 230px;
    height: 230px;

    right: -110px;
    bottom: -120px;

    border-color: rgba(76, 184, 72, 0.12);

    animation: bgbShapeFloatTwo 7s ease-in-out infinite;
}


/* ==========================================
   LIGHT CIRCLES
========================================== */

.bgb-bg-circle {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    border: 1px solid rgba(0, 117, 184, 0.10);
}


.bgb-bg-circle-one {
    width: 130px;
    height: 130px;

    left: 15%;
    top: -75px;

    box-shadow:
        0 0 0 20px rgba(0, 117, 184, 0.025),
        0 0 0 40px rgba(0, 117, 184, 0.018);
}


.bgb-bg-circle-two {
    width: 150px;
    height: 150px;

    right: 15%;
    bottom: -90px;

    border-color: rgba(76, 184, 72, 0.12);

    box-shadow:
        0 0 0 20px rgba(76, 184, 72, 0.025),
        0 0 0 40px rgba(76, 184, 72, 0.018);
}


/* ==========================================
   LOGIN CARD
========================================== */

.bgb-login-wrapper {
    position: relative;
    z-index: 5;

    width: 100%;
    max-width: 400px;

    margin: 0 auto;

    padding: 24px 28px;

    background: rgba(255, 255, 255, 0.97);

    border: 1px solid #d9ebf5;

    border-top: 3px solid #0075b8;

    box-shadow:
        0 12px 35px rgba(0, 117, 184, 0.10);

    transition: all 0.35s ease;
}


.bgb-login-wrapper:hover {
    box-shadow:
        0 17px 42px rgba(0, 117, 184, 0.14);

    transform: translateY(-2px);
}
@media (max-width: 480px) {

    .bgb-loan-banner {
        min-height: 225px;
    }

    .bgb-loan-subtitle {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .bgb-loan-content h2 {
        font-size: 26px;
    }

    .bgb-loan-content p {
        font-size: 12px;
        margin-bottom: 18px;
    }

    .bgb-loan-btn {
        min-width: 160px;
        padding: 12px 18px;
        font-size: 13px;
    }

}


/* =========================================
   RESPONSIVE - MOBILE
========================================= */

@media (max-width: 767px) {

    .bgb-branch-section {

        padding: 40px 0;
    }


    .bgb-branch-header {

        height: 54px;

        min-height: 54px;
    }


    .bgb-header-title {

        font-size: 16px;

        padding-left: 16px;
    }


    .bgb-search-box {

        padding: 20px 15px;
    }


    .bgb-pincode-group {

        gap: 7px;
    }


    .bgb-search-btn {

        min-width: 60px;
    }


    .bgb-branch-list-row {

        margin-top: 20px;
    }


    .bgb-branch-list {

        padding: 22px 15px;
    }


    .bgb-list-heading {

        align-items: flex-start;

        flex-direction: column;
    }


    .bgb-list-heading h3 {

        font-size: 20px;
    }


    .bgb-branch-count {

        font-size: 11px;
    }

}


/* =========================================
   RESPONSIVE - SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .bgb-branch-header {

        height: 50px;

        min-height: 50px;
    }


    .bgb-header-title {

        font-size: 15px;

        padding-left: 14px;
    }


    .bgb-header-title i {

        font-size: 14px;
    }


    .bgb-search-box {

        padding: 18px 12px;
    }


    .bgb-input-group .form-select,
    .bgb-input-group .form-control {

        height: 44px;

        font-size: 12px;
    }


    .bgb-search-btn {

        height: 44px;

        min-width: 52px;

        padding: 0 10px;
    }


    .bgb-search-btn span {

        display: none;
    }


    .bgb-search-btn i {

        margin: 0;

        font-size: 13px;
    }


    .bgb-branch-list {

        padding: 18px 12px;
    }


    .bgb-list-heading h3 {

        font-size: 18px;
    }


    /* Horizontal Scroll */

    .bgb-branch-list .table-responsive {

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;
    }


    .bgb-branch-table {

        min-width: 750px;
    }

}
/* Mobile */
@media (max-width:768px){
    
     .bgb-footer-disclaimer p{
        display:block !important;
        text-align:left !important;
        line-height:1.7;
    }

    .bgb-footer-disclaimer p strong{
        display:block;
        margin:0 0 8px;
        font-size:15px;
    }

    .bgb-disclaimer-icon{
        display:inline-block;
        margin-right:6px;
    }

    
    .main-menu__bottom
    {
        margin-top:-9px;
    }
    
    .main-menu__top-right {
        width: 100%;
        margin: 0 !important;
        margin-top: -20px !important;
        /* padding: 4px 8px; */
        margin-left: -268px !important;
    }

    .main-menu__top-right > .custom-top-links{
        display:none !important;
    }

   .bgbm-top-links{
        display:grid !important;
        grid-template-columns:repeat(2,1fr);
        gap:8px;
        padding:8px 12px;
        margin-left:276px;
    }

    .bgbm-top-links a{
        display:flex;
        align-items:center;
        gap:8px;
        padding:3px 10px;
        min-height:34px;          /* Pehle 52px tha */
        border-radius:6px;
        background:#0b6db6;
        color:#fff;
        text-decoration:none;
        font-size:12px;
        font-weight:600;
        box-shadow:0 2px 6px rgba(0,0,0,.12);
    }

    .bgbm-top-links a i{
        width:24px;
        height:24px;
        line-height:24px;
        text-align:center;
        border-radius:50%;
        background:rgba(255,255,255,.18);
        color:#ffd54f;
        font-size:12px;
        flex-shrink:0;
    }

    .bgbm-top-links a small{
        font-size:11px;
        color:#fff;
        line-height:1.2;
        font-weight:600;
    }

    .bgbm-top-links a:active{
        transform:scale(.97);
    }
}

/* Container Box Custom Styles */
.organization-directory {
  font-family: 'Segoe UI', Roboto, sans-serif;
  color: #333;
}

.org-section-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #1e293b;
  border-bottom: 2px dashed #cbd5e1;
  padding-bottom: 8px;
  margin: 35px 0 25px 0;
}

.org-section-title i {
  color: #6366f1;
}

/* Card Grid Layout */
.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 25px;
}

.card-grid-center {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

/* =========================================================
   NEW SHAPE: CUT-EDGE / HEXAGON BADGE DESIGN (CLIP-PATH)
   ========================================================= */
.org-card {
  position: relative;
  background: #f5f5f5;
  padding: 28px 20px 22px 20px;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  filter: drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.08));
  
  /* UNIQUE CUT-OUT SHAPE: Corners Chamfered/Cut at 20px */
  clip-path: polygon(
    20px 0%, 
    100% 0%, 
    100% calc(100% - 20px), 
    calc(100% - 20px) 100%, 
    0% 100%, 
    0% 20px
  );
}

/* Left Accent Line following the shape */
.org-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: currentColor;
}

/* Hover Effect: Shape Transforms & Lifts Up */
.org-card:hover {
  transform: translateY(-8px);
  filter: drop-shadow(0px 14px 24px rgba(0, 0, 0, 0.15));
  /* Hover par Top-Left corner sharp cut ki jagah Smooth Round ho jayega */
  clip-path: polygon(
    0px 0%, 
    100% 0%, 
    100% calc(100% - 20px), 
    calc(100% - 20px) 100%, 
    0% 100%, 
    0% 0%
  );
}

/* Designer Avatar Container */
.org-card .card-avatar {
  width: 50px;
  height: 50px;
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  background: #f1f5f9;
  border-radius: 12px;
  transform: rotate(-45deg); /* Diamond Rotation */
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.org-card .card-avatar i {
  transform: rotate(45deg); /* Icon straight dikhane ke liye */
}

.org-card .name {
  font-size: 1.05rem;
  font-weight: 700;
  margin: 8px 0 6px 0;
  color: #0f172a;
}

.org-card .designation {
  font-size: 0.8rem;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-block;
  padding: 4px 14px;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); /* Cut Ribbon Design */
}

/* =========================================================
   COLOR THEMES
   ========================================================= */

/* Chairman */
.card-chairman {
  max-width: 320px;
  width: 100%;
  color: #ef4444;
  background: #fef2f2;
}
.card-chairman .card-avatar { background: #fee2e2; color: #ef4444; }
.card-chairman .designation { color: #ffffff; background: #ef4444; }

/* General Manager */
.card-gm { color: #f59e0b; }
.card-gm .card-avatar { color: #d97706; background: #fef3c7; }
.card-gm .designation { color: #78350f; background: #fde68a; }

/* AGM */
.card-agm { color: #3b82f6; }
.card-agm .card-avatar { color: #2563eb; background: #dbeafe; }
.card-agm .designation { color: #1e40af; background: #bfdbfe; }

/* Regional Officers */
.card-ro { color: #8b5cf6; }
.card-ro .card-avatar { color: #7c3aed; background: #ede9fe; }
.card-ro .designation { color: #5b21b6; background: #ddd6fe; }
/* Mobile */

/* ==================================================
   LOAN MEGA MENU - COMPACT & PERFECTLY ALIGNED
================================================== */

/* Sub-list container resetting */
.loan-mega-sub-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* 1. Remove Extra Gapping & Add Horizontal Dotted Line Underline */
.loan-mega-sub-list li {
  list-style: none;
  margin: 0;
  padding: 0; /* Extra gap hataya gaya */
}

/* Link level underline and tight structure */
.loan-mega-sub-list li a {
  display: flex;
  align-items: center;
  gap: 8px; /* Icon aur text ke beech tight spacing */
  padding: 5px 0; /* Pure compact alignment */
  text-decoration: none !important;
  color: #1f2937;
  font-size: 0.88rem;
  font-weight: 500;
  border-bottom: 1px dotted #9ca3af; /* Exact horizontal dotted underline */
  transition: color 0.2s ease;
}

/* Last item se underline hatane ke liye (Optional) */
.loan-mega-sub-list li:last-child a {
  border-bottom: 1px dotted #9ca3af; /* Agar aakhri me bhi dotted line chahiye tohise rehne dein */
}

.loan-mega-sub-list li a:hover {
  color: #059669; /* Mild Green Hover */
}

/* 2. Icon Circle Perfect Center Alignment */
.loan-mega-sub-list li a i.loan-icon-green {
  width: 24px;
  height: 24px;
  min-width: 24px;                  /* Non-deformable circle */
  border-radius: 50%;               /* Perfect Round */
  background-color: #e6f4ea;       /* Subtle Circle Color */
  color: #059669;                   /* Icon Color */
  
  /* Flexbox for Absolute Center Alignment */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center;
  
  font-size: 0.72rem;               /* Perfectly sized icon inside circle */
  line-height: 1 !important;        /* Prevents FontAwesome vertical offsets */
  margin: 0;
  padding: 0;
  transition: all 0.2s ease;
}

/* Mild Hover without any arrows or shifts */
.loan-mega-sub-list li a:hover i.loan-icon-green {
  background-color: #059669;
  color: #ffffff;
}
@media (max-width: 767px) {

    .bgb-area-simple {
        row-gap: 15px;
    }

    .bgb-area-title,
    .bgb-map-title {
        margin-top: 5px;
        font-size: 14px;
    }

    .bgb-district-map {
        max-width: 180px;
        height: 120px;
    }
}
  /* ==========================================
     MOBILE VIEW FIXES (Screen Width <= 768px)
     ========================================== */
     
     /* Balance Sheet Compact Container */
.bs-section-container {
  font-family: 'Segoe UI', Roboto, sans-serif;
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  border: 1px solid #e2e8f0;
}

.bs-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 2px solid #3b82f6;
  padding-bottom: 8px;
}

.bs-title i {
  color: #3b82f6;
}

/* Compact Interactive List */
.bs-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bs-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  text-decoration: none !important;
  color: #334155;
  font-size: 0.95rem;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
}

/* Hover Effect */
.bs-item:hover {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #1d4ed8;
  transform: translateX(4px);
}

.bs-item-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.bs-icon {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: #dbeafe;
  color: #2563eb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  flex-shrink: 0;
}

.bs-action {
  font-size: 0.85rem;
  font-weight: 600;
  color: #2563eb;
  display: flex;
  align-items: center;
  gap: 6px;
  background: #ffffff;
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid #cbd5e1;
}

.bs-item:hover .bs-action {
  background: #2563eb;
  color: #ffffff;
  border-color: #2563eb;
}

/* style.css me .bgb-loan-card ko aise update karein */
.bgb-loan-card {
  max-width: 1000px;
  margin: 30px auto;
  /* Purani styling */
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
}

/* Form Section Headers */
.bgb-section-header {
  font-size: 1.1rem;
  font-weight: 700;
  color: #0f172a;
  background-color: #f8fafc;
  padding: 10px 16px;
  border-radius: 8px;
  border-left: 4px solid #2563eb;
  margin-top: 24px;
  margin-bottom: 20px;
}

.bgb-section-header:first-of-type {
  margin-top: 0;
}

.bgb-header-subtext {
  font-size: 0.85rem;
  font-weight: 400;
  color: #64748b;
  margin-left: 6px;
}

/* Mandatory Star Indicator */
.req-star {
  color: #ef4444;
  margin-left: 2px;
}

/* Input Fields & Group Styling */
.bgb-form-group {
  margin-bottom: 18px;
}

.bgb-form-group label {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  color: #334155;
  margin-bottom: 6px;
}

.bgb-form-group .form-control {
  width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-size: 0.875rem;
  color: #0f172a;
  background-color: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}

textarea.form-control {
  height: 40px;
  resize: vertical;
}

.bgb-form-group .form-control:focus {
  background-color: #ffffff;
  border-color: #2563eb;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

/* Radio Option Wrappers */
.bgb-radio-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  height: 40px;
}

.bgb-radio-wrapper .radio-inline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.875rem;
  color: #334155;
  cursor: pointer;
  margin: 0;
}

.bgb-radio-wrapper input[type="radio"] {
  accent-color: #2563eb;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

/* Toggle Info Buttons */
.bgb-btn-info-toggle {
  width: 100%;
  height: 40px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #1d4ed8;
  background-color: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bgb-btn-info-toggle:hover {
  background-color: #dbeafe;
  color: #1e40af;
  border-color: #93c5fd;
}

/* Dynamic Hidden Staff & Others Block */
.bgb-dynamic-block {
  margin-top: 10px;
}

/* Action Section & Submit Button */
.bgb-action-row {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #f1f5f9;
  text-align: center;
}

.bgb-submit-btn {
  padding: 10px 36px;
  font-size: 0.95rem;
  font-weight: 700;
  color: #ffffff;
  background-color: #2563eb;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
  transition: background-color 0.2s ease, transform 0.1s ease;
}

.bgb-submit-btn:hover {
  background-color: #1d4ed8;
  transform: translateY(-1px);
}

/* Radio Options Container Fix */
.bgb-radio-wrapper {
  display: flex;
  flex-wrap: wrap;             /* Text ko next line me wrap hone dega */
  align-items: center;
  gap: 0px 14px;             /* Options ke beech proper spacing */
  min-height: 40px;           /* Fixed height ki jagah min-height rakhi hai */
  padding-top: 4px;
}

.bgb-radio-wrapper .radio-inline {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.82rem;         /* Text size thoda compact kiya gaya hai */
  color: #334155;
  cursor: pointer;
  margin: 0;
  white-space: nowrap;        /* Har single option ka text tootega nahi */
}

.bgb-radio-wrapper input[type="radio"] {
  accent-color: #2563eb;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.full-list-section {
    padding: 0px 0;
    background: #f7f9fc;
}

/* Heading */

.full-list-heading {
    text-align: center;
    margin-bottom: 40px;
}

.full-list-heading span {
    display: inline-block;
    margin-bottom: 7px;
    color: #0075b8;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.full-list-heading h2 {
    margin: 0;
    color: #172b4d;
    font-size: 32px;
    font-weight: 700;
}


/* Wrapper */

.full-list-wrapper {
    width: 100%;
}


/* Single Full Width Box */

.full-list-item {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 75px;
    margin-bottom: 15px;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #e6ebf1;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    transition: all 0.35s ease;
}


/* Left Number */

.list-number {
    width: 45px;
    height: 45px;
    flex: 0 0 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #0075b8;
    color: #fff;

    border-radius: 7px;

    font-size: 14px;
    font-weight: 700;

    transition: all 0.35s ease;
}


/* Title */

.list-title {
    flex: 1;
    padding-left: 18px;
    color: #25364a;
    font-size: 15px;
    font-weight: 600;

    transition: all 0.35s ease;
}


/* Click Here */

.list-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    min-width: 105px;
    padding: 9px 14px;

    border-radius: 5px;

    background: #eef7fc;
    color: #0075b8;

    font-size: 12px;
    font-weight: 700;

    text-decoration: none;
    white-space: nowrap;

    transition: all 0.35s ease;
}

.list-link i {
    font-size: 10px;
    transition: transform 0.3s ease;
}


/* Hover */

.full-list-item:hover {
    transform: translateX(6px);
    border-color: #0075b8;
    box-shadow: 0 10px 25px rgba(0, 117, 184, 0.12);
}

.full-list-item:hover .list-number {
    background: #083d77;
    transform: scale(1.08);
}

.full-list-item:hover .list-title {
    color: #0075b8;
}

.full-list-item:hover .list-link {
    background: #0075b8;
    color: #fff;
}

.full-list-item:hover .list-link i {
    transform: translateX(4px);
}


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

@media (max-width: 767px) {
    
      .full-list-section {
        padding: 45px 12px;
    }

    .full-list-heading {
        margin-bottom: 25px;
    }

    .full-list-heading span {
        font-size: 11px;
    }

    .full-list-heading h2 {
        font-size: 23px;
    }

    /* Box */
    .full-list-item {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        min-height: 60px;
        margin-bottom: 10px;
        padding: 9px;
        border-radius: 7px;
    }

    /* Number */
    .list-number {
        width: 35px;
        height: 35px;
        flex: 0 0 35px;
        border-radius: 5px;
        font-size: 11px;
    }

    /* Title */
    .list-title {
        flex: 1;
        padding-left: 10px;
        font-size: 12px;
    }

    /* Button - Niche Left */
    .list-link {
        flex-basis: 100%;
        width: fit-content;
        min-width: auto;
        margin-top: 8px;
        margin-left: 0;
        padding: 7px 12px;
        font-size: 9px;
        gap: 4px;
        justify-content: flex-start;
    }

    .list-link i {
        font-size: 8px;
    }

    .full-list-item:hover {
        transform: translateX(3px);
    }

    .full-list-section {
        padding: 60px 15px;
    }

    .full-list-heading {
        margin-bottom: 30px;
    }

    .full-list-heading h2 {
        font-size: 27px;
    }

    .full-list-item {
        min-height: 68px;
        padding: 8px 10px;
    }

    .list-number {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        font-size: 12px;
    }

    .list-title {
        padding-left: 13px;
        font-size: 14px;
    }

    .list-link {
        min-width: 90px;
        padding: 8px 10px;
        font-size: 11px;
    }
}


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

@media (max-width: 480px) {

    .full-list-section {
        padding: 45px 12px;
    }

    .full-list-heading {
        margin-bottom: 25px;
    }

    .full-list-heading span {
        font-size: 11px;
    }

    .full-list-heading h2 {
        font-size: 23px;
    }

    .full-list-item {
        min-height: 60px;
        margin-bottom: 10px;
        padding: 7px 8px;
        border-radius: 7px;
    }

    .list-number {
        width: 35px;
        height: 35px;
        flex-basis: 35px;
        border-radius: 5px;
        font-size: 11px;
    }

    .list-title {
        padding-left: 10px;
        font-size: 12px;
    }

    .list-link {
        min-width: auto;
        padding: 7px 8px;
        font-size: 9px;
        gap: 4px;
    }

    .list-link i {
        font-size: 8px;
    }

    .full-list-item:hover {
        transform: translateX(3px);
    }
}


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

@media (max-width: 350px) {

    .list-number {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .list-title {
        padding-left: 7px;
        font-size: 11px;
    }

    .list-link {
        padding: 6px 7px;
        font-size: 8px;
    }
}
  @media (max-width: 768px) {
      
      /*.main-menu__top{
        display:none !important;
    }*/
      
    .dbgb-rotator-container {
      bottom: calc(15px + env(safe-area-inset-bottom, 0px));
      left: 12px;
      width: 200px;
      height: 96px;
      perspective: 600px;
      display:none;
    }
    
    .dbgb-rotator-card {
      padding: 8px 10px;
      border-radius: 8px;
      border-width: 1px;
    }

    .dbgb-rotator-badge {
      font-size: 0.52rem;
      padding: 2px 5px;
      margin-bottom: 4px;
    }

    .dbgb-rotator-title {
      font-size: 0.78rem;
      margin-bottom: 2px;
    }

    .dbgb-rotator-desc {
      font-size: 0.62rem;
      line-height: 1.2;
      -webkit-line-clamp: 2;
    }

    /* Mobile 3D Positions Adjusted (96px Height -> TranslateZ = 48px) */
    .dbgb-rotator-front  { transform: rotateX(0deg) translateZ(48px); }
    .dbgb-rotator-bottom { transform: rotateX(-90deg) translateZ(48px); }
    .dbgb-rotator-back   { transform: rotateX(-180deg) translateZ(48px); }
    .dbgb-rotator-top    { transform: rotateX(-270deg) translateZ(48px); }
  }
/* Sirf Mobile (991px se niche) */

.gallery-box { position: relative; width: 100%; height: 260px; overflow: hidden; border-radius: 12px; background: #f5f5f5; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); } .gallery-box > a { display: block; width: 100%; height: 100%; position: relative;
overflow: hidden; } .gallery-box img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 0.5s ease; } .gallery-overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-align:
center; padding: 20px; background: linear-gradient( to top, rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.20) ); opacity: 0; visibility: hidden; transition: all 0.4s ease; } .gallery-content { transform: translateY(25px); transition: all 0.4s ease; } .gallery-content
h4 { margin: 0 0 14px; color: #fff; font-size: 20px; font-weight: 600; line-height: 1.3; } .gallery-content span { display: inline-flex; align-items: center; gap: 7px; padding: 9px 18px; border-radius: 30px; background: #fff; color: #222; font-size: 13px;
font-weight: 600; transition: all 0.3s ease; } .gallery-content span i { font-size: 13px; } .gallery-box:hover img { transform: scale(1.08); } .gallery-box:hover .gallery-overlay { opacity: 1; visibility: visible; } .gallery-box:hover .gallery-content
{ transform: translateY(0); } .gallery-content span:hover { background: #f5b400; color: #fff; } @media (max-width: 767px) { .gallery-box { height: 220px; } .gallery-content h4 { font-size: 17px; margin-bottom: 10px; } .gallery-content span { padding:
8px 15px; font-size: 12px; } } @media (max-width: 575px) { .gallery-box { height: 210px; } }

.gallery-box { position: relative; width: 100%; height: 280px; overflow: hidden; border-radius: 12px; background: #f5f5f5; } .gallery-box > a:first-child { display: block; width: 100%; height: 100%; } .gallery-box img { width: 100%; height: 100%; display:
block; object-fit: cover; transition: transform 0.5s ease; } /* Overlay */ .gallery-overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-align: center; padding: 25px; background: rgba(0, 0, 0, 0.72);
opacity: 0; visibility: hidden; transition: all 0.4s ease; } /* Content */ .gallery-content { max-width: 100%; transform: translateY(25px); transition: all 0.4s ease; } .gallery-content h4 { color: #fff; font-size: 19px; line-height: 1.45; font-weight:
600; margin: 0 0 18px; } /* View More */ .gallery-view-btn { display: inline-flex; align-items: center; gap: 7px; padding: 9px 18px; background: #fff; color: #222; border-radius: 30px; font-size: 13px; font-weight: 600; text-decoration: none; transition:
all 0.3s ease; } .gallery-view-btn:hover { background: #f5b400; color: #fff; } /* Hover */ .gallery-box:hover img { transform: scale(1.08); } .gallery-box:hover .gallery-overlay { opacity: 1; visibility: visible; } .gallery-box:hover .gallery-content
{ transform: translateY(0); } /* Tablet */ @media (max-width: 991px) { .gallery-box { height: 260px; } .gallery-content h4 { font-size: 17px; } } /* Mobile */ @media (max-width: 575px) { .gallery-box { height: 230px; } .gallery-overlay { padding: 18px;
} .gallery-content h4 { font-size: 16px; line-height: 1.35; margin-bottom: 13px; } .gallery-view-btn { padding: 8px 15px; font-size: 12px; } }


.bgb-contact-section {
    background: #ffffff;
    border: 1px solid #e1eaf1;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 70, 120, 0.08);
}


/* =========================
   HEADER
========================= */

.bgb-contact-header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 22px;
    background: linear-gradient(135deg, #0075b8, #0b90f6);
    color: #fff;
}

.bgb-header-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 10px;

    font-size: 19px;
}

.bgb-contact-header span {
    display: block;
    font-size: 10px;
    letter-spacing: 1.2px;
    font-weight: 600;
    opacity: .85;
    margin-bottom: 3px;
}

.bgb-contact-header h3 {
    margin: 0;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
}


/* =========================
   ADDRESS + PHONE
========================= */

.bgb-office-info {
    display: grid;
    grid-template-columns: 1fr 280px;
    border-bottom: 1px solid #e7edf2;
}

.bgb-info-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 18px 22px;
}

.bgb-info-item + .bgb-info-item {
    border-left: 1px solid #e7edf2;
}

.bgb-info-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #edf7fd;
    color: #0075b8;
    border-radius: 9px;

    font-size: 15px;
}

.bgb-info-label {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .7px;
    color: #7b8994;
    margin-bottom: 5px;
}

.bgb-info-content p {
    margin: 0;
    color: #4b555d;
    font-size: 12.5px;
    line-height: 1.65;
}

.bgb-phone-number {
    color: #0075b8;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
}

.bgb-phone-number:hover {
    color: #0b90f6;
}


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

.bgb-department-heading {
    text-align: center;
    padding: 22px 20px 17px;
}

.bgb-department-heading span {
    display: inline-block;
    color: #0075b8;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.1px;
    margin-bottom: 4px;
}

.bgb-department-heading h3 {
    margin: 0 0 4px;
    color: #26343d;
    font-size: 21px;
    font-weight: 600;
}

.bgb-department-heading p {
    margin: 0;
    color: #7a858d;
    font-size: 12px;
}


/* =========================
   DEPARTMENT GRID
========================= */

.bgb-department-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 0 20px 22px;
}


/* Department Item */
.bgb-department-item {
    min-height: 64px;

    display: grid;
    grid-template-columns: 38px 1fr auto;
    align-items: center;
    gap: 11px;

    padding: 9px 12px;

    background: #f9fbfd;
    border: 1px solid #e5edf3;
    border-radius: 9px;

    transition: all .3s ease;
}

.bgb-department-item:hover {
    background: #fff;
    border-color: #b9dced;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 117, 184, .08);
}


/* Number */
.bgb-dept-number {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;
    background: #eaf6fd;
    color: #0075b8;

    font-size: 10px;
    font-weight: 700;
}


/* Department */
.bgb-dept-name {
    color: #303a42;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
}


/* Email */
.bgb-email {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    color: #0075b8;
    font-size: 11px;
    font-weight: 500;

    text-decoration: none;
    white-space: nowrap;
}

.bgb-email i {
    font-size: 11px;
}

.bgb-email:hover {
    color: #0b90f6;
}


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

@media (max-width: 991px) {

    .bgb-office-info {
        grid-template-columns: 1fr;
    }

    .bgb-info-item + .bgb-info-item {
        border-left: 0;
        border-top: 1px solid #e7edf2;
    }

    .bgb-department-list {
        grid-template-columns: 1fr;
    }

}


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

@media (max-width: 575px) {

    .bgb-contact-section {
        border-radius: 11px;
    }

    .bgb-contact-header {
        padding: 14px 15px;
    }

    .bgb-header-icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        font-size: 16px;
    }

    .bgb-contact-header h3 {
        font-size: 19px;
    }

    .bgb-info-item {
        padding: 14px 15px;
    }

    .bgb-info-content p {
        font-size: 11.5px;
    }

    .bgb-department-heading {
        padding: 19px 15px 14px;
    }

    .bgb-department-heading h3 {
        font-size: 19px;
    }

    .bgb-department-list {
        padding: 0 12px 15px;
        gap: 8px;
    }

    .bgb-department-item {
        grid-template-columns: 34px 1fr;
        gap: 8px;
        padding: 9px;
    }

    .bgb-dept-number {
        width: 31px;
        height: 31px;
    }

    .bgb-dept-name {
        font-size: 11.5px;
    }

    .bgb-email {
        grid-column: 2;
        font-size: 10.5px;
        white-space: normal;
        word-break: break-word;
        margin-top: -2px;
    }

}

/* =========================================
   BANK LOAN APPLICATION FORM
========================================= */

.loan-form-section {
    width: 100%;
    max-width: 1180px;
    margin: 40px auto;
    padding: 0 15px;
    font-family: "Poppins", sans-serif;
    color: #263238;
}


/* HEADER */

.loan-form-header {
    text-align: center;
    margin-bottom: 25px;
}

.loan-form-tag {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #075ca8;
    background: #eaf4ff;
    padding: 6px 14px;
    border-radius: 30px;
    margin-bottom: 8px;
}

.loan-form-header h2 {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 6px;
    color: #12395d;
}

.loan-form-header p {
    font-size: 15px;
    margin: 0;
    color: #6b7280;
}


/* CARD */

.loan-form-card {
    background: #fff;
    border: 1px solid #e1e8ef;
    border-radius: 12px;
    margin-bottom: 20px;
    padding: 24px;
    box-shadow: 0 5px 20px rgba(20, 55, 90, 0.07);
    transition: all .3s ease;
}

.loan-form-card:hover {
    box-shadow: 0 8px 26px rgba(20, 55, 90, 0.11);
}


/* SECTION HEADING */

.loan-section-title {
    display: flex;
    align-items: center;
    gap: 13px;
    border-bottom: 1px solid #e7edf3;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.loan-section-title > span {
    width: 43px;
    height: 43px;
    min-width: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #eaf4ff;
    color: #0865ad;
    font-size: 18px;
}

.loan-section-title h3 {
    margin: 0;
    font-size: 19px;
    font-weight: 650;
    color: #173f63;
}

.loan-section-title small {
    display: block;
    margin-top: 3px;
    color: #7a8794;
    font-size: 13px;
}


/* FORM GRID */

.loan-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.loan-field-full {
    grid-column: 1 / -1;
}


/* LABEL */

.loan-field label {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #34495e;
    margin-bottom: 7px;
}

.loan-field label b {
    color: #dc3545;
}


/* INPUT */

.loan-field input,
.loan-field select,
.loan-field textarea {
    width: 100%;
    height: 46px;
    border: 1px solid #cfd9e2;
    border-radius: 7px;
    padding: 0 13px;
    background: #fff;
    color: #263238;
    font-size: 15px;
    outline: none;
    transition: all .25s ease;
    box-sizing: border-box;
}

.loan-field textarea {
    height: 95px;
    padding-top: 12px;
    resize: vertical;
}

.loan-field input::placeholder,
.loan-field textarea::placeholder {
    color: #9aa6b2;
    font-size: 14px;
}

.loan-field input:focus,
.loan-field select:focus,
.loan-field textarea:focus {
    border-color: #0878c9;
    box-shadow: 0 0 0 3px rgba(8, 120, 201, .10);
}


/* SUB TITLE */

.loan-subtitle {
    font-size: 16px;
    font-weight: 650;
    color: #174f7d;
    margin: 5px 0 15px;
}


/* SAME ADDRESS */

.same-address-box {
    background: #f4f9fd;
    border: 1px solid #dbeaf5;
    border-radius: 7px;
    padding: 12px 14px;
    margin: 20px 0;
}

.same-address-box label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    color: #34495e;
}

.same-address-box input {
    width: 18px;
    height: 18px;
    cursor: pointer;
}


/* AMOUNT */

.amount-input {
    display: flex;
    align-items: center;
}

.amount-input span {
    height: 46px;
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2f6f9;
    border: 1px solid #cfd9e2;
    border-right: 0;
    border-radius: 7px 0 0 7px;
    font-size: 17px;
    font-weight: 600;
}

.amount-input input {
    border-radius: 0 7px 7px 0;
}


/* LOAN TYPE DETAILS */

.loan-type-details {
    display: none;
    background: #f8fbfe;
    border: 1px solid #dceaf5;
    border-radius: 9px;
    padding: 20px;
    margin-top: 22px;
    animation: loanFade .3s ease;
}

@keyframes loanFade {
    from {
        opacity: 0;
        transform: translateY(7px);
    }

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

.loan-detail-heading {
    font-size: 17px;
    font-weight: 650;
    color: #075fa9;
    margin-bottom: 17px;
}

.loan-detail-heading i {
    margin-right: 7px;
}


/* DOCUMENTS */

.loan-document-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.loan-document-list label {
    display: flex;
    align-items: center;
    gap: 9px;
    border: 1px solid #dce5ec;
    background: #fafcfd;
    padding: 12px 13px;
    border-radius: 7px;
    font-size: 14px;
    cursor: pointer;
    transition: .25s;
}

.loan-document-list label:hover {
    border-color: #1681cb;
    background: #f3f9fe;
}

.loan-document-list input {
    width: 17px;
    height: 17px;
}


/* DECLARATION */

.loan-declaration {
    background: #f8fbfd;
}

.declaration-check {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    line-height: 1.7;
    color: #52616d;
    cursor: pointer;
}

.declaration-check input {
    width: 18px;
    height: 18px;
    min-width: 18px;
    margin-top: 3px;
}


/* SUBMIT */

.loan-submit-area {
    text-align: center;
    margin: 25px 0 10px;
}

.loan-submit-btn {
    border: 0;
    background: linear-gradient(135deg, #0767ae, #0a8bd3);
    color: #fff;
    padding: 13px 28px;
    min-height: 48px;
    border-radius: 7px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(7, 103, 174, .22);
    transition: all .3s ease;
}

.loan-submit-btn i {
    margin-right: 7px;
}

.loan-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 9px 20px rgba(7, 103, 174, .28);
}

.loan-submit-area p {
    font-size: 13px;
    color: #7c8994;
    margin: 10px 0 0;
}

.loan-submit-area p i {
    color: #198754;
    margin-right: 4px;
}


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

@media (max-width: 768px) {

    .loan-form-section {
        margin: 25px auto;
        padding: 0 12px;
    }

    .loan-form-header h2 {
        font-size: 25px;
    }

    .loan-form-card {
        padding: 18px;
        margin-bottom: 16px;
    }

    .loan-form-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .loan-field-full {
        grid-column: auto;
    }

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

}


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

@media (max-width: 576px) {

    .loan-form-section {
        padding: 0 10px;
        margin: 20px auto;
    }

    .loan-form-header {
        margin-bottom: 18px;
    }

    .loan-form-header h2 {
        font-size: 22px;
    }

    .loan-form-header p {
        font-size: 14px;
    }

    .loan-form-card {
        padding: 15px;
        border-radius: 9px;
    }

    .loan-section-title {
        gap: 10px;
        padding-bottom: 13px;
        margin-bottom: 17px;
    }

    .loan-section-title > span {
        width: 38px;
        height: 38px;
        min-width: 38px;
        font-size: 16px;
    }

    .loan-section-title h3 {
        font-size: 17px;
    }

    .loan-section-title small {
        font-size: 12px;
    }

    .loan-field label {
        font-size: 14px;
    }

    .loan-field input,
    .loan-field select,
    .loan-field textarea {
        font-size: 15px;
    }

    .loan-document-list {
        grid-template-columns: 1fr;
    }

    .loan-type-details {
        padding: 15px;
    }

    .loan-detail-heading {
        font-size: 16px;
    }

    .loan-submit-btn {
        width: 100%;
        font-size: 15px;
    }

    .declaration-check {
        font-size: 13px;
    }

}

/* ================================
   E-CALENDAR SECTION
================================ */

.ecalendar-section {
    width: 100%;
    background: #fff;
    border: 1px solid #e1e7ef;
    border-radius: 10px;
    padding: 22px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

/* Header */

.ecalendar-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

.ecalendar-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 8px;
    background: #3768b4;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.ecalendar-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #252f3f;
    text-transform: uppercase;
}

.ecalendar-line {
    width: 55px;
    height: 3px;
    background: #f5b400;
    border-radius: 10px;
    margin-top: 7px;
}


/* Calendar Card */

.ecalendar-card {
    width: 100%;
    min-height: 75px;
    display: flex;
    align-items: center;
    background: #3768b4;
    border-radius: 7px;
    padding: 14px 16px;
    color: #fff;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

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

.ecalendar-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 20px rgba(55, 104, 180, 0.25);
}


/* Number */

.ecalendar-number {
    width: 45px;
    min-width: 45px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    border-right: 1px solid rgba(255,255,255,0.25);
}


/* Details */

.ecalendar-details {
    flex: 1;
    padding-left: 18px;
}

.ecalendar-label {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.75;
    margin-bottom: 2px;
}

.ecalendar-details h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}


/* Button */

.ecalendar-action {
    margin-left: 15px;
}

.ecalendar-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #f5b400;
    color: #222 !important;
    padding: 8px 14px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.ecalendar-btn:hover {
    background: #fff;
    color: #3768b4 !important;
}

.ecalendar-btn i {
    font-size: 14px;
}


/* ================================
   RESPONSIVE
================================ */
/* ================= POPUP OVERLAY ================= */
.bgbpop-overlay {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 99999;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 20px;
    box-sizing: border-box;
}

/* ================= POPUP BOX ================= */
.bgbpop-box {
    position: relative;
    max-width: 900px;
    width: auto;
    max-height: 90vh;

    display: flex;
    align-items: center;
    justify-content: center;
}

/* ================= POPUP IMAGE ================= */
.bgbpop-image {
    display: block;

    max-width: 100%;
    width: auto;

    /* Image kabhi screen se bahar nahi jayegi */
    max-height: 85vh;

    height: auto;
    object-fit: contain;

    border-radius: 8px;
}

.bgbpop-close {
    position: absolute;
    top: 10px;
    right: 10px;

    width: 38px;
    height: 38px;

    padding: 0;
    margin: 0;

    border: none;
    border-radius: 50%;

    background: #ffffff;
    color: #222;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 18px;
    line-height: 1;

    cursor: pointer;
    z-index: 999;

    box-sizing: border-box;

    box-shadow: 0 3px 12px rgba(0,0,0,0.3);
}

.bgbpop-close i {
    display: block;
    line-height: 1;
}

 .main-slider .item
    {
        background:none !important;
    }
    .main-slider__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.main-slider__bg img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.main-slider .swiper-container,
.main-slider .swiper-wrapper,
.main-slider .swiper-slide {
    width: 100%;
    height: 100%;
}

.main-slider .swiper-slide {
    position: relative;
    overflow: hidden;
}


/* CONTENT IMAGE KE UPAR */
.main-slider__content {
    position: relative;
    z-index: 5;
}


/* NAVIGATION */
.main-slider__nav-prev,
.main-slider__nav-next {
    z-index: 20;
}

/* Slider Navigation Buttons */
.main-slider__nav-prev,
.main-slider__nav-next {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: -24px !important;
    background: rgb(0 89 170) !important;
    transition: all 0.3s ease;
}

.main-slider__nav-prev::after,
.main-slider__nav-next::after {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #fff !important;
}

.main-slider__nav-prev:hover,
.main-slider__nav-next:hover {
    background: #004f02 !important;
}


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

    .main-slider__nav-prev,
    .main-slider__nav-next {
        width: 40px !important;
        height: 40px !important;
        margin-top: -20px !important;
    }

    .main-slider__nav-prev::after,
    .main-slider__nav-next::after {
        font-size: 13px !important;
    }

}
/* ================= TABLET ================= */
@media (max-width: 768px) {
    
    .bgbpop-close {
        top: 8px !important;
        right: 12px;

        width: 32px;
        height: 32px;

        font-size: 14px;
        z-index: 9999;
    }

    .bgbpop-overlay {
        padding: 15px;
    }

    .bgbpop-box {
        max-width: 100%;
        max-height: 90vh;
    }

    .bgbpop-image {
        max-width: 100%;
        max-height: 82vh;
        border-radius: 6px;
    }

    .bgbpop-close {
        width: 34px;
        height: 34px;
        top: -12px;
        right: -8px;
        font-size: 16px;
    }
}

/* ================= MOBILE ================= */
@media (max-width: 480px) {

    .bgbpop-overlay {
        padding: 12px;
    }

    .bgbpop-box {
        width: 100%;
        max-height: 88vh;
    }

    .bgbpop-image {
        width: 100%;
        max-width: 100%;
        max-height: 78vh;
        object-fit: contain;
    }

    .bgbpop-close {
        width: 32px;
        height: 32px;
        top: -10px;
        right: 0;
        font-size: 15px;
    }
}
@media (max-width: 767px) {

    .ecalendar-section {
        padding: 16px;
        border-radius: 8px;
    }

    .ecalendar-header {
        margin-bottom: 15px;
    }

    .ecalendar-icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        font-size: 17px;
    }

    .ecalendar-header h3 {
        font-size: 17px;
    }

    .ecalendar-card {
        padding: 12px;
    }

    .ecalendar-number {
        width: 35px;
        min-width: 35px;
        font-size: 13px;
    }

    .ecalendar-details {
        padding-left: 12px;
    }

    .ecalendar-details h4 {
        font-size: 14px;
    }

    .ecalendar-action {
        margin-left: 10px;
    }

    .ecalendar-btn {
        padding: 7px 10px;
        font-size: 12px;
    }
}


@media (max-width: 480px) {

    .ecalendar-section {
        padding: 13px;
    }

    .ecalendar-card {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 10px;
    }

    .ecalendar-number {
        width: 32px;
        min-width: 32px;
        padding-top: 5px;
    }

    .ecalendar-details {
        padding-left: 8px;
        flex: 1;
    }

    .ecalendar-details h4 {
        font-size: 14px;
    }

    .ecalendar-action {
        width: 100%;
        margin-left: 40px;
    }

    .ecalendar-btn {
        width: auto;
        justify-content: center;
    }
}

.bgb-privacy-wrapper {
        font-family: 'Segoe UI', Arial, sans-serif;
        color: #333333;
        line-height: 1.6;
        background-color: #ffffff;
        padding: 30px 20px;
        max-width: 1100px;
        margin: 0 auto;
    }

    .bgb-privacy-card {
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        padding: 25px 30px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    }

    .bgb-privacy-main-title {
        color: #1a365d;
        font-size: 24px;
        font-weight: 700;
        border-bottom: 2px solid #2b6cb0;
        padding-bottom: 10px;
        margin-top: 0;
        margin-bottom: 20px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .bgb-privacy-section-title {
        color: #2b6cb0;
        font-size: 18px;
        font-weight: 600;
        margin-top: 25px;
        margin-bottom: 12px;
        padding-bottom: 4px;
        border-bottom: 1px solid #edf2f7;
    }

    .bgb-privacy-text {
        font-size: 15px;
        text-align: justify;
        text-justify: inter-word;
        margin-bottom: 12px;
        color: #000;
        font-family: var(--sinace-font);
    }

    .bgb-privacy-list {
        margin: 10px 0 15px 20px;
        padding: 0;
    }

    .bgb-privacy-list li {
        font-size: 15px;
        text-align: justify;
        text-justify: inter-word;
        margin-bottom: 8px;
        color: #000;
        font-family: var(--sinace-font);
    }

    .bgb-contact-box {
        background-color: #f7fafc;
        border-left: 4px solid #2b6cb0;
        padding: 15px 20px;
        margin-top: 15px;
        border-radius: 0 6px 6px 0;
    }

    .bgb-contact-box p {
        margin: 4px 0;
        font-size: 15px;
    }

    /* Mobile Responsive Adjustments */
    @media (max-width: 768px) {
        .bgb-privacy-wrapper {
            padding: 15px 10px;
        }

        .bgb-privacy-card {
            padding: 18px 15px;
        }

        .bgb-privacy-main-title {
            font-size: 20px;
        }

        .bgb-privacy-section-title {
            font-size: 16px;
        }

        .bgb-privacy-text, 
        .bgb-privacy-list li,
        .bgb-contact-box p {
            font-size: 14px;
            text-align: left; /* Better readability on small mobile screens */
        }

        .bgb-privacy-list {
            padding-left: 15px;
        }
    }
    
    /* =========================================
   PENSION SECTION
========================================= */

.pension-section {
    width: 100%;
    background: #ffffff;
    border: 1px solid #e2e7ee;
    border-radius: 10px;
    padding: 22px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
}


/* =========================================
   HEADER
========================================= */

.pension-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e7ebf0;
}

.pension-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;
    background: #3768b4;
    color: #fff;
    border-radius: 8px;

    display:none;
    align-items: center;
    justify-content: center;

    font-size: 20px;
    box-shadow: 0 4px 10px rgba(55, 104, 180, 0.20);
}

.pension-heading h3 {
    margin: 0;
    color: #263445;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.pension-heading span {
    display: block;
    width: 50px;
    height: 3px;
    background: #f5b400;
    border-radius: 10px;
    margin-top: 7px;
}


/* =========================================
   DOCUMENT ITEM
========================================= */

.pension-item {
    width: 100%;
    min-height: 76px;

    display: flex;
    align-items: center;

    background: #f7f9fc;
    border: 1px solid #e2e7ee;
    border-left: 4px solid #3768b4;

    border-radius: 7px;
    padding: 12px 14px;
    margin-bottom: 12px;

    transition: all 0.3s ease;
}

.pension-item:last-child {
    margin-bottom: 0;
}

.pension-item:hover {
    background: #ffffff;
    border-color: #cfd9e7;
    border-left-color: #f5b400;

    transform: translateX(3px);

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
}


/* =========================================
   NUMBER
========================================= */

.pension-number {
    width: 42px;
    height: 42px;
    min-width: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #3768b4;
    color: #ffffff;

    border-radius: 50%;

    font-size: 13px;
    font-weight: 600;
}


/* =========================================
   INFORMATION
========================================= */

.pension-info {
    flex: 1;
    padding: 0 18px;
}

.pension-info h4 {
    margin: 0;

    color: #273444;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
}

.pension-info p {
    margin: 4px 0 0;

    color: #7a8491;
    font-size: 12px;
    line-height: 1.4;
}


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

.pension-action {
    flex-shrink: 0;
}

.pension-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    background: #3768b4;
    color: #ffffff !important;

    border-radius: 5px;

    padding: 8px 13px;

    font-size: 12px;
    font-weight: 600;

    text-decoration: none !important;

    white-space: nowrap;

    transition: all 0.3s ease;
}

.pension-btn .fa-file-pdf-o {
    color: #ffdddd;
}

.pension-btn .fa-arrow-right {
    font-size: 11px;
}

.pension-btn:hover {
    background: #f5b400;
    color: #222 !important;
}

.pension-btn:hover .fa-file-pdf-o {
    color: #c62828;
}


/* =========================================
   TABLET
========================================= */
.interest-highlight {
    width: 100%;
    margin: 25px 0;
    padding: 20px 25px;
    background: #fff;
    border-left: 5px solid #3768b4;
    border-radius: 6px;
    box-shadow: 0 3px 12px rgba(0,0,0,0.08);
}

.interest-rate {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    font-size: 17px;
    color: #333;
}

.interest-rate strong {
    color: #3768b4;
    font-size: 22px;
    white-space: nowrap;
}

.interest-note {
    margin-top: 8px;
    color: #ff0000;
    font-size: 13px;
    font-style: italic;
}


/* Deposit Card */

.deposit-card {
    width: 100%;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.deposit-title {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 18px 22px;
    background: #3768b4;
    color: #fff;
}

.deposit-title i {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.15);
    border-radius: 50%;
    font-size: 18px;
}

.deposit-title h4 {
    margin: 0 0 4px;
    font-size: 17px;
    font-weight: 600;
}

.deposit-title p {
    margin: 0;
    font-size: 13px;
    opacity: 0.9;
}


/* Table Wrapper */

.interest-table-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}


/* Table */

.interest-table {
    width: 100%;
    min-width: 650px;
    border-collapse: collapse;
    margin: 0;
    background: #fff;
}

.interest-table th {
    padding: 14px 16px;
    background: #eef4fb;
    color: #234d82;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border: 1px solid #dce5ef;
}

.interest-table td {
    padding: 13px 16px;
    color: #444;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    background: #fff;
}

.interest-table td:first-child {
    width: 90px;
    text-align: center;
    font-weight: 600;
    color: #3768b4;
}

.interest-table td:nth-child(2) {
    text-align: left;
}

.interest-table td:last-child {
    width: 180px;
    text-align: center;
    font-weight: 700;
    color: #3768b4;
}


/* Hover */

.interest-table tbody tr {
    transition: all 0.2s ease;
}

.interest-table tbody tr:hover td {
    background: #f7faff;
}


/* Mobile */
.quick-view-box {
    width: 100%;
}

/* Header */
.quick-view-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 2px solid #3768b4;
}

.quick-view-header-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3768b4;
    color: #fff;
    font-size: 16px;
}

.quick-view-header h3 {
    margin: 0;
    color: #333;
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.3;
}

.quick-view-header span {
    display: block;
    width: 45px;
    height: 2px;
    background: #3768b4;
    margin-top: 5px;
}


/* List */
.quick-view-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #e1e6ed;
}

.quick-view-list li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e1e6ed;
}

.quick-view-list li:last-child {
    border-bottom: none;
}

.quick-view-list li a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 54px;
    padding: 10px 15px;
    color: #333;
    background: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    transition: all 0.25s ease;
    overflow: hidden;
}

.quick-view-list li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 0;
    background: #3768b4;
    transition: height 0.25s ease;
}


/* Item Icon */
.quick-view-icon {
    width: 28px;
    height: 28px;
    min-width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef4fb;
    color: #3768b4;
    border: 1px solid #d8e4f2;
    font-size: 11px;
    transition: all 0.25s ease;
}

.quick-view-icon i {
    transition: transform 0.25s ease;
}


/* Right Arrow */
.quick-view-arrow {
    margin-left: auto;
    color: #9aa5b1;
    font-size: 14px;
    transition: all 0.25s ease;
}


/* Hover */
.quick-view-list li a:hover {
    color: #3768b4;
    background: #f7faff;
    padding-left: 20px;
}

.quick-view-list li a:hover::before {
    height: 100%;
}

.quick-view-list li a:hover .quick-view-icon {
    background: #3768b4;
    color: #fff;
    border-color: #3768b4;
}

.quick-view-list li a:hover .quick-view-icon i {
    transform: translateX(3px);
}

.quick-view-list li a:hover .quick-view-arrow {
    color: #3768b4;
    transform: translateX(4px);
}

.rateint
{
    color:#fff;
}
/* Mobile */
@media (max-width: 575px) {

    .quick-view-header h3 {
        font-size: 17px;
    }

    .quick-view-header-icon {
        width: 34px;
        height: 34px;
        min-width: 34px;
        font-size: 14px;
    }

    .quick-view-list li a {
        min-height: 50px;
        padding: 9px 12px;
        gap: 10px;
        font-size: 13px;
    }

    .quick-view-list li a:hover {
        padding-left: 16px;
    }

    .quick-view-icon {
        width: 26px;
        height: 26px;
        min-width: 26px;
    }

}

.bgb-acc-button
{
    font-size:14px;
}
@media (max-width: 767px) {

    .interest-highlight {
        padding: 16px;
        margin: 20px 0;
    }

    .interest-rate {
        display: block;
        font-size: 15px;
    }

    .interest-rate strong {
        display: block;
        margin-top: 7px;
        font-size: 20px;
    }

    .deposit-title {
        padding: 15px;
    }

    .deposit-title i {
        width: 38px;
        height: 38px;
        min-width: 38px;
    }

    .deposit-title h4 {
        font-size: 14px;
        line-height: 1.5;
    }

    .deposit-title p {
        font-size: 12px;
    }

    .interest-table th,
    .interest-table td {
        padding: 11px 12px;
        font-size: 13px;
    }

}

@media (max-width: 767px) {
    
    .comm2
    {
        width:100%;
    }

    .pension-section {
        padding: 17px;
    }

    .pension-header {
        margin-bottom: 17px;
    }

    .pension-icon {
        width: 42px;
        height: 42px;
        min-width: 42px;
        font-size: 18px;
    }

    .pension-heading h3 {
        font-size: 18px;
    }

    .pension-item {
        padding: 11px;
    }

    .pension-number {
        width: 38px;
        height: 38px;
        min-width: 38px;
        font-size: 12px;
    }

    .pension-info {
        padding: 0 12px;
    }

    .pension-info h4 {
        font-size: 14px;
    }

    .pension-btn {
        padding: 7px 10px;
        font-size: 11px;
    }
}


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

@media (max-width: 575px) {

    .pension-section {
        padding: 14px;
        border-radius: 8px;
    }

    .pension-header {
        gap: 10px;
        padding-bottom: 12px;
    }

    .pension-icon {
        width: 38px;
        height: 38px;
        min-width: 38px;
        font-size: 16px;
    }

    .pension-heading h3 {
        font-size: 17px;
    }

    .pension-heading span {
        width: 42px;
        height: 2px;
    }

    .pension-item {
        position: relative;
        align-items: flex-start;
        flex-wrap: wrap;

        padding: 12px;
    }

    .pension-number {
        width: 34px;
        height: 34px;
        min-width: 34px;
        font-size: 11px;
    }

    .pension-info {
        padding: 2px 0 0 10px;
        flex: 1;
    }

    .pension-info h4 {
        font-size: 13px;
        line-height: 1.45;
    }

    .pension-info p {
        font-size: 11px;
    }

    .pension-action {
        width: 100%;
        margin-top: 10px;
        padding-left: 44px;
    }

    .pension-btn {
        width: auto;
        padding: 7px 12px;
        font-size: 11px;
    }
}


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

@media (max-width: 380px) {

    .pension-section {
        padding: 11px;
    }

    .pension-item {
        padding: 10px;
    }

    .pension-info h4 {
        font-size: 12px;
    }

    .pension-action {
        padding-left: 42px;
    }
}
@media (max-width: 768px){

    .mobile-cyber-helpline{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        padding: 0px 8px;
        background: #d32f2f;
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        font-weight: 600;
    }

    .mobile-cyber-helpline:hover{
        color: #fff;
    }

    .mobile-cyber-helpline i{
        color: #fff;
    }
}

@media only screen and (min-width:580px) and (max-width: 900px) {

   .main-menu__top
  {
    display: block;
  }

  .header-btn.btn-login{
    color: #fff;
}

.header-btn.btn-login span{
    color: #fff;
}

.header-btn.btn-login i{
    color: #fff;
}

  .mobile-nav__content .main-menu__list>li>a, .mobile-nav__content .main-menu__list>li>ul>li>a, .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a
  {
    color: #3e3d3d;
    display: grid-lanes !important;
    display: -webkit-box;
  }

  .mobile-nav__contact li a
  {
    color: #3e3d3d;
  }

  .mobile-nav__social a
  {
    color: #3e3d3d;
  }

  .mobile-nav__content
  {
    background-color: #efefef;
  }
.bgblogo
{
  width: 125px;
  margin-top: 10px;
}
.header-action-btns
{
  top: 78%;
}
.main-slider__bg
{
  background-size: cover;
}
.main-slider, .main-slider .item
{
  height: 392px;
}
.banking-feature-card
{
  display: grid;
}
.card-text-block
{
  width: 100%;
}
.banking-feature-card
{
  width: 242px;
}
.bgbOfferItem
{
  display: grid;
}
 .mobile-nav__close
  {
    color:#000;
  }
}

@media only screen and (min-width:901px) and (max-width: 1000px) {

   .main-menu__top
  {
    display: block;
  }

  .header-btn.btn-login{
    color: #fff;
}

.header-btn.btn-login span{
    color: #fff;
}

.header-btn.btn-login i{
    color: #fff;
}

  .mobile-nav__close
  {
    color:#000;
  }

  .mobile-nav__content .main-menu__list>li>a, .mobile-nav__content .main-menu__list>li>ul>li>a, .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a
  {
    color: #3e3d3d;
    display: grid-lanes !important;
    display: -webkit-box;
  }

  .mobile-nav__contact li a
  {
    color: #3e3d3d;
  }

  .mobile-nav__social a
  {
    color: #3e3d3d;
  }

  .mobile-nav__content
  {
    background-color: #efefef;
  }

.bgblogo
{
  width: 125px;
  margin-top: 10px;
}
.header-action-btns
{
  top: 78%;
}
.main-slider__bg
{
  background-size: cover;
}
.main-slider, .main-slider .item
{
  height: 392px;
}
.banking-feature-card
{
  display: grid;
}
.card-text-block
{
  width: 100%;
}
.banking-feature-card
{
  width: 242px;
}
.bgbOfferItem
{
  display: grid;
}
}

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

  .main-slider, .main-slider .item
  {
    height: 542px;
  }

  .main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a
  {
    font-size: 13px;
  }

  .loan-mega-column{
    min-width:0;
}

.bgblogo
{
  width: 163px;
}

.loan-card-wrapper{
    width:100%;
    height:100%;
    padding:14px 18px;
    
}

  .loan-mega-menu-box .loan-card-wrapper
  {
    padding: 6px !important;
  }

  .header-action-btns
{
  display: none;
}
.main-menu .main-menu__list{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    justify-content:flex-end; /* ya center */
}

.main-menu .main-menu__list > li{
    white-space:nowrap;
}
.main-menu__main-menu-box {
    padding-right:0px;
    margin-left: 50px;
}
}

@media only screen and (min-width:1201px) and (max-width: 1250px) {

  .main-slider, .main-slider .item
  {
    height: 542px;
  }

  .header-action-btns
{
  display: none;
}
.main-menu .main-menu__list{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    justify-content:flex-end; /* ya center */
}

.main-menu .main-menu__list > li{
    white-space:nowrap;
}
.main-menu__main-menu-box {
    padding-right:0px;
    margin-left: 50px;
}
}

@media only screen and (min-width:1251px) and (max-width: 1300px) {

  .main-slider, .main-slider .item
  {
    height:426px;
  }

  .header-action-btns
{
  display: none !important;
}
.main-menu .main-menu__list{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    justify-content:flex-end; /* ya center */
}

.main-menu .main-menu__list > li{
    white-space:nowrap;
}
.main-menu__main-menu-box {
    padding-right:0px;
    margin-left: 50px;
}
}

@media only screen and (min-width:1301px) and (max-width: 1350px) {
    
     .main-slider, .main-slider .item
  {
    height:426px;
  }

  .header-action-btns
{
  display: none !important;
}
.main-menu .main-menu__list{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    justify-content:flex-end; /* ya center */
}

.main-menu .main-menu__list > li{
    white-space:nowrap;
}
.main-menu__main-menu-box {
    padding-right:0px;
    margin-left: 50px;
}
}

@media only screen and (min-width:1351px) and (max-width: 1400px) {
    
        .main-slider, .main-slider .item
  {
    height:430px;
  }


.main-menu .main-menu__list{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    justify-content:flex-end; /* ya center */
}

.main-menu .main-menu__list > li{
    white-space:nowrap;
}
.main-menu__main-menu-box {
    padding-right:0px;
    margin-left: -99px;
}
.main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a
{
  font-size: 13px;
}
}

@media only screen and (min-width:1401px) and (max-width: 1450px) {
    
        .main-slider, .main-slider .item
  {
    height:470px;
  }


.main-menu .main-menu__list{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    justify-content:flex-end; /* ya center */
}

.main-menu .main-menu__list > li{
    white-space:nowrap;
}
.main-menu__main-menu-box {
    padding-right:0px;
    margin-left: -99px;
}
.main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a
{
  font-size: 14px;
}
}

@media only screen and (min-width:1451px) and (max-width: 1500px) {


 .main-slider, .main-slider .item
  {
    height:480px;
  }

.main-menu .main-menu__list{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    justify-content:flex-end; /* ya center */
}

.main-menu .main-menu__list > li{
    white-space:nowrap;
}
.main-menu__main-menu-box {
    padding-right:0px;
    margin-left: -99px;
}
.main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a
{
  font-size: 15px;
}
}

@media only screen and (min-width:1501px) and (max-width: 1600px) {
    
     .main-slider, .main-slider .item
  {
    height:490px;
  }


.main-menu .main-menu__list{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    justify-content:flex-end; /* ya center */
}

.main-menu .main-menu__list > li{
    white-space:nowrap;
}
.main-menu__main-menu-box {
    padding-right:0px;
    margin-left: -99px;
}
.main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a
{
  font-size: 15px;
}
}

@media only screen and (min-width:1601px) and (max-width: 1700px) {
    
      .main-slider, .main-slider .item
  {
    height:510px;
  }


.main-menu .main-menu__list{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    justify-content:flex-end; /* ya center */
}

.main-menu .main-menu__list > li{
    white-space:nowrap;
}
.main-menu__main-menu-box {
    padding-right:0px;
    margin-left: -99px;
}
.main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a
{
  font-size: 16px;
}
}

@media only screen and (min-width:1701px) and (max-width: 1800px) {


.main-menu .main-menu__list{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    justify-content:flex-end; /* ya center */
}

.main-menu .main-menu__list > li{
    white-space:nowrap;
}
.main-menu__main-menu-box {
    padding-right:0px;
    margin-left: -99px;
}
.main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a
{
  font-size: 16px;
}
}

/* ==========================================
   BGB HEADER SPEED OPTIMIZATION
   Existing design same rahega
========================================== */

/* Header ka design ya size change nahi hoga */
.main-header,
.main-menu,
.main-menu__wrapper {
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Dropdown rendering fast hoga */
.main-menu .sub-menu,
.main-menu .mega-menu,
.main-menu__sub-menu {
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* Hover ke samay browser rendering smooth */
.main-menu > li:hover > .sub-menu,
.main-menu > li:hover > .mega-menu {
    will-change: opacity, transform;
}