.one-row-ellipsis,
.three-row-ellipsis {
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#product_list,
.searchForm .input {
  border: 0;
  box-sizing: border-box;
  outline: 0;
  transition: 0.5s;
}
.career.home-section-1 .item,
.other.home-section-1 .item,
.overlay {
  height: 100%;
}
.gotham-bold,
.overlay a,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Gotham-bold;
}
.know_us_better,
body,
html {
  background-image: url("../img/background.jpg");
}
.career_form .span,
.news h1,
.overlay a {
  font-weight: bolder;
}
body,
html {
  scroll-behavior: smooth;
}
@font-face {
  font-family: Bliss-bold;
  src: url(../fonts/Bliss2B.otf);
  font-weight: 400;
}
@font-face {
  font-family: Gotham-bold;
  src: url(../fonts/GothamBold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: Bliss-regular;
  src: url(../fonts/Bliss2R\ 4.otf);
  font-weight: 400;
}
@font-face {
  font-family: Gotham-book;
  src: url(../fonts/GothamBook.otf);
  font-weight: 400;
}
@font-face {
  font-family: Gotham-medium;
  src: url(../fonts/GothamMedium.ttf);
  font-weight: 700;
}
.gotham-book,
P,
a,
footer .ftr-content p,
footer .product_links ul li a,
footer .quick_links ul li a,
label {
  font-family: Gotham-book;
}
.cursor-pointer,
a {
  cursor: pointer;
}
a:hover {
  text-decoration: none !important;
}
.primary-color {
  color: #15245a !important;
}
.gotham-medium {
  font-family: Gotham-medium !important;
}
.mt-6 {
  margin-top: 4rem !important;
}
.mb-6 {
  margin-bottom: 4rem !important;
}
.py-6 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.pl-4-5 {
  padding-left: 2.4rem;
}
.ml-n-4-5 {
  margin-left: -2.4rem;
}
.ml-n-4 {
  margin-left: -1.5rem;
}
.sustainability p a,
.text-decoration-underline {
  text-decoration: underline;
}
.primary-border {
  border: 1px solid #15245a;
}
.table td {
  border: 1px solid #15245a !important;
}
.one-row-ellipsis {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}
.two-row-ellipsis {
  display: block;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.three-row-ellipsis {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}
.btn {
  padding: 0 !important;
}
.overlay {
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #010727;
  overflow-x: hidden;
  transition: 0.5s;
}
.overlay-content {
  position: relative;
  top: 10%;
  width: 100%;
  text-align: center;
}
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 22px;
  color: #fff;
  display: block;
  transition: 0.3s;
}
.overlay a:focus,
.overlay a:hover {
  color: #f1f1f1;
}
.overlay .closebtn {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 40px;
}
@media screen and (max-height: 450px) {
  .overlay a {
    font-size: 20px;
  }
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
    font-weight: bolder;
  }
}
.header {
  position: absolute;
  top: 4%;
  z-index: 2;
  left: 0;
  right: 0;
}
.header .navbar {
  padding: 0.5rem 10rem;
}
.header .navbar .nav-item .nav-link {
  color: #030c38;
  font-size: 16px;
  font-family: Gotham-book;
  font-weight: 600;
  padding: 0 20px;
}
@media only screen and (max-width: 1280px) {
  .header .navbar .nav-item .nav-link {
    font-size: 14px;
    padding: 0 14px;
  }
}
@media only screen and (max-width: 1160px) {
  .header .navbar .nav-item .nav-link {
    font-size: 12px;
    padding: 0 12px;
  }
}
.header .navbar .nav-item i {
  color: #030c38;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}
.header .navbar .nav-item .nav-link.urdu {
  color: #0047bd;
  font-size: 16px;
}
.searchForm {
  height: 100px;
  padding: 10px 20px;
  box-sizing: border-box;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
}
#awards .heading,
.accordion button[aria-expanded="false"] .fa-chevron-up,
.accordion button[aria-expanded="true"] .fa-chevron-down,
.investor_relation_tabs
  .financialResult
  .accordion
  .card-header[aria-expanded="false"]
  .fa-times,
.investor_relation_tabs
  .financialResult
  .accordion
  .card-header[aria-expanded="true"]
  .fa-plus,
.investor_relation_tabs
  .notices
  .accordion
  .card-header[aria-expanded="false"]
  .fa-times,
.investor_relation_tabs
  .notices
  .accordion
  .card-header[aria-expanded="true"]
  .fa-plus,
.searchForm .fa-times,
.sm-directors {
  display: none;
}
.searchForm i.fa.fa-times.active {
  display: inline-block;
  cursor: pointer;
  color: #030c38;
}
.searchForm .input {
  width: 400px;
  background: #fff;
  padding: 0 20px 10px;
  color: #030c38;
  font-size: 20px;
  transform: scale(0);
}
#product_list {
  width: 416px;
  background: 0 0;
  color: #fff;
  font-size: 16px;
  margin: 0 auto;
  padding-right: 15px;
}
#product_list li {
  background-color: #15245a;
  border-bottom: 1px solid #fff;
}
#product_list a,
.investor_relation_tabs
  .financialResult
  .accordion
  .card-header[aria-expanded="true"]
  .fa-times,
