:root {
  --primary-color: #22577a;
  --secondary-color: #38a3a5;
  --t-color: #2C487A;
}

/* slider lower section start */

.slider-lower-main {
  position: relative;
  width: 100%;
  /* top: -76px; */
}

.slider-lower-inner1 h3 {
  font-weight: 600;
}

.slider-lower {
  position: absolute;
  top: 0px;
  z-index: 999;
  /* background-color: #0a4760; */
  width: 100%;
  left: 0px;
  padding: 0px 40px;
  background: radial-gradient(circle,
      rgba(55, 191, 101, 1) 0%,
      rgba(18, 41, 85, 1) 78%);
}

.slider-lower-inner {
  color: #fff;
  text-align: center;
  margin-top: 10px;
}

.slider-lower-inner1 .media-body {
  margin-left: 15px;
  font-size: 14px;
}

.slider-lower-inner1 .media-object {
  /* width: 55px; */
  margin-top: 5px;
}

.slider-lower-inner1 {
  border-right: 1px solid #fff;
  color: #fff;
  text-align: left;
}

.slider-lower-inner2 {
  border-right: none !important;
  color: #fff;
  text-align: left;
}

/* slider lower section end */
/* ABOUTUS SECTION CSS START */
.aboutus-section h3 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  position: relative;
  color: var(--primary-color);
  margin-bottom: 55px;
}

/* .aboutus-section h3::before {
  position: absolute;
  background: var(--primary-color);
  width: 8%;
  height: 2px;
  content: " ";
  bottom: 37%;
  left: 34%;
  border-radius: 65px;
}

.aboutus-section h3::after {
  position: absolute;
  background: var(--primary-color);
  width: 8%;
  height: 2px;
  content: " ";
  bottom: 37%;
  right: 34%;
  border-radius: 65px;
} */

.about-inner-main {
  background-color: #0a4760;
  padding: 33px 33px;
}

/* .aboutus-img .gallery-inner-main {
  margin: -67px 14px;
} */
.about-inner-main .gallery-inner-main .img-thumbnail {
  height: 350px;
  margin-top: -86px;
}

.aboutus-content p {
  text-align: justify;
  font-size: 16px;
  color: #5b5858;
}

.aboutus-content h3 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  position: relative;
  color: var(--secondary-color);
  margin-bottom: 20px;
}

.aboutus-content h3::before {
  position: absolute;
  background: var(--secondary-color);
  width: 18%;
  height: 2px;
  content: " ";
  bottom: 37%;
  left: 19%;
  border-radius: 65px;
}

.aboutus-content h3::after {
  position: absolute;
  background: var(--secondary-color);
  width: 18%;
  height: 2px;
  content: " ";
  bottom: 37%;
  right: 20%;
  border-radius: 65px;
}

.aboutus-section {
  padding: 50px 0;
  margin-top: 70px;
}

/* .aboutus-section .gallery-inner-main {
} */
.aboutus-section p {
  text-align: justify;
  color: #484545;
}

.about-us-content-section {
  margin: 50px 0;
}

/* ABOUTUS SECTION CSS END */

/* SERVICE SECTION CSS START */
.service-section {
  /* padding: 30px 0; */
  /*background: linear-gradient(rgb(255 255 255 / 5%), rgb(255 255 255 / 5%)), url(../img/banner/portal-bg.jpg);
      background: linear-gradient(90deg, rgba(160, 193, 200, 1) 49%, rgba(237, 241, 241, 1) 100%);*/
  background: linear-gradient(90deg, rgb(34 87 122) 49%, rgb(34 87 122) 100%);
  padding-top: 80px;
  padding-bottom: 50px;
  background-repeat: no-repeat;
  background-size: cover;
}

.service-section a {
  text-decoration: none;
}

.service-section-box {
  padding: 50px 20px;
  text-align: center;
  box-shadow: 0px 0px 5px #87868e82;
  border-radius: 4px;
  margin: 35px;
  width: 100%;
  background-color: var(--secondary-color);
}

.service-section-box:hover {
  background: var(--t-color);
  transition: 0.4s;
  scale: 1.2;
}

.service-section-box:hover .img-icon {
  border: 2px solid var(--secondary-color);
}

