@font-face {

  font-family: "Feline";

  src: local("Feline Bold"), local("Feline-Bold"),

    url("../fonts/Feline-Bold.woff2") format("woff2"),

    url("../fonts/Feline-Bold.woff") format("woff");

  font-weight: bold;

  font-style: normal;

  font-display: swap;

}



/* update o 2jan 24 */

.box-image {

  display: none;

}



.boxes {

  background: #13a9e15c;

  padding: 7px 10px;

  border-radius: 10px;

  margin-right: 38px;

  font-size: 0.9rem;

  text-align: justify;

}



.boxes p {

  padding-top: 0px;

  font-weight: bold;

}



.atmL {

  background: #00a0e3;

  margin-right: 0px;

  float: right;

  border: 1px solid;

  border-radius: 5px;

  padding: 10px;

  font-weight: bold;

}



.overlay {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #000;

  filter: alpha(opacity=30);

  -moz-opacity: 0.3;

  -khtml-opacity: 0.3;

  opacity: 0.3;

  z-index: 10000;

  display: none;

}



.spinner-border-custom {

  display: inline-block;

  width: 2rem;

  height: 2rem;

  vertical-align: text-bottom;

  border: 0.55em solid currentColor;

  border-right-color: transparent;

  border-radius: 50%;

  -webkit-animation: spinner-border 0.75s linear infinite;

  animation: spinner-border 0.75s linear infinite;

}



.text-primary-custom {

  color: #00a8ff !important;

}



/* Reset css --- */

* {

  padding: 0px;

  margin: 0px;

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

}



*:focus {

  outline: 0;

}



.breadcrumb-item + .breadcrumb-item::before {

  content: ">";

  color: #002d5e;

}



/*button swither*/



div.btn-container {

  display: table-cell;

  vertical-align: middle;

  text-align: center;

}



div.btn-container i {

  display: inline-block;

  position: relative;

  top: -9px;

}



label {

  font-size: 0.8em;

  color: #424242;

  font-weight: 500;

}



.btn-color-mode-switch {

  display: inline-block;

  margin: 0px;

  position: relative;

  margin: 3px 0;

}



.btn-color-mode-switch > label.btn-color-mode-switch-inner {

  margin: 0px;

  width: 140px;

  height: 30px;

  background: #e0e0e0;

  border-radius: 26px;

  overflow: hidden;

  position: relative;

  transition: all 0.3s ease;

  /*box-shadow: 0px 0px 8px 0px rgba(17, 17, 17, 0.34) inset;*/

  display: block;

}



.btn-color-mode-switch > label.btn-color-mode-switch-inner:before {

  content: attr(data-on);

  position: absolute;

  font-size: 0.75rem;

  font-weight: 500;

  top: 7px;

  right: 20px;

}



.btn-color-mode-switch > label.btn-color-mode-switch-inner:after {

  content: attr(data-off);

  width: 70px;

  height: 26px;

  background: #fff;

  border-radius: 26px;

  position: absolute;

  left: 2px;

  top: 2px;

  text-align: center;

  transition: all 0.3s ease;

  box-shadow: 0px 0px 6px -2px #111;

  padding: 5px 0px;

  font-size: 0.75rem;

}



.btn-color-mode-switch input[type="checkbox"] {

  cursor: pointer;

  width: 132px;

  height: 25px;

  opacity: 0;

  position: absolute;

  top: 2px;

  z-index: 1;

  margin: 0px;

  left: 2px;

}



.btn-color-mode-switch

  input[type="checkbox"]:checked

  + label.btn-color-mode-switch-inner {

  background: #151515;

  color: #fff;

}



.btn-color-mode-switch

  input[type="checkbox"]:checked

  + label.btn-color-mode-switch-inner:after {

  content: attr(data-on);

  left: 68px;

  background: #3c3c3c;

  color: yellow;

}



.btn-color-mode-switch

  input[type="checkbox"]:checked

  + label.btn-color-mode-switch-inner:before {

  content: attr(data-off);

  right: auto;

  left: 20px;

}



.btn-color-mode-switch

  input[type="checkbox"]:checked

  + label.btn-color-mode-switch-inner {

  /*background: #66BB6A; */

  /*color: #fff;*/

}



.btn-color-mode-switch input[type="checkbox"]:checked ~ .alert {

  display: block;

}



/*mode preview*/

.dark-preview {

  background: #0d0d0d;

}



.dark-preview div.btn-container i.fa-sun-o {

  color: #777;

}



.dark-preview div.btn-container i.fa-moon-o {

  color: #fff;

  text-shadow: 0px 0px 11px #fff;

}



.white-preview {

  background: #fff;

}



.white-preview div.btn-container i.fa-sun-o {

  color: #ffa500;

  text-shadow: 0px 0px 16px #ffa500;

}



.white-preview div.btn-container i.fa-moon-o {

  color: #777;

}



.disabled-friendly {

  background: #13a8e1;

  padding: 0 20px;

}



.disabled-friendly a {

  color: white;

}



.disabled-friendly ul li {

  display: inline-block;

  vertical-align: middle;

  margin: 2px 5px;

  font-size: 0.8em;

  color: initial;

}



/*button swither*/

html,

body {

  /*overflow-x: hidden;*/

}



html {

  margin: 0 !important;

}



body {

  margin: 0;

  padding: 0;

  font-size: 1em;

  color: #080808;

  font-family: "Open Sans", sans-serif;

}



ol,

ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



.main-heading {

  font-size: 1.4em;

  font-weight: bold;

  text-align: center;

  margin-bottom: 20px;

}



.ulcls li {

  margin-bottom: 20px !important;

  line-height: 1px;

}



.assistance {

  display: flex;

  flex-direction: row;

  justify-content: space-around;

  align-items: flex-start;

  flex-wrap: wrap;

  padding: 20px 0px;

}



ul#suggestionsList {

  position: absolute;

  width: 100%;

  height: 300px;

  overflow: scroll;

  background: white;

  top: 35px;

  padding: 5px;

  border: 1px solid #e6e6e6;

}



#suggestionsList li {

  background-color: #13a8e1;

  margin: 2px 0;

  padding: 3px;

  font-size: 0.8em;

  border-radius: 3px;

  color: white;

}



:focus {

  outline: 0;

}



/* .main-content ul li:hover { */

/* background: #94d1e8; */

/* } */



a,

a:link {

  text-decoration: none;

  outline: none;

}



p {

  padding: 2px 0;

  margin: 0;

}



.readmore {

  width: 500px;

  height: 270px;

  word-wrap: break-word;

  text-align: left;

  overflow: hidden;

}



.moretext {

  height: auto !important;

}



.link-txt .tablinks span {

  transition: all 0.5s ease;

  display: flex;

  background: #0b4f6a;

  border-radius: 50px;

  padding: 3px 2px;

  font-size: 0.72em;

  width: 170px;

  justify-content: center;

  min-height: 45px;

  text-align: center;

  align-items: center;

  font-weight: normal;

  line-height: 18px;

  margin: 0;

}



.table th {

  /* background-color: #3fbfe8; */

}



.moreless-button {

  position: absolute;

  bottom: 5px;

  margin-left: 50px;

}



ul.cont-ul {

  list-style: circle;

  margin-left: 20px;

  text-align: justify;

}



.main-content .second-button ul.cont-ul li {

  margin: 2px auto !important;

  list-style: disc;

  margin-left: 20px !important;

  display: list-item;

}



nav.p-2 {

  color: white;

  background: #d2f2ff;

  border-top: 1px solid #ffffff2e;

}



.breadcrumb a {

  color: #002d5e;

  text-transform: uppercase;

  font-size: 0.8em;

}



/* .breadcrumb-item + .breadcrumb-item::before { */

/* color: #ffffff; */

/* } */

/* .breadcrumb .breadcrumb-item:nth-last-child(1) */

/* { */

/* background: #fdc300; */

/* padding: 0 10px; */

/* border-radius: 10px; */

/* margin-left:10px */

/* } */

/* .breadcrumb .breadcrumb-item:nth-last-child(1) a{ */

/* color:#002d5e */

/* } */



/* .breadcrumb .breadcrumb-item:nth-last-child(1):before{content:""} */



#pageName {

  position: absolute;

  bottom: 10px;

  left: 10px;

  box-shadow: 0 0 5px #0000001c;

}



#pageName ul {

  display: flex;

}



#pageName {

  display: none;

}



.approvals-left h3 br {

  display: none;

}



.hero-banner #pageName:last-child {

  display: block;

}



.pageName {

  border: 4px solid white;

  background: #d2f2ff;

  color: #002d5e;

  font-size: 1.1em;

  font-weight: bold;

}



#pageName ul li {

  padding: 5px 10px;

  border: 4px solid white;

  text-transform: uppercase;

  font-size: 1.5em;

  display: flex;

  align-items: center;

}



#pageName ul li h1 {

  font-size: inherit;

}



h1.heading {

  display: none;

}



.brandName {

  background: #74b0b4;

  color: white;

  font-size: 1.3em;

}



.approvals-right .owl-item h2 {

  font-size: 1em;

  text-align: center;

  min-height: 50px;

  border: 4px solid #06a0d6;

  background-color: #f9c700;

  padding: 2px;

  border-radius: 10px;

  color: #412c6c;

  font-weight: bold;

}



.assistance {

  display: flex;

  flex-direction: row;

  justify-content: space-around;

  align-items: flex-start;

  flex-wrap: wrap;

  padding: 20px 0px;

}



.clear {

  clear: both;

}



a {

  color: #065598;

  text-decoration: none;

}



a:hover {

  text-decoration: none;

  color: #0c528f;

}



a:focus {

  outline: none !important;

}



:hover {

  transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0;

  padding: 0;

  font-weight: normal;

}



img {

  border: 0;

  max-width: 100%;

  height: auto;

}



::-webkit-input-placeholder {

  opacity: 1;

  color: #999999;

}



:-moz-placeholder {

  opacity: 1;

  color: #999999;

}



::-moz-placeholder {

  opacity: 1;

  color: #999999;

}



:-ms-input-placeholder {

  opacity: 1;

  color: #999999;

  /* color:  #bbe6f6 */

}



/* --- Reset css */



.container {

  max-width: 1500px;

}



.social-link {

  display: none;

  position: fixed;

  top: 50%;

  right: 0;

  z-index: 99;

  background: #04242a;

  padding: 10px;

  border-radius: 12px 0 0 12px;

}



.footerLink .social-link {

  display: block;

}



.social-link li {

  margin: 4px 0;

}



.social-link li a {

  color: #fff;

}



.social-link li a:hover {

  color: #fab404;

}



.mobClick {

  display: none;

  width: 24px;

  height: 16px;

  -webkit-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: 0.5s ease-in-out;

  transition: 0.5s ease-in-out;

  cursor: pointer;

  left: 15px;

  top: 18px;

  z-index: 999;

  margin: 0 0 0 0x;

}