.investor_relation_tabs
  .financialResult
  .accordion
  .card-header[aria-expanded="true"]
  button,
.investor_relation_tabs
  .notices
  .accordion
  .card-header[aria-expanded="true"]
  .fa-times,
.investor_relation_tabs
  .notices
  .accordion
  .card-header[aria-expanded="true"]
  button,
footer ul.contact_us li p {
  color: #fff;
}
.searchForm .input.active {
  transform: scale(1);
}
@media screen and (max-width: 640px) {
  .searchForm .searchForm {
    width: 300px;
  }
  .searchForm .input {
    width: 260px;
  }
}
.home-section-1 .item {
  height: 100vh;
  position: relative;
}
.home-section-1 .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-section-1 .item .cover {
  position: absolute;
  top: 36%;
  left: 10%;
}
.home-section-1 .owl-nav .owl-next,
.home-section-1 .owl-nav .owl-prev {
  top: 43%;
  background: #010727 !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  border-radius: 50% !important;
}
.career.home-section-1 .item .cover,
.other.home-section-1 .item .cover {
  position: absolute;
  top: 45%;
  left: 8%;
}
.home-section-1 .item .cover .header-content {
  width: 700px;
}
.home-section-1 .item .cover .header-content h2 {
  font-size: 60px;
  font-family: Gotham-bold;
  margin: 5px 0 40px;
  color: #fff;
  line-height: 0.9;
  text-transform: uppercase;
  letter-spacing: -3px;
}
.home-section-1.main-banner-heading-color .item .cover .header-content h2,
.investor_relation_tabs h2,
.product_images .btn a,
.product_images h5 a,
.products .product_list a {
  color: #15245a;
}
.home-section-1 .owl-nav .owl-prev {
  left: 5%;
}
.home-section-1 .owl-nav {
  margin-top: 0 !important;
}
.home-section-1 .owl-nav .owl-next i,
.home-section-1 .owl-nav .owl-prev i {
  font-size: 1.6875rem;
  color: #fff;
}
.home-section-1 .owl-nav .owl-next {
  right: 5%;
}
.home-section-1 .btn-readMore,
.products .product_banner .btn-readMore {
  color: #fff;
  padding: 8px;
  border: 3px solid #fff;
  font-size: 22px;
  border-radius: 2px;
  font-family: Gotham-book;
}
.home-section-1 .btn-readMore:hover,
.investor_relation_tabs
  .financialResult
  .accordion
  .card-header[aria-expanded="true"],