.service-section-box .img-icon {
  margin-bottom: 22px;
  background: var(--primary-color);
  border-radius: 10px;
  width: 100px;
  height: 100px;
  line-height: 94px;
  text-align: center;
  margin-left: 29%;
  position: relative;
  margin-top: -100px;
  border: 1px solid var(--secondary-color);
  background-image: linear-gradient(to left, #ffb81d, #ff6b00);
}

.service-section-box .img-icon img {
  /* border: dashed white 1px; */
  border-radius: 10px;
  padding: 15px;
  width: 91px;
}

.service-section-box:hover .img-icon {
  border-radius: 50px;
  transition: 0.5s;
}

.service-section-box:hover .img-icon img {
  border-radius: 53px;
  padding: 10px;
  transition: 0.5s;
}

.service-section-box h4::before {
  position: absolute;
  content: "";
  background: url(../img/icon/line.png);
  background-repeat: repeat;
  width: 66px;
  height: 4px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 35px;
  background-repeat: no-repeat;
}

.service-section-box h4 {
  font-size: 25px;
  font-weight: 600;
  position: relative;
  color: #fff;
}

/* SERVICE SECTION CSS END */

/* APPLICATION STATISTICS SECTION START */
.counter-section1 {
  padding: 50px;
  text-align: center;

  background-image: linear-gradient(to bottom,
      rgba(99, 84, 84, 0.9),
      rgba(70, 184, 253, 0.64)),
    url("../img/book.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

.counter-section h3 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  position: relative;
  color: #fff;
  margin-bottom: 55px;
}

.counter-section h3::before {
  position: absolute;
  background: #fff;
  width: 8%;
  height: 2px;
  content: " ";
  bottom: 37%;
  left: 28%;
  border-radius: 65px;
}

.counter-section h3::after {
  position: absolute;
  background: #fff;
  width: 8%;
  height: 2px;
  content: " ";
  bottom: 37%;
  right: 28%;
  border-radius: 65px;
}

.counter-section h4 {
  font-size: 35px;
  font-weight: 700;
  color: #fff;
  padding-bottom: 10px;
}

.counter-section h5 {
  font-size: 25px;
  font-weight: 700;
  color: #fff;
}

.above-p {
  margin-top: 0.5rem;
  margin-bottom: 0.2rem;
  width: 50px;
  border-bottom: 2px solid #f4a024;
  color: #f4a024;
}

/* APPLICATION STATISTICS SECTION END */

/* NOTICE SECTION START */
/* .notice-area {
  border-right: 1px solid #464cae5e;
  padding-right: 20px;
} */

.notice-section {
  /* background-color: var(--secondary-color); */
  background: linear-gradient(rgb(255 255 255 / 15%), rgb(255 255 255 / 15%)),
    url(../img/banner/notice-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;

  padding: 50px;
}

.notice-section {
  clear: both;
  overflow: hidden;
  position: relative;
  width: 100%;
  /*background: linear-gradient(90deg, rgba(160, 193, 200, 1) 49%, rgb(197 255 255) 100%);    */
  background: linear-gradient(90deg, rgb(34 87 122) 49%, rgb(34 87 122) 100%);
}

.notice-section .notice-detail-tab ul {
  padding-left: 0px;
}

.notice-section .notice-detail-tab ul li {
  list-style: none;
  color: var(--primary-color);
  padding: 10px;
  margin-bottom: 11px;
  background-color: #fff;
  border: none;
  border-radius: 8px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.03);
}

.notice-section .notice-detail-tab ul li a {
  text-decoration: none;
}

.notice-section .scroll-content-announcement {
  height: 200px;
  overflow-y: scroll;
  padding: 9px;
}

.notice-section .notice-board {
  background-color: #e4e8ea;
  padding: 50px 10px;
}

.notice-section .notice-board .notice-heading {
  background: #22577a;
}

.notice-section .notice-board .notice-heading {
  padding-left: 28px !important;
}

.notice-section .notice-board .nav-item {
  margin: 0 10px;
}

.notice-section .notice-board .nav-item a {
  color: #fff;
  text-decoration: none;
  /* background-color: #069fdb; */
}

.notice-section .notice-area h3 {
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 35px;
  color: #fff;
  border-bottom: 2px solid #dfdadab0;
  padding-bottom: 10px;
}

/* .notification-area {
  border-right: 1px solid #464cae5e;
  padding-right: 20px;
} */
.notification-area .notification-heading h3 {
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 35px;
  color: #fff;
  border-bottom: 2px solid #dfdadab0;
  padding-bottom: 10px;
}

.notification-area ul li {
  list-style: none;
}

.notification-area ul li a {
  color: #fff;
  margin-left: 28px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.notification-area ul li a:hover {
  text-decoration: underline;
}

.notification-area ul li img {
  width: 35px;
  display: inline;
}

.notification-area ul li {
  margin-bottom: 25px;
  /* border-bottom: 1px solid #ffffff; */
  padding-bottom: 18px;
}

.contact-highlight .contact-heading h3 {
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 35px;
  color: #fff;
  border-bottom: 2px solid #dfdadab0;
  padding-bottom: 10px;
}

.contact-highlight .contact-info ul li {
  list-style: none;
  margin-bottom: 15px;
}

.contact-highlight .contact-info ul {
  padding-left: 0;
}

/* .contact-highlight .contact-info .social-icon ul {
  padding-left: 50px;
} */

.contact-highlight .contact-info .social-icon img {
  width: 31px;
}

.contact-highlight .contact-info .social-icon a {
  font-size: 15px;
}

.contact-highlight .contact-info ul li a {
  color: #fff;
  margin-left: 12px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.contact-highlight .contact-info img {
  width: 35px;
  display: inline;
}

/* NOTICE SECTION END */

/* GALLERY SECTION CSS START */
.gallery-section {
  /* background: linear-gradient(
    90deg,
    rgba(160, 193, 200, 1) 49%,
    rgba(237, 241, 241, 1) 100%
  ); */
  padding: 40px 0;
}

.gallery-section iframe {
  margin-top: 15px;
}

.gallery-section h3 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  position: relative;
  color: var(--primary-color);
  margin-bottom: 55px;
}

/* .gallery-section h3::before {
  position: absolute;
  background: var(--primary-color);
  width: 8%;
  height: 2px;
  content: " ";
  bottom: 37%;
  left: 27%;
  border-radius: 65px;
}

.gallery-section h3::after {
  position: absolute;
  background: var(--primary-color);
  width: 8%;
  height: 2px;
  content: " ";
  bottom: 37%;
  right: 27%;
  border-radius: 65px;
} */

.gallery-section .owl-nav {
  text-align: center;
  font-size: 30px;
}

.gallery-section .owl-nav .owl-prev i {
  padding: 5px 10px;
  font-size: 20px;
  color: #084760;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px,
    rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px,
    rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.gallery-section .owl-nav .owl-prev i:hover {
  border: 2px solid #084760;
  color: #084760;
}

button:focus {
  outline: none !important;
  outline: none !important;
}

.gallery-section .owl-nav .owl-next i {
  padding: 5px 10px;
  font-size: 20px;
  color: #084760;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px,
    rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px,
    rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.gallery-section .owl-nav .owl-next i:hover {
  border: 2px solid #084760;
  color: #084760;
}

/* .gallery-section .img-section {
  border: 1px solid #1c0404;
  padding: 6px;
}
   */
.gallery-section .video-gallery .row>.column {
  padding: 0 8px;
}

.gallery-section .video-gallery .row:after {
  content: "";
  display: table;
  clear: both;
}

/* Create four equal columns that floats next to eachother */
.gallery-section .video-gallery .column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.gallery-section .video-gallery .modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 70px;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #0000;
}

/* GALLERY SECTION CSS END */
.director-message-section {
  padding: 40px 0;
}

.director-message-section p {
  text-align: justify;
  font-size: 16px;
  color: #5b5858;
}

.director-message-section h3 {
  font-size: 29px;
  font-weight: 700;
  text-align: left;
  position: relative;
  color: var(--primary-color);
  margin-bottom: 20px;
}

.director-message-section .title-shape {
  position: relative;
  width: 50px;
  height: 4px;
  margin-left: 8px;
  margin-bottom: 20px;
}

.director-message-section .title-shape {
  background: #f4a024;
}

.director-message-section .title-shape:before {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  left: -8px;
  top: 0px;
}

.director-message-section .title-shape:before {
  background: #f4a024;
}

.director-message-section h3 i {
  color: #38A3A5;
}

/* .director-message-section h3::before {
  position: absolute;
  background: var(--primary-color);
  width: 8%;
  height: 2px;
  content: " ";
  bottom: 37%;
  left: 22%;
  border-radius: 65px;
} */

/* .director-message-section h3::after {
  position: absolute;
  background: var(--primary-color);
  width: 8%;
  height: 2px;
  content: " ";
  bottom: 37%;
  right: 22%;
  border-radius: 65px;
} */

.director-message-section .director-img {
  border: 1px solid #e5e4e8;
  /*padding: 30px;*/
  background: #f2f2f4;
}

.director-message-section .director-img h4 {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  padding-top: 15px;
  color: var(--secondary-color);
}
.t-bold{
    font-weight:700 !important;
}
.n-big{
    font-size:18px !important;
    margin-bottom: 2px !important ;
}

.director-message-section .director-img h5 {
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  color: var(--primary-color);
}

.director-message-section .director-img .director-name {
  position: relative;
}

.director-message-section .director-img .director-name i {
  font-size: 23px;
  position: absolute;
  top: 18px;
  left: 0px;
  /*color: darkcyan;*/
}

/* .director-message-section .director-img .director-name::before {
  position: absolute;
  background: var(--primary-color);
  width: 1%;
  height: 56px;
  content: " ";
  bottom: -1%;
  left: 10%;
} */

/* TOP FOOTER SECTION START */
.footer-top {
  /* background-image: linear-gradient(to bottom, #fff0, #27506a00),
    url("../img/icon/indiaGate.svg"); */
  background-color: var(--primary-color);
  color: #fff;
  padding-top: 30px;
  text-align: justify;
  background-position: center;
  background-repeat: no-repeat;
  border-bottom: 1px solid #eceaea6e;
}

.footer-top i {
  margin-right: 10px;
  margin-top: 7px;
  font-size: 25px;
}

.footer-top h5 {
  font-size: 17px;
}

.footer-top img {
  width: 50%;
}

.footer-top a {
  text-decoration: none;
  color: #fff;
  font-size: 15px;
}

.footer-top .footer-img {
  text-align: justify;
  padding-left: 40px;
}

/*
.footer-contact {
   border: 1px solid #3587df9e;
  padding-top: 15px;
  padding-left: 13px;
  padding-right: 10px;
  height: 133px; 
}
*/
.footer-top .email-contact i {
  margin-top: 4px;
}

/* TOP FOOTER SECTION END */

/* FOOTER SECTION START */
.footer-section {
  /* background-image: linear-gradient(rgb(10 71 96 / 85%), rgb(10 71 96 / 85%)),
    url("../img/banner/footer-bg.jpg"); */
  background-color: var(--primary-color);
  clear: both;
  overflow: hidden;
  position: relative;
  width: 100%;
  color: #fff;
  padding: 30px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.footer-section .icon1 a {
  color: #1877f2;
}

.footer-section .icon2 {
  color: #1d9bf0;
}

.footer-section .icon3 {
  color: #f00;
}

.footer-section .icon4 {
  color: #c13584;
}

.footer-section .icon5 {
  color: #4ecb5b;
}

.footer-inner ul {
  list-style: square;
  padding-left: 0;
  /* text-indent: -11px;
  margin-left: 20px; */
}

.footer-inner ul li {
  padding-bottom: 3px;
}
.footer-inner ul li::marker {
  color: #fff;
  list-style-position: outside;
}
/* .footer-inner ul li:hover {
  text-decoration: underline;
} */

.footer-inner h4 {
  font-size: 25px;
  font-weight: 500;
  padding-bottom: 13px;
  border-bottom: 1px solid #eceaea6e;
  margin-bottom: 30px;
}

.footer-inner a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
}

.footer-inner i {
  font-size: 12px;
  margin-right: 8px;
}

.footer-lower hr {
  border-top: 1px solid rgba(189, 179, 179, 0.18);
}

.footer-middle p {
  font-size: 15px;
}

.footer-lower ul li {
  list-style: none;
  display: inline-block;
  margin: 0 5px;
  background: #fff;
  padding: 8px;
  width: 40px;
  height: 40px;
  line-height: 23px;
  text-align: center;
  border-radius: 50px;
}

.footer-lower ul li a {
  color: #023a55;
  text-decoration: none;
  font-size: 20px;
  text-align: center;
}

/* FOOTER SECTION END */
/* slider section start */
/* .slider-section img {
  height: auto;
  width: 100%;
}

.slider-section #demo {
  z-index: 9;
} */

/* slider section end */
/* ABOUT US INNER PAGE CSS START */

.about-us-content-section h2 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin: 35px 0;
  color: var(--primary-color);
}

/* .about-us-content-section h2::before {
  content: " ";
  position: absolute;
  background: var(--primary-color);
  width: 129px;
  height: 2px;
  top: 26%;
} */
.aboutus-inner-img img {
  position: relative;
}

.aboutus-inner-img .about-inner-img2 img {
  position: absolute;
  top: 42%;
}

.aboutus-inner-img .about-inner-img1 img {
  position: relative;
}

.aboutus-inner-img .about-inner-img1 {
  margin-top: 30px;
  text-align: center;
}

.about-inner-page .inner-box h4 {
  font-size: 30px;
  font-weight: 600;
}

.about-inner-page .inner-box h5 {
  font-size: 20px;
  font-weight: 600;
}

.about-inner-page .inner-box {
  padding: 30px 20px;
  background-image: linear-gradient(to bottom, #fff0, #27506a00),
    url("../img/inner-pages/icon-bg-2.png");
  background-color: var(--primary-color);
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

.about-inner-page .inner-box:hover {
  background-color: var(--secondary-color);
  transition: 0.5s;
}

.about-inner-page {
  padding: 40px 0;
}

.aboutus-detail {
  margin-bottom: 30px;
}

.about-us-content-section p {
  text-align: justify;
  color: #484848;
  line-height: 1.6;
}

/* ABOUT US INNER PAGE CSS END */

/* OJECTIVE INNER PAGE CSS START */
.inner-page-banner {
  background-image: url("../img/new-image/orgizational chart13.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0;
  height:300px;
}
.inner-page-banner1 {
  background-image: url("../img/new-image/0About us.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 140px 0;
  height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

@media (max-width: 768px) {
  .inner-page-banner1 {
  padding: 70px 0;
    height: 50px;
  }
}
.inner-page-banner-annual{
  background-image: url("../img/new-image/annual report2.png");
  background-size:cover;
}


.inner-page-bannercareer {
  background-image: url("../img/new-image/Career.png");
}
.inner-page-bannerofficer {
  background-image: url("../img/new-image/officersprofile.png");
  background-size:cover;
  height:300px;
  width:100%;
}

.inner-page-banner-bsefcl-2024
{
    background-image: url("../img/new-image/grivianceimage.png");
    height: 350px;
    background-size:cover;
    width:100%;
}

.bsefcl-career{
      background-image: url("../img/new-image/carrer.jpg");
      height:300px;
      width:100%;
      background-size:cover;
      
    
}
.inner-page-banner-bsefcl
{
      background-image: url("../img/new-image/griviance9.png");
    height: 300px;
    background-size:cover;
    width:100%;
    
}

.general-user-bsefcl
{
       background-image: url("../img/new-image/griviance9.png");
    height: 300px;
    background-size:cover;
    width:100%;
}
.inner-page-bannerevents {
  background-image: url("../img/banner/new_banner5.jpg");
}
.inner-page-bannercert {
  background-image: url("../img/new-image/certificate5.png");
  background-size:cover;
  height:300px;
  width:100%;
}
.inner-page-bannernews {
  background-image: url("../img/new-image/news10.png");
  height:300px;
  background-size:cover;
}
.inner-page-bannertender {
  background-image: url("../img/new-image/tender15.png");
  height:300px;
}
.inner-page-banner2 {
  background-image: url("../img/new-image/Board of Directors3.png");
  background-size:cover;
  height:300px;
  
}
.inner-page-banner3 {
  background-image: url("../img/new-image/Chairman6.png");
}
.inner-page-banner4 {
  background-image: url("../img/new-image/Succession Board of Managing Directors14.png");
}
.inner-page-banner5 {
  background-image: url("../img/banner/contactus .png");
  background-size:cover;
  height:300px;
  width:100%;
}

.inner-page-banner-bsefcl-12
{
  background-image:url("../img/new-image/noticeboard.jpeg");  
  background-size:cover;
  height:300px;
  
}

.inner-page-banner-bsefcl-15{
     background-image:url("../img/new-image/noticeboard.jpeg");  
  background-size:cover;
  height:300px;
  width:100%;
    
}

.inner-page-banner h3 {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  /* padding-top: 40px; */
}

.inner-page-banner h5 {
  font-size: 20px;
  font-weight: 600;

  color: #fff;
}

.objective-main-heading {
  background: #05011382;
  padding: 2px 10%;
  margin-bottom: 50px;
}

.objective-main-heading p {
  font-size: 25px;
  color: rgb(255, 255, 255);
  margin: 37px 0;
  padding-bottom: 0;
  font-weight: 500;
  text-align: justify;
}

.objective-deatil h2 {
  margin-left: 20px;
  font-weight: 700;
  line-height: 2;
  color: var(--primary-color);
  /* border-bottom: 1px solid #c4c4c4; */
}

/* .objective-deatil h2::before {
  position: absolute;
  background: var(--primary-color);
  width: 18%;
  height: 3px;
  content: " ";
  top: 12%;
} */

.objective-deatil p {
  margin-left: 20px;
  line-height: 1.5;
}

.objective-deatil ul {
  list-style-type: square;
}

.objective-page-content {
  text-align: justify;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #262424;
  padding: 50px 0px;
}

.objective-page-content h2 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin: 35px 0;
  color: var(--primary-color);
}

.objective-img img {
  position: relative;
  border: 1px solid #fffdfd;
}

.objective-img .img-objective {
  position: absolute;
  bottom: 23%;
  right: 15px;
  border: 1px solid #fffdfd;
}

.objective-img .img-objective1 {
  position: absolute;
  bottom: 18%;
  left: -30px;
  border: 1px solid #fffdfd;
}

/* OJECTIVE INNER PAGE CSS END */
/* board member profile section start */

.inner-page-section {
  padding: 20px 0;
}

.right-content {
  margin-bottom: 40px;
  background: #fdfdfd;
  padding: 15px;
}

.inner-page-section .left-img {
  margin: 30px 0;
  position: sticky;
  top: 0;
}

.inner-page-section .left-img-down {
  margin-top: 30px;
}

/* board member profile section end */
/* BOARD-MEMBER-PROFILE-PAGE CSS START*/
.board-member-profile-section {
  margin: 30px 0;
}


.board-member-profile-section h2 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin: 35px 0;
  color: var(--primary-color);
}

/* .board-member-profile-section h2::before {
  position: absolute;
  background: var(--primary-color);
  width: 325px;
  height: 2px;
  content: " ";
  top: 25%;
} */

.before-chairman h2 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin: 35px 0;
  color: var(--primary-color);
}

/* .before-chairman h2::before {
  position: absolute;
  background: var(--primary-color);
  width: 236px;
  height: 2px;
  content: " ";
  top: 568px;
} */
.board-member-profile-section .board-member-img {
  text-align: center;
}

.board-member-profile-section .board-member-img img {
  width: 50%;
}

.board-member-profile-section .board-member-content {
  padding: 10px 15px;
  text-align: justify;
  height: 220px;
}

.board-member-profile-section .board-member-content h5 {
  font-size: 15px;
}

.board-member-profile-section .board-member-content h3 {
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  position: relative;
}

.board-member-profile-section .board-member-content h3::before {
  /*content: "";*/
  position: absolute;
  height: 2px;
  width: 130px;
  background-color: #acacac;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 19px;
}

/**
.board-member-profile-section .board-member-content p::before {
  content: "";
  position: absolute;
  height: 2px;
  width: 40px;
  background-color: #f4a024;
  left: 40%;
  margin: 0 auto;
  top: 63%;
}
**/
.board-member-profile-section .board-member-detail {
  padding: 20px;
  box-shadow: 1px 1px 7px #aaa;
  margin-bottom: 40px;
}

.board-member-profile-section .board-member-detail p {
  text-align: left;
  margin-top: 20px;
  font-size: 14px;
}

/* BOARD-MEMBER-PROFILE-PAGE CSS END*/
/* LIST-OF-CHAIRMAN-BOD-PAGE START */
.list-of-chairman-bod-page .list-of-chairman {
  margin: 30px 0;
  /* background-image: url("../img/bg-noise.png"); */
  background-color: var(--primary-color);
}

/* .list-of-chairman-bod-page h2::before {
  position: absolute;
  background: var(--primary-color);
  width: 374px;
  height: 2px;
  content: " ";
  top: 574px;
} */
.list-of-chairman-bod-page h2 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin: 35px 0;
  color: var(--primary-color);
}

.list-of-chairman-bod-page .list-of-chairman-content {
  padding: 20px 15px;
}

.list-of-chairman-bod-page .list-of-chairman-content h3 {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
}

.list-of-chairman-bod-page .list-of-chairman-content p {
  color: #fff;
}

/* LIST-OF-CHAIRMAN-BOD-PAGE END */
/* OFFICE-ORDERS-SECTION START */
.office-orders-section {
  margin: 30px 0;
}

.office-orders-section .p-3 {
  box-shadow: 0 0 20px 5px #eee;
  border: none;
  margin-top: 32px;
  height: 175px;
}

.office-orders-section h2 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin: 35px 0;
}

.office-orders-section p {
  color: #343464;
  font-weight: 600;
}

.hidden-sm {
  display: block;
  margin-bottom: -100px;
}

.hidden-lg {
  display: none;
}

/* OFFICE-ORDERS-SECTION START */
.rules-detail3 .pulish-date h4 {
  background: #38a3a5;
  padding: 5px 10px;
  border-radius: 10px;
  color: rgb(255 255 255);
  font-weight: 500;
  font-size: 20px;
  text-align: center;
}

.inner-page--career img {
  width: 100%;
  height: auto;
}

.header-second {
  display: none;
}

.header-forth {
  display: none;
}

/* CAREER-PAGE CSS  START */
.career-heading {
  text-align: center;
  padding: 90px 0;
  background-image: url("../img/CAREER/Seccond-Career.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: initial;
  margin: 30px 0;
}

.career-heading h3 {
  font-size: 50px;
  font-weight: 700;
  color: #000;
}

.inner-page--career p {
  font-size: 15px;
  text-align: justify;
}

.inner-page--career h4 {
  font-size: 32px;
  text-align: center;
  font-weight: 700;
  color: var(--primary-color);
  padding: 10px 0;
}

.inner-page--career .carrer-button {
  text-align: center;
  margin: 30px 0;
}

.inner-page--career .carrer-button button {
  background: var(--primary-color);
  padding: 8px 50px;
  border: none;
  margin: 0 10px;
}

.inner-page--career .carrer-button button a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}

.inner-page--career .carrer-button button:hover {
  background-color: var(--secondary-color);
  transition: 0.5s;
}

.inner-page--career .hr-div hr {
  border-top: 2px solid var(--primary-color);
}

.readMore .addText {
  display: none;
}

.inner-page--career img {
  width: 100%;
  height: 297px;
}

.inner-page--career {
  margin: 45px;
}

.career-card {
  border: 1px solid #333;
  padding: 20px;
  margin-bottom: 20px;
}

.career-card .media-object {
  margin-right: 20px;
}

.career-card .media-heading {
  font-weight: 700;
  color: #0a4760;
}

.career-card span {
  font-size: 15px;
  margin-left: 20px;
  font-weight: 700;
  color: #25aae1;
}

.career-button button {
  padding: 9px 12px;
  border: none;
  background-color: #0a4760;
}

.career-button button a {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
}

/* CAREER-PAGE CSS  END */
/* rules-inner-section start */
.rules-inner-section h2 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  position: relative;
  margin: 55px 0;
  color: var(--primary-color);
}

.rules-inner-section h2::before {
  position: absolute;
  background: var(--primary-color);
  width: 8%;
  height: 2px;
  content: " ";
  bottom: 37%;
  left: 28%;
  border-radius: 65px;
}

.rules-inner-section h2::after {
  position: absolute;
  background: var(--primary-color);
  width: 8%;
  height: 2px;
  content: " ";
  bottom: 37%;
  right: 28%;
  border-radius: 65px;
}

.rules-detail h2 img {
  width: 40px;
}

.rules-detail {
  border: 40px solid var(--secondary-color);
  padding: 0 35px 35px 35px;
  box-shadow: 0px 0px 5px #a7a8a8;
  margin: 40px 0;
}

.rules-detail p {
  font-size: 15px;
  font-weight: 400;
  text-align: justify;

  color: #484848;
}

.rules-detail p i {
  background: var(--primary-color);
  color: #fff;
  padding: 5px;
  border-radius: 4px;
  margin-left: -25px;
}

.rules-detail h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  margin-left: -16px;
  left: 50%;
  height: 8px;
  width: 11px;
  left: 7px;
  top: 0px;
  border-radius: 8px 8px 0 0;
  background: #144e75;
}

.rules-detail h2::before {
  content: "";
  position: absolute;
  bottom: 1px;
  margin-left: -82px;
  height: 6px;
  width: 60px;
  left: 80px;
  top: 0;
  background: var(--primary-color);
}

.rules-detail h2 {
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  color: #fff;
  margin-top: 10px;
  position: relative;
  display: block;
  text-align: center;
  background: var(--primary-color);
  font-size: 30px;
  line-height: 1;
  padding: 20px 8px 8px;
  padding-top: 20px;
  padding-bottom: 8px;
  border-top-right-radius: 8px;
  width: 420px;
  top: -48px;
  border-bottom-color: #4f3131 !important;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding-top: 11px;
  padding-bottom: 16px;
}

/* rules-inner-section end */
/* CIRCULAR INNER PAGE CSS START */
.circulars-para {
  padding-bottom: 30px;
}

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

.circulars-para {
  padding: 10px 20px;
  margin-bottom: 10px;
  box-shadow: 0px 0px 5px #aaaaaa75;
}

.rules-detail1 {
  padding: 0;
}

.rules-detail1 img {
  width: 36px;
  margin-left: -15px;
}

.rules-detail1 p {
  color: rgb(0, 0, 0);
  margin-left: -26px;
  margin-bottom: 0;
}

.rules-detail1 span {
  font-size: 18px;
  font-weight: 700;
  background: #38a3a5;
  padding: 10px;
  border-radius: 10px;
  width: 50px;
  height: -15px;
  line-height: -2px;
  margin-left: 0px;
  color: #fff;
}

.rules-detail1 .pulish-date h4 {
  background: #38a3a5;
  padding: 5px 10px;
  border-radius: 10px;
  color: rgb(255 255 255);
  font-weight: 500;
  font-size: 20px;
  text-align: center;
}

.desc {
  margin-top: 12px;
}

.count {
  margin-top: 12px;
}

.pulish-date {
  margin-top: 12px;
}

/* CIRCULAR INNER PAGE CSS END */

/* ASSETSLIABILITIES CSS START */
.assets-liabilities-section h2 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  position: relative;
  color: var(--primary-color);
  margin: 55px 0;
}