.mobClick span {

  position: absolute;

  opacity: 1;

  left: 0;

  width: 24px;

  height: 3px;

  background: #fff;

  display: block;

  -webkit-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: 0.25s ease-in-out;

  transition: 0.25s ease-in-out;

}



.mobClick span:nth-child(2) {

  top: 7px;

}



.mobClick span:nth-child(3) {

  top: 14px;

}



.mobClick.open span:nth-child(1) {

  top: 7px;

  -webkit-transform: rotate(135deg);

  transform: rotate(135deg);

}



.mobClick.open span:nth-child(2) {

  opacity: 0;

  left: -20px;

}



.mobClick.open span:nth-child(3) {

  top: 7px;

  -webkit-transform: rotate(-135deg);

  transform: rotate(-135deg);

}



.mobClick.open {

  position: fixed;

  z-index: 9999999999;

  left: calc(100% - 30px);

  top: 10px;

  margin: 0 !important;

}



.mobClick.open span {

  background: #fff;

}



.site-header {

  position: sticky;

  top: 0;

  z-index: 9;

  /* height: 400px; */

  /* min-height: 400px; */

  background-color: #a0daf7;

}



.header-top {

  min-height: 250px;

  background: url("/assets/images/in-wheat-field-agriculture-green-grass-plain.jpg")

    top center no-repeat;

  background-size: 100% 100%;

  position: relative;

  /* padding: 30px 30px; */

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  /* flex-shrink: 10%; */

}



.header-top-left {

  /* margin-top: 16px; */

}



.lang-select {

  display: flex;

  align-items: center;

}



.lang-select p {

  color: #fff;

  font-size: 1.5em;

  font-weight: 500;

}



.lang-select ul {

  display: flex;

  margin-left: 12px;

  border-radius: 4px;

  overflow: hidden;

}



.lang-select ul li a {

  display: inline-block;

  background: #a0daf7;

  font-weight: 600;

  padding: 4px 20px;

  color: #000;

}



.lang-select ul li a.active {

  background: #fecc00;

}



.search {

  width: 336px;

  height: 49px;

  background: url("../images/search-bg.png") no-repeat;

  background-size: 100% auto;

  position: relative;

  margin-top: 5px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 0 12px;

}



.search input {

  width: 234px;

  border: none;

  background: #fff;

  border-radius: 50px;

  padding: 4px 15px;

}



.search button {

  font-size: 1.2em;

  width: 32px;

  height: 32px;

  border: none;

  background: #fff;

  border-radius: 100%;

  color: #008ad2;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 13px 0 0;

}



.header-top-right {

  width: 336px;

  color: #fff;

  padding: 20px 0 0 0;

  margin-right: 30px;

}



.header-top-right > div {

  text-align: right;

}



.phone {

  font-size: 1.1em;

  font-weight: 700;

}



.phone img {

  max-width: 35px;

}



.header-top-right a {

  color: #fff;

  font-weight: 700;

  font-size: 1.3em;

}



.header-bottom {

  /* padding: 10px 0 0 0; */

  max-height: 42px;

  /* background: url('/Assets/images/yellow-bar.webp') top center no-repeat; */

  background-size: 10% 100%;

  /* margin: -20px 0 0 0; */

}



.logo {

  width: 1075px;

  justify-content: center;

  align-items: center;

  display: flex;

  font-size: 1.75em;

  /* height: 350px; */

  /* margin-left: 0px; */

}



.news-section {

  position: fixed;

  width: 300px;

  height: auto;

  right: 40px;

  bottom: 20px;

  background-color: whitesmoke;

  z-index: 11;

  padding: 20px;

  border-radius: 5px;

  border: 1px solid #dfdfdf;

  transition: all ease-in 0.2s;

}



#sClose {

  position: absolute;

  right: 10px;

  top: 10px;

  width: 15px;

  height: 15px;

  background: #ffed00;

  font-size: 0.75em;

  line-height: 15px;

  text-align: center;

  border-radius: 30px;

  color: #8d8d8d;

  font-weight: bold;

  cursor: pointer;

}



.news-carousel {

  border: 1px solid #e5e5e5;

  padding: 0 10px;

}



.news-section .owl-nav {

  text-align: center;

}



.news-section button {

  margin: 2px;

}



.site-nav > ul {

  text-align: center;

}



.news-section h2 {

  text-align: center;

  font-size: 1.25em;

}



.news-section.inactive {

  right: -400px;

}



.site-nav > ul > li {

content: "|";
  display: inline-block;

  margin: 0 15px;

  position: relative;

  padding: 0 0 18px 0;

}



.site-nav > ul > li:last-child {

  border-right: none;

}



.site-nav > ul > li {

  margin: 0;

  border-right: 3px solid #2f247b;

  padding: 0 10px;

}



.site-nav > ul > li > a.active {

  color: #fff;

}

 .site-nav > ul > li.active::after {

  position: absolute;

  left: 50%;

  margin-left: -15px;

  bottom: 0;

  top: 32px;

} 



.site-nav > ul > li > a {

  color: #2f2483;

  text-transform: uppercase;

  font-size: 1.4em;

  font-weight: 600;

}



.site-nav > ul > li.has-sub > a {

  padding-right: 30px;

}



.site-nav > ul > li:last-child.has-sub > a {

  padding-right: 30px;

}



.site-nav > ul > li:last-child > a span {

  display: inline-block;

  margin-left: -18px;

}



/* .site-nav > ul > li:last-child > .subDropAlt {

            right: 8px;

        }*/



.site-nav > ul > li:last-child > .subDropAlt::before {

  color: #065598 !important;

}



.subDropAlt:after {

  width: 100vw;

  position: absolute;

  right: 0;

  background: #ffffff00;

  display: block;

  z-index: 11;

  height: 43px;

  content: "";

}



.site-nav > ul > li:last-child > ul {

  left: inherit;

  right: 0;

}



.site-nav > ul > li:nth-child(5) > ul {

  left: inherit;

  right: 0;

}



.site-nav > ul > li:nth-child(5) ul li ul,

.site-nav > ul > li:nth-child(6) ul li ul,

.site-nav > ul > li:nth-child(7) ul li ul,

.site-nav > ul > li:last-child ul li ul {

  left: inherit;

  right: 100%;

}



.subDropAlt {

  position: absolute;

  right: 10px;

  top: 0px;

  z-index: 1;

}



.site-nav ul li.active .subDropAlt::before {

  color: #ffffff !important;

}



.subDropAlt::before {

  content: "\f107";

  font-family: FontAwesome;

  color: #2f2483 !important;

  font-size: 1.4em;

}



.site-nav ul li:hover ul {

  opacity: 1;

  visibility: visible;

}



.site-nav ul li:hover > .subDropAlt::before,

.site-nav ul li.active .subDropAlt::before {

  color: #00529c;

}



.site-nav ul li:hover .subDropAlt::before {

  color: #065598 !important;

}



.site-nav ul li ul {

  text-align: left;

  position: absolute;

  left: 0;

  top: 100%;

  z-index: 99;

  /* background: #fdc300; */

  width: 200px;

  min-width: 100%;

  opacity: 0;

  visibility: hidden;

  transition: all 0.5s ease;

  border-radius: 10px;

  box-shadow: 0 8px 24px hsl(210deg 8% 62% / 20%);

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}



.site-nav ul li ul li a {

  font-weight: 700;

  color: #2f2483;

  font-size: 0.85em;

  padding: 9px 20px;

  display: block;

  border-bottom: 1px solid rgba(255, 255, 255, 0.5);

}



.site-nav ul li ul li:hover a {

  background: #fab404;

  color: #2f2483;

}



.site-nav > ul > li ul li:last-child a {

  border: none;

  border-radius: 10px;

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}



.site-nav > ul > li ul li .subDropAlt {

  top: 3px;

  right: 8px;

}



.site-nav > ul > li ul li .subDropAlt::before {

  color: #fff !important;

}



.site-nav > ul > li ul li:hover > .subDropAlt::before {

  color: #fff;

}



.site-nav > ul > li > ul li ul {

  border-left: 1px solid rgba(255, 255, 255, 0.1);

}



.site-nav > ul > li ul li {

  position: relative;

}



.site-nav > ul > li ul li ul {

  top: 0;

  left: 100%;

  background: #fdc300;

}



.site-nav > ul > li ul li:hover > ul {

  opacity: 1;

  visibility: visible;

  top: 0;

}



.site-nav > ul > li > ul > li > ul > li:hover > a {

  background: #fab404;

  color: #2f2483;

}



.site-nav > ul > li > ul > li > ul > li ul li:hover a {

  background: #fab404;

  color: #2f2483;

}



.main-pill.active > .inner-mega {

  display: block;

  display: flex;

  flex-direction: row;

  margin-top: 20px;

}



.hero-banner {

  /* margin-top: -22px; */

  position: relative;

  background: white;

  min-height: 150px;

}



.hero-carousal .item {

  position: relative;

}



.bannerTxt {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  display: flex;

  align-items: center;

  padding: 0 50px;

  color: #fff;

}



.bannerTxt h2 {

  font-size: 3.2em;

}



.bannerTxt h3 {

  font-weight: 800;

  font-size: 4em;

  padding-bottom: 20px;

}



.in-img {

  display: inline-block;

  width: auto !important;

  max-width: 100% !important;

}



.hero-carousal .owl-nav {

  position: absolute;

  right: 50px;

  bottom: 50px;

  display: flex;

  align-items: center;

}



.hero-carousal .owl-nav button {

  width: 78px;

  height: 78px;

  border-radius: 100%;

  background: #002d5e !important;

  z-index: 5;

  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 2.5em !important;

  color: #fff !important;

  border: 12px solid #fff !important;

  margin: 0 10px;

}



.hero-carousal .owl-nav button::after {

  content: "\f0da";

  font-family: "FontAwesome";

  transform: translateX(2px);

}



.hero-carousal .owl-nav button.owl-prev {

  right: inherit;

  left: -22px;

  transform: rotate(180deg);

}



.hero-carousal .owl-nav button:focus {

  outline: 0;

}



.hero-carousal .owl-nav button span {

  display: none;

}



.link-section {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 30px;

  position: relative;

}



.link-section::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background: url("/Assets/images/bg-1.webp") top center no-repeat;

  background-size: cover;

}



.link-section-left ul li {

  display: inline-block;

  position: relative;

  padding: 0 11px 0 13px;

}



.link-section-left ul li::after {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 2px;

  height: 20px;

  background: #001837;

}



.link-section-left ul li:first-child {

  padding-left: 0;

}



.link-section-left ul li:first-child::after {

  opacity: 0;

}



.link-section-left ul li a {

  display: inline-block;

  text-transform: uppercase;

  color: #001837;

  font-weight: 700;

  font-size: 1.2em;

}



.link-section-left ul li a:hover {

  color: #fab404;

}



.link-section-left,

.link-section-right {

  position: relative;

  z-index: 1;

}