.investor_relation_tabs .notices .accordion .card-header[aria-expanded="true"],
.products .product_banner .btn-readMore:hover,
footer {
  background-color: #15245a;
}
.home-section-1 .mouse_scroll_down {
  z-index: 1;
  position: absolute;
  top: 90%;
  left: 0;
  right: 0;
}
.select2-container {
  width: 100% !important;
}
.know_us_better .heading-knw {
  color: #15245a;
  font-weight: 700;
  letter-spacing: -2px;
  font-size: 2.5rem;
}
.know_us_better .divider hr {
  width: 0;
  height: 530px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: -40px;
}
.know_us_better .mission img,
.know_us_better .vision img {
  height: 100px;
}
.know_us_better .mission .desc,
.know_us_better .vision .desc {
  color: #8d8d8d;
  line-height: 24px;
  padding: 0 36px;
  font-size: 20px;
}
.know_us_better .mission h4,
.know_us_better .vision h4 {
  color: #15245a;
  font-weight: 700;
}
.know_us_better .mission .btn-readMore,
.know_us_better .vision .btn-readMore,
.news .btn-readMore {
  color: #15245a;
  padding: 8px;
  border: 3px solid #15245a;
  font-size: 22px;
  font-weight: 600;
  border-radius: 2px;
}
.know_us_better .mission .btn-readMore:hover,
.know_us_better .vision .btn-readMore:hover,
.news .btn-readMore:hover {
  color: #fff;
  background-color: #15245a;
  border: 3px solid #fff;
}
.know_us_better .counts {
  padding: 100px 0;
}
.know_us_better .counts h2 {
  font-weight: 700;
  font-size: 36px;
  color: #15245a;
  font-family: Gotham-book;
}
.know_us_better .counts p {
  font-size: 22px;
  color: #15245a;
  text-decoration: underline;
  font-family: Gotham-book;
}
.products .product_banner img,
.rehabilitation img,
.section-6 .table {
  width: 100%;
}
.products .product_banner {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;
  background-position: center center;
}
.products .product_banner .over-lay {
  background-image: linear-gradient(
    to right,
    rgb(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  width: 55%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.news .owl-nav .owl-next,
.news .owl-nav .owl-prev {
  top: 43%;
  background: 0 0 !important;
  width: 40px;
  height: 40px;
  position: absolute;
  cursor: pointer;
}
.products .content {
  margin-left: 7.25rem;
  word-break: break-word;
}
.products .content h3 {
  color: #fff;
  font-size: 67px;
  margin-left: -5px;
}
.products .content h4 {
  color: #fff;
  font-family: Gotham-book;
  font-size: 48px;
  line-height: 44px;
  margin: 20px 0 20px -2px;
}
.products .content p {
  color: #fff;
  font-size: 20px;
  margin-left: -2px;
  width: 70%;
}
.know_us_better .counts img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}
.news .owl-nav .owl-prev {
  left: 10%;
  border-radius: 50% !important;
  border: 2px solid #010727 !important;
}
.news .owl-nav .owl-next i,
.news .owl-nav .owl-prev i,
.relation .owl-nav .owl-next i,
.relation .owl-nav .owl-prev i {
  font-size: 1.6875rem;
  color: #010727;
}
.news .owl-nav .owl-next {
  right: 10%;
  border-radius: 50% !important;
  border: 2px solid #010727 !important;
}
.lastest_news .lastest_post,
.syrup-application.lastest_news .lastest_post {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.news .item .date {
  color: #2d7d33;
  font-family: Gotham-book;
}
.news .item .link {
  color: #0047bd;
  text-decoration: underline;
  font-size: 20px;
}
.news .item hr {
  width: 500px;
  border-color: #707070;
}
.news h1 {
  color: #15245a;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: -2px;
}
.modal-backdrop {
  z-index: 1 !important;
}
footer img.jama-punji.w-100 {
  width: auto !important;
}
footer .product_links ul li a:hover {
  border-bottom: 2px solid #fcf201;
}
footer .product_links h5,
footer .quick_links h5 {
  font-size: 26px;
}
footer .product_links li a,
footer .quick_links li a {
  color: #fff;
  font-size: 19px;
  font-weight: 500;
}
footer .product_links li,
footer .quick_links li {
  margin: 16px auto;
}
footer .quick_links {
  padding-left: 60px;
}
footer .product_links li:first-child {
  margin-top: 0;
}
footer .product_links li:last-child {
  margin-bottom: 0;
}
footer .service hr {
  border: 1px solid #fff;
  height: 56%;
  width: 0;
}
footer .rights p {
  font-size: 12px;
  font-family: Gotham-book;
}
footer ul.contact_us li img {
  position: absolute;
  left: 7%;
}
.login {
  height: 75vh;
  background: url("../../frontend-assets/img/banner1.png");
}
.login .loginForm {
  border: 2px solid #000;
  padding: 40px;
}
.lastest_news .lastest_post {
  height: 50vh;
}
.syrup-application.lastest_news .lastest_post {
  height: 40vh;
}
.lastest_news .over-lay {
  background-color: rgb(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.lastest_news .over-lay:hover + .syrup-application.lastest_news .content h6 {
  color: #030c38;
}
.lastest_news .content {
  padding: 1rem 7rem;
}
.syrup-application.lastest_news .content {
  padding: 30px 10px;
}
.syrup-application.lastest_news .content h6 {
  font-size: 24px;
  font-family: Gotham-medium;
}
.lastest_news .content h6 {
  font-size: 18px;
}
#profile .btn-submit button,
.lastest_news .content p,
.product_images .btn {
  font-size: 14px;
}
.news_list {
  height: 500px;
}
.news_list .list {
  overflow: auto;
  height: 465px;
}
.most_lastest_news img {
  max-height: 500px;
  object-fit: cover;
  object-position: center;
}
.news_list .heading {
  border-bottom: 1px solid #15245a;
  font-size: 18px;
  color: #15245a;
}
.career_form label,
.news_list .headLine {
  font-size: 14px;
  color: #4d4f5c;
}
.news_list .date {
  font-size: 10px;
  color: #919192;
  margin-bottom: 0;
}
.most_lastest_news_details .headLine {
  color: #15245a;
  font-size: 24px;
  font-family: Gotham-medium;
}
.most_lastest_news_details .date {
  color: #919192;
  font-size: 10px;
}
.most_lastest_news_details .desc {
  color: #15245a;
  font-size: 16px;
  font-family: Gotham-book;
}
.modal-body .most_lastest_news_details .desc {
  height: 350px;
  overflow: auto;
}
.career_form
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow,
.contact_us_form
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 38px;
}
.modal-body img {
  object-fit: contain;
  height: 100%;
}
.goes_green img,
.grass_root img,
.kissan_dost img {
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.most_lastest_news_details .read_more_news {
  color: #15245a;
  font-size: 18px;
}
.most_lastest_news_details .read_more_news span {
  cursor: pointer;
  border: 2px solid #15245a;
  padding: 5px 10px;
}
.most_lastest_news_details .read_more_news i {
  font-weight: 700;
}
#journey .modal-header,
#newsEventModal .modal-header,
.ne-modals .modal-header {
  border-bottom: none;
}
#journey .modal-content,
#newsEventModal .modal-content,
.ne-modals .modal-content {
  border-radius: 10px;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.85);
}
.news_events hr {
  border-bottom: 1px dashed #919192;
}
.company_information p,
.contact_us_form label {
  font-size: 16px;
  color: #8d8d8d;
}
.company_information p,
.contact_us_form span {
  color: #8d8d8d;
  word-break: break-word;
}
.company_information a,
.contact_us_form a {
  font-size: 15px;
  color: #0047bd;
  text-decoration: underline;
}
.career_form input.form-control,
.career_form textarea.form-control,
.contact_us_form input.form-control,
.contact_us_form textarea.form-control {
  background-color: #e8e8e8;
  border-radius: 16px;
}
.career_form .select2-container--default .select2-selection--single,
.contact_us_form .select2-container--default .select2-selection--single {
  border: none;
  background-color: #e8e8e8;
  border-radius: 16px;
  height: 38px;
}
.journey .owl-nav .owl-next,
.journey .owl-nav .owl-prev,
.product_images .owl-nav .owl-prev,
.relation .owl-nav .owl-next,
.relation .owl-nav .owl-prev {
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  top: 43%;
}
.contact_us_form
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #8e8e8e;
  line-height: 38px;
  text-align: left;
  font-family: Gotham-book;
  font-size: 16px;
  font-weight: 400;
}
.btn-submit button,
.product_images .btn {
  border: 2px solid #15245a;
  color: #15245a;
  font-family: GOTHAM-BOOK;
  padding: 6px 20px !important;
  font-size: 20px;
}
.btn-submit button:hover {
  border: 2px solid #fff;
  color: #fff;
  background-color: #15245a;
  font-family: GOTHAM-BOOK;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  background-image: url(https://cdn4.iconfinder.com/data/icons/user-interface-174/32/UIF-76-512.png);
  background-color: transparent;
  background-size: contain;
  border: none !important;
  height: 20px !important;
  width: 20px !important;
  margin: auto !important;
  top: 20% !important;
  left: auto !important;
  right: 40% !important;
}
.select2-container--default .select2-results > .select2-results__options li {
  border-radius: 10px !important;
}
span.select2-dropdown.select2-dropdown--below {
  background-color: #e8e8e8 !important;
}
.career_form .form-row {
  justify-content: center !important;
}
.career_form label.applying-for {
  font-size: 25px;
  color: #4d4f5c;
  font-family: Gotham-medium;
}
.career_form span {
  color: #15245a;
}
.career_form p {
  font-size: 18px;
  color: #8d8d8d;
}
.career_form a,
.company_information a {
  font-size: 16px;
  color: #8d8d8d;
  text-decoration: underline;
}
.career_form
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #8e8e8e;
  line-height: 38px;
  text-align: left;
  font-family: Gotham-book;
  font-size: 16px;
  font-weight: 400;
}
.investor_relation_tabs .nav-tabs {
  border: none !important;
}
.investor_relation_tabs hr {
  border-left: 2px solid #15245a;
  height: 20px;
  margin: 10px;
}
.investor_relation_tabs .nav-item a {
  font-family: Gotham-bold;
  font-size: 15px;
  color: #15245a;
}
.investor_relation_tabs p.sub_heading,
.section-3 p.sub_heading {
  font-size: 20px;
  color: #15245a;
  font-weight: 700;
}
.investor_relation_tabs .company-information .address {
  min-height: 380px;
  padding: 40px 20px;
  border: 1px solid #707070;
  color: unset;
  background-color: #fff;
}
.investor_relation_tabs .company-information .links .address {
  min-height: unset;
  padding: 10px 0;
}
.investor_relation_tabs .company-information .address .heading {
  font-family: Gotham-bold;
  font-size: 20px;
  color: #15245a;
}
.investor_relation_tabs .company-information .table td.head {
  background-color: #15245a;
  color: #fff;
  font-family: Gotham-bold;
  font-size: 18px;
}
.investor_relation_tabs .company-information .table td {
  width: 50%;
  border: 1px solid #707070;
  color: #15245a;
  font-family: Gotham-medium;
  font-size: 17px;
}
.investor_relation_tabs .company-information .address .location {
  font-family: Gotham-book;
  font-size: 18px;
  color: #15245a;
}
.investor_relation_tabs .company-information .address .number {
  font-family: Gotham-book;
  font-size: 17px;
  color: #15245a;
}
.investor_relation_tabs .investorInformation .statistics {
  width: 188px;
  height: 188px;
  border-radius: 100%;
  border: 3px solid #15245a;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
  background: #fff;
}
.investor_relation_tabs .investorInformation .statistics p {
  color: #8d8d8d;
  font-size: 16px;
  font-family: Gotham-bold;
}
.investor_relation_tabs .corporateBriefingSession .accordionExample .card,
.investor_relation_tabs .financialResult .accordionExample .card,
.investor_relation_tabs .financialResult #accordionFinancial .card,
.investor_relation_tabs .investorInformation .accordionExample .card,
.investor_relation_tabs .notices .accordionExample .card,
.investor_relation_tabs .unclaimed .accordionExample .card {
  border: 2px solid #15245a;
  margin: 20px auto;
  border-bottom: 2px solid #15245a !important;
}
.investor_relation_tabs
  .corporateBriefingSession
  .accordionExample
  .download-btn,
.investor_relation_tabs .financialResult .accordionExample .download-btn,
.investor_relation_tabs .financialResult #accordionFinancial .download-btn,
.investor_relation_tabs .investorInformation .accordionExample .download-btn,
.investor_relation_tabs .notices .accordionExample .download-btn,
.investor_relation_tabs .unclaimed .accordionExample .download-btn {
  background-color: #15245a;
  padding: 25px;
  font-family: Gotham-bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: #fff;
}
.investor_relation_tabs .financialResult .accordionExample .card p,
.investor_relation_tabs .financialResult #accordionFinancial .card p,
.investor_relation_tabs .notices .accordionExample .card p {
  color: #8d8d8d;
  font-family: Gotham-medium;
}
.sustainability p.sub_heading {
  font-size: 28px;
  color: #15245a;
  font-weight: bolder;
  font-family: Gotham-medium;
}
.foundation p.sub_heading {
  font-size: 18px;
  color: #15245a;
  font-weight: bolder;
  font-family: Gotham-bold;
}
.investor_relation_tabs .investorInformation td {
  font-size: 17px;
  color: #fff;
  font-family: Gotham-book;
  background-color: #15245a;
  border: 1px solid #fff !important;
}
.investor_relation_tabs p.desc,
.investor_relation_tabs td {
  font-size: 17px;
  color: #707070;
  font-family: Gotham-book;
}
.investor_relation_tabs .election td {
  font-size: 21px;
  color: #707070;
  font-family: Gotham-book;
}
.investor_relation_tabs .election td span {
  font-size: 17px;
  color: #707070;
}
.investor_relation_tabs p.desc a {
  font-size: 17px;
  color: #0047bd;
  text-decoration: underline;
}

.investor_relation_tabs .link {
    font-size: 17px;
    color: #0047bd;
    text-decoration: underline;
  }

.investor_relation_tabs p.desc.heading {
  color: #15245a;
  font-size: 17px;
  font-weight: 700;
}
.investor_relation_tabs .awards p.desc {
  height: 90px;
  background-color: #e0e0e0;
  font-family: Gotham-bold;
  color: #15245a;
  font-size: 15px;
  word-break: break-word;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
p.desc.vission {
  font-size: 24px;
  color: #fff;
  font-family: Gotham-bold;
}
.vision .banner {
  height: 40vh;
  width: 80%;
}
#vision .content {
  margin-left: 5rem;
  width: 500px;
}
.where_we_are p.country {
  padding: 6px 20px;
  display: inline-block;
  border: 1px solid #8d8d8d;
  margin-bottom: 0;
  margin-top: 15px;
  font-size: 14px;
  color: #8d8d8d;
  cursor: pointer;
}
.where_we_are p.country:hover {
  background-color: #15245a;
  color: #fff;
}
.journey .item {
  background-color: #fff;
  padding: 40px;
  border-radius: 20px;
  margin-top: 50px;
}
.journey .item h1 {
  color: #15245a;
  font-size: 80px;
  text-align: left;
  margin-top: -80px;
}
.journey .owl-nav .owl-next i,
.journey .owl-nav .owl-prev i {
  font-size: 2.5rem;
  color: #15245a;
  font-weight: bolder;
}
.journey .owl-nav .owl-prev {
  left: -4%;
  background: 0 0 !important;
  margin-top: 50px;
}
.journey .owl-nav .owl-next {
  right: -4%;
  background: 0 0 !important;
  margin-top: 50px;
}
.relation .owl-nav .owl-prev {
  left: -8%;
  background: 0 0 !important;
}
.relation .owl-nav .owl-next {
  right: -8%;
  background: 0 0 !important;
}
.relation p.sub_heading {
  font-size: 14px;
  color: #15245a;
  font-weight: 700;
}
.community_service p.sub_heading {
  font-size: 14px;
  color: #0047bd;
  font-weight: 700;
}
.goes_green img {
  height: 500px;
}
.grass_root img,
.kissan_dost img {
  height: 350px;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: unset !important;
  background-color: transparent !important;
}
.nav-tabs .nav-item.show .nav-link span,
.nav-tabs .nav-link.active span {
  border-bottom: 2px solid #0047bd !important;
  border-top: none;
  border-left: none;
  border-right: none;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: none !important;
}
.footer-logo {
  width: 170px;
}
.products .product_images .owl-carousel img {
  width: auto !important;
  display: unset !important;
}
.products.private-label .product_images .owl-carousel img {
  width: 300px !important;
  display: unset !important;
}
.product_desc p,
.products .landing_text,
.section-1 p,
.section-2 p,
.section-7 p {
  color: #8d8d8d;
}
.products .product_list a.active {
  font-weight: 700;
  font-size: 20px;
}
.product_images .owl-nav .owl-prev {
  left: -3%;
}
.product_images .owl-nav .owl-next {
  position: absolute;
  right: -3%;
  top: 43%;
  width: 40px;
  cursor: pointer;
  height: 40px;
}
.section-2 .owl-nav .owl-next,
.section-2 .owl-nav .owl-prev {
  position: absolute;
  top: 40%;
  width: 40px;
  cursor: pointer;
  height: 40px;
}
.product_images .owl-nav .owl-next i,
.product_images .owl-nav .owl-prev i,
.section-2 .owl-nav .owl-next i,
.section-2 .owl-nav .owl-prev i {
  color: #000065;
  font-size: 36px;
}
.product_images .owl-theme .owl-nav [class*="owl-"]:hover,
.section-2 .owl-theme .owl-nav [class*="owl-"]:hover {
  background: 0 0;
  color: unset;
  text-decoration: none;
}
.product_heading span {
  font-size: 40px;
  color: #15245a;
}
.section-1 .span,
.section-2 .span,
.section-5 .span,
.section-6 .span,
.section-7 .span,
.section-8 .span {
  font-size: 24px;
  font-weight: 500;
  color: #15245a;
}
.section-7 ul li a {
  color: #8d8d8d;
  text-decoration: underline;
}
.private-label .section-6 .span {
  font-size: 28px;
  font-weight: 700;
  color: #15245a;
}
.basmati .section-1 .span {
  padding-left: 1.2rem;
}
.section-divider hr {
  border-bottom: 2px dashed #707070;
  border-top: none !important;
  height: unset;
  margin: unset;
}
.section-2 .nav-tabs {
  border-bottom: 0 !important;
}
.nav-tabs .nav-item.show .nav-link,
.section-2 .nav-tabs .nav-link.active {
  color: #fff !important;
  background-color: #15245a !important;
  border: 2px solid #15245a !important;
  font-size: 17px !important;
  font-weight: 600 !important;
}
.section-2 .nav-item a {
  color: #15245a !important;
  border: 2px solid #15245a !important;
  font-size: 17px !important;
  font-weight: 600 !important;
}
.section-2 a.download_link {
  color: #8d8d8d;
  font-size: 20px;
}
.section-2 .btn a {
  border: 2px solid #15245a;
  color: #15245a;
  font-family: GOTHAM-BOOK;
  font-size: 14px;
  padding: 5px 10px;
}
.section-2 .international_brands .item .span,
.section-2 .local_brands .item .span {
  color: #15245a;
  font-size: 15px;
}
.section-2 .owl-nav .owl-prev {
  left: -6%;
}
.section-2 .owl-nav .owl-next {
  right: -5%;
}
.section-3 .where_we_are .span,
.section-4 .span {
  font-size: 40px;
  font-weight: 500;
  color: #15245a;
}
.section-3 .vertical_divider hr {
  border-right: 2px solid #b1b1b1;
  height: 90%;
  width: 2px;
  margin-top: 0;
  margin-bottom: 0;
}
.section-5 .feature-list .span {
  font-size: 15px;
  font-weight: 700;
  color: #8d8d8d;
}
.section-5 .feature-list hr {
  height: 13px;
  width: 3px;
  margin: 0 10px;
  border-left: 2px solid #8d8d8d;
}
.section-5 .syrup-application .span {
  font-size: 20px;
  font-weight: 500;
  color: #15245a;
}
.section-6 td {
  width: 50%;
  color: #8d8d8d;
}
#sustainability .item img.services,
.section-6 #application-ingredient td {
  width: auto;
}
.private-label .section-6 td {
  width: unset;
  color: #15245a;
  font-weight: 700;
}
.section-6 td.product_range {
  width: 50%;
  color: #fff;
  background: #15245a;
  font-weight: 500;
}
.private-label .section-6 td.product_range {
  width: unset;
  color: #fff;
  background: #15245a;
  font-weight: 500;
}
.section-8 img {
  height: 90px;
}
.accordion .card-body p {
  color: #8d8d8d;
  font-size: 16px;
}
.accordion .card-header button:focus {
  box-shadow: unset;
}
.accordion .card-header button {
  font-family: Gotham-medium;
  text-decoration: unset;
  color: #15245a;
  font-size: 19px;
  text-transform: uppercase;
}
::-webkit-input-placeholder {
  color: transparent !important;
}
:-moz-placeholder {
  color: transparent !important;
}
::-moz-placeholder {
  color: transparent !important;
}
:-ms-input-placeholder {
  color: transparent !important;
}
input::placeholder {
  color: transparent !important;
}
textarea::-webkit-input-placeholder {
  color: transparent !important;
}
textarea:-moz-placeholder {
  color: transparent !important;
}
textarea::-moz-placeholder {
  color: transparent !important;
}
textarea:-ms-input-placeholder {
  color: transparent !important;
}
textarea::placeholder {
  color: transparent !important;
}
p.sub_heading.text-uppercase.mb-0.partner-relations {
  font-size: 15px;
}
.syrup-application.lastest_news .items .item {
  border: 1px solid #fff;
  font-family: Gotham-book;
  font-size: 15px;
  color: #fff;
  border-radius: 6px;
  display: none;
}
.syrup-application.lastest_news .items .item:hover {
  border: 1px solid #fff;
  font-family: Gotham-book;
  font-size: 15px;
  color: #fff;
  border-radius: 6px;
  display: block;
}
.m-w-100 {
  width: unset;
}
.contact-us-heading {
  text-transform: unset;
  font-weight: unset;
}
@media screen and (max-width: 1570px) {
  .header .navbar {
    padding: 0.5rem 1rem;
  }
}
@media screen and (min-width: 1500px) {
  .container {
    max-width: 1350px !important;
  }
}
@media screen and (max-width: 1280px) {
  footer img.jama-punji.w-100 {
    width: 100% !important;
  }
  .header .navbar {
    padding: 0.5rem 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .header .navbar {
    padding: 0.5rem 1rem;
  }
  footer .ftr-content {
    padding-right: 15px;
  }
  img.ftr-bnr-2.w-100 {
    width: 100% !important;
  }
}
@media screen and (max-width: 1044px) {
  .Email-address img {
    top: 90% !important;
  }
  .Email-address p {
    font-size: 12px;
  }
}
@media screen and (max-width: 992px) {
  .header {
    top: unset;
    background-color: rgb(255, 255, 255, 0.7);
  }
}
@media screen and (max-width: 768px) {
  .falak-logo,
  .falak-logo-banner {
    max-width: 120px !important;
    max-height: 40px !important;
  }
  #awards .heading,
  .borad.sm-directors,
  .list .news-list,
  .mouse_scroll_down {
    display: none;
  }
  .falak-logo-banner {
    margin: auto;
  }
  .home-section-1 .item .cover .header-content {
    width: auto;
    text-align: center;
  }
  .home-section-1 .item .cover {
    left: 0;
    right: 0;
    top: 50%;
  }
  .career.home-section-1 .item .cover,
  .other.home-section-1 .item .cover {
    left: 0;
    right: 0;
  }
  .home-section-1 .owl-nav .owl-prev {
    left: 36%;
    top: 90%;
  }
  .home-section-1 .owl-nav .owl-next {
    right: 36%;
    top: 90%;
  }
  .news .owl-nav .owl-next,
  .news .owl-nav .owl-prev {
    top: 100%;
    background-color: transparent !important;
    border: 3px solid #15245a !important;
  }
  .products .product_banner .over-lay {
    background-image: linear-gradient(
      to top,
      rgb(0, 0, 0, 0.7),
      rgba(0, 0, 0, 0)
    );
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    bottom: 0;
  }
  .products .content {
    text-align: center;
    margin-left: 0;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    top:20px;
  }
  .products .content h3 {
    color: #fff;
    line-height: 1;
    font-size: 30px;
  }
  .products .content h4 {
    color: #fff;
    margin: 10px auto;
    width: auto;
    font-size: 20px;
    font-family: GOTHAM-BOOK;
  }
  .products .content p {
    color: #fff;
    width: auto;
  }
  .investor_relation_tabs .company-information .address.address-links a,
  .products .product_banner .btn-readMore {
    color: #fff;
  }
  .news {
    margin-bottom: 5.5rem;
  }
  .news .owl-nav .owl-prev {
    left: 35%;
  }
  .news .owl-nav .owl-next {
    right: 35%;
  }
  .news .owl-nav .owl-next i,
  .news .owl-nav .owl-prev i {
    color: #15245a;
    font-weight: 700;
  }
  .company-location .owl-nav .owl-next,
  .company-location .owl-nav .owl-prev,
  .new-slider .owl-nav .owl-next,
  .new-slider .owl-nav .owl-prev {
    width: 40px;
    cursor: pointer;
    height: 40px;
    border-radius: 50% !important;
    border: 3px solid #15245a !important;
  }
  .company-location .owl-nav .owl-next i,
  .company-location .owl-nav .owl-prev i,
  .new-slider .owl-nav .owl-next i,
  .new-slider .owl-nav .owl-prev i {
    font-size: 2rem;
    color: #15245a;
  }
  .products .product_banner img {
    object-fit: cover;
    object-position: center center;

  }
  .news .item hr {
    width: 95%;
    border-color: #707070;
  }
  footer img.jama-punji.w-100 {
    width: 100% !important;
  }
  footer .quick_links li:last-child,
  footer ul {
    margin-bottom: 0;
  }
  li.nav-item.my-auto.pl-1.pr-2,
  li.nav-item.my-auto.pl-3 {
    padding-left: 0 !important;
    padding-bottom: 2px;
  }
  i.fa.fa-search.px-3,
  li.nav-item a {
    padding-left: 10px !important;
  }
  i.fa.fa-search.px-3 {
    font-size: 24px;
    padding-bottom: 2px;
  }
  ul.navbar-nav.ml-auto.nav-flex-icons {
    background-color: #fff;
    padding: 10px;
  }
  .header .navbar .nav-item .nav-link:hover {
    background-color: #030c38;
    color: #fff;
  }
  .home-section-1 .item .cover .header-content h2 {
    font-size: 35px;
    padding: 0 60px;
  }
  footer .product_links,
  footer .quick_links {
    padding-left: 31px;
  }
  .news .item .date,
  .news .item .link {
    font-size: 16px;
  }
  footer .product_links li:first-child {
    margin-top: 5px;
  }
  footer .product_links li,
  footer .quick_links li {
    margin: 5px auto;
  }
  .footer-logo {
    width: 120px;
  }
  .products .product_images .owl-carousel img {
    width: 300px !important;
  }
  #sustainability .item img.services,
  .falak .nav-item,
  .m-w-100,
  .solid .nav-item {
    width: 100%;
  }
  .citizen-foundation {
    height: 200px;
  }
  .news_list .list {
    border-bottom: 1px solid #15245a;
  }
  ::-webkit-input-placeholder {
    color: unset !important;
  }
  :-moz-placeholder {
    color: unset !important;
  }
  ::-moz-placeholder {
    color: unset !important;
  }
  :-ms-input-placeholder {
    color: unset !important;
  }
  input::placeholder {
    color: unset !important;
  }
  textarea::-webkit-input-placeholder {
    color: unset !important;
  }
  textarea:-moz-placeholder {
    color: unset !important;
  }
  textarea::-moz-placeholder {
    color: unset !important;
  }
  textarea:-ms-input-placeholder {
    color: unset !important;
  }
  textarea::placeholder {
    color: unset !important;
  }
  .company-information .investor_relation_tabs p.sub_heading,
  .career_form label.applying-for,
  .section-3 p.sub_heading {
    font-size: 18px;
  }
  .home-section-1 .btn-readMore,
  .products .product_banner .btn-readMore {
    padding: 10px 8px;
    border: 4px solid #fff;
    font-size: 15px;
  }
  .lastest_news .content.headline p {
    font-family: Gotham-book;
    font-size: 17px;
  }
  .products .product_banner {
    height: 50vh;
  }
  .investor_relation_tabs .investorInformation .statistics {
    width: 150px;
    height: 150px;
  }
  .investor_relation_tabs .corporateBriefingSession .accordionExample .card,
  .investor_relation_tabs .financialResult .accordionExample .card,
  .investor_relation_tabs .financialResult #accordionFinancial .card,
  .investor_relation_tabs .investorInformation .accordionExample .card,
  .investor_relation_tabs .notices .accordionExample .card,
  .investor_relation_tabs .unclaimed .accordionExample .card {
    border-radius: 16px;
  }
  .sm-directors {
    display: block;
    border-radius: 15px;
    border: 2px solid #15245a;
  }
  .investor_relation_tabs .company-information .address {
    border: 2px solid #15245a;
    border-radius: 15px;
  }
  .investor_relation_tabs .company-information .address.address-links {
    background-color: #15245a;
  }
  .journey .item {
    margin: 30px;
  }
  .relation .owl-nav .owl-next i,
  .relation .owl-nav .owl-prev i {
    font-size: 2.5rem;
    color: #15245a;
    font-weight: bolder;
  }
  .syrup-application.lastest_news .items .item {
    display: block;
    color: #8d8d8d;
  }
  .packaging-mob {
    font-family: Gotham-medium;
    color: #8d8d8d;
    font-size: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
  }
  .packaging-mob .card-header button {
    font-size: 15px;
  }
  .packaging-mob .row {
    padding: 0;
    border-bottom: 2px solid #919192;
  }
  .packaging-mob img {
    margin: 0 10px;
  }
  .packaging-mob h4 {
    text-transform: uppercase;
    font-size: 20px;
  }
  .certification .owl-dots {
    margin-top: 20px !important;
  }
  .view-more.btn a {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 15px;
    border: 2px solid #15245a;
    color: #15245a;
    font-family: Gotham-medium;
  }
  .section-8 img {
    height: 90px;
    object-fit: contain;
  }
  .contact-us-heading {
    text-transform: uppercase;
    font-weight: 700;
  }
}
@media screen and (max-width: 480px) {
  .home-section-1 .item .cover .header-content h2 {
    padding: 0;
  }
  .know_us_better .counts {
    padding: 30px 0;
  }
  .about-certification,
  .products .content h3 {
    font-size: 30px;
  }
}
@media screen and (min-width: 576px) {
  .modal-dialog {
    max-width: 70% !important;
  }
  #journey .modal-dialog {
    max-width: 40% !important;
  }
}

.footer-icon-container {
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
}

.footer-icon {
    background-color: white;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.footer-icon i {
    /* text-align: center; */
    font-size: 18px;
    color: #15245a;
}

.footer-icon:hover {
    transform: scale(1.1);
    background-color: #15245a;
}

.footer-icon:hover i {
    color: white;
}
@media screen and (max-width: 768px) {
    .footer-icon-container {

        justify-content: left;

    }
}

.contact-icon-container {
    display: flex;
    gap: 5px;
    align-items: center;
}

.contact-icon {
    background-color: #15245a;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    text-decoration: none !important;
}

.contact-icon i {
    /* text-align: center; */
    font-size: 18px;
    color: #fff;
}



.contact-icon:hover i {
    color: white;
}