/* .assets-liabilities-section h2::before {
  position: absolute;
  background: var(--primary-color);
  width: 8%;
  height: 2px;
  content: " ";
  bottom: 37%;
  left: 28%;
  border-radius: 65px;
}

.assets-liabilities-section h2::after {
  position: absolute;
  background: var(--primary-color);
  width: 8%;
  height: 2px;
  content: " ";
  bottom: 37%;
  right: 28%;
  border-radius: 65px;
} */

.assets-liabilities-section .assets-img img {
  border: 1px solid #aaa;
  margin-bottom: 30px;
  width: 50%;
}

.assets-liabilities-section button {
  background: cornsilk;
  border: 1px solid var(--primary-color);
  padding: 10px 30px;
  border-radius: 5px;
  margin-top: 55%;
  margin-left: -50%;
}

.assets-liabilities-section button a {
  color: var(--primary-color);
  text-decoration: none;
  font-size: 22px;
  font-weight: 500;
}

/* ASSETSLIABILITIES CSS CSS */

/* ACTS INNER PAGE CSS START */
/* ACTS INNER PAGE CSS START */
.acts-section h2 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  position: relative;
  color: var(--primary-color);
  margin: 55px 0;
}

/* .acts-section h2::before {
  position: absolute;
  background: var(--primary-color);
  width: 8%;
  height: 2px;
  content: " ";
  bottom: 37%;
  left: 38%;
  border-radius: 65px;
} */