.bannerLink {

  position: fixed;

  right: 0px;

  top: 217px;

  z-index: 9;

  text-align: right;

}



.bannerLinkLeft {

  position: fixed;

  top: 217px;

  z-index: 9;

  text-align: right;

}



.btn-primary {

  background: #13a8e1;

  border: 0;

}



.more {

  position: relative;

  display: inline-flex;

  align-items: center;

  justify-content: space-between;

  background: #008ad2;

  border-radius: 50px;

  height: 46px;

  padding: 0 8px;

  color: #fff;

  font-weight: 600;

  margin-right: 14px;

}



.more::before {

  transition: all 0.5s ease;

  content: "";

  position: absolute;

  right: -14px;

  top: 0;

  width: 100%;

  height: 100%;

  background: #ffed00;

  border-radius: 50px;

  z-index: -1;

}



.moreTxt {

  font-size: 1.5em;

  display: inline-block;

  padding-right: 40px;

  padding-left: 15px;

  text-transform: uppercase;

  white-space: nowrap;

}



.newIcon {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 32px;

  height: 32px;

  background: #fff;

  border-radius: 100%;

  color: #008ad2 !important;

}



.more:hover {

  color: #fff;

}



.more:hover::before {

  right: -20px;

}



.more.white {

  background: #fff;

  border: 1px solid #ffed00;

  color: #2f2483;

}



.more.white .moreTxt {

  font-size: 0.8em;

}



.more.light {

  background: #3fbfe8;

}



.banLink {

  display: inline-block;

  padding-right: 15px;

  background: #2f2483;

  border-radius: 50px;

  font-weight: 700;

  font-size: 0.9em;

  color: #fff;

  margin-bottom: 5px;

}



.banLink span {

  display: inline-block;

  background: #2ca5de;

  border-radius: 50px;

  line-height: 18px;

  padding: 8px 25px;

  text-align: left;

}



.banLink:hover {

  color: #fff;

}



.banLinkLeft {

  display: inline-block;

  padding-left: 15px;

  background: #2f2483;

  border-radius: 50px;

  font-weight: 700;

  font-size: 0.9em;

  color: #fff;

  margin-bottom: 5px;

}



.banLinkLeft span {

  display: inline-block;

  background: #2ca5de;

  border-radius: 50px;

  line-height: 18px;

  padding: 8px 25px;

  text-align: left;

}



.banLinkLeft:hover {

  color: #fff;

}



.t-header {

  text-align: center;

  color: white;

  padding: 12px 0 0 0;

  font-weight: 600;

  text-transform: uppercase;

}



.t-header a {

  text-align: center;

  color: white;

  padding: 12px 0 0 0;

  font-weight: 600;

  text-transform: uppercase;
}



/* @media only screen and (max-width: 2000px) and (min-width: 1400px) {

  .t-header {

    text-align: center;

    color: white;

    font-weight: 700;

    position: relative;

    top: -4px;

    font-size: 1.3em;

    text-transform: uppercase;

  }



  .header-top {

    height: 190px !important;

  }

} */



.approvals {

  position: relative;

  padding: 30px;

  padding-left: 120px;

  padding-right: 80px;

  min-height: 480px;

}



.approvals::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: url("../images/bg-2.jpg") top center no-repeat;

  background: url("/Assets/images/locator.webp") top center no-repeat;

  background-size: cover;

}



.approvals-left {

  padding-top: 60px;

}



.approvals-left h3 {

  color: #0b224a;

  text-transform: uppercase;

  font-weight: 500;

  font-size: 4em;

  line-height: 54px;

}



.approvals-left h3 span {

  padding-left: 110px;

}



.approvals-left h2 {

  color: #ea5607;

  font-weight: 700;

  font-size: 4em;

}



