@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* @font-face {
  font-family: Arialic Hollow;
  src: url(../fonts/Arialic\ Hollow.ttf);
} */
body {
  background-color: rgb(235 235 235);
  background: linear-gradient(5deg, rgba(218, 227, 255, 1) 28%, rgba(224, 245, 255, 1) 58%, rgba(227, 227, 227, 1) 100%);

  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.08em;
  color: #444;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

.sky-blue-btn {
  color: #ffffff;
  background-image: -webkit-linear-gradient(47deg, #19eeee 0, #084298 100%);
  box-shadow: 0 8px 29px 0 #0842985c;
  margin-bottom: 20px;
  border: none;
  border-radius: 0;
}

.orange-red-btn {
  border-radius: 0;
  color: #ffffff;
  background-color: #fe5900;
  background-image: -webkit-linear-gradient(47deg, #ee8219 0, #ef4559 100%);
  box-shadow: 0 8px 29px 0 rgb(239 139 117 / 60%);
}

.parple-blue-btn {
  color: #ffffff;
  background-image: -webkit-linear-gradient(47deg, #196eee 0, #9737d3 100%);
  box-shadow: 0 8px 29px 0 #4b08985c;
  margin-bottom: 20px;
  border: none;
  border-radius: 0;
}

.btn:hover {
  color: #fff;
}

p {
  color: #74839f;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}

.scroll-bar::-webkit-scrollbar {
  width: 5px;
}

.org-text {
  color: #fe5900;
}

.blue-text {
  color: #002159;
}

.font-size20 {
  font-size: 20px;
}

.font-weight700 {
  font-weight: 700;
}

.scroll-bar::-webkit-scrollbar-track {
  background-color: #eeeeee;
}

.scroll-bar::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 38px;
}

:root {
  --primary-color: #fe5900;
  --clr-common-white: #fff;
  --top-header-color: #01092a;
  --white-color: #fff;
  --heading-color: #00053c;
  --black-color: #000;
  --orange-color: var(--primary-color);
}

a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
nav a,
.widget h6,
.filters li a,
blockquote,
p[data-pullquote]:before,
input[type="submit"] {
  font-weight: 400;
}

h1,
h2,
h3 {
  font-weight: 700;
}

h6 {
  font-weight: 300;
}

.pt-120 {
  padding-top: 120px !important;
}

.pb-120 {
  padding-bottom: 120px !important;
}

/* .mb-100 {
  margin-bottom: 100px;
}

.ml-40 {
  margin-left: 40px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
} */
.mt-60 {
  margin-top: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

/* .mt--150 {
  margin-top: -150px;
}

.pb-100 {
  padding-bottom: 100px;
} */
.pb-100 {
  padding-bottom: 100px;
}
.pt-100 {
  padding-top: 100px;
}
.btn {
  position: relative;
  border-radius: 6px;
  font-weight: 500;
  line-height: 50px;
  padding: 0px 65px 0 30px;
  font-size: 15px;
  height: 50px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: none;
}

.btn::before {
  position: absolute;
  content: "";
  background: var(--clr-common-white);
  height: 1px;
  width: 30px;
  top: 52%;
  right: 26px;
}

.boreder-btn {
  border-radius: 6px;
  font-weight: 500;
  line-height: 47px;
  padding: 0px 20px 0px 20px;
  font-size: 14px;
  height: 50px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border: solid 2px var(--primary-color);
  color: var(--primary-color);
  box-shadow: 1px 10px 14px var(--primary-color)66;
  display: inline-block;
}

.boreder-btn i {
  font-size: 24px;
  position: relative;
  top: 5px;
}

.section-title {
  font-size: 40px;
  margin-bottom: 25px;
  color: #00053c;
  font-weight: 800;
  position: relative;
  line-height: 50px;
}

.grey-bg {
  background-color: #ecf6ff80;
}

.btn-sec {
  position: relative;
  z-index: 99;
}

/* .white-text {
  color: #fff !important;
}
.white-btn {
  color: #8d9196;
  background-color: #fff;
} */
input,
textarea {
  width: 100%;
  background: #c5c5c5;
  border: 1px solid #c5c5c5;
  padding: 10px;
  margin: 0 0 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
}

.error_input {
  border: 1px solid #e74c3c;
}

ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.mt-80 {
  margin-top: 80px;
}

.mt--80 {
  margin-top: -80px;
}

.mb-40 {
  margin-bottom: 40px;
}

.section-title-left {
  font-size: 28px;
  color: #00053c;
  ;
  font-weight: 900;
}

/* .mx-auto.text-center .section-title{ position: relative;}
.mx-auto.text-center .section-title::before{ position: absolute;
  left: 156px;
  width: 70px;
  background: var(--primary-color);
  height: 2px;
  content: '';
  top: 26px;
}
  .mx-auto.text-center .section-title::after {
    position: absolute;
    right: 158px;
    width: 70px;
    background: var(--primary-color);
    height: 2px;
    content: '';
    top: 26px;
} */
/* ========headersec=========== */
/* .header {
	background: rgb(244, 244, 244);
	box-shadow: 1px 1px 7px #ddd;
} */

.header-top {
  padding: 10px 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

header.sticky-shadow .header-top {
  margin-top: -50px;
}

.header-top .logo-holder img {
  width: 100%;
  height: auto;
  display: block;
}

.lh-30 {
  line-height: 30px !important;
}

.float-right {
  width: auto !important;
  float: right;
}

.desktop-nav>ul>li {
  width: auto;
  display: inline-block;
  margin: 0 0 0 0;
  position: relative;
}

.desktop-nav>ul>li:last-child {
  margin: 0px;
}

.desktop-nav>ul>li>a {
  width: 100%;
  height: auto;
  display: block;
  padding: 10px 12px;
  font-size: 14px;
  color: var(--white-color);
  text-transform: uppercase;
  font-weight: 600;
  box-sizing: border-box;
}

.desktop-nav>ul>li>ul {
  width: 100%;
  min-width: 270px;
  position: absolute;
  z-index: 5;
  left: 0px;
  background: #3e4095;
  box-sizing: border-box;
  padding: 0px;
  border: #3e4095 1px solid;
  border-top: none;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
  visibility: hidden;
  top: 80%;
  transform: rotateX(-75deg);
  transform-origin: 0% 0%;
}

.desktop-nav>ul>li:hover a {
  background: #0433aa;
}

.desktop-nav>ul>li:hover>ul {
  transition: 0.3s;
  opacity: 1;
  visibility: visible;
  top: 100%;
  transform: rotateX(0deg);
}

.desktop-nav>ul>li>ul>li {
  width: 100%;
  height: auto;
  display: block;
  border-bottom: #3e4095 1px solid;
}

.desktop-nav>ul>li>ul>li:last-child {
  border: none;
}

.desktop-nav>ul>li>ul>li>a {
  width: 100%;
  height: auto;
  display: block;
  padding: 10px 15px;
  font-size: 14px;
  line-height: normal;
  color: #fff;
  border: none;
  box-sizing: border-box;
}

.desktop-nav>ul>li>ul>li>a:hover {
  background: #3e4095;
}

header .fa {
  margin-right: 0px !important;
}

header .fa .glyphicon {
  margin-right: 0px !important;
}

header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
  min-height: 40px;
}

.header .main-header {
  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;
}

.header .main-header .header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.arunachalportal,
.header-top .logo-txt,
.header-top .logo-holder,
header {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.arunachalportal {
  width: 130px;
  height: auto;
  display: block;
  padding: 0px !important;
}

header.sticky-shadow .arunachalportal {
  width: 60px;
}

header.sticky-shadow .header-top .logo-holder {
  width: 40px;
}

.logo-holder .black-logo {
  display: none;
}

header.sticky-shadow .logo-holder .white-logo {
  display: none;
}

header.sticky-shadow .logo-holder .black-logo {
  display: block;
}

header.sticky-shadow .header-top .logo-txt {
  font-size: 10px;
  line-height: normal;
}

header.sticky-shadow {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
  min-height: 40px;
  box-shadow: 0 3px 8px 0px rgb(0 0 0 / 30%);
  background: var(--white-color);
  transition: .5s ease-in-out;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

/* .bg-theme-colored {
	background-color: #0433aa !important;
} */

/* .back-text {
	color: #222;
} */

.menuzord.orange .menuzord-menu>li a.active,
.menuzord.orange .menuzord-menu>li a:hover> {
  background: #0433aa;
  color: var(--white-color);
}

/* .stylish-header,
.stylish-header:before {
	background: #b4cf02;
} */

/* .stylish-header:after {
	-webkit-border-top: 80px solid #b4cf02;
	-moz-border-top: 80px solid #b4cf02;
	-ms-border-top: 80px solid #b4cf02;
	-o-border-top: 80px solid #b4cf02;
	border-top: 80px solid #b4cf02;
} */

.menuzord-menu {
  margin: 0px;
  padding: 0px;
  float: left;
  list-style: none;
  float: right;
}

.menuzord-menu>li {
  display: inline-block;
  padding: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.menuzord-menu>li>a {
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  color: var(--white-color);
  outline: 0px;
  line-height: 1.42857;
  -webkit-tap-highlight-color: transparent;
  text-transform: uppercase;
}

.menuzord-menu>li>a {
  padding: 38px 15px 38px;
  font-size: 13px;
}

.header.sticky-shadow ul.menuzord-menu li a {
  color: var(--heading-color);
}

.menuzord-menu>li:hover>a,
.menuzord-menu>li.active>a {
  color: #fff;
}

.logo-holder img {
  width: 100%;
}

.logo-holder {
  position: relative;
  width: 250px;
  height: auto;
  padding: 0px 0;
  display: block;
  float: left;
  margin: 0px;
  margin-right: 38px;
}

/* .logo-holder img {
  width: 100%;
  height: auto;
  display: block;
} */
/* .stylish-header:before {
    content: "";
    position: absolute;
    top: 0px;
    height: 100%;
    left: -650px;
    width: 650px;
    background: rgba(255, 255, 255, 0.8);
}
.stylish-header:after {
    content: "";
    position: absolute;
    left: 100%;
    z-index: 999;
    border-left: 0px solid transparent;
    border-right: 105px solid transparent;
    bottom: 0px;
    border-top: 80px solid rgb(180, 207, 2);
} */

.header .text-link-bd-btom {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: var(--primary-color);
  display: inline-block;
  position: relative;
  padding-left: 13px;
}

.header .text-link-bd-btom::before {
  content: "";
  background: var(--primary-color);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  -webkit-animation: shadow-pulse 1s infinite;
  animation: shadow-pulse 1s infinite;
}

.hover-up {
  -webkit-transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.btn.btn-default {
  color: var(--white-color);
  box-shadow: 1px 7px 19px #cf750bb3;
  background: var(--primary-color);
  background: linear-gradient(270deg, rgba(247, 174, 0, 1) 0%, rgba(255, 130, 40, 1) 100%);
  border: none;
}

.header .block-signin .btn-shadow {
  box-shadow: 0px 3px 10px rgb(223 194 106);
}

.sub-menu {
  position: absolute;
  background: var(--white-color);
  padding: 0px 0;
  width: 312px;
  box-shadow: 1px 10px 33px #dddddd70;
}

/* .sub-menu {
  position: absolute;
  background: #fff;
  padding: 15px 0;
  width: 312px;
  box-shadow: 1px 10px 33px #dddddd70;} */
.sub-menu li a {
  display: block;
  position: relative;
  font-size: 12px;
  font-weight: 600;
  padding: 12px 20px;
  color: #222;
}

.desktop-nav-new ul li ul li>a>span {
  position: relative;
  display: inline-block;
  z-index: 1;
  transition: color 0.3s, opacity 0.3s;
}

.desktop-nav-new ul li ul li>a:after {
  display: block;
  content: "";
  height: 0%;
  width: 100%;
  position: absolute;
  top: 0;
  background: var(--primary-color);
  left: 0;
  opacity: 1;
  visibility: visible;
  transition: all 0.35s ease;
  pointer-events: none;
}

.desktop-nav-new ul li ul li:hover>a:after {
  height: 100%;
}

.sub-menu li a:hover {
  color: var(--clr-common-white);
}

.menuzord-menu .dropdown .sub-menu {
  display: none;
}

.menuzord-menu .dropdown span i {
  position: relative;
  top: 2px;
}

.menuzord-menu .dropdown:hover .sub-menu {
  display: block;
}

/* .menuzord-menu .dropdown a:hover .sub-sub-menu {
  display: none;
} */
.menuzord-menu .dropdown a:hover .sub-sub-menu {
  display: block !important;
}

.text-ul li a {
  padding: 10px 0;
  font-size: 18px;
  font-weight: 500;
  color: #646569;
  line-height: 32px;
}

.sub-sub-menu {
  right: -312px;
  top: 0;
}

.ms-70 {
  margin-left: 40px;
}

/* ========headersec-end=========== */

/* inner-header */

/* .inner-header{ background: #fff;} */
/* 
header.inner-header {
  position: initial;}
.inner-header .menuzord-menu>li>a {
    color: #053260;}

.menuzord-menu>li:hover>a, .menuzord-menu>li.active>a {
      color: #ff5722;}
header.inner-header.sticky-shadow {
    position: fixed;}
.inner-header .logo-holder .black-logo {
      display: block;
  }

.inner-header .logo-holder .white-logo{display: none;} */

/* inner-header */



/* footer */
.footer {
  background: #1f2546;
  padding-top: 80px;
  padding-bottom: 40px;
  text-transform: capitalize;
  position: relative;
  overflow: hidden;
}

.footerNav {
  position: relative;
}

.footer_first_contact li {
  display: flex;
  align-items: center;
  width: 100%;
  padding-bottom: 20px;
}

.footer_first_contact li i {
  font-size: 25px;
  color: var(--primary-color);
}

.footer_first_contact li p {
  float: left;
  padding-left: 20px;
  font-size: 16px;
  line-height: 26px;
  color: #818181;
  font-weight: 400;
  margin-bottom: 0;
}

.icon_list_news li a {
  float: left;
  background: #fe5900;
  width: 37px;
  line-height: 39px;
  height: 37px;
  padding-left: 0 !important;
  text-align: center;
  border-radius: 100px;
}

.icon_list_news li a i {
  color: #ffffff;
  font-size: 14px;
}

.footer_border_displ ul li i {
  color: #fe5900;
  margin-right: 15px;
}

.footer-btn .btn {
  font-size: 13px;
}

.footer-grey-text {
  font-size: 14px;
  color: #898282;
}

.footer_border_displ ul li {
  margin-bottom: 15px;
}

.nav-widget {
  margin-top: 40px;
}

.footerNav h5 {
  color: var(--primary-color);
  font-weight: 600;
}

.footer_border_displ ul li a {
  color: #818181;
  font-weight: 400;
}

.icon_list_news li {
  float: left;
  margin-right: 10px;
}

.footer_first_contact p a {
  color: rgb(170 161 161);
}

.copyright_left {
  margin-top: 45px;
  text-align: center;
  color: #8b8b8b;
  z-index: 9;
}

.copyright_left a {
  color: var(--primary-color);
}

/* footer end */

/* =================homepage========================== */

/* banner-section */
.banner-section {
  position: relative;
  background-size: cover !important;
}

/* .banner-sec {
  margin-top: 84px;
} */
.carousel-item {
  height: 38.09vw;
  background-size: cover !important;
}

.hero-text {
  width: 100%;
  height: auto;
  position: relative;
  animation-delay: 0.4s;
}

.banner-caption h6 {
  color: var(--primary-color);
  font-weight: 600;
  letter-spacing: 2px;
}

.banner-caption h1 {
  color: var(--clr-common-white);
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 800;
}

.banner-caption h1 span {
  color: var(--primary-color);
  font-size: 68px;
}

.bd-stroke__title-hero {
  font-size: 110px;
  font-weight: 700;
  color: transparent;
  -webkit-text-stroke: 1px var(--clr-common-white);
  position: absolute;
  z-index: -1;
  top: -15px;
  left: -26px;
  text-transform: capitalize;
  opacity: 16% !important;
}

.bd-stroke__title.mx-0 {
  left: 0;
  right: 0;
}

/* .carousel-item::before {
  position: absolute;
  content: "";
  background: var(--clr-common-black);
  height: 100%;
  width: 100%;
  background: linear-gradient(342deg, rgba(2,0,36,1) 0%, rgb(9 9 121 / 62%) 46%, rgb(0 255 236 / 63%) 100%);

} */
.banner-caption a {
  animation-delay: 1.2s;
}

.banner-caption {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}


.banner-section {
  height: 850px;
  background-size: cover !important;
  background-position: center !important;
}

.slider-img {
  position: absolute;
  top: -120px;
  width: 524px;
}

/* .heading-banner h5 {
  color: #ffa500;
  font-weight: 400;
  letter-spacing: 2px;
} */

/* =====we_offer========== */
.we-offer {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: -94px;
  z-index: 9;
  position: relative;
}

.browse-jobs-card {
  position: relative;
  cursor: pointer;
  z-index: 1;
  padding: 30px 30px;
  overflow: hidden;
  margin-bottom: 30px;
  box-shadow: 2px 6px 65px #8689975c;
  background: #ffffff87;
  backdrop-filter: blur(20px);
  border-radius: 10px;
}

.browse-jobs-card:hover:before {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.browse-jobs-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  right: -25px;
  bottom: 0;
  z-index: -1;
  background-color: var(--primary-color);
  -webkit-box-shadow: 0px 20px 70px 0px rgb(26 46 85 / 15%);
  box-shadow: 0px 20px 70px 0px rgb(26 46 85 / 15%);
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.browse-jobs-card .read-more-text {
  margin-top: 20px;
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 500;
}

.browse-jobs-card:hover .read-more-text {
  color: #fff;
}

.browse-jobs-card .icon {
  position: relative;
  left: 0;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  font-size: 24px;
  color: var(--primary-color);
  text-align: center;
  transition: 0.5s;
  margin: 0 auto;
  border: dashed 2px #ffdea8;
}

.browse-jobs-card .icon svg {
  width: 30px;
  height: 30px;
  fill: var(--primary-color);
}

.browse-jobs-card .icon .svg-icon {
  background: #ffeed2;
  width: 72px;
  height: 72px;
  border-radius: 100px;
  line-height: 60px;
  margin: 0 auto;
  padding: 0px;
  margin: 12px 12px;
}

.browse-jobs-card h3 {
  font-weight: 500;
  line-height: 20px;
  height: 83px;
}

.browse-jobs-card h3 a {
  color: #030e48;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}

.browse-jobs-card p {
  margin-bottom: 0;
  transition: 0.5s;
  color: #a2a5b5;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 8px;
  line-height: 27px;
}

.browse-jobs-card .more-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: transparent;
  font-size: 24px;
  color: #696969;
  transition: 0.5s;
  text-align: center;
}

.browse-jobs-card:hover h3 a {
  color: #fff;
}

.browse-jobs-card:hover .bdt-icon-wrapper {
  background: #fff;
  color: #fff;
}

.browse-jobs-card:hover p {
  color: var(--white-color);
}

.browse-jobs-card:hover .more-btn {
  color: var(--white-color);
  transition: 0.5s;
}

/* =====we_offer-end========== */




/* About-section */
.bank-section {
  position: relative;
}

.bank-section::before {
  position: absolute;
  content: '';
  background: url(../images/banner-bg5.png);
  width: 100%;
  height: 87%;
  top: 0;
  background-size: cover;
  right: -166px;
  left: 0;
  z-index: -1;
}

.bank-section p {
  font-size: 15px;
  color: #5d6574;
  line-height: 28px;
}


.bd-stroke__title {
  font-size: 100px;
  font-weight: 700;
  color: transparent;
  -webkit-text-stroke: 1px #7a7474;
  position: absolute;
  top: -19px;
  left: -43px;
  text-transform: capitalize;
  opacity: 16% !important;
}

.howitbox {
  padding: 26px 20px 26px 20px;
  background: #fff;
  border: solid 1px #edf0ff;
}

.howitbox .bdt-advanced-icon-box {
  display: flex;
  text-align: left;
  flex-direction: row;
  align-items: center;
}

.howitbox .bdt-advanced-icon-box .bdt-advanced-icon-box-icon {
  margin-right: 20px;
}

.bdt-icon-wrapper {
  background-color: #0d6efd24;
  font-size: 20px;
  width: 29px;
  transform: rotate(0deg);
  width: 78px;
  height: 78px;
  display: block;
  text-align: center;
  line-height: 72px;
  border-radius: 50px;
  border: dotted 1px;
  color: #0d6efd87;
}

.bdt-icon-wrapper img {
  width: 40px;
}

.bdt-advanced-icon-box .bdt-icon-wrapper i {
  width: 1em;
  height: 1em;
  color: #4787fa;
}

.bdt-advanced-icon-box-title span {
  font-size: 17px;
  font-weight: 700;
  color: #002159;
}

.bdt-advanced-icon-box-title {
  margin-bottom: 0px;
}

.bdt-advanced-icon-box-description p {
  color: #74839f;
  margin-bottom: 0;
}

.green-circle .bdt-icon-wrapper {
  color: #34deeb;
  background-color: #34deeb21;
}

.green-circle .bdt-icon-wrapper i {
  color: #34deeb;
}

.yellow-circle .bdt-icon-wrapper {
  background-color: #faab443b;
  color: #f5a03799;
}

.yellow-circle .bdt-icon-wrapper i {
  color: #faab44;
}

/* About-section end */
/* apiip */
.box-info-job.box-info-about p {
  font-size: 16px;
  font-weight: 600;
  color: #005299;
  text-align: justify;
}





/* 6 sector section */

.flipster__nav {
  display: none;
}

.flip-items li {
  border-radius: 20px;
  overflow: hidden;
}

.flipster__item--future {
  border-radius: 20px;
  overflow: hidden;
}

.flipster__item {
  width: 600px;
}

.flipster__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flip-items .flip-img {
  height: 370px;
}

.flipster__button {
  z-index: 9;
}

.flipster__button i {
  font-size: 30px;
  color: #222;
  background: #fff;
  box-shadow: 1px 1px 34px #c9c9c980;
  padding: 20px 28px;
}

.flipster__button {
  opacity: 1;
}

.flipster__button--next {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}

.flip-text {
  text-align: center;
  color: #222;
  background: #fff;
  padding: 15px 38px;
}

.announcement-sec {}

.flipster__item__content .flip-text {
  opacity: 0;
  transition: all 300ms ease-in-out;
}

.flipster--carousel .flipster__item--current .flipster__item__content .flip-text {
  opacity: 1;
}

/* 6 sector section end */
/* event-sec */
.three-section {
  position: relative;
}

.bcg-parallex:after {
  position: absolute;
  max-width: 100%;
  width: 650px;
  content: '';
  height: 650px;
  background-size: cover !important;
  background: url(../images/shape-1.svg);
  top: 61px;
  left: -94px;
  z-index: -1;
  opacity: .3;
  transform: rotate(30deg);
}

.latest-news-sec {
  background-color: #fff;
  padding: 25px;
  border-radius: 15px;
}

/* event-sec end */
/* latest-news */
.latest-news-sec .lt-news-sec:first-child {
  min-height: 190px;
  overflow: hidden;
  position: relative;
  height: 190px;
}

.lt-news-sec .time {
  color: #ded9d9;
  margin-bottom: 25px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
}
.lt-news-sec .time i { color: var(--primary-color);}
.latest-news-sec .lt-news-sec {
  min-height: 274px;
}

.lt-news-sec::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background: rgb(3, 0, 13);
  background: linear-gradient(359deg, rgba(3, 0, 13, 1) 0%, rgb(0 0 0 / 41%) 100%);
  width: 100%;
  height: 100%;
  transition: all 500ms ease;
}

.lt-news-img img {
  object-fit: cover;
}

.lt-contant {
  position: absolute;
  bottom: 0px;
  color: #fff;
  left: 0;
  padding: 0 1em 0 1em;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.lt-contant h3 {
  font-weight: 500;
  font-size: 17px;
  margin: 0;
  color: #fffefb;
  margin-top: 5px;
  margin-bottom: 3px;
}

.lt-contant ul li {
  padding-right: 25px;
}

.lt-popup {
  opacity: 0;
}

.lt-news-sec:hover .lt-contant {
  bottom: 30px;
}

.lt-news-sec:hover .lt-popup {
  opacity: 1;
}

.lt-contant h3 a {
  color: #fff;
}

.more-btn-text {
  color: #ff9307;
  font-size: 14px;
}

/* ====different-design==== */
.news-content {
  position: absolute;
  background: #ffffff;
  z-index: 10;
  padding: 25px;
  top: 0;
  left: 0;
  box-shadow: 1px 1px 66px #f2f8ff;
}

.news-preview {
  float: left;
  border: solid 1px #9990;
  width: 51%;
  background: none;
  position: relative;
  z-index: 5;
  margin-left: -1px;
  min-height: 304px;
  position: relative;
}

.news-content h4 a {
  line-height: 25px;
  font-size: 16px;
  color: rgb(0, 0, 0);
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 15px;
  display: block;
}

.read-more a {
  color: #fe5900;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 600;
}

/* ====different-design-end==== */


/* latest-news-end */

/* twitter-sec */
/* .twitter-total-sec {
  padding: 15px;
  background: #fff;
} */
.twitter-timeline iframe{ height: 500px;}
.twitter-sec .img-rounded {
  border-radius: 63px;
  overflow: hidden;
  width: 40px;
  height: 40px;
}

.twitter-sec .img-rounded img {
  height: 100%;
  object-fit: cover;
}

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

.twitter-sec .card-title {
  margin: 0;
  font-weight: 500;
  font-size: 17px;
}

.twitter-sec .card-body h6 {
  margin-bottom: 0;
  font-weight: 400;
  color: #cbcbcb;
  font-size: 12px;
}

.twitter-sec .card-text {
  font-size: 13px;
  line-height: 18px;
  margin: 0;
}

.twitter-total h3 {
  color: #000;
  padding: 19px;
  margin: 0;
  padding-left: 0;
  font-size: 20px;
}

.twitter-total h3 span {
  color: #ffffff69;
  font-size: 68px;
  position: absolute;
  transform: rotate(2deg);
  top: -3px;
  right: 19px;
}

/* .twitter-total-sec.scroll-bar {
  height: 1298px;
  overflow: auto;
} */

.twitter-total {
  border-radius: 15px;
  overflow: hidden;
}

/* twitter-sec-end */

/* ===========News-Event-Twitter-sec============= */
.bcg-parallex {
  position: relative;
}

/* .bcg-parallex:before {
  position: absolute;
  max-width: 100%;
  width: 838px;
  content: '';
  height: 400px;
  background-size: cover !important;
  background: url(../images/t-shape-1.png);
  left: 0;
  z-index: -1;
  transform: rotate(14deg);
  right: 0;
  margin: 0 auto;
  bottom: -195px;
} */

.scroll-bar::-webkit-scrollbar {
  width: 5px;
}

.scroll-bar::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
  border-radius: 38px;
}

.scroll-bar::-webkit-scrollbar-track {
  background-color: #eeeeee;
}

.inner-section-title {
  font-size: 22px;
  color: var(--heading-color);
}

.news-sec.scroll-bar {
  height: 532px;    padding: 25px;
  overflow: auto;
}

.lts-news-sec {
  background: var(--white-color);
  border-radius: 15px;
}

.sub-heading {
  position: relative;
}

.sub-heading h4 {
  font-size: 25px;
  color: #080808;
  font-weight: 700;
  position: relative;
  line-height: 33px;
  display: inline-block;
}

.sub-heading h4::after {
  position: absolute;
  background-color: var(--primary-color);
  width: 50px;
  height: 3px;
  left: auto;
  top: 16px;
  content: '';
  right: -58px;
}

.news-img-ar {
  flex: 0 0 auto;
  width: 25%;
}

.news-img {
  height: 100px;
  margin-right: 20px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 1px 4px 11px #c2c7d5;
  border: none;
}

.news-img img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  border-radius: 4px;
}

.news-ar .time {
  color: var(--primary-color);
}

.news-ar {
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: dotted 1px #ddd;
}

.news-ar .text-wrap {
  padding-right: 25px;
  flex: 0 0 auto;
  width: 75%;
}

.news-ar .text-wrap p {
  font-size: 18px;
  color: #00053c;
  font-weight: 600;
  line-height: 28px;
}

/*investment-parallex  */
/* .investment-agency {
  background: url(../images/bgn-parallex.jpg);
  width: 100%;
  height: auto;
  background-attachment: fixed;
  background-size: cover;
  background-position: bottom;
}
.investment-agency .text p {
  color: #f5f5f5;
} */
/*investment-parallex  */
/* Investment Sectors */
.parallex-sector {
  position: relative;
  background-color: #1f2546;
}

.parallex-sector::before {
  content: "";
  position: absolute;
  top: 0;
  -webkit-transform: perspective(1px) translateZ(0) skewY(3deg);
  transform: perspective(1px) translateZ(0) skewY(3deg);
  transform-origin: right;
  width: 100%;
  height: 122px;
  z-index: -2;
  background-color: #1f2546;
}

.parallex-sector::after {
  content: "";
  position: absolute;
  bottom: -100px;
  -webkit-transform: perspective(1px) translateZ(0) skewY(3deg);
  transform: perspective(1px) translateZ(0) skewY(3deg);
  transform-origin: right;
  width: 100%;
  height: 122px;
  z-index: -2;
  background-color: #1f2546;
}

.guide-sector {
  position: relative;
}

/* .guide-sector::before {
  position: absolute;
  content: "";
  background: url(../images/bg.webp);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */
.cases-one__single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.cases-one__img-box {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 0px;
}

.cases-one__img {
  position: relative;
  display: block;
  overflow: hidden;
  background: rgb(10, 43, 83);
  background: linear-gradient(0deg, rgb(1 29 42) 0%, rgb(0 0 0 / 87%) 100%, rgb(77 217 231 / 90%) 100%);
  /* border-radius: 20px; */
  height: 280px;
}

.cases-one__img>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  opacity: 0.6;
  transition: all 500ms ease;
}

.cases-one__single:hover .cases-one__img>img {
  transform: scale(1.05);
  opacity: 1;
}

.cases-one__single:hover .cases-one__icon {
  width: 72px;
  height: 72px;
  background: #fff;
}

.cases-one__icon img {
  width: 60%;
}

.cases-one__content {
  padding: 30px 30px 30px;
  background-color: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 40px;
  z-index: 1;
}

.cases-one__content:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  background-color: #00042c;
  z-index: -1;
  transform: translateY(100%);
  transition: all 500ms ease;
}

.cases-one__single:hover .cases-one__content:before {
  transform: translateY(0);
}

.cases-one__single:hover .cases-one__icon span {
  transform: scale(0.85);
}

.cases-one__icon {
  width: 72px;
  height: 72px;
  background: #ffffffc7;
  border-radius: 67px;
  text-align: center;
  line-height: 68px;
  margin-bottom: 20px;
  border: dashed 1pxva(--white-color);
  ;
}

.cases-one__img.fst {
  height: 593px;
}

.cases-one__icon i {
  font-size: 26px;
  color: #fe5900;
}

.cases-one__icon span {
  font-size: 65px;
  color: va(--white-color);
  line-height: 65px;
  display: block;
  transform: scale(1);
  transform-origin: left center;
  transition: transform 500ms ease;
}

.cases-one__tagline {
  font-size: 14px;
  color: va(--white-color);
  font-weight: 800;
  margin: 0;
  line-height: 24px;
  text-transform: uppercase;
  padding-top: 14px;
  padding-bottom: 17px;
  letter-spacing: 0.1em;
}

.cases-one__tilte {
  font-size: 18px;
  color: va(--white-color);
  font-weight: 800;
  /* text-transform: uppercase; */
  line-height: 26px;
  letter-spacing: 2px;
  height: 66px;
}

.cases-one__tilte a {
  color: var(--white-color);
  transition: all 500ms ease;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 87% / 0px 2px no-repeat;
}

.cases-one {
  background: url(../images/bg.webp);
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

/* .cases-one__single:hover .cases-one__tilte a{    color: #051258;}
.cases-one__single:hover .cases-one__icon{width: 72px;
    height: 72px;
    background: #0f1950;} */

/* Investment Sectors */
/* =================homepage-end========================== */
/* =========inner-banner-sec============== */
.inner-banner-sec {
  height: 500px;
  background-size: cover !important;
  background-position: center !important;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;  
  background: #171723;
}
.inner-banner-sec:before{}
.breadcrumb-item a {
  color: #fff;
}
.moving-obj {
  position: absolute;
  width: 420px;
  height: 420px;
  will-change: transform;
}
.moving-obj:after {
  animation: spin 30s linear infinite;
}
.moving-obj:after {
  content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: -35%;
    background: url(../images/mandala.png) no-repeat 0 0/cover;
    opacity: 0.09;
    top: 30%;

}
@keyframes spin {
  from {
    transform: rotate(0deg) translateZ(0);
    -webkit-transform: rotate(0deg) translateZ(0); }
  to {
    transform: rotate(360deg) translateZ(0);
    -webkit-transform: rotate(360deg) translateZ(0); } 
  
  }

.breadcrumb-item.active {
  color: #ffffff6b;
}

.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #ffffff;
  content: var(--bs-breadcrumb-divider, "/");
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 1rem;
  list-style: none;
  font-size: 14px;
  font-weight: 500;
}

/* .inner-banner-sec{ background-color: #fff; padding: 80px 0;} */
.inview:after {
  content: '';
  width: 815px;
  height: 780px;
  position: absolute;
  background: url(../images/banner-shape.svg) no-repeat right top/contain;
  right: -15%;
  top: -45%;
  display: block;
  opacity: 0.08;
  will-change: transform;
  z-index: 0;
}

.inview:after {
  animation: highlight 30s infinite;
}

/* @keyframes highlight {
  from {
    transform: rotate(0deg) translateZ(0);
    -webkit-transform: rotate(0deg) translateZ(0); }
  to {
    transform: rotate(360deg) translateZ(0);
    -webkit-transform: rotate(360deg) translateZ(0); } 
  
  } */


@keyframes highlight {
  from {
    transform: rotate(0deg) translate(0) scale(0.9) translateZ(0);
    -webkit-transform: rotate(0deg) translate(0) scale(0.9) translateZ(0);
  }

  20% {
    transform: rotate(20deg) translateX(20px) scale(1) translateZ(0);
    -webkit-transform: rotate(20deg) translateX(20px) scale(1) translateZ(0);
  }

  40% {
    transform: rotate(30deg) translateY(-10px) scale(1.2) translateZ(0);
    -webkit-transform: rotate(30deg) translateY(-10px) scale(1.2) translateZ(0);
  }

  60% {
    transform: rotate(15deg) translateY(0px) scale(1.1) translateZ(0);
    -webkit-transform: rotate(15deg) translateY(0px) scale(1.1) translateZ(0);
  }

  80% {
    transform: rotate(5px) translateY(10px) scale(1) translateZ(0);
    -webkit-transform: rotate(5px) translateY(10px) scale(1) translateZ(0);
  }

  to {
    transform: rotate(0deg) translate(0) scale(0.9) translateZ(0);
    -webkit-transform: rotate(0deg) translate(0) scale(0.9) translateZ(0);
  }
}

.inner-page-hd {
  color: #fff;
  font-size: 35px;
}

/* =========inner-banner-sec-end============== */
/* ============right-information================== */
.rit-box .card {
  background: none;
  border: none;
}

.rti-sec .rit-box .rit-user i {
  color: #fff;
  width: 70px;
  height: 70px;
  padding: 11px;
  border-radius: 50px;
  font-size: 28px;
  margin-right: 10px;
  background-image: -webkit-linear-gradient(47deg, #41cb78 0, #45e2dc 100%);
  box-shadow: 0 10px 18px 0 rgb(48 183 126 / 29%);
  display: block;
  text-align: center;
  line-height: 42px;
}

.rit-box .card-title {
  font-weight: 700;
  color: #00053c;
  font-size: 24px;
}

.card-text:last-child {
  margin-bottom: 0;
}

.rti-sec .rit-box .rit-user.pink i {
  background-image: -webkit-linear-gradient(47deg, #e455e6 0, #ef544a 100%);
  box-shadow: 0 10px 18px 0 rgb(205 64 108 / 29%);
}

.card-text {
  color: #005299;
  font-size: 16px;
  line-height: 32px;
  font-weight: 600;
}

/* ============right-information================== */
/* Disclaimer page */
.content-text-ar p {
  color: #005299;
  font-size: 16px;
  line-height: 32px;
  font-weight: 600;
  text-align: justify;
}

/* Disclaimer page css */
/* Investment Division page */
.inner-page-sub-hd h2 {
  color: var(--heading-color);
  text-transform: uppercase;
  font-size: 28px;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
}

.inner-page-sub-hd h2::before {
  position: absolute;
  right: 0px;
  width: 64px;
  height: 4px;
  background-color: var(--primary-color);
  content: '';
  top: 12px;
  right: -80px;
}

.zikjak-img {
  box-shadow: -1.151px 21.97px 43px 0px rgb(85 88 114 / 49%);
  position: relative;
}

.zikjak-img:before {
  content: '';
  position: absolute;
  left: -12px;
  top: -12px;
  height: 90px;
  width: 90px;
  z-index: -1;
  background-color: #ff5722;
}

.zikjak-img:after {
  content: '';
  position: absolute;
  right: -12px;
  bottom: -12px;
  height: 90px;
  width: 90px;
  background-color: #2196f3;
  z-index: -1;
}

.link:hover {
  text-decoration: underline;
}

.green-text {
  color: #09a774;
}

/* Investment Division page end */
/* apiip */
.sub-hd {
  color: var(--heading-color);
  font-size: 24px;
}

.sub-hdtext {
  color: var(--primary-color);
  font-size: 20px;
}

.aro-bg {
  position: relative;
}

.aro-bg::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  background: #fff;
  -webkit-transform: perspective(1px) translate3d(0, 0, 0) skewY(-2.5deg);
  transform: perspective(1px) translate3d(0, 0, 0) skewY(-2.5deg);
  transform-origin: left;
  clear: unset;
  display: block;

}

.thumbnail {
  margin-top: 35px;
  overflow: hidden;
  box-shadow: -5px 0px 59px 0px rgb(85 88 114 / 35%);
  -webkit-box-shadow: -5px 0px 59px 0px rgb(85 88 114 / 35%);
  position: relative;
  background-color: #fff;
  z-index: 2;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
  width: 100%;
  border-radius: 0 0 6px 6px;
}

.thumbnail .views-field-field-image {
  height: 180px;
  margin-bottom: 25px;
}

.thumbnail .views-field-field-image .field-content {
  position: relative;
  height: 175px;
  overflow: hidden;
}

.thumbnail .views-field-field-image .field-content img {
  width: 100%;
  position: absolute;
  top: -19px;
  height: 100%;
  object-fit: cover;
  transform: skewy(-5deg);
}

.thumbnail-text-ar {
  padding: 0 25px 25px;
}

.thumbnail-text-ar h3 {
  color: #01116a;
  font-size: 20px;
  text-align: center;
}

.thumbnail .icon-ar {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 100px;
  width: 100px;
  height: 100px;
  background: #FFF;
  border-radius: 73px;
  padding: 24px 14px;
  box-shadow: 1px 20px 52px #000b4833;
  border: solid 3px #ffffffab;
}

.thumbnail .icon-ar img {
  width: 45px;
  text-align: center;
  margin: 0 auto;
  position: relative;
  display: block;
}

/* apiip */
/* Who's who */


.who-box {
  background-color: #fff;
  border-radius: 6px;
  padding: 100px 25px 50px;
  position: relative;    transition: .5s ease-in-out;
  box-shadow:1px 1px 50px #03466647;
  margin-top: 70px;    height: 274px;
}
.who-box:hover {  box-shadow: -1.151px 21.97px 43px 0px rgb(85 88 114 / 49%);}
.who-box .who-img {
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 100%;
  position: absolute;
  top: -44px;
  border: solid 2px #fff;
}

.who-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.who-box h4 {
  color: var(--heading-color);
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  margin: 0;
}

.who-box p {
  color: #ff5722;
  font-size: 14px; text-align: left;
  line-height: 1.7; font-weight: 500;
  margin-top: 8px;
}

.phone-ul li {
  padding-right: 15px;
  color: #149d70;
  font-size: 14px;
  font-weight: 600;
}

.phone-ul li i {
  padding-right: 8px;
  color: #149d70;
  font-size: 20px;
  font-weight: 400;
  position: relative;
  top: 7px;
}
/* Who's who */
/* cm mgs page */
/* .cm-vedio-sec {
  padding: 15px;
  box-shadow: 1px 1px 15px #bdcfd9;
  border-radius: 25px;
  overflow: hidden;
  backdrop-filter: blur(24px);
} */
.cm-vedio-sec video {
  width: 100%;
  margin: 0;
  height: 100%;
  border-radius: 10px;
  box-shadow: 1px 2px 41px #020202;
}
.video-ar{    margin-top: -156px;
  position: relative;}
.cm-mgs-vdo-banner{    background: #1b1b24;
  height: auto;
  padding: 200px 0px 120px 0px;}
  .cm-mgs-vdo-banner.inview:after {
    content: '';
    width: 815px;
    height: 780px;
    position: absolute;
    background: url(../images/banner-shape.svg) no-repeat right top/contain;
    right: -7%;
    top: -1%;
    display: block;
    opacity: 0.08;
    will-change: transform;
    z-index: 0;}
    .cm-mgs h2{color: #3445a1;
      position: relative;
      font-size: 30px;
      font-weight: 600;
      line-height: 42px;
      display: inline-block;}
.cm-mgs h2::before{content: '\201C';
  position: absolute;
  /* transform: rotate(180deg); */
  top: 1.5rem;
  font-family: sans-serif;
  color: #27529d;
  opacity: 0.17;
  font-size: 164px;
  left: -82px;}
  .cm-mgs h2::after{content: '\201C';
    position: absolute;
    transform: rotate(180deg);
    bottom: 1rem;
    font-family: sans-serif;
    color: #27529d;
    opacity: 0.17;
    font-size: 164px;}
.cm-mgs p{ margin-top: 50px;
  color: #009b76;
  font-size: 19px;
  font-weight: 600;}
.cm-mgs p span{color: #ff5722; position: relative; display: inline-block;}
.cm-mgs p span::after{    position: absolute;
  right: 0px;
  width: 64px;
  height: 3px;
  background-color: var(--primary-color);
  content: '';
  top: 15px;
  right: -80px;}

  .cm-mgs{ padding-left: 76px;}
/* cm mgs page */
.table-section .row{    background-color: #fff;
  padding: 25px 30px; cursor: pointer;
  /* margin-bottom: 5px; */
  border-radius: 6px;
  margin: 10px 40px 10px 25px;
  margin-bottom: 0px; transition: all 500ms ease-in-out;}
.table-section .row:hover{ box-shadow: 1px 4px 14px #748aa18c;}
.table-section{ padding-bottom: 25px;}
.table-section .row span{ color: var(--heading-color); font-weight: 600;}
/* cm mgs page */
/* Top 10 Reasons to invest in Arunachal   */
.white-overlap{ 
  background-color: #fff;
  padding: 50px;
  margin-top: -60px;
  position: relative; border-radius: 10px;
}
.invest-ar .card-box{ position: relative;
  padding: 25px;
  background-size: cover !important;
  text-align: center;
  height: 220px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  transition: all 500ms ease-in-out;
  border: solid 1px #efefef; border-radius: 10px;}
  .invest-ar .card-box:hover{     box-shadow: 1px 7px 35px #9294a7d4;}
.card-text h3{ font-size: 18px;
  color: var(--heading-color);}
.card-box-ar{ width: 100%; position: relative;}
.invest-ar .card-box::before{ position: absolute; content: ''; background-color: var(--white-color); width: 100%; height: 100%; left: 0; top:0;opacity: 1;}
.invest-ar .card-box:hover::before{ opacity: 0;}
.card-box:hover .card-text h3{ color: var(--white-color);}
/* =============new design================= */

.invest-ar .thumbnail .views-field-field-image {
  height: 330px;
  margin-bottom: 25px;
}
.invest-ar .thumbnail .views-field-field-image .field-content {
  position: relative;
  height: 300px;
  overflow: hidden;
}

.invest-ar .thumbnail .icon-ar {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 224px;
  text-align: center;
  width: 90px;
  height: 90px;}
.invest-ar .thumbnail .icon-ar i{      font-size: 34px;
  text-align: center;
  line-height: 34px;
  color: #02215d;}
  .invest-ar .thumbnail-text-ar h3 {
    color: #01116a;    height: 50px;
    font-size: 16px;
    text-align: center;
    margin-top: 52px;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 30px;
}
.evnt-bg{ position: relative;}
.evnt-bg::after{content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  background: #eef0f6;
  -webkit-transform: perspective(1px) translate3d(0, 0, 0) skewY(-2.5deg);
  transform: perspective(1px) translate3d(0, 0, 0) skewY(-2.5deg);
  transform-origin: left;
  clear: unset;
  display: block;}











/* Top 10 Reasons to invest in Arunachal   */
/* Policy Support  */
.li-point li{ position: relative;}
.li-point li:before {
  content: '';
  width: 14px;
  height: 14px;
  background: #fe5900;
  border: 4px solid #f1cebb;
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 5px;
}
.li-point li {
  padding-left: 30px;
    line-height: 1.8;
    position: relative;
    padding-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
    /* font-weight: 500; */
    color: #005299;
}
.ply-box .card-body h3{ color: var(--primary-color); margin-bottom: 19px; font-size:18px ;}
.ply-box{ display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-bottom: 50px;
  position: relative;
  z-index: 0;}
.ply-box .img-square-wrapper{flex: 0 0 142px;
  margin-right: 21px;
  /* background: #e91e63; */
  box-shadow: 13.9px 13px 16px 0 rgb(85 88 114 / 35%);
  background-image: linear-gradient(to right, #037af5, #0ab9a8);
  border: solid 10px #759cdd;
  border-radius: 50%;
  width: 142px;
  height: 142px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;}

.ply-box:before {
    content: "";
    display: block;
    width: 4px;
    height: 100%;
    background-color: #759cdd61;
    position: absolute;
    left: 72px;
    top: 0;
    z-index: -1;
}
.ply-box:nth-of-type(4)::before{background:none;}
/* .white-bg-aro{ position: relative;} */
/* .white-bg-aro::before{
  content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background: #1f2546;
    -webkit-transform: perspective(1px) translate3d(0, 0, 0) skewY(-2.5deg);
    transform: perspective(1px) translate3d(0, 0, 0) skewY(-2.5deg);
    transform-origin: left;} */
.parallex-ar::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background: rgb(0 3 44 / 72%);
    
}
.parallex-ar{ background-image: url(../images/parallex.jpg); width: 100%; height:auto; background-size: cover; position: relative;}


/* Policy Support  */
.scheme-box{    background: var(--white-color);
  padding: 22px 50px 40px;
  position: relative;
  height: 340px;
  border-radius: 9px;
  margin-bottom: 20px;}
.scheme-box .img-square-wrapper{    background: #e6eafb;
  display: inline-block;
  padding: 28px;
  width: 100px;
  height: 100px;
  border-radius: 100px;
  border: solid 1px #d2d9f9;
}
.scheme-box .card-body h3{ color: #1b3595;}
.scheme-box .card-body ul li{ position: relative;
  color: #434a5a;    padding-left: 30px;
  font-size: 15px;
  font-weight: 600;
  margin-top: 10px;}
.scheme-box .card-body ul{ position: relative; margin-top: 16px;}
.scheme-box .card-body ul li:before {
    content: '';
    width: 14px;
    height: 14px;
    background: #fe5900;
    border: 4px solid #f1cebb;
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 5px;
}


.pdf-sec .card {
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 30px;
    border: solid 2px #ffffff;
    background: #eaf0f9;
    position: relative;
}

.pdf-sec .card .card-horizontal {
  display: flex;
  flex: 1 1 auto;
}
.pdf-sec .card .card-body{
  display: flex;
  align-items: center;
  width: 70%;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.pdf-sec .card .card-horizontal {
  display: flex;
  flex: 1 1 auto;
}
.pdf-sec .img-square-wrapper {
  position: relative;
  margin: 6px;
  background: #fff;
  width: 100px;
  height: 111px;
  border-radius: 5px;
}
.pdf-sec .img-square-wrapper:before {
  content: '';
  background: url(../images/policy_pdf_sprites.png) 0 4px;
  height: 100%;
  width: 100%;
  position: absolute;
  transform: scale(0.6);
  top: 0;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.pdf-sec .card:hover .img-square-wrapper:before {
  background: url(../images/policy_pdf_sprites.png) -110px 3px;
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.pdf-sec .card:hover .img-square-wrapper {
  background-color: #009688;
  transition: all 1.2s;
}
.pdf-sec .card:hover {
  box-shadow: 0 3px 15px rgb(0 0 0 / 26%);
  transform: translateY(-14px);
}
/* .pdf-sec .card .card-title{ color: #222;
  font-weight: 600;
  font-size: 18px;} */

  .pdf-sec .card .card-body .card-title{color: #1c32af;
    font-weight: 600;
    font-size: 16px;
    margin: 0;}
    .pdf-sec .card .card-body .sub-card-tite{
      color: #ff5722;
      font-size: 13px;
      line-height: 1;
      font-weight: 500;
      margin: 0;
    }
.pdf-sec .card .card-body .card-text {
  color: #009688;
  font-size: 14px;
  font-weight: 500;}
.sector-page .thumbnail .icon-ar {
  position: absolute;
  left: auto;
  right: 17px;
  top: 164px;}

/* Policy Support  */
/* Sector Potential */
  .sector-page .thumbnail-text-ar h3 {
    color: #01116a;
    font-size: 20px;
    text-align: left;
  }

  .content-text-ar.sector-page p {
    color: #0e1323;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;}

.sector-page .thumbnail .views-field-field-image {
  height: 270px;
  margin-bottom: 25px;
}

.sector-page .thumbnail .views-field-field-image .field-content {
  position: relative;
  height: 248px;}
  .sector-page  .thumbnail {
    height: 430px;}




/* Pulse Grow */
@keyframes pulse-grow {
  to {
    transform: scale(1.1);
  }
}
.pulse-grow {
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.thumbnail:hover .pulse-grow {
  animation-name: pulse-grow;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* Sector Potential */

.single-sector-page .white-box{
  padding: 50px 15px;
  /* border: solid 1px #bdc6cb78; */
  text-align: center;
  margin-bottom: 14px;
  height: 238px;
  background: linear-gradient(to left top, #9b59cd, #0081cd);
  display: flex;
  align-items: center;
  width: 100%;
  text-align: center;
  box-shadow: 1px 1px 14px #d9e6f3;
  border-radius: 7px;
  transition: all 0.35s ease;}
  .single-sector-page .white-box:hover {
    background: #ffffff61;
    box-shadow: 1px 2px 22px #7a6b8f57;
}

.li-link li{    display: flex;
  position: relative;
  color: #3f51b5;
  font-size: 16px;
  line-height: 32px;
  font-weight: 600;
  padding-bottom: 10px;
  font-size: 15px;}
  .li-link li svg{
    width: 28px;
    height: 28px;
    position: absolute;
    top: 3px;
    left: 0;
    fill: #ff5722;
    background: #ffffff52;
    padding: 4px;
    box-shadow: 1px 1px 53px #8e97c7;}
    .li-link li span{margin-left: 40px;}
.con-text p{ color: #009b76;}

/* .single-sector-page .container{background: #fff;
  padding: 50px;} */

  .single-sector-page .single-sector-box-text p {
      color: #ffffff;
      font-size: 16px;
      line-height: 26px;
      font-weight: 600;
      margin: 0;
}
.white-box:hover .single-sector-box-text p{ color: #1a2e9b;}
.map-section{    background-color: #fff;
  padding: 25px;
  box-shadow: 1px 1px 27px #a4acc3b5;
}
.contact-sec .contact-ul li {
  display: flex;
  align-items: center;
  width: 100%;
  padding-bottom: 20px;
}
.contact-sec .contact-ul li i {
  font-size: 20px;
  color: #ff5722;
}
  .contact-sec .contact-ul li span {
    background: #ffffffb0;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    padding: 10px;
    line-height: 30px;
    text-align: center;
}




.contact-ul li p {
  width: 80%;
  padding-left: 20px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 0;
}
.contact-img{background: #3fb59f;
  padding: 50px;
  border-radius: 1px; box-shadow: 1px 8px 40px #3fb59f;}
  .contact-img h3{ color: #fff;}
  .contact-img .contact-ul li p{ color: #fff; font-size: 15px;}
  .contact-img .contact-ul li p a{ color: #fff;}
/* event */
.search{
  position: relative;
  margin-top: -50px;
  }
  .search input{
    height: 80px;
    text-indent: 25px;
    border: 0px solid #d6d4d4;
    border-radius: 10px;
    padding: 10px 34px;
    font-size: 14px;
  }
  .search input:focus{
   box-shadow: none;
   border: 2px solid blue;
  }
  .search i{
    position: absolute;
    top: 28px;
    left: 39px;
    color: #a8abbd;
    font-size: 18px;
  }
  .search button{
    position: absolute;
    top: 7px;
    right: 0px;
    height: 65px;
  }
.event-text{ background-color: #fff; position: absolute;}
.event-box{position: relative;
  height: 324px;
  border-radius: 10px;
  overflow: hidden;margin-bottom: 30px; 
  box-shadow: 1px 1px 35px #787d95;
}
.event-text {
  padding: 14px 25px 12px 15px;
  background: #fff;
  position: absolute;
  bottom: 11px;
  right: 13px;
  width: calc(100% - 13px);
  color: #111;
  font-weight: 500;
  transition: all 0.4s;}
.event-text h4 {
  font-size: 13px;
  line-height: 1.5;
  color: #071458;
  font-weight: 500;
  margin-bottom: 0;}
.event-img{height: 324px;}
.event-img img{ height: 100%; transition: all 0.4s;
  object-fit: cover;}

.event-text .green-text{font-size: 11px;
  margin: 0; position: relative;}
  .event-text .green-text::before{content: '';
    width: 20px;
    height: 20px;
    background-size: contain !important;
    background: url(../images/news/arrow-right-line.png) no-repeat;
    position: absolute;
    right: 0px;
    bottom: 15px;
    transition: all 0.4s;
    top: 4px;}
  .event-box:hover .event-img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.event-box:hover .event-text h4{ color:var(--primary-color);}
.event-box:hover a:hover .text:after {
  right: 15px;
}

/* event-details */
.event-inner-page-sub-hd h2{ color: #00053c;
  text-transform: capitalize;
  font-size: 22px;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;}
.event-details-img{ position: relative; height: 250px; border-radius: 6px; overflow: hidden;}

.event-details-img img{ height: 100%; object-fit: cover;}
.event-details-img span{background-color: #0e5cbe;
  padding: 15px 20px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;}
.event-details-ar{background: #fff;
  padding: 40px;
  position: relative;
  border-radius: 8px;}

  /* top-10-rsn-page */
  .top-10-rsn-box{  position: relative;  
    padding: 72px 30px;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    border-radius: 12px;width: 100%;margin-bottom: 25px; overflow: hidden;}
  .top-10-rsn-box:before{content: '';
    width: 200px;
    height: 200px;
    position: absolute;
    background: url(../images/mandala1.png) no-repeat right top/contain;
    right: -52px;
    top: -100px;
    display: block;
    opacity: 0.3;
    will-change: transform;
    z-index: 1;  animation: spin 30s linear infinite;
}

.top-10-rsn-box:after{content: '';
  content: '';
  width: 200px;
  height: 200px;
  position: absolute;
  background: url(../images/mandala1.png) no-repeat right top/contain;
  left: -52px;
  bottom: -100px;
  display: block;
  opacity: 0.3;
  will-change: transform;
  z-index: 1;
  animation: spin 30s linear infinite;
}

.top-10-rsn-box .card-icon i{ color: #ffffff; font-size: 42px;}
  .top-10-rsn-box .card-icon{    background: #ffffff1c;
  display: block;
  padding: 11px;
  width: 95px;
  height: 95px;
  border-radius: 50px;
  line-height: 71px;
  margin: 0 auto;
}
.top-10-rsn-box  .card-icon img{width: 44px;}
.top-10-rsn-box .card-text h3 {
    font-size: 15px;
    color: #ffffff;
    font-weight: 500;
    line-height: 24px;height: 75px;
}
.invest-ar .col-md-3:nth-child(1) .top-10-rsn-box{ background: #ffb45c;box-shadow: 1px 8px 25px #f89726;}
.invest-ar .col-md-3:nth-child(2) .top-10-rsn-box{ background: #ff6868;box-shadow: 1px 8px 25px #ff6868;}
.invest-ar .col-md-3:nth-child(3) .top-10-rsn-box{ background: #12c48f;box-shadow: 1px 8px 25px #12c48f;}
.invest-ar .col-md-3:nth-child(4) .top-10-rsn-box{ background: #639eff;box-shadow: 1px 8px 25px #639eff;}
.invest-ar .col-md-3:nth-child(5) .top-10-rsn-box{ background: #324089;box-shadow: 1px 8px 25px #324089;}
.invest-ar .col-md-3:nth-child(6) .top-10-rsn-box{ background: #08d8d7;box-shadow: 1px 8px 25px #08d8d7;}
.invest-ar .col-md-3:nth-child(7) .top-10-rsn-box{ background: #ff5d94;box-shadow: 1px 8px 25px #ff5d94;}
.invest-ar .col-md-3:nth-child(8) .top-10-rsn-box{ background: #d47bff;box-shadow: 1px 8px 25px #d47bff;}
.invest-ar .col-md-3:nth-child(9) .top-10-rsn-box{ background: #8871ff;box-shadow: 1px 8px 25px #8871ff;}
.invest-ar .col-md-3:nth-child(10) .top-10-rsn-box{ background: #ff6868;box-shadow: 1px 8px 25px #ff6868;}










/* Living in Arunachal */
.living-arunachal-ar .thumbnail .views-field-field-image {
  height: 296px;}