/* .acts-section h2::after {
  position: absolute;
  background: var(--primary-color);
  width: 8%;
  height: 2px;
  content: " ";
  bottom: 37%;
  right: 38%;
  border-radius: 65px;
} */

.acts-section .acts-img {
  border: 1px solid #dfdcdc;
}

.acts-section button {
  background: cornsilk;
  border: 1px solid var(--primary-color);
  padding: 2px 12px;
  border-radius: 5px;
  margin-top: 257%;
}

.acts-section button a {
  color: var(--primary-color);
  text-decoration: none;
  font-size: 20px;
  font-weight: 500;
}

.acts-section {
  margin-bottom: 30px;
}

.acts-section h4 {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  border-bottom: 1px solid var(--primary-color);
  padding-bottom: 10px;
  margin-bottom: 30px;
  color: var(--primary-color);
}

/* aqueeb modified this page's styling */
.pdf-icon {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
}

.pdf-icon i {
  color: #00a19d;
}

.acts-section .card {
  border: none;
  border-radius: 10px;
  background-color: #d4ecdd;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.acts-title {
  text-align: center;
  justify-content: center;
}

.acts-pdf-btn a {
  background-color: #00a19d;
  color: #fff;
  font-size: 13px;
}

.acts-pdf-btn:hover a {
  background-color: #fff;
  color: #00a19d;
}