.product-img {

  width: 166px;

  height: 166px;

  margin: 0 auto;

  border-radius: 100%;

  background: linear-gradient(to bottom, #008cd0 0%, #facb06 100%);

  display: flex;

  align-items: center;

  justify-content: center;

}



.product-img-in {

  width: 146px;

  height: 146px;

  background: linear-gradient(to bottom, #fdfefe 0%, #ceced0 100%);

  border-radius: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}



.approvals-left,

.approvals-right {

  position: relative;

  z-index: 1;

}



.approvals-right .owl-item h2 {

  font-size: 1.3em;

  text-align: center;

  min-height: 50px;

  border: 4px solid #06a0d6;

  background-color: #f9c700;

  padding: 2px;

  border-radius: 10px;

  color: #412c6c;

  font-weight: bold;

}



.approvals-right {

  padding-top: 20px;

}



.product-txt {

  text-align: center;

  padding-top: 25px;

}



.product-txt h2 {

  font-family: "Feline";

  font-weight: bold;

  color: #008ad2;

}



.product-txt h3 {

  transition: all 0.5s ease;

  color: #2f2483;

  font-weight: 700;

  text-transform: uppercase;

  font-family: "Roboto Condensed", sans-serif;

  font-size: 1.5em;

}



.product-arrow {

  text-align: center;

  transition: all 0.5s ease;

  width: auto;

  height: 34px;

  background-size: 100% auto;

  margin: 0 auto;

  margin-top: 20px;

  background-size: contain;

  background-position: 50% 20px;

  font-size: 20px;

  font-weight: bold;

  color: #0b224b;

}



.product-img-in img {

  display: inline-block;

  width: auto !important;

  max-width: 100%;

}



.product-carousal .item {

  position: relative;

}



.product-carousal .item:hover .product-txt h3 {

  color: #fab404;

}



.product-carousal .item:hover .product-arrow {

  margin-top: 10px;

}



.product-carousal .owl-nav button {

  width: 21px;

  height: 38px;

  background: url("../images/next.png") no-repeat !important;

  position: absolute;

  right: 0;

  top: 65px;

}



.product-carousal .owl-nav button.owl-prev {

  right: inherit;

  left: 0;

  transform: rotate(180deg);

}



.product-carousal .owl-nav button:focus {

  outline: 0;

}



.product-carousal .owl-nav button span {

  display: none;

}



.linkMain {

  padding: 30px 80px;

}



.link-single {

  display: flex;

  align-items: center;

  flex-direction: column;

}



.link-icon {

  width: 80px;

  height: 80px;

  background: #2ca5de;

  border-radius: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all 0.5s ease;

}



.link-txt {

  text-align: center;

  padding-top: 10px;

}



.link-txt h3 {

  transition: all 0.5s ease;

  font-weight: 700;

  color: #2f2483;

  text-transform: uppercase;

  font-family: "Roboto Condensed", sans-serif;

  font-size: 1.3em;

}



.link-icon img {

  display: inline-block;

  width: auto !important;

  max-width: 100%;

  max-height: 34px;

}



.linkMain .item img {

  display: inline-block;

  width: 100%;

  height: 380px;

  object-fit: contain;

}



.linkMain img {

  display: inline-block;

  object-fit: contain;

}



.link-carousal .owl-nav button {

  width: 21px;

  height: 38px;

  background: url("../images/next.png") no-repeat !important;

  position: absolute;

  right: -40px;

  top: 50%;

  margin-top: -19px;

}



.link-carousal .owl-nav button.owl-prev {

  right: inherit;

  left: -40px;

  transform: rotate(180deg);

}



.link-carousal .owl-nav button:focus {

  outline: 0;

}



.link-carousal .owl-nav button span {

  display: none;

}



.link-carousal .item {

  position: relative;

}



.link-carousal .item:hover .link-icon {

  background: #fab404;

}



.link-carousal .item:hover .link-txt h3 {

  color: #052e29;

}



.fullLink {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

}



.banking {

  padding: 50px 80px 50px 80px;

  position: relative;

}



.banking::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background: url("/Assets/images/banking-1.webp") top center no-repeat;

  background-size: cover;

}



.banking-right {

  display: flex;

  align-items: flex-start;

  align-items: flex-end;

  justify-content: space-between;

  position: relative;

  z-index: 1;

}



.banking-link h3 {

  color: #0b224a;

  text-transform: uppercase;

  font-weight: 500;

  font-size: 4em;

  line-height: 54px;

}



.banking-link h2 {

  color: #ea5607;

  font-weight: 700;

  font-size: 4em;

}



.banking-link-group li {

  margin-top: 30px;

}



.banking-link-group a {

  display: flex;

  align-items: center;

  background-size: contain;

  background-repeat: no-repeat;

}



.banking-link-icon {

  width: 80px;

  height: 80px;

  background: #2ca5de;

  background: transparent;

  border-radius: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all 0.5s ease;

}



.banking-link-icon img {

  max-height: 40px;

}



.banking-link-txt {

  padding-left: 12px;

  opacity: 0;

}



.banking-link-txt h4 {

  transition: all 0.5s ease;

  font-weight: 700;

  color: #2f2483;

  text-transform: uppercase;

  font-family: "Roboto Condensed", sans-serif;

  font-size: 1.9em;

}



/* .banking-link-group a:hover .banking-link-icon{ background: #fab404;} */

.banking-link-group a:hover .banking-link-txt h4 {

  color: #fab404;

}



.banking-mid h5 {

  font-weight: 700;

  padding-top: 15px;

  padding-bottom: 10px;

}



.banking-rightN {

  width: 320px;

}



.banking-rightN .more {

  width: 100%;

}



.banking-rightN h4 {

  font-weight: 700;

  text-align: center;

  color: #008ad2;

}



.exclusive-right {

  padding-left: 270px;

}



.exclusive {

  margin: 10px 0;

  padding: 50px 80px;

  padding-bottom: 30px;

  background: url("/Assets/images/exclusive-1.webp") top center no-repeat;

  background-size: cover;

}



.exclusive-right h3 {

  color: #0b224a;

  text-transform: uppercase;

  font-weight: 500;

  font-size: 4em;

  line-height: 54px;

}



.exclusive-right h2 {

  color: #ea5607;

  font-weight: 700;

  font-size: 4em;

  margin-bottom: 50px;

}



.exclusive-right li {

  display: inline-block;

  margin-bottom: 70px;

  margin-left: 20px;

}



.exclusive-right li:first-child {

  margin-left: 0;

}



.exclusive-right li a {

  display: inline-block;

  padding: 0 15px;

  background: #ffcc01;

  border-radius: 50px;

  color: #fff;

  text-transform: uppercase;

  font-size: 1.4em;

  font-weight: 600;

  position: relative;

}



.exclusive-right li a::after {

  content: "";

  width: 30px;

  height: 21px;

  background: url("../images/arrow-up.png") no-repeat;

  position: absolute;

  left: 50%;

  bottom: -35px;

  margin-left: -15px;

  transition: all 0.5s ease;

}



.exclusive-right li a span {

  transition: all 0.5s ease;

  display: inline-block;

  background: #008dd2;

  border-radius: 50px;

  padding: 10px 34px;

}



.exclusive-right li a:hover::after {

  bottom: -28px;

}



.exclusive-right li a:hover span {

  transform: translateX(-15px);

}



.awarness {

  padding: 0 80px;

  height: 330px;

  display: flex;

  align-items: center;

  background: url("/Assets/images/awarness.webp") bottom right no-repeat;

  background-size: cover;

  position: relative;

  z-index: 1;

  position: relative;

}



.awarness-in {

  display: inline-block;

}



.awarness h2 {

  color: #036998;

  font-weight: 700;

  font-size: 3em;

  padding: 0 0 15px 0;

}



.volume {

  position: absolute;

  right: 0;

  bottom: -106px;

}



.branch-locator {

  margin: 10px 0 0 0;

  padding: 50px 80px 50px 80px;

  background: url("/Assets/images/locator.webp") top center no-repeat;

  background-size: cover;

}



.branch-locator-left h2 {

  color: #008ad2;

  font-weight: 600;

  font-size: 4em;

}



.branch-locator-left h3 {

  color: #008ad2;

  font-weight: 700;

  font-size: 5.5em;

  padding: 0 0 0 70px;

}



.branch-social {

  text-align: center;

  padding: 30px 0 0 0;

}



.branch-social ul {

  display: flex;

  align-items: center;

  justify-content: center;

}



.branch-social ul li {

  display: inline-block;

  color: #009ee3;

  text-transform: uppercase;

  font-weight: 700;

  font-size: 1.8em;

  margin: 0 0 0 20px;

}



.branch-social ul li:first-child {

  margin-left: 0;

}



/* .table-hover > tbody > tr:hover > * { */

/* --bs-table-accent-bg: rgb(253 195 0); */

/* } */

/* .content-bg ul li:hover,  .content-bg ol li:hover{ */

/* background: #fdc300; */

/* } */



/* .footerLink {

    /* padding: 70px 80px;

    background: #74b0b4;

    border-radius: 30px;

    padding: 30px;

    position: relative;

    z-index: 2;

    min-height: 200px;

    position: relative;

} */



.footerLink-main {

  display: flex;

  justify-content: space-between;

}



.footerLink {

  background: #d2f2ff;

  border-radius: 30px 30px 0 0;

  padding: 30px;

  position: relative;

  z-index: 2;

  min-height: 200px;

  position: relative;

  width: 98%;

  margin: 0 auto;

  /* top: 50px; */

}



.footerLink ul li {

  position: relative;

  padding: 0 0 0 25px;

  margin-top: 8px;

}



.footerLink .social-link ul li {

  padding: 0px;

}



.footerLink ul li:first-child {

  margin-top: 0;

}



.footerLink ul li::after {

  content: "";

  width: 10px;

  height: 10px;

  border-radius: 15px;

  background: #fff;

  position: absolute;

  left: 0;

  top: 8px;

}



.footerLink .social-link ul li::after {

  display: none;

}



.footerLink-single b {

  color: #fdc300;

}



.footerLink p a {

  color: white;

  font-size: 0.8em;

}



table tr td,

table tr th {

  border: 1px solid #00000082 !important;

}



.footerLink ul li a {

  color: #fff;

  /* text-transform: uppercase; */

  font-size: 0.8em;

}



.footerLink ul li a:hover {

  color: #fecc00;

}



.footerLink ul li:hover::after {

  background: #fecc00;

}



/* .footerLink::after {

    content: '';

    position: absolute;

    top: 5px;

    left: 50%;

    width: 0;

    height: 0;

    transform: rotate(270deg);

    border-top: 15px solid transparent;

    border-bottom: 15px solid transparent;

    border-left: 25px solid #74b0b4;

}

 */

.footerLink-single.alt {

  /*background: #2ca5de;*/

  z-index: 1;

  margin: 0 0 0 -50px;

  width: calc(50% + 50px);

  padding-left: 80px;

}



.footerLink-single.alt::after {

  border-left: 25px solid #74b0b4;

}



.footerCopy {

  /* background: #ffffff; */

  text-align: center;

  padding: 20px 0;

  color: white;

  font-size: 1em;

  font-weight: 600;

  width: 100%;

  background: url("/assets/images/in-wheat-field-agriculture-green-grass-plain.jpg")

    top center no-repeat;

  background-size: 100% 100%;

}



.footerCopy p {

  padding: 0;

}



/* @media (max-width: 1800px) {

  .footerLink-single ul li a {

    font-size: 1em;

  }



  .site-nav > ul > li:last-child {

    border-right: none;

  }



  /* .site-nav>ul>li {

    margin: 0;

    border-right: 3px solid #2f247b;

    padding: 0 10px;

  }

  

  .site-nav>ul>li.active:after, 

  .site-nav>ul>li:hover::after{

	top: 32px;

  } */ /*

} */



/* @media (max-width: 1599px) {

  .logo {

    max-width: 800px;

  }



  .header-top-right {

    width: auto;

  }



  .site-nav > ul > li > a {

    font-size: 1em;

  }



  .header-bottom {

    padding-top: 135px;

  }



  .bannerTxt h2 {

    font-size: 2.5em;

  }



  .bannerTxt h3 {

    font-size: 3em;

  }



  .ban-img {

    width: 250px;

  }



  .link-section-left ul li a {

    font-size: 1.2em;

  }



  .moreTxt {

    font-size: 1.1em;

  }



  .approvals-left h3 {

    font-size: 3em;

    line-height: 42px;

  }



  .approvals-left h2 {

    font-size: 3.2em;

  }



  .approvals {

    padding-left: 80px;

  }



  .product-txt h2 {

    font-size: 1.2em;

  }



  .product-txt h3 {

    font-size: 1.4em;

  }



  .product-img {

    width: 140px;

    height: 140px;

  }



  .product-img-in {

    width: 125px;

    height: 125px;

  }



  .product-img-in img {

    max-width: 70px;

  }



  .product-arrow {

    width: 30px;

    height: 22px;

  }



  .product-carousal .owl-nav button {

    right: -27px;

  }



  .product-carousal .owl-nav button.owl-prev {

    left: -27px;

  }



  .link-icon {

    width: 70px;

    height: 70px;

  }



  .link-txt h3 {

    font-size: 1.1em;

  }



  .link-txt {

    width: calc(100% - 70px);

  }



  .banking-link h3,

  .exclusive-right h3 {

    font-size: 3em;

  }



  .banking-link h2,

  .exclusive-right h2 {

    font-size: 3.2em;

  }



  .banking-link-txt h4 {

    font-size: 1.1em;

  }



  .banking-link-icon {

    width: 70px;

    height: 70px;

  }



  .app-download img {

    max-width: 130px;

  }



  .exclusive-right {

    padding-left: 140px;

  }



  .awarness h2 {

    font-size: 2.3em;

  }



  .branch-locator-left h2 {

    font-size: 3em;

  }



  .branch-locator-left h3 {

    font-size: 4.2em;

  }



  .footerLink-single ul li a {

    font-size: 1em;

  }



  .footerLink {

    padding-left: 40px;

    padding-right: 40px;

  }



  .volume {

    width: 500px;

    bottom: -71px;

  }

} */



/* @media (max-width: 1360px) {

  .logo {

    max-width: 800px;

    /* margin: 50px 0 0 0; */ /*

  }



  .site-nav > ul > li > a {

    font-size: 1em;

  }



  .site-nav {

    margin: 50px 0 0 0;

  }



  .header-bottom {

    padding-top: 140px;

  }



  .link-section-left ul li a {

    font-size: 1.1em;

  }



  .app-download img {

    max-width: 109px;

  }



  .banking-rightN h4 {

    font-size: 1em;

  }



  .moreTxt {

    font-size: 1em;

  }



  .exclusive-right {

    padding-left: 70px;

  }



  .footerLink-single ul li a {

    font-size: 1em;

  }



  .footerLink-single {

    min-height: 320px;

  }

}



@media (max-width: 1199px) {

  .phone {

    font-size: 1em;

  }



  .header-top-right a {

    font-size: 0.9em;

  }



  .lang-select p {

    font-size: 1em;

  }



  .lang-select ul li a {

    font-size: 0.8em;

  }



  .search {

    width: 256px;

    height: 38px;

  }



  .search input {

    width: 160px;

    padding-top: 0;

    padding-bottom: 0;

  }



  .logo {

    max-width: 630px;

    margin-top: 30px;

  }



  .site-nav {

    margin-top: 50px;

  }



  .header-top {

    height: 162px;

  }



  .approvals {

    padding-left: 40px;

    padding-right: 40px;

    min-height: 10px;

  }



  .link-section-left ul li a {

    font-size: 0.9em;

  }



  .approvals-left h3 {

    font-size: 2em;

    line-height: 30px;

  }



  .approvals-left h2 {

    font-size: 2.2em;

  }



  .banking-link h3,

  .exclusive-right h3 {

    font-size: 2em;

  }



  .banking-link h2,

  .exclusive-right h2 {

    font-size: 2.2em;

  }



  .site-nav > ul > li > a {

    font-size: 0.9em;

  }



  .exclusive-right {

    padding-left: 0;

  }



  .banking-link-icon {

    width: 50px;

    height: 50px;

  }



  .banking-link-icon img {

    max-height: 25px;

  }



  .branch-locator-left h2 {

    font-size: 2em;

  }



  .branch-locator-left h3 {

    font-size: 3.2em;

  }



  .footerLink-single ul li a {

    font-size: 0.8em;

  }



  .footerLink-single ul li::after {

    top: 9px;

  }



  .footerLink-single {

    min-height: 302px;

  }



  .banking {

    padding: 50px;

  }



  .volume {

    width: 361px;

  }

}



@media (max-width: 1023px) {

  #pageName {

    position: relative;

    bottom: auto;

    left: auto;

  }



  .hero-banner {

    margin-top: 0;

    min-height: 68px;

  }



  .header-top {

    padding: 15px 15px;

    background: #74b0b4;

    height: auto;

  }



  .header-top-right {

    display: none;

  }



  .logo {

    margin: 0;

  }



  .header-top-left {

    order: 2;

    margin: 0;

  }



  .logo {

    order: 1;

  }



  .hero-banner {

    margin-top: 0;

  }



  .mobClick {

    display: block;

    min-width: 30px;

  }



  .site-nav {

    margin-top: 40px;

    border-top: 1px solid #2f2483;

  }



  .site-header {

    /* z-index: inherit; */ /*

    z-index: 10;

  }



  .header-bottom {

    padding: 0;

    position: fixed;

    width: 100%;

    height: 100%;

    left: -100%;

    top: 0;

    background: #fdc300;

    margin: 0;

    z-index: 1000;

    transition: all 0.5s ease;

  }



  .header-bottom.act {

    left: 0;

    height: 100vh;

  }



  .site-nav > ul > li {

    margin: 0;

    padding: 0;

    text-align: left;

    display: block;

    width: 100%;

  }



  .site-nav > ul > li > a {

    font-weight: 700;

    padding: 15px;

    display: block;

    width: 100%;

    border-bottom: 1px solid #2f2483;

  }



  .site-nav > ul > li.active:after,

  .site-nav > ul > li:hover::after {

    opacity: 0;

    visibility: hidden;

  }



  .site-nav > ul > li ul {

    transition: none;

    position: static;

    width: 100% !important;

    opacity: 1 !important;

    visibility: visible !important;

    box-shadow: none;

    display: none;

  }



  .site-nav > ul > li > .subDropAlt {

    width: 52px;

    height: 52px;

    right: 0;

    top: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    border-left: 1px solid #2f2483;

  }



  .link-section {

    flex-wrap: wrap;

  }



  .link-section-left {

    padding-bottom: 30px;

  }



  .approvals-left h3 {

    line-height: normal;

  }



  .approvals-left h3 span {

    padding-left: 0;

  }



  .approvals-left {

    padding-top: 0;

  }



  .branch-social ul li {

    font-size: 1em;

  }



  .branch-locator-right {

    padding-top: 50px;

  }



  .volume {

    bottom: -140px;

  }

}



@media (max-width: 767px) {

  .txt {

    display: none;

  }



  .site-header {

    position: relative;

  }



  .has-sub i {

    display: none;

  }



  .hero-carousal .owl-nav {

    display: none;

  }



  .bannerLink,

  .bannerLinkLeft {

    position: relative;

    top: 0;

    float: left;

    margin-top: 10px;

    width: 100%;

    padding: 0 10px;

    z-index: 2;

  }



  .banLink,

  .banLinkLeft {

    width: 100%;

  }



  .banLink span,

  .banLinkLeft span {

    text-align: center;

    width: 100%;

    text-align: center;

  }



  .bannerTxt h2 {

    font-size: 1em;

  }



  .bannerTxt h3 {

    font-size: 1em;

    padding-bottom: 5px;

  }



  .bannerTxt {

    padding: 0 15px;

  }



  .ban-img {

    max-width: 130px;

  }



  .link-section-left ul li {

    display: block;

    width: 100%;

    margin: 0;

    padding: 0;

  }



  .link-section-left ul li::after {

    opacity: 0;

    visibility: hidden;

  }



  .link-section-left {

    padding-bottom: 15px;

  }



  .product-carousal .owl-nav button {

    right: 0;

  }



  .product-carousal .owl-nav button.owl-prev {

    left: 0;

  }



  .text-end.pt-3 {

    text-align: center !important;

  }



  .banking-right {

    flex-wrap: wrap;

  }



  .banking-link {

    width: 100%;

  }



  .banking-mid {

    text-align: center;

    max-width: 240px;

    margin: 30px auto;

  }



  .approvals-left {

    text-align: center;

  }



  .banking-link h3,

  .exclusive-right h3 {

    text-align: center;

  }



  .banking-link h2,

  .exclusive-right h2 {

    text-align: center;

  }



  .exclusive-right li {

    display: block;

    width: 100%;

    margin-left: 0 !important;

  }



  .exclusive-right li a {

    display: block;

    width: 100%;

    text-align: center;

  }



  .exclusive-right li a span {

    min-width: calc(100% - 30px);

  }



  .branch-locator-left h3 {

    padding-left: 0;

  }



  .awarness h2 + .text-end {

    text-align: left !important;

  }



  .branch-social ul {

    flex-wrap: wrap;

  }



  .branch-social ul li {

    margin: 0 4px 0 4px;

  }



  .branch-social ul li:first-child {

    width: 100%;

    text-align: center;

    padding-bottom: 15px;

  }



  .link-section,

  .approvals,

  .banking,

  .exclusive,

  .branch-locator,

  .awarness,

  .footerLink {

    padding-left: 15px;

    padding-right: 15px;

    clear: both;

    /* color: #74b0b4 */ /*

  }



  .linkMain {

    padding-left: 50px;

    padding-right: 50px;

  }



  .footerLink-main {

    flex-wrap: wrap;

  }



  .footerLink-single,

  .footerLink-single.alt {

    width: 100%;

    min-height: 10px;

    margin-top: 10px;

    padding-left: 0px;

    margin-left: 0;

  }



  .banking-link-group a {

    width: 100%;

    background-size: contain;

    height: 80px;

    background-position: center;

  }



  .card-section .canara-list-box ul.items li.item {

    width: 100% !important;

  }



  .content-bg {

    padding: 25px 0 !important;

  }



  .content-bg {

    padding: 0 !important;

  }



  #pageName ul li {

    font-size: 1em;

  }



  .card-section .canara-list-box ul.items {

    margin: 0 -15px 0 -15px !important;

  }



  .footerLink {

    padding-top: 20px;

    padding-bottom: 20px;

  }



  .footerCopy {

    font-size: 0.9em;

  }



  .footerLink-single::after {

    opacity: 0;

    visibility: hidden;

  }



  .lang-select p {

    display: none;

  }



  .search {

    /* display: none; */ /*

  }



  .marketTiker {

    overflow: auto;

    width: 100%;

    padding: 0 10px;

  }



  html,

  body {

    overflow-x: hidden;

  }



  .lang-select ul li a {

    padding: 4px 6px;

  }



  .logo {

    max-width: 250px;

    margin: 20px 0 0 0;

  }



  .site-nav {

    margin-top: 30px;

  }



  .awarness h2 {

    color: #fff;

    font-size: 2em;

  }



  .volume {

    width: 250px;

    bottom: -56px;

  }



  .exclusive-right li a {

    font-size: 1.2em;

  }

}



@media (max-width: 500px) {

  .lang-select {

    /* display: none; */ /*

  }

}



@media (max-width: 1199px) {

  .header-top {

    height: 126px !important;

  }

}



@media (max-width: 1199px) {

  .logo {

    width: 100%;

    max-width: 500px;

    margin: 0 auto;

    margin-top: -5px;

    padding-bottom: 40px;

  }



  .site-nav {

    margin-top: 50px;

  }



  .lang-select {

    position: absolute;

    z-index: 1;

    right: 15px;

    bottom: 15px;

  }



  .search {

    position: absolute;

    bottom: 5px;

    right: 100px;

  }

}



@media (max-width: 1599px) {

  .header-bottom {

    padding-top: 124px !important;

  }

} */



.header-top-left {

  width: 336px;

  color: #fff;

  padding: 20px 0 0 0;

  margin-left: 30px;

  /* margin-top: 14px !important; */

}



.header-bottom {

  height: 192px;

}



.header-top {

  height: 165px;

}



.lang-select ul li a {

  padding: 2px 12px !important;

  font-size: 0.875 !important;

}



.search {

  width: 250px !important;

  height: 38px !important;

}



.search input {

  width: 172px !important;

  padding: 4px 10px !important;

}



.site-nav > ul > li.active:after {

  bottom: 7px !important;

}



.lang-select p {

  font-size: 1.2em !important;

}



.phone {

  font-weight: 600 !important;

}



.header-top-right a {

  font-weight: 500 !important;

}



.header-top-right {

  padding: 8px 0 0 0 !important;

}



/* saving acount css */

.saving_account {

  padding: 0px;

}



.exclusive-right-tabs button {

  display: inline-block;

  padding: 0 15px;

  background: #74b0b4;

  border-radius: 50px;

  color: #fff;

  text-transform: uppercase;

  font-size: 1.4em;

  font-weight: 600;

  position: relative;

}



.exclusive-right-tabs span {

  transition: all 0.5s ease;

  display: flex;

  background: #3fbfe8;

  border-radius: 50px;

  padding: 8px 2px;

  font-size: 0.72em;

  width: 170px;

  justify-content: center;

  min-height: 45px;

  text-align: center;

  align-items: center;

  font-weight: normal;

  line-height: 18px;

  margin: 0;

}



.active.tablinks span,

.link-txt .tablinks1 span {

  background: #04242a;

}



.second-button .exclusive-right-tabs span {

  min-height: auto;

}



.second-button button {

  padding: 0 15px 0px 0px;

}



.second-button span {

  background: #332469;

  min-width: 350px;

  font-size: 1.25em;

}



button {

  border: none;

  background: none;

}



.exclusive-right-tabs {

  padding-left: 0;

}



.tab__items {

  position: relative;

  margin-top: -60px;

  width: 150%;

}



.tab {

  overflow: hidden;

}



.tab button {

  transition: 0.3s;

}



.tabcontent {

  display: none;

  border-top: none;

}



.content-bg {

  padding: 25px;

  height: 100%;

  /* background: url(../images/bg-2.jpg) bottom right no-repeat; */

  background-size: cover;

  position: relative;

  z-index: 1;

  background-attachment: fixed;

  background: #ffffff;

  background-image: none !important;

}



.table {

  background: #13a8e11a;

}



.bottom-btn {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: row;

}



.rp-content {

  padding: 30px 60px;

  background-color: #ffffff;

}



.rp-content .row {

  margin-top: 9px !important;

}



.rp-content .owl-item {

  display: flex;

  justify-content: center;

  align-items: center;

}



.tab {

  overflow: hidden;

}



/*.tabcontent {*/

/*padding: 50px 0px;*/

/*text-align: center;

}*/



.rp-content .owl-loaded {

  display: flex !important;

  justify-content: center !important;

  align-items: center;

}



.rp-content img {

  height: auto;

  max-width: 100% !important;

}



.rp-content .owl-item.active {

  margin-right: 0;

}



.rp-content .owl-carousel .owl-nav.disabled {

  display: block !important;

}



.exclusive-right-tabs span:hover {

  transform: translateX(-15px) !important;

}



.second-button span:hover {

  transform: translateX(-15px) !important;

}



.exclusive-right-tabs .col-md-6 span:hover {

  transform: translateX(-15px) !important;

}



.second-button span {

  width: 100%;

}



.second-button button {

  width: auto;

}



.lg-button a {

  padding-right: 15px !important;

  padding-left: 0px !important;

}



.lg-button span {

  background: #00a0e3 !important;

  text-align: center !important;

}



.text-sec ul li {

  list-style: disc;

  margin-left: 20px;

}



.content-bg .row .col-md-6 {

  display: flex;

  align-items: center;

  flex-direction: column;

}



.exclusive-right-tabs button {

  padding: 0 !important;

  padding-right: 10px !important;

}



.rp-content .exclusive-right li {

  margin-bottom: 0px !important;

}



.main-content .second-button ul li {

  margin-bottom: 30px !important;

}



.second-col .lg-button span {

  padding: 5px 0px !important;

  min-height: 20px;

  min-width: 150px;

  font-size: 1em !important;

}



.know {

  background-color: #effdfe;

}



.sub-btn li a span {

  padding: 5px 0px !important;

  font-size: 1.2em !important;

  width: 162px;

  text-align: center;

}



.saving_account {

  padding: 0px;

}



.saving_account .exclusive-right-tabs {

  margin: 10px 0px;

  padding: 0px 30px;

}



.saving_account .link-carousal .owl-nav button.owl-prev {

  left: 0px;

}



.saving_account .link-carousal .owl-nav button {

  right: 0;

}



.saving_account .approvals-right {

  display: flex;

  justify-content: center !important;

  align-items: center;

}



.link-carousal .owl-loaded {

  display: flex !important;

  justify-content: center !important;

  align-items: center;

}



.saving_account .owl-carousel-section {

  display: flex;

  flex-direction: column;

  background-color: #ffffff;

}



.saving_account .exclusive-right a::after {

  content: none !important;

}



.saving_account .exclusive-right li a {

  padding: 0 !important;

  padding-right: 10px !important;

}



.hero-banner img {

  width: 100%;

}



.saving_account .exclusive-right li a span {

  padding: 5px 20px !important;

  font-weight: normal !important;

}



.saving_account .awarness-in {

  margin-top: 5px !important;

  margin-bottom: 10px !important;

}



.apply span {

  font-size: 0.9em;

  min-width: 150px;

  cursor: pointer;

}



.apply li a {

  padding: 0 !important;

}



.sen_citizen .left-img a {

  color: rgb(177, 30, 30);

  font-weight: bold;

}



.sen_citizen .right-content {

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.sen_citizen .left-img img {

  height: auto;

  width: auto;

  width: auto !important;

}



.sen_citizen .bg-img {

  position: absolute;

  top: 0;

  z-index: -1;

}



.sen_citizen .content-bg .row .col-md-6 {

  display: flex;

  align-items: center;

  flex-direction: column;

}



.sen_citizen .columns ul {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: row;

}



.sen_citizen .carousal-btns {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}



.sen_citizen .carousal-btns .exclusive-right-tabs {

  margin: 20px 0px;

  padding: 0;

}



.sen_citizen .carousal-btns .exclusive-right-tabs button:hover span {

  background: #332469;

}



.sen_citizen .left-bottombtn {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  margin-top: 10px;

}



.sen_citizen .left-img {

  display: flex !important;

  flex-direction: column !important;

  justify-content: center;

  align-items: center;

}



.approvals-right .owl-carousel .owl-item img {

  width: 180px;

  margin: 0 auto;

}



/* @media (min-width: 300px) {

  .saving_account .newIcon {

    width: 25px;

    height: 25px;

  }



  .saving_account .moreTxt {

    padding-right: 20px;

    padding-left: 10px;

  }



  .saving_account .more {

    height: 30px;

    padding: 0 8px;

    margin-right: 14px;

    font-size: 0.75em !important;

  }



  .more::before {

    right: -8px;

  }

}



@media screen and (min-width: 1000px) {

  .saving_account .content-bg .col-md-12 {

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

  }



  .saving_account .exclusive-right li {

    margin-bottom: 0px !important;

  }



  .sen_citizen .left-bottombtn {

    display: flex;

    flex-direction: row;

    justify-content: end;

    align-items: center;

    margin-top: 50px;

  }



  .sen_citizen .left-img {

    display: flex !important;

    flex-direction: row !important;

    justify-content: center;

    align-items: flex-start;

  }

}



@media screen and (min-width: 1200px) {

  .saving_account .owl-carousel-section {

    padding: 10px 130px;

  }



  .saving_account .first-sec {

    /* padding-left: 150px !important; */ /*

  }

}



@media screen and (max-width: 800px) {

  .saving_account .second-col ul {

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    flex-direction: row !important;

    flex-wrap: wrap !important;

  }



  .saving_account .second-col li {

    margin-bottom: 50px !important;

  }

}



@media screen and (max-width: 1000px) {

  .saving_account .exclusive-right li a {

    font-size: 1.2em;

    display: block;

    width: 100%;

    text-align: center;

    display: block;

    width: 100%;

    text-align: justify;

  }



  .saving_account .exclusive-right li {

    display: block;

    width: 100%;

    margin-left: 0 !important;

    margin-bottom: 30px !important;

  }



  .saving_account .exclusive-right li a span {

    min-width: calc(100% - 30px);

  }

}



@media screen and (min-width: 1000px) {

  .columns li {

    text-align: center;

  }



  .columns span {

    min-height: 65px;

    min-width: 220px;

    display: flex !important;

    justify-content: center;

    align-items: center;

    text-align: center;

  }



  .sen_citizen .content-bg .exclusive-right li a span {

    padding: 2px 10px;

  }



  .sen_citizen .btn2 {

    min-width: 500px !important;

  }



  .apply {

    padding: 0;

    margin-left: 50px;

  }



  .sen_citizen .content-bg .text-box {

    display: flex !important;

    flex-direction: column !important;

    align-items: end !important;

  }

}



@media screen and (min-width: 1200px) {

  .sen_citizen .left-img p {

    padding: 0;

    padding-left: 20px;

    font-size: 0.9em;

    text-align: justify;

  }



  .sen_citizen .owl-carousel-section {

    padding: 0px 130px;

  }



  .sen_citizen .approvals-right {

    padding: 0px 300px;

  }



  .sen_citizen .content-bg .text-box {

    padding-left: 150px;

  }

}



@media screen and (min-width: 1400px) {

  .sen_citizen .left-img {

    padding-left: 100px;

  }



  .sen_citizen .content-bg {

    background-size: cover;

  }



  .sen_citizen .right-content.exclusive-right li a span {

    min-width: auto !important;

  }

}



@media screen and (max-width: 800px) {

  .sen_citizen .bottom-btn {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

  }



  .sen_citizen .content-bg {

    padding-bottom: 0;

  }



  .sen_citizen .main-content {

    padding: 0px !important;

  }



  .sen_citizen .second-col ul {

    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    flex-direction: row !important;

    flex-wrap: wrap !important;

  }



  .sen_citizen .second-col li {

    margin-bottom: 50px !important;

  }

}



@media screen and (max-width: 1000px) {

  .sen_citizen .left-img {

    padding-left: 0 !important;

  }



  .sen_citizen .right-img {

    padding-right: 0 !important;

  }

}



@media screen and (max-width: 1400px) {

  .sen_citizen .content-bg {

    background-size: cover;

    background-position: bottom;

  }



  .columns ul {

    flex-direction: row;

    flex-wrap: wrap !important;

    min-height: none;

    min-width: none;

  }



  .sen_citizen .left-img p {

    width: 100% !important;

  }



  .sen_citizen .lg-button {

    min-width: 100%;

  }



  .sen_citizen .left-content {

    margin-bottom: 50px;

  }

} */



.remitmoney .right-content {

  display: flex;

  justify-content: center;

  flex-direction: column;

}



.remitmoney .left-content {

  padding: 20px 50px;

}



.remitmoney .content-bg {

  padding: 20px 50px;

}



/* @media screen and (min-width: 1000px) {

  .remitmoney .columns li {

    text-align: center;

  }



  .remitmoney .columns span {

    min-height: 65px;

    min-width: 220px;

    display: flex !important;

    justify-content: center;

    align-items: center;

    text-align: center;

  }



  .remitmoney .left-img {

    width: 100%;

    display: flex;

    flex-direction: row;

    /* flex-wrap: wrap; */ /*

    justify-content: center;

    align-items: center;

  }



  .remitmoney .btn2 {

    min-width: 500px !important;

  }



  .remitmoney .lg-button span {

    min-width: 700px !important;

    text-align: center;

  }



  .remitmoney .more {

    margin-left: 960px !important;

  }



  .remitmoney .left-content p {

    margin-left: 20px;

  }

}



@media screen and (max-width: 1000px) {

  .left-img {

    padding-left: 0 !important;

    padding: 0 !important;

  }

}



@media screen and (max-width: 1400px) {

  .left-img {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

  }

} */



.fcnr_account .columns ul {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: row;

}



/* @media screen and (min-width: 1000px) {

  .fcnr_account .left-img {

    width: 90%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

  }



  .fcnr_account .right-content {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

  }

}



@media screen and (min-width: 1200px) {

  .fcnr_account .left-img p {

    margin-top: 10px;

    font-size: 1.125em;

  }



  .fcnr_account .owl-carousel-section {

    padding: 0px 130px;

  }



  .fcnr_account .approvals-right {

    padding: 0px 300px;

  }

}



@media screen and (min-width: 1400px) {

  .fcnr_account .left-img {

    padding-left: 200px;

  }



  .fcnr_account .lg-button span {

    min-width: 600px;

  }



  .fcnr_account .btn2 {

    min-width: 450px !important;

  }

}



@media screen and (max-width: 1400px) {

  .fcnr_account .left-img {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

  }



  .fcnr_account .left-img p {

    margin-bottom: 50px;

    padding: 20px;

  }



  .fcnr_account .lg-button {

    min-width: 100%;

  }

}



@media screen and (min-width: 1000px) and (max-width: 1400px) {

  .fcnr_account .sub-btn ul {

    display: flex !important;

    flex-direction: column !important;

    justify-content: center !important;

    align-items: center !important;

  }



  .fcnr_account .right-content .sub-btn ul li {

    margin-bottom: 20px !important;

  }

} */



.text-sec ul li {

  list-style: disc;

  margin-left: 20px;

  margin-bottom: 5px;

}



.text-sec {

  /* padding: 30px; */

  /* height: 100%; */

  /* background: url(../images/bg-2.jpg)no-repeat; */

  /* background-size: 100% 300%; */

  /* position: relative; */

  /* z-index: 1; */

  /* position: relative; */

  /* text-align: justify; */

}



.content-bg ul,

.content-bg ol {

  list-style: disc;

  margin-left: 20px;

}



.saving_account .first-sec {

  display: flex;

  flex-direction: row;

  justify-content: space-around;

  align-items: flex-start;

  flex-wrap: wrap;

  padding: 20px 0px;

}



.tabcontent {

  padding: 0px 0px;

  /* text-align: center; */

}



.exclusive-right {

  padding: 0 10px !important;

}



.saving_account .second-button span {

  background: #332469;

  min-width: auto;

  font-size: 1em;

  padding: 5px 30px;

}



.saving_account .exclusive-right li {

  margin-left: 0px !important;

}



.text-ends {

  padding-left: 15px;

}



.main-content .second-button ul li {

  margin-bottom: 20px !important;

}



/* ====================================================== */



.site-nav ul li:hover .megaMenu {

  opacity: 1;

  visibility: visible;

}



.site-nav ul li a {

  color: #1e398f;

  padding: 5px 0;

  display: inline-block;

  position: relative;

  text-decoration: none;

}



.site-nav ul li:hover .megaMenu {

  opacity: 1;

  visibility: visible;

}



.megaMenu {

  position: absolute;

  height: 500px;

  width: 75vw;

  /* background-color: #13a8e1; */

  background-color: #d2f2ff;

  opacity: 100;

  z-index: -1;

  left: -83px;

  top: -30px;

  visibility: hidden;

  border-radius: 0 0 40px 40px;

}



.gallary_responsive {

  margin-bottom: 10px;

}



.megaMenu .tab-content {

  position: relative;

}



/* .megaMenu ul {

    min-width: 20%!important;

    padding: 0;

    top: 20%!important;

    left: 100px!important;

} */



.megaMenu ul li div {

  /* position: absolute;

    top: -40px;

    margin-left: 100px;

    height: 300px;

    width: calc(100% - 300px); */



  width: 320%;

  float: left;

  left: 180px;

  position: absolute;

  display: flex;

  flex-direction: row;

  top: 10px;

}



.megaMenu ul li {

  padding: 10px 5px;

  cursor: pointer;

}



.main-pill .inner-mega {

  display: none;

}



.megaMenu ul li {

  padding: 10px 15px;

  cursor: pointer;

}



.main-pill.active {

  /* color: #fdc300; */

  cursor: pointer;

}



.main-pill span {

  font-size: 1.175em;

}



/* maneesh css start here */



.header-top {

  position: relative;

  z-index: 1;

}



.header-bottom {

  height: 192px;

  position: relative;

}



.header-bottom > .site-nav > ul > li {

  position: static;

}



.megaMenu {

  top: -7px;

}



.header-bottom .site-nav > ul > li > .megaMenu {

  float: none;

  width: 1058px;

  margin: 122px auto 0;

  left: 0;

  right: 0;

  min-width: 0;

  z-index: -1;

}



.header-bottom .site-nav > ul > li > .megaMenu > ul {

  display: flex;

  flex-direction: column;

  width: auto;

  top: 0;

  left: 0;

  min-width: unset;

  margin-top: 80px;

  left: 84px;

  box-shadow: none;

}



.header-bottom

  .site-nav

  > ul

  > li

  > .megaMenu

  > ul

  > li.main-pill

  > .inner-mega {

  width: 100%;

  float: none;

  left: 100%;

  top: -20px;

}



.header-bottom

  .site-nav

  > ul

  > li

  > .megaMenu

  > ul

  > li.main-pill

  > .inner-mega {

  width: 700px;

  top: -15px;

  box-shadow: none;

  border: 1px solid;

  background-color: #74b0b4;

}



.header-bottom

  .site-nav

  > ul

  > li

  > .megaMenu

  > ul

  > li.main-pill

  > .inner-mega

  > ul {

  display: inline-block;

  position: unset;

  /* background: transparent; */

  width: auto;

  min-width: unset;

  border: 1px solid;

  box-shadow: none;

}



.header-bottom

  .site-nav

  > ul

  > li

  > .megaMenu

  > ul

  > li.main-pill

  > .inner-mega

  > ul

  > li {

  padding: 3px 3px;

}



.header-bottom

  .site-nav

  > ul

  > li

  > .megaMenu

  > ul

  > li.main-pill

  > .inner-mega

  > ul

  > li

  > a {

  color: #fff;

  font-size: 0.87em;

  font-weight: 500;

  border: none;

  background-color: transparent;

  padding: 3px 15px;

  display: flex;

  align-items: flex-start;

  white-space: normal;

}



.header-bottom

  .site-nav

  > ul

  > li

  > .megaMenu

  > ul

  > li.main-pill:last-child

  > a {

  border: none;

}



.header-bottom

  .site-nav

  > ul

  > li

  > .megaMenu

  > ul

  > li.main-pill.active

  > span {

  color: #fdc300;

}



.header-bottom .site-nav > ul > li > .megaMenu {

  top: -10px;

}



.header-bottom

  .site-nav

  > ul

  > li

  > .megaMenu

  > ul

  > li.main-pill

  > .inner-mega

  > ul:nth-child(2) {

  left: 71px;

}



.header-bottom .site-nav > ul > li > .megaMenu > ul > li.main-pill {

  padding: 0;

  display: inline-block;

  width: 222px;

  position: static;

}



.header-bottom .site-nav > ul > li > .megaMenu > ul > li.main-pill > a > svg,

.header-bottom > .site-nav > ul > li:nth-child(2) > .megaMenu > ul li a svg {

  width: 16px;

  height: 20px;

  fill: #fff;

}



.header-bottom .site-nav > ul > li > .megaMenu > ul > li.main-pill > span {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.header-bottom

  .site-nav

  > ul

  > li

  > .megaMenu

  > ul

  > li.main-pill

  > .inner-mega

  > ul

  > li

  > a

  > svg {

  width: 30px;

  height: 30px;

  fill: #fff;

  display: inline-block;

  vertical-align: middle;

}



.site-nav > ul > li:first-child:before {

  /* content: ""; */

  /* height: 30px; */

  /* display: block; */

  /* position: absolute; */

  /* left: 0; */

  /* right: 0; */

  /* bottom: 17px; */

  /* z-index: 1; */

}



.site-nav > ul > li:hover:before .megaMenu {

  opacity: 1;

  visibility: visible;

}



body.bg-black {

  position: relative;

  transition: all 0.4s;

}



/* body.bg-black:after { */

/* content: ""; */

/* position: absolute; */

/* top: 0; */

/* left: 0; */

/* right: 0; */

/* width: 100%; */

/* height: 100%; */

/* background-color: #0000005e; */

/* } */



.header-bottom

  .site-nav

  > ul

  > li

  > .megaMenu

  > ul

  > li.main-pill:nth-child(2)

  > .inner-mega

  > ul

  > li,

.header-bottom

  .site-nav

  > ul

  > li

  > .megaMenu

  > ul

  > li.main-pill:nth-child(3)

  > .inner-mega

  > ul

  > li {

  width: 200px;

  display: inline-block;

}



.site-nav > ul > li.has-sub > a:after,

.site-nav > ul li.has-sub > a:after {

  position: absolute;

  top: 0;

  right: 0;

  left: auto;

  content: "\f107";

  font-family: FontAwesome;

  color: #080808 !important;

  font-size: 1.4em;

  line-height: 28px;

}



.site-nav > ul > li > a {

  font-size: 1.14em;

  color: #080808;

}



.site-nav > ul > li {

  border-right: 3px solid #080808;

}



.site-nav ul li a {

  padding: 0;

}



.header-bottom > .site-nav > ul > li:nth-child(2) > .megaMenu > ul > li > ul {

  left: 100%;

  top: 0;

  padding: 0;

}



.header-bottom

  > .site-nav

  > ul

  > li:nth-child(2)

  > .megaMenu

  > ul

  > li

  > ul

  > li

  > ul {

  left: 100%;

  top: 0;

  padding: 0;

}



.header-bottom > .site-nav > ul > li:nth-child(2) > .megaMenu > ul li a:after {

  position: absolute;

  top: 6px;

  right: 12px;

  color: #fff !important;

}



.header-bottom

  .site-nav

  > ul

  > li

  > .megaMenu

  > ul

  > li.main-pill

  > .inner-mega

  > ul

  > li

  > a

  > svg {

  fill: transparent;

}



.header-bottom

  .site-nav

  > ul

  > li:nth-child(1)

  > .megaMenu

  > ul

  > li

  > .inner-mega

  > ul

  > li

  > a {

  position: relative;

}



.header-bottom

  .site-nav

  > ul

  > li

  > .megaMenu

  > ul

  > li

  > .inner-mega

  > ul

  > li

  > a:before {

  content: "";

  position: absolute;

  top: 0;

  content: "\f107";

  font-family: FontAwesome;

  color: #ffffff !important;

  font-size: 1.4em;

  line-height: 28px;

  transform: rotate(-90deg);

  left: 0;

  right: auto;

}



.header-bottom

  .site-nav

  > ul

  > li:nth-child(1)

  > .megaMenu

  > ul

  > li

  > .inner-mega

  > ul

  > li

  > a:hover,

.header-bottom

  .site-nav

  > ul

  > li:nth-child(1)

  > .megaMenu

  > ul

  > li

  > .inner-mega

  > ul

  > li

  > a:hover:before {

  color: #fdc300 !important;

}



.header-bottom

  .site-nav

  > ul

  > li

  > .megaMenu

  > ul

  > li.main-pill.active

  > span

  > svg {

  /* fill: #fdc300; */

}



.site-nav > ul > li.has-sub > a:after,

.site-nav > ul li.has-sub > a:after {

  display: none;

}



.header-bottom .site-nav > ul > li > .megaMenu > ul > li.main-pill > a:hover,

.site-nav ul li ul li:hover a {

  background: transparent;

  color: #fdc300;

}



.site-nav > ul > li ul li ul {

  background: transparent;

}



.header-bottom .site-nav > ul > li > .megaMenu > ul > li.main-pill > a {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.header-bottom > .site-nav > ul > li:nth-child(2) > .megaMenu > ul li a {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.site-nav > ul > li.has-sub > a {

  padding: 0;

  margin: 0;

  cursor: pointer;

}



.site-nav > ul > li {

  border: none;

}



.header-bottom > .site-nav > ul > li {

  padding: 0 7px;

  height: 30px;

}



.header-bottom

  .site-nav

  > ul

  > li

  > .megaMenu

  > ul

  > li.main-pill

  > .inner-mega

  > ul {

  display: flex;

  flex-wrap: wrap;

  margin-left: 0;

}



.header-bottom

  .site-nav

  > ul

  > li

  > .megaMenu

  > ul

  > li.main-pill

  > .inner-mega

  > ul

  > li {

  width: 228px;

  border: 1px solid #ffffff3d;

  margin: 1px;

  padding: 2px;

  content: "\f101";

  /* background: #d9c4d7; */

  background-color: #d2f2ff;

  border-radius: 8px;

}



.site-nav > ul > li.has-sub:hover > a {

  color: #fff;

}



.header-bottom .site-nav > ul > li > .megaMenu:after {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: -70px;

  /* background-color: #13a8e1; */

  height: 80px;

  border-bottom-left-radius: 10px;

  border-bottom-right-radius: 10px;

}



/* @media only screen and (max-width: 1400px) {

  .site-nav > ul > li {

    padding: 0 7px;

  }



  .site-nav > ul > li > a {

    font-size: 0.813em;

  }

}



@media only screen and (min-width: 1022px) {

  span.subDropAlt {

    display: none;

  }



  .mobClick {

    display: none;

  }



  .header-bottom .site-nav > ul > li > .megaMenu > ul > li.main-pill > span {

    border: none;

  }



  .header-bottom .site-nav > ul > li > .megaMenu > ul > li.main-pill > span {

    display: none;

  }



  .header-bottom .site-nav > ul > li > .megaMenu > ul > li.main-pill > span,

  .header-bottom .site-nav > ul > li > .megaMenu > ul > li.main-pill > a {

    color: #132a50;

    border-bottom: 2px solid #009dd929;

    display: block;

    text-transform: uppercase;

    line-height: 26px;

    padding: 5px 0;

    font-size: 1em;

    border-radius: 0;

  }



  .header-bottom .site-nav > ul > li > .megaMenu > ul > li.main-pill > a {

    font-weight: 400;

  }



  .header-bottom .site-nav > ul > li > .megaMenu > ul > li.main-pill > span {

    display: none;

  }



  .header-bottom .site-nav > ul > li > .megaMenu > ul > li.main-pill > a {

    display: flex !important;

    align-items: center;

    justify-content: space-between;

  }

}



@media only screen and (max-width: 1023px) {

  .header-bottom.act {

    position: fixed;

    height: 100%;

    padding-top: 0 !important;

  }



  .header-top {

    height: auto !important;

    padding: 15px 15px;

  }



  .header-bottom > .site-nav > ul > li {

    position: relative;

    margin: 0;

    padding: 0;

    text-align: left;

    display: block;

    width: 100%;

    border: none;

    height: auto;

  }



  .site-nav > ul > li > a {

    font-weight: 700;

    padding: 15px;

    display: block;

    width: 100%;

    border-bottom: 1px solid #2f2483;

    color: #2f2483;

    font-size: 0.9em;

  }



  .site-nav > ul > li.has-sub > a:after,

  .site-nav > ul li.has-sub > a:after {

    display: none;

  }



  .site-nav > ul > li:first-child:before {

    display: none;

  }



  .header-bottom .site-nav > ul > li > .megaMenu {

    margin: 0;

    height: auto;

  }



  .header-bottom .site-nav > ul > li > .megaMenu > ul {

    margin: 0;

  }



  .header-bottom > .site-nav > ul > li:nth-child(2) > .megaMenu {

    position: static;

  }



  .header-bottom > .site-nav > ul > li:nth-child(2) > .megaMenu > ul > li > ul {

    display: none;

  }



  .header-bottom .site-nav > ul > li > .megaMenu > ul > li.main-pill {

    position: relative;

  }



  .header-bottom

    .site-nav

    > ul

    > li

    > .megaMenu

    > ul

    > li.main-pill

    > .inner-mega {

    display: none;

  }



  .header-bottom .site-nav > ul > li > .megaMenu {

    background-color: #fdc300;

  }



  .header-bottom .site-nav > ul > li > .megaMenu > ul > li > a {

    font-weight: 700;

    color: #2f2483;

    font-size: 0.85em;

    padding: 9px 20px;

    display: block;

    border-bottom: 1px solid rgba(255, 255, 255, 0.5);

    width: 100%;

  }



  .header-bottom .site-nav > ul > li > .megaMenu > ul > li.main-pill {

    width: 100%;

  }



  .header-bottom .site-nav > ul > li > .megaMenu > ul {

    margin: 0;

    padding: 0;

  }



  .header-bottom

    .site-nav

    > ul

    > li

    > .megaMenu

    > ul

    > li.main-pill

    > .inner-mega {

    padding: 0;

    margin: 0;

  }



  .header-bottom

    .site-nav

    > ul

    > li

    > .megaMenu

    > ul

    > li.main-pill

    > .inner-mega

    > ul

    > li

    > a {

    font-weight: 700;

    color: #2f2483;

    font-size: 0.85em;

    padding: 9px 20px;

    display: block;

    border-bottom: 1px solid rgba(255, 255, 255, 0.5);

  }



  .header-bottom

    .site-nav

    > ul

    > li

    > .megaMenu

    > ul

    > li.main-pill

    > .inner-mega

    > ul

    > li

    > a:before {

    display: none;

  }



  .header-bottom

    .site-nav

    > ul

    > li

    > .megaMenu

    > ul

    > li.main-pill:nth-child(2)

    > .inner-mega

    > ul

    > li,

  .header-bottom

    .site-nav

    > ul

    > li

    > .megaMenu

    > ul

    > li.main-pill:nth-child(3)

    > .inner-mega

    > ul

    > li {

    width: 100%;

    display: block;

  }



  .header-bottom > .site-nav > ul > li:nth-child(2) > .megaMenu > ul li a {

    background-color: #fdc300;

  }



  .header-bottom > .site-nav > ul > li:nth-child(2) > .megaMenu > ul li a {

    font-weight: 700;

    color: #2f2483;

    font-size: 0.85em;

    padding: 9px 20px;

    display: block;

    border-bottom: 1px solid rgba(255, 255, 255, 0.5);

    border-radius: 0;

  }



  .header-bottom > .site-nav > ul > li:nth-child(2) > .megaMenu ul {

    background-color: #fdc300;

  }



  .header-bottom

    > .site-nav

    > ul

    > li:nth-child(2)

    > .megaMenu

    > ul

    > li

    > ul

    > li

    > ul {

    display: none;

  }



  .header-bottom .site-nav > ul > li > .megaMenu > ul > li.main-pill > a > svg {

    display: none;

  }



  .header-bottom .site-nav > ul > li > .megaMenu > ul > li.main-pill > a > svg,

  .header-bottom > .site-nav > ul > li:nth-child(2) > .megaMenu > ul li a svg {

    display: none;

  }



  .header-bottom {

    padding: 0;

    position: fixed;

    width: 100%;

    height: 100%;

    left: -100%;

    top: 0;

    background: #fdc300;

    margin: 0;

    z-index: 1000;

    transition: all 0.5s ease;

    padding: 0 !important;

  }



  body.open .header-bottom {

    left: 0%;

  }



  .mobClick.close {

    left: calc(100% - 30px);

    top: 10px;

    margin: 0 !important;

    position: fixed;

    z-index: 1;

  }



  .mobClick.close {

    display: none;

  }



  body.open .mobClick.close {

    display: block;

  }



  body.open .mobClick.close span:nth-child(2) {

    opacity: 0;

    left: -20px;

  }



  body.open .mobClick.close span:nth-child(1) {

    top: 7px;

    -webkit-transform: rotate(135deg);

    transform: rotate(135deg);

  }



  body.open .mobClick.close span:nth-child(3) {

    top: 7px;

    -webkit-transform: rotate(-135deg);

    transform: rotate(-135deg);

  }



  .site-nav > ul > li > a {

    padding: 15px !important;

  }



  .header-bottom .site-nav > ul > li > .megaMenu:after {

    background-color: transparent;

  }



  .header-bottom

    .site-nav

    > ul

    > li

    > .megaMenu

    > ul

    > li.main-pill

    > .inner-mega

    > ul

    > li {

    width: 100%;

  }

} */



/* maneesh css end here */



a:focus,

button:focus,

input:focus,

li:focus,

* td:focus {

  outline: 2px solid #fecc00 !important;

}



.site-nav > ul > li.active > a,

.site-nav > ul > li:focus-within > a {

  color: #fff;

}



.site-nav > ul > li.active:after,

.site-nav > ul > li:focus-within::after {

  content: "";

  width: 30px;

  height: 17px;

  position: absolute;

  left: 50%;

  margin-left: -15px;

  bottom: 0;

  top: 32px;

  background: url("../images/nav-arrow.png") no-repeat;

}



.site-nav ul li:focus-within ul {

  opacity: 1;

  visibility: visible;

}



.site-nav ul li:focus-within > .subDropAlt::before,

.site-nav ul li.active .subDropAlt::before {

  color: #00529c;

}



.site-nav ul li:focus-within .subDropAlt::before {

  color: #065598 !important;

}



.site-nav ul li ul li:focus-within a {

  background: #fab404;

  color: #2f2483;

}



.site-nav > ul > li ul li:focus-within > .subDropAlt::before {

  color: #fff;

  outline: 1px solid red;

}



.site-nav > ul > li ul li:focus-within > ul {

  opacity: 1;

  visibility: visible;

  top: 0;

}



.site-nav > ul > li > ul > li > ul > li:focus-within > a {

  background: #fab404;

  color: #2f2483;

}



.site-nav > ul > li > ul > li > ul > li ul li:focus-within a {

  background: #fab404;

  color: #2f2483;

}



.main-pill:focus-within > .inner-mega {

  display: block;

  display: flex;

  flex-direction: row;

  margin-top: 20px;

}


img.pdf-icon {

  padding-left: 6px;

  max-width: 25px !important;

  display: inline !important;

}



.rajma {

  color: #13a9e1;

  font-size: 1.1rem;

}



/* @media (min-width: 1024px) {

  .header-bottom

    .site-nav

    > ul

    > li

    > .megaMenu

    > ul

    > li.main-pill

    > .inner-mega {

    max-height: 400px;

    overflow-y: scroll;

  }



  .inner-mega::-webkit-scrollbar {

    width: 5px;

    background: gray;

  }



  /* Track */ /*

  .inner-mega::-webkit-scrollbar-track {

    box-shadow: inset 0 0 5px grey;

    border-radius: 4px;

  }



  /* Handle */ /*

  .inner-mega::-webkit-scrollbar-thumb {

    background: #f7c81c;

    border-radius: 3px;

  }

} */



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

Extra Plugin CSS - Back to top  

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

.cd-top {

  display: inline-block;

  height: 40px;

  width: 40px;

  position: fixed;

  bottom: 40px;

  right: 10px;

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  visibility: hidden;

  border-radius: 5px;

  background: rgba(245, 31, 138, 100) url(../images/icon/cd-top-arrow.svg)

    no-repeat center 50%;

  opacity: 0;

  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;

  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;

  transition: opacity 0.3s 0s, visibility 0s 0.3s;

}



.cd-top.cd-is-visible,

.cd-top.cd-fade-out,

.no-touch .cd-top:hover {

  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;

  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;

  transition: opacity 0.3s 0s, visibility 0s 0s;

}



.cd-top.cd-is-visible {

  /* the button becomes visible */

  visibility: visible;

  opacity: 1;

}



.cd-top.cd-fade-out {

  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */

  opacity: 0.5;

}



.no-touch .cd-top:hover {

  background-color: #cb2529;

  opacity: 1;

}



.contact-us-container {

  box-shadow: 0px 0px #00000070;

  padding-top: 10px;

  padding-bottom: 10px;

  padding-left: 10px;

  padding-right: 10px;

  margin-top: !important;

  margin-bottom: !important;

  overflow: visible;

  order: initial;

  border-color: inherit;

  background-color: #e3e3e3;

  flex-direction: row;

  align-items: center;

  justify-content: center;

  flex-wrap: nowrap;

  row-gap: 20px;

  column-gap: 20px;

}



.wp-block-uagb-container {

  display: flex;

  position: relative;

  box-sizing: border-box;

  transition-property: box-shadow;

  transition-duration: 0.2s;

  transition-timing-function: ease;

}

.figure {

  display: block;

  margin-block-start: 1em;

  margin-block-end: 1em;

  margin-inline-start: 40px;

  margin-inline-end: 40px;

  unicode-bidi: isolate;

}



.btn {

  font-size: 14px;

  border-radius: 2px;

  line-height: 12px;

  letter-spacing: 1px;

  text-transform: uppercase;

  padding: 20px 30px;

  border: none;

  font-weight: 600;

}

.btn-default {

  background-color: #d2f2ff;

  color: black;

  border-color: #d2f2ff;

}