/*ACTS INNER PAGE CSS END  */
/*ACTS INNER PAGE CSS END  */
/* TENDER PAGE CSS START */

.tender-detail-section h2 {
  text-align: center;
  padding: 35px 0;
  font-size: 30px;
  font-weight: 700;
}

.tender-detail-section {
  margin-bottom: 30px;
}

.tender-detail-section img {
  width: 40px;
  margin-right: 10px;
}

.tender-button .card-header {
  background-color: var(--primary-color);
}

.tender-button .btn-link {
  font-weight: 600;
  color: #fff;
  text-decoration: none;
}

.tender-button .card {
  margin-bottom: 10px;
}

.tender-button .btn {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  white-space: normal !important;
}

.tender-button .card-body {
  box-shadow: 2px 2px 8px #aaa;
}

/* TENDER PAGE CSS END */
/* CAREER-PAGE CSS  START */
.career-heading {
  text-align: center;
  padding: 90px 0;
  background-image: url("../img/CAREER/Seccond-Career.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: initial;
  margin: 30px 0;
}

.career-heading h3 {
  font-size: 50px;
  font-weight: 700;
  color: #000;
}

.inner-page--career p {
  font-size: 15px;
  text-align: justify;
}

.inner-page--career h4 {
  font-size: 32px;
  text-align: center;
  font-weight: 700;
  color: var(--primary-color);
  padding: 10px 0;
}

.inner-page--career .carrer-button {
  text-align: center;
  margin: 30px 0;
}

.inner-page--career .carrer-button button {
  background: var(--primary-color);
  padding: 8px 50px;
  border: none;
  margin: 0 10px;
}

.inner-page--career .carrer-button button a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}

.inner-page--career .carrer-button button:hover {
  background-color: var(--secondary-color);
  transition: 0.5s;
}

.inner-page--career .hr-div hr {
  border-top: 2px solid var(--primary-color);
}

.readMore .addText {
  display: none;
}

.inner-page--career img {
  width: 100%;
  height: auto;
}

/* CAREER-PAGE CSS  END */
/* NOTICE-CIRCULARS-SECTION START */
.notice-circulars-section {
  margin: 30px 0;
}

.nav-pills .nav-link {
  border-radius: 0 !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff;
  background-color: #25AAE1;
  border-radius: 5px !important;
}

.notice-board-circulars h2 i,
.office-orders h2 i,
.tenders h2 i {
  position: absolute;
  left: 0;
  background-color: var(--secondary-color);
  padding: 10px;
  top: 0;
  /* border-radius: 0 0 30px 0px; */
}

.notice-circulars-section li {
  list-style: none;
  background: var(--primary-color);
  padding: 10px 20px;
  margin: 10px 0;
}

.notice-circulars-section li a {
  color: #fff;
  text-decoration: none;
}

.notice-circulars-section .scroll-content-tab ul li i {
  color: #fff;
  font-weight: 900;
}

.notice-circulars-section h2 {
  font-size: 25px;
  font-weight: 600;
  position: relative;
}

.notice-circulars-section .nb-main h2::before {
  content: "";
  position: absolute;
  height: 2px;
  width: 130px;
  background-color: #888080;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 45px;
}

.notice-circulars-section .nb-main h2::after {
  content: "";
  position: absolute;
  height: 5px;
  width: 40px;
  background-color: #f4a024;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 43px;
}

.notice-circulars-section ul {
  margin-left: -36px;
}

.notice-circulars-section .notice-board-circulars {
  background: #e6e6e6;
}

/* NOTICE-CIRCULARS-SECTION END */

/* contactus-inner-page start */

.contactus-inner-page {
  color: #46494f;
  background: #fff;
  padding: 30px 50px;
  box-shadow: 0 14px 33px #aaa;
  border-radius: 10px;
  margin: 0 70px;
  margin-top: -60px;
  margin-bottom: 50px;
}

.contact-address {
  color: #46494f;
  margin-bottom: 45px;
}

.contactus-inner-page .contact-address h2 {
  text-align: left;
  font-size: 21px;
  font-weight: 700;
  color: var(--secondary-color);
  position: relative;
  text-transform: uppercase;
  padding-left: 49px;
}

.contactus-inner-page .contact-address h2::before {
  content: "";
  width: 30px;
  height: 2px;
  background: var(--secondary-color);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.contactus-inner-page .contact-logo img {
  width: 40%;
  padding-bottom: 20px;
}

.contactus-inner-page .contact-logo {
  text-align: center;
  padding: 20px 0;
}

.contactus-inner-page .contact-address-info i {
  font-size: 25px;
  margin-right: 10px;
  margin-top: 2px;
  color: #0a4760;
}

.contactus-inner-page .contact-media {
  border-right: 1px solid #cdced2;
  padding-right: 20px;
}

.contactus-inner-page .contact-media-1 {
  border-right: none;
}

.contactus-inner-page .contact-address-info h5 {
  font-size: 18px;
  font-weight: 700;
  color: #0a4760;
}

.contactus-inner-page .contact-address-info a {
  color: #46494f;
  text-decoration: none;
}

.form-map-section {
  padding: 30px 0;
  border-top: 1px solid #cdced2;
}

.form-map-section .contact-form form {
  border-right: 1px solid #cdced2;
  padding-right: 30px;
}

.form-map-section .contact-form form button {
  border: none;
  padding: 6px 50px;
  background: #0a4760;
  color: #fff;
}

.contact-address-info {
  padding: 30px 15px;
}

.form-map-section .contact-form .form-button {
  text-align: center;
}

.form-map-section .map-section iframe {
  width: 100%;
}

/* contactus-inner-page end */

/* event page start */

.photo-gallery {
  color: #313437;
  background-color: #fff;
}

.photo-gallery p {
  color: #7d8285;
}

.photo-gallery h2 {
  font-weight: bold;
  margin-bottom: 40px;
  padding-top: 40px;
  color: var(--primary-color);
}

.photo-gallery h2 {
  margin-bottom: 25px;
  padding-top: 25px;
  font-size: 30px;
}

.photo-gallery .intro {
  font-size: 16px;
  /* max-width: 500px; */
  margin: 0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom: 0;
}

.photo-gallery .photos {
  padding-bottom: 20px;
}

.photo-gallery .item {
  padding-bottom: 30px;
}

.photo-gallery .item img {
  border-radius: 5px;
}

/* event page end */

/* news page start */
.news-section h4 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  color: var(--primary-color);
  margin-bottom: 55px;
}

.news-section .news-block-section {
  box-shadow: 0px 0px 5px #aaa;
}

.news-section .news-block-section h4 {
  font-size: 23px;
  font-weight: 600;
  text-align: center;
  color: var(--primary-color);
}

.news-section {
  margin: 30px 0;
}

/* news page end */
/* md message start */

.md-image img {
  height: auto;
  width: 80%;
  position: relative;
}

.lower-sec {
  border: 2px solid #fafafa;
  width: 51%;
  padding: 16px;
  position: absolute;
  bottom: 3%;
  background: #fff;
  right: 33px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.md-message {
  padding-bottom: 40px;
}

.md-message h3 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 35px;
  font-size: 30px;
  font-weight: 700;
  color: #0a4760;
  /* border-bottom:1px solid var(--primary-color) ; */
}

/* .md-message h3::after {
  position: absolute;
  background: var(--primary-color);
  width: 12%;
  height: 3px;
  content: " ";
  top: 32%;
  right: 44%;
} */

.md-message h5 {
  margin-top: 0px;
  margin-bottom: 11px;
  font-size: 23px;
  font-weight: 700;
  color: #0a4760;
}

.lower-sec p {
  font-size: 14px;
  font-weight: 500;
}

.lower-sec h4 {
  font-size: 13px;
  font-weight: 700;
}

/* md message end */

/* feedback-inner-page start */
.feedback-inner-page {
  color: #46494f;
  background: #fff;
  padding: 30px 50px;
  box-shadow: 0 14px 33px #aaa;
  border-radius: 10px;
  margin: 0 70px;
  margin-top: -60px;
  margin-bottom: 50px;
}

.feedback-inner-page h2 {
  font-size: 30px;
  font-weight: 700;
  color: var(--primary-color);
  text-align: center;
  padding-bottom: 30px;
}

.feedback-form form {
  background: #0a4760;
  padding: 40px;
}

.feedback-form form label {
  color: #fff;
}

.feedback-form form .form-button {
  text-align: center;
}

.feedback-form form .form-button button {
  padding: 6px 40px;
  border: none;
}

/* feedback-inner-page end */




.contactus-inner-page .contact-media {
  border-right: 1px solid #fff;
}

.form-map-section .contact-form form {
  border-right: none;
}

.form-map-section .contact-form form {
  margin-bottom: 30px;
}


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

.chart-section {
  background: linear-gradient(0deg, rgba(160, 193, 200, 1) 49%, rgb(56 163 165) 100%);
  padding: 50px 0;
}

.chart-section .technical-detail h2 {
  font-size: 22px;
  font-weight: 700;
  color: #0a4760;
}

.chart-section .technical-detail h3 {
  font-size: 40px;
  font-weight: 700;
  color: #000;
  margin-bottom: 20px;
}

.chart-section .technical-heading h3 {
  font-size: 28px;
  font-weight: 700;
  color: #000;
  margin-bottom: 0;
  text-align: left;
}

.chart-section .technical-heading p {
  font-size: 13px;
  font-weight: 500;
  color: var(--primary-color);
  text-align: left;
}

.technical-detail {
  padding: 30px;
}

.technical-left {
  margin-bottom: 30px;
}

.technical-section .technical-left p {
  font-size: 20px;
  font-weight: 600;
}

.course-section h3 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  position: relative;
  color: var(--primary-color);
  margin-bottom: 20px;
  margin-top: 30px;
}

/* success storyies sttyling start */
.story-section {
  /*background: linear-gradient(1800deg, rgba(160, 193, 200, 1) 49%, rgb(56 163 165) 100%);*/
  padding: 30px 0px;
}

.story-section .team-members-list {
  display: inline;
  float: left;
  overflow: hidden;
}

.team-members-list .flip-card img {
  filter: grayscale(1);
}

/* .story-section h3::before {
  position: absolute;
  background: #22577a;
  width: 8%;
  height: 2px;
  content: " ";
  bottom: 37%;
  left: 32%;
  border-radius: 65px;
} */

.story-section h3 {
  font-size: 30px;
  font-weight: 700;
  text-align: left;
  position: relative;
  color: #22577a;
  margin-bottom: 20px;
}

.story-section h3 i {
  color: #39A3A5;
  font-size: 30px
}

.story-section .title-shape {
  position: relative;
  width: 50px;
  height: 4px;
  margin-left: 8px;
  margin-bottom: 20px;
}

.story-section .title-shape {
  background: #f4a024;
}

.story-section .title-shape:before {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  left: -8px;
  top: 0px;
}

.story-section .title-shape:before {
  background: #f4a024;
}

/* .story-section h3::after {
  position: absolute;
  background: #22577a;
  width: 8%;
  height: 2px;
  content: " ";
  bottom: 37%;
  right: 32%;
  border-radius: 65px;
} */

/* image flip col start */
.wrapper {
  margin: 0 auto;
  /* max-width: 1230px; */
  padding: 0 15px;
  position: relative;
}

.about-us {
  margin-bottom: 25px;
}

img {
  /* max-width: 100%;
  height: auto; */
  display: inline-block;
}

.flip-card-inner img {
  max-width: 100%;
  height: 999;
  display: block;
}

.flip-card {
  width: 100px;
  height: 100px;
  display: inline-flex;
}

.flip-card-inner {
  perspective: 1000px;
  /* z-index: auto; */
  position: relative;
  width: 100px;
  height: 100px;
}

.card-front {
  backface-visibility: hidden;
  left: 0;
  top: 0;
  position: relative;
  transform: rotateX(0deg);
  transform-style: preserve-3d;
  /* width: 100%; */
  /* height: 100%; */
  z-index: 2;
  transition: transform 1.3s ease 0s;
}

.card-back {
  backface-visibility: hidden;
  left: 0;
  top: 0;
  position: absolute;
  transform: rotateX(-180deg);
  transform-style: preserve-3d;
  /* width: 100%; */
  /* height: 100%; */
  transition: transform 1.3s ease 0s;
}

.changed-front-card {
  /* backface-visibility: hidden; */
  /* left: 0px; */
  position: absolute;
  /* top: 0px; */
  transform: rotateX(-180deg);
  transform-style: preserve-3d;
  /* width: 100%; */
  /* height: 100%; */
  transition: transform 1.3s ease 0s;
}

.changed-back-card {
  /* backface-visibility: hidden; */
  /* left: 0px; */
  position: relative;
  /* top: 0px; */
  transform: rotateX(0deg);
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  transition: transform 1.3s ease 0s;
  z-index: 2;
}

/* image flip col end */
/* video carousol section */

.myCarousel {
  /* top: 7px; */
  margin-top: 2px;
}

.img-wrap {
  position: relative;
  border-radius: 5px;
}

.img-wrap i {
  margin-right: 2px;
}

.img-wrap a {
  text-decoration: none;
}

#myCarousel .img-wrap img {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
    rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

#myCarousel .playBtn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #fff;
  background-color: #084760;
  padding: 5px 7px;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#myCarousel .playBtn:hover {
  color: #084760;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#myCarousel .owl-nav {
  text-align: left !important;
}

#myCarousel .owl-prev {
  background-color: transparent;
}

#myCarousel .owl-next {
  background-color: transparent;
}

#myCarousel .owl-prev i {
  padding: 5px 10px;
  font-size: 20px;
  color: #084760;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px,
    rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px,
    rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

#myCarousel .owl-next i {
  padding: 5px 10px;
  font-size: 20px;
  color: #084760;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px,
    rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px,
    rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

#myCarousel .owl-next i:hover {
  border: 2px solid #084760;
  color: #084760;
}

#myCarousel .owl-prev i:hover {
  border: 2px solid #084760;
  color: #084760;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  background: none !important;
  color: none !important;
  text-decoration: none !important;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.overlay {
  background-color: #000;
  opacity: 0.9;
}

.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 112%;
  max-width: 1200px;
  top: 25%;
}

.modal-backdrop {
  z-index: auto;
}

.mySlides iframe {
  height: 400px;
}

.close {
  position: absolute;
  top: 20%;
  right: 10%;
  font-size: 30px;
  font-weight: 500;
  color: #084760;
  border: 2px solid #084760;
  padding: 5px 10px;
  border-radius: 50%;
}

/* success storyies sttyling end */

/* map section styling starts */

/*examples*/
.container-box {
  margin-top: 10px;
  border: 2px solid #d3d3d3;
  padding: 20px;
  background: white;
}

.page-h1 {
  font-size: 28px;
  margin-top: 5px;
  margin-bottom: 20px;
}

.bootstrap-switch-container {
  font-weight: normal !important;
  margin-top: 1px;
}

.ui-widget,
.ui-helper-reset {
  font-family: inherit !important;
  font-size: inherit !important;
}

/*Adjust headings to something reasonable */
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 5px;
}

h1,
.h1 {
  font-size: 32px;
}

h2,
.h2 {
  font-size: 26px;
}

h3,
.h3 {
  font-size: 22px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 16px;
}

h6,
.h6 {
  font-size: 14px;
}

.underline {
  text-decoration: underline;
}

/* IE10 and IE 11 need a different resolution*/


#main_nav .dropdown-toggle {
  margin-left: 20px;
}

.nav>li>a:hover {
  color: #fff;
  background: #0a4760;
}

.nav-pills>.active>a,
.nav-pills>.active>a:hover {
  color: white;
  background: #0a4760 !important;
}

.italic {
  font-style: italic;
}

/*header*/

.btn-primary {
  background-color: #0782c5;
  color: white;
  border-color: #0782c5;
}

.btn-primary:hover {
  background-color: #076ca3;
  border-color: #076ca3;
}

.center {
  float: none;
  margin: 0 auto;
}

.vertical-center {
  min-height: 100%;
  display: flex;
  align-items: center;
}



.gray-container {
  background-color: #fafafa;
  border-top: 2px solid #d3d3d3;
}

.white-container {
  background-color: white;
  border-top: 2px solid #d3d3d3;
}

.bottom-border {
  border-bottom: 2px solid #d3d3d3;
}

.sm-feature {
  min-height: 160px;
  padding-top: 25px;
  padding-bottom: 25px;
}

.sm-feature-icon {
  margin-right: 20px;
  float: left;
}

.sm-feature-caption {
  overflow: hidden;
}

/*forces width to take up available space*/

.sm-feature-icon img {
  width: 60px;
}

.sm-customers {
  padding-top: 25px;
}

.sm-details {
  padding-top: 20px;
  padding-bottom: 20px;
}

.sm-details h3 {
  font-size: 22px;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}

.sm-details p {
  font-size: 14px;
}

.author {
  margin-top: 10px;
  color: #337ab7;
}

.product {
  padding-top: 15px;
  padding-bottom: 15px;
}

.product-navigation {
  display: block;
  margin-bottom: 22px;
  padding: 15px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.product-navigation h1 {
  font-size: 26px;
  margin-top: 5px;
}

.faq .question {
  margin-bottom: 0px;
  font-weight: bold;
}

#testimonials {
  min-height: 146px;
}

.subworld {
  padding-bottom: 20px;
  padding-top: 20px;
}

technical-detail-left {
  margin-bottom: 30px;
}

/* ====aqueeb map section styling starts==== */
.map-section {
  background-color: #fff;
  padding: 30px 0;
}

.technical-detail {
  padding: 30px;
}

.map-section .technical-detail h3 {
  font-size: 30px;
  font-weight: 700;
  color: #000;
  margin-bottom: 20px;
}

.map-section .technical-detail h2 {
  font-size: 22px;
  font-weight: 700;
  color: #0a4760;
}

.map-section .technical-detail h4 {
  font-size: 20px;
  font-weight: 700;
  color: #0a4760;
  text-align: left;
}

.dashed {
  border-bottom: 3px solid rgb(14, 158, 122);
  float: left;
  width: 40px;
  margin-right: 2px;
}

.map-section .technical-map-heading h3 {
  font-size: 28px;
  font-weight: 700;
  color: #09861a;
  margin-bottom: 5px;
}

.map-section .technical-heading p {
  font-size: 14px;
  font-weight: 700;
  color: #000;
  margin-bottom: 0;
  font-family: sans-serif;
}

.enabled-section {
  fill: #fabf4f;
  stroke: none;
}

.view-btn {
  background-color: transparent;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 3px;
  color: var(--primary-color);
}

.view-btn:hover {
  background-color: var(--primary-color);
  color: #fff;
}

.view-btn:active {
  box-shadow: none;
}

.view-btn:focus {
  box-shadow: none;
}

/*new map*/

#us-map {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.map-section path {
  fill: #4e9f3d;
  stroke: rgba(11, 66, 38, 0.9);
  stroke-width: 0.5px;
}

.map-mobile-view path:hover {
  fill: #ffa74a;
  stroke-width: 0.5px;
  cursor: pointer;
}

.map-tooltip {
  pointer-events: none;
  position: absolute;
  font-size: 10px;
  font-weight: 600;
  border-radius: 4px;
  text-align: center;
  /* background-image: linear-gradient(273deg, #e6003c, #f51553); */
  background-color: #d62ad0;
  padding: 7px;
  z-index: 9999999999999;
  margin: 0 auto;
  color: #fff;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
}

/* .map-tooltip:after {
  content: "";
  position: absolute;
  right: -5px;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #e6003c;
  transform: skew(45deg);
} */
.selected {
  fill: #f78812 !important;
}

/* #tooltip {
  background: cornsilk;
  border: 1px solid black;
  border-radius: 5px;
  padding: 5px;
} */

/* map section styling end */
.chartdiv {
  position: relative;
  width: 75%;
  background-color: #dadada;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
    rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  border-radius: 40px;
}

/* inner page for data-states styleing */
.data-section {
  padding: 30px 0;
}

.data-section h3 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  position: relative;
  color: var(--primary-color);
  margin-bottom: 20px;
  margin-top: 30px;
}

/* inner page for data-states styleing */

/* slice chart section and its inner pages  */
.course-section {
  padding: 30px 0;
}

.techChat-wrapper {
  position: relative;
  width: 500px;
  background-color: #fff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 5px;
}

.proChart-wrapper {
  position: relative;
  width: 500px;
  background-color: #fff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 5px;
}

.genChart-wrapper {
  position: relative;
  width: 500px;
  background-color: #fff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  border-radius: 5px;
}

.myChart {
  position: absolute;
}


/* slice chart section and its inner pages  */
.google {
  margin: 16px;

}

/* google translate style Starts*/
.goog-te-banner-frame {
  display: none !important;
}

.goog-te-banner {
  display: none !important;
}

.goog-te-gadget {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  color: #666;
  white-space: nowrap;
}

.goog-te-gadget {
  font-size: 0px !important;
}

.goog-te-gadget {
  color: transparent !important;
}

/* .goog-te-gadget .goog-te-combo { */
/* margin: 10px!important; */
/* } */
/* google translator button */
select.goog-te-combo {
  width: 155px !important;
  background: #fff !important;
  padding: 5px 16px !important;
  height: 35px !important;
  border: 1px solid #fff !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  -webkit-border-radius: 0px;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-border-radius: 0px !important;
  -o-border-radius: 0px !important;
}

/* select.goog-te-combo > option :nth-child(1)  {
  
} */
#google_translate_element a {
  display: none !important;
}

.goog-logo-link,
.goog-logo-link:link,
.goog-logo-link:visited,
.goog-logo-link:hover,
.goog-logo-link:active {
  font-size: 12px;
  font-weight: bold;
  color: #444;
  text-decoration: none;
}

input:focus,
textarea:focus,
select:focus {
  outline-offset: 0px;
}

select:not(:-internal-list-box) {
  overflow: visible !important;
}

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

/* google translate style End*/

/* .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 } */
#myModal {
  z-index: 9999;
}

.seperator {
  border-bottom: 1px solid var(--secondary-color);
  width: 150px;
  font-weight: 700;
  margin-top: -20px;
  margin-bottom: 50px;
  border-top: 3px solid var(--primary-color);
}

iframe {
  overflow: hidden;
}

/* new parallax section */
.parallax-bg {
  position: relative;
}

.area-padding {
  padding: 110px 0px;
}

/* .parallax-bg:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(34 87 122);
  opacity: .65;
  content: "";
} */

.custom-container:before {
  content: " ";
  display: table;
}

.custom-row:before {
  content: " ";
  display: table;
}

.fun_text {
  text-align: center;
  padding: 30px 15px;
  border-radius: 5px;
  /* background: rgba(255, 255, 255, 0.85) */
  background: rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.fun_text:hover {
  background: #F9F9F9;
}

.fun_text:hover h5 {
  color: #555;
}

.grow {
  transition: all .2s ease-in-out;
}

.grow:hover {
  transform: scale(1.25);
}

span.counter-icon {
  font-weight: 100;
  font-size: 50px;
  color: #fe5e15;
}

.fun_text>h5 {
  color: #f2f2f2;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0;
}

.parallax {
  background-image: url("../img/svg/pattern.svg");
  background-attachment: scroll;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

/* new parallax section */

.about-section .card {
  border: none !important;
  border-radius: 5px !important;
  background-color: #fff !important;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px !important;
}

.about-section .intro-logo-wrapper {
  background: #fff;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.career-contact-wrapper {
  justify-content: left;
  background: #fff;
  padding: 40px 30px;
}

.career-contact-wrapper p {
  text-align: left;
}

.career-contact-wrapper p i {
  font-size: 12px;
  color: #fff;
  background-color: var(--secondary-color);
  padding: 10px;
  border-radius: 3px;
}

.career-contact-wrapper a {
  color: var(--primary-color) !important;
  font-size: 20px;

}

.career-contact-wrapper a:hover {
  text-decoration: underline;

}

.notification-detail .fun_text p {
  color: #fff;
}

.notification-detail .fun_text:hover p {
  color: var(--primary-color) !important;
}

/* about section */
.bg-color-1 {
  background: #f5f5f6;
}

.about-section {
  position: relative;
}

.sec-pad {
  padding: 10px 0px 110px 0px;
}

.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}

.content_block_1 .content-box .sec-title {
  margin-bottom: 33px;
}

.sec-title {
  position: relative;
  display: block;
  margin-bottom: 50px;
}

.sec-title h6 {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.sec-title h6 {
  color: #f4a024;
}

.sec-title h6 span {
  margin-left: 10px;
}

.sec-title h3 {
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 48px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #2c487a;
}

.sec-title h3 i {
  color: #38A3A5;
}

.sec-title .title-shape {
  position: relative;
  width: 50px;
  height: 4px;
  margin-left: 8px;
}

.sec-title .title-shape {
  background: #f4a024;
}

.sec-title .title-shape:before {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  left: -8px;
  top: 0px;
}

.sec-title .title-shape:before {
  background: #f4a024;
}

.content_block_1 .content-box .text {
  display: block;
  margin-bottom: 33px;
}

.content_block_1 .content-box .text h5 {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 24px;
}

.content_block_1 .content-box .text p {
  position: relative;
  font-family: 'Merriweather Sans', sans-serif;
  color: #696b7e;
  font-weight: 400;
  margin: 0px;
  transition: all 500ms ease;
}

.image_block_1 .image-box {
  position: relative;
  display: block;
  padding: 0px 30px;
  margin-top: 7px;
}

.image_block_1 .image-box .image {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0px 0px 60px 0px rgb(0 0 0 / 5%);
}

/* figure {
  margin: 0px;
} */

.image_block_1 .image-box .image::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .3);
  content: '';
  -webkit-transition: -webkit-transform .9s;
  transition: transform .9s;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

.image_block_1 .image-box .image img {
  width: 100%;
  border-radius: 5px;
}

/* img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .7s;
  transition-property: all;
} */

.image_block_1 .image-box .text {
  position: absolute;
  right: 0px;
  bottom: 40px;
  width: calc(100% - 60px);
  padding: 20px 30px 25px 30px;
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 15px -10px 30px 0px rgb(0 0 0 / 8%);
  z-index: 1;
}

.image_block_1 .image-box .text {
  border-bottom: 3px solid #f4a024;
}

.image_block_1 .image-box .text h4 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  position: relative;
  font-family: 'DM Sans', sans-serif;
  font-weight: 400;
  color: #252638;
  margin: 0px;
  transition: all 500ms ease;
}

@media only screen and (max-width: 479px) {
  .sec-title h2 {
    position: relative;
    display: block;
    font-size: 23px;
    line-height: 35px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #2c487a;
  }

  .image_block_1 .image-box .text h4 {
    font-size: 13px;
  }

  .sec-pad {
    padding: 55px 0px 110px 0px;
  }
}

/* about section */
.footer-inner-content ul {
  list-style: none;
  padding-left: 0;
}
.footer-inner-content h4{
font-size: 25px;
font-weight: 500;
padding-bottom: 13px;
border-bottom: 1px solid #eceaea6e;
margin-bottom: 30px;
}
.footer-inner-content a{
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.footer-inner-content .content-icon {
  font-size: 16px;
  background-color: var(--secondary-color);
  color: #fff;
  padding: 10px 10px;
  text-align: center;
  border-radius: 3px;
  margin-right: 5px;
}
.footer-inner-content ul li:hover .custom-text-decoration{
  text-decoration: none !important;
}
.certificate-img {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 10px 10px;
  background-color: #22567b;
  border-radius: 5px;
}

.grow2 {
  transition: all .2s ease-in-out;
}

.grow2:hover {
  transform: scale(1.05);
}



.d-1 {
  --c: var(--primary-color); /* the color */
  --b: .1em;    /* border length*/
  --d: 7px;    /* the cube depth */
  
  --_s: calc(var(--d) + var(--b));
  
  color: var(--c);
  border: solid #0000;
  border-width: var(--b) var(--b) var(--_s) var(--_s);
  background:
    conic-gradient(at left var(--d)  bottom var(--d),
      #0000 90deg, rgb(255 255 255 /0.3) 0 225deg,rgb(255 255 255 /0.6) 0) border-box,
    conic-gradient(at left var(--_s) bottom var(--_s),
      #0000 90deg,var(--c) 0) 0 100%/calc(100% - var(--b)) calc(100% - var(--b))  border-box;
  transform: translate(calc(var(--d)/-1),var(--d));
  clip-path: 
    polygon(
     var(--d) 0%, 
     var(--d) 0%, 
     100% 0%, 
     100% calc(100% - var(--d)),
     100% calc(100% - var(--d)),
     var(--d) calc(100% - var(--d))
    );
  transition: 0.5s;
}
.d-1:hover {
  transform: translate(0,0);
  clip-path: 
    polygon(
     0% var(--d), 
     var(--d) 0%, 
     100% 0%, 
     100% calc(100% - var(--d)), 
     calc(100% - var(--d)) 100%, 
     0% 100%
   );
}

.cursor{
	cursor : pointer;
}
.lang_css{
	padding-top:12px;
}
.lang_css:hover{
	background : #f4a024;
}
/*-------career-box------*/
.career-box {
    box-shadow: 0px 2px 8px #3333;
    padding: 40px 30px;
    margin: 40px auto;
}
.job-heading a {
    color: #222;
    font-size: 30px;
}
.career-vacancy span {
    font-size: 22px;
}
.job-heading i {
    margin-right: 15px;
}
.career-vacancy, .job-apply {
    /* text-align: right; */
    float: right;
}
.career-vacancy span {
    font-size: 19px;
}
.vacancy-no {
    width: 35px;
    height: 35px;
    display: inline-block;
    background: #f7f7f7;
    color: var(--primary-color);
    border-radius: 100%;
    line-height: 25px;
    font-size: 22px;
    border: 1px solid var(--primary-color);
    font-weight: 600;
    margin-left: 8px;
    text-align: center;
}
.job-skills li {
    font-size: 18px;
    font-weight: 500;
    margin: 10px auto;
}
.job-skills li b {
    width: 150px;
    display: inline-block;
}
.career-mail {
    font-size: 20px;
    font-weight: 500;
}
.job-apply {
    margin-top: 5px;
}
.job-apply a {
    background: var(--primary-color);
    color: #fff;
    padding: 8px 25px;
    font-size: 16px;
    border-radius: 20px;
}
/*-------career-box------*/
/*-------- Applicant registered----*/
.applicant-registered {
    margin: 0 auto;
   /* position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,-100%);
    -webkit-transform: translate(-50%,-100%);*/
    margin-top: -11px;
}
.applicant-registered ul li {
  display: inline;
  margin: 0 12px;
  float: left;
}
.applicant-registered ul li a {
    color: #e94d31;
    text-shadow: 0 0 0;
    font-size: 26px;
    text-transform: uppercase;
    background: #e4e4e4;
    text-decoration: none;
    padding: 10px 31px;
    font-family: 'open_sanssemibold';
}
.applicant-registered ul li a:hover {
    background: #e94d31;
    color: #fff;
}