*
{
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6{
font-family: Jomolhari;
}
p{
font-family: jost;
font-size: 17px;
line-height: 27px;
text-align: justify;
color: #000;
}
/*** Button ***/
.btn {
font-size: 18px;
border: 0px;
font-family: jost;
padding: 10px 43px;
border-radius: 3px;
}
.btn.btn-primary,
.btn.btn-secondary,
.btn.btn-outline-primary:hover,
.btn.btn-outline-secondary:hover {
color: #ffffff;
background-color: #0F2B47;
border: 0px;
}
.btn-square {
width: 48px;
height: 48px;
}
.btn-sm-square {
width: 32px;
height: 32px;
}
.btn-lg-square {
width: 48px;
height: 48px;
}
.btn-square,
.btn-sm-square,
.btn-lg-square {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
font-weight: normal;
}
a {
color: #fff;
text-decoration: none;
}
.btn:hover {
color: #0F2B47;
background-color: #F4AA24;
border: 0px;
}
/*** header ***/
.dropdown-item.active, .dropdown-item:active {
  text-decoration: none;
  background-color: #0F2B47;
}
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
background-color: #fff;
box-shadow: rgb(1 14 26 / 16%) 0px 7px 30px 1px;
}
a.navbar-brand.logo {
width: 35%;
}
#nav.bar{
position: sticky;
top: 0;
z-index: 10;
}
.navbar-nav li{
padding: 0px 23px;
}
.navbar-nav li a{
font-size: 20px;
font-family: jost;
font-weight: 500;
}
.navbar-nav li a:hover{
color: #d7912c;
font-size: 20px;
font-family: jost;
font-weight: 500;
}
a.nav-link.active {
color: #d7912c !important;
}
button.navbar-toggler {
border: 1px solid #13314f59;
border-radius: 0px;
padding: 7px 7px;
}
.navbar-toggler:hover {
text-decoration: none;
border: 1px solid #13314f59;
border-radius: 0px;
padding: 7px 7px;
}
.nav-link:focus, .nav-link:hover {
color: #0A2E50 !important;
}
.navbar-toggler {
color: rgb(19 49 79 / 12%);
}
/*** banner ***/
.slider a {
background-position: center;
background-size: cover;  
display: block;
width: 100%;
height: auto;
min-height: 87vh;
}
.slider a span {
position: fixed;
bottom: 0;
left: 50%;
color: #fff;
font-family: helvetica;
font-size: 40px;
transform: translateX(-50%);
padding: 40px 0;
width: 100%;
text-align: center;
}
p.span-para {
  color: #ffffffad;
  text-align: center;
  font-weight: 300;
}
.slider a.one {
background-image: url('../img/banner.jpg') !important;
}
.slider a.two {
background-image: url('../img/banner2.jpg') !important;
}
@media screen and (max-width: 991px) {
.slider a {
min-height:400px;
}
/* .one {
background-image: url('img/banner.jpg');
}
.two {
background-image: url('img/banner.jpg');
}
.three {
background-image: url('img/banner.jpg');
} */
}
/*** about ***/
.about-section {
margin-top: 56px;
margin-bottom: 71px;
}
.about-content h1{
font-size: 38px;
margin-bottom: 20px;
}
.about-content p {  
margin-bottom: 32px;
padding-right: 32px;
}
.inner-banner{
  background-size: cover !important; 
  height: 42vh;
}
/*** Statistics Start ***/  
.bg-primary {
--bs-bg-opacity: 1;
background-color: rgb(15 43 71) !important;
}
/***Key Stat STyle Home page***/

.stat-head h1 {
color: #fff;
font-weight: lighter;
font-size: 38px;
}
.stat-head p {
color: #ffffffb8;
font-size: 17px;
text-align: center;
font-weight: 300;
}
.limit-container {
  margin-top: 44px;
}

.statistics {
  width: 100%;
  background-color: #001F3C;
padding: 43px 0px 51px;
}

.statistics-main {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 12%;
  flex-wrap: wrap;
}

.statistics-card {
  height: auto;
}

.statistics-card > img {
  display: block;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
}

.statistics-card > p {
  text-align: center;
  font-weight: 300;
  color: white;
  font-size: 19px;
  margin-bottom: 10px;
}

.statistics-card > h2 {
  text-align: center;
  color: white;
  margin-bottom: 15px;
}

@media only screen and (max-width: 1470px) {
  .statistics-container {
      gap: 80px 200px;
  }
}

/***Key Stat Style Home page End***/
/***Product slider Start ***/
.head {
  text-align: center;
}
.sub-head{
  text-align: center; 
  color: #808080; 
  padding-bottom: 20px;

}
p.card-title-product {
text-align: center;
font-weight: 600;
font-size: 22px;
color: #0f2b47;
margin-top: 23px;
}
p.card-subtitle-product {
text-align: center;
color: #2E2E2E;
margin-top: -10px;
}
.product-box {
cursor: pointer;
box-shadow: 0;
transition: box-shadow 1s;
/* transition-duration: 2s; */
transition-timing-function: linear;
/* transition-delay: 1s; */
}
.product-box:hover {
box-shadow: rgb(1 14 26 / 16%) 0px 7px 30px 1px;
transition: box-shadow 1s;
/* transition-duration: 2s; */
transition-timing-function: linear;
/* transition-delay: 1s; */
}
/*** Quality Start ***/  
.quality{
margin-top: 60px;
background-color: #001F3C;
padding-top: 31px ;
}
.quality-card-body {
flex: 1 1 14vh;
}
.quality h1{
padding-top: 38px;
text-align: center;
color: #fff;
}
.row.quality-standard {
margin: 0px;
padding-top: 15px;
padding-bottom: 33px;
}
.quality-img{
background-color: #00172D;
padding: 17px 27px;
margin-bottom: 32px;
}
.quality-card :hover{
box-shadow: rgb(1 14 26) 0px 7px 30px 1px;
transition: box-shadow 1s;
}
/*** Our Division Start ***/
.division-img{
  background: url('../img/fish-product.png') no-repeat center center; 
  background-size: cover; 
  height: 260px
}
.division-img1{
  background: url('../img/fish-meal.jpg') no-repeat center center; 
  background-size: cover; 
  height: 260px
}
.division-img2{
  background: url('../img/boat-manufacturing.jpg') no-repeat center center; 
  background-size: cover; 
  height: 260px
}
.our-division {
margin: 72px 0px;
}
.our-division p{
text-align: center;
color: #808080;
margin-bottom: 44px;
}
.our-division h3{
font-size: 38px;
}
.image-container {
position: relative;
width: 100%;
height: 260px;
display: flex;
align-items: flex-end;
justify-content: start;
padding-left: 24px;
border-radius: 10px;
overflow: hidden;
}
.image-button {
background-color: rgb(255 255 255 / 73%);
color: #001f3c;
font-size: 17px;
font-weight: 600;
font-family: jost;
padding: 8px 31px;
text-align: left;
margin-bottom: 10px;
border-radius: 5px;
}
/***Our Process Start ***/
.card-img-top {
height: 26vh;
width: 100% !important;
object-fit: cover;
}
p.card-title {
font-size: 20px;
font-weight: 600;
color: #0d253d;
}
.card-body {
flex: 1 1 15vh ;
}
.process-btns {
text-align: center;
margin-top: 38px;
}
.card {
background-color: #fff;
border: 0px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
margin-bottom: 30px;
cursor: pointer;
}
.card:hover{
background-color:#fff1cc;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
transition:  1s;
transform: translateY(-10px);
}
.process-para{
  font-family: jost;
    font-size: 16.5px;
    line-height: 27px;
    text-align: left;
    color: #000;
}
/***Footer Start ***/
span.a-footer a {
  color: #000;
}
.footer {
background-color: #f7f3e9;
color: #3a3a3a;
padding-top: 2rem;
margin-top: 80px;
}
.footer .logo {
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 1rem;
}
.footer .column-title {
font-weight: bold;
margin-bottom: 10px;
color: #001f3c;
font-family: jost;
margin-top: 17px;
}
a.footer-link {
color: black;
font-family: jost;
font-size: 17px;
font-weight: 400;
padding-bottom: 9px;
}
.footer-link:hover {
color: #a76216;;
}
.fa-brands:hover {
background-color: #17232f; 
}
.fa-brands, .fab {
font-weight: 400;
background-color: #13314f;
padding: 8px 10px;
color: #faae1f;
font-size: 17px;
margin-right: 5px;
border-radius: 3px;
}
.footer .powered-by {
margin-top: 2rem;
font-family: jost;
font-size: 16px;
color: #000000;
font-weight: 500;
}
.footer .copyright {
font-size: 16px;
font-family: jost;
font-weight: 500;
color: #000000;
}
span.a-footer {
color: black;
font-family: 'Jost';
font-size: 17px;
}
.footer .col-md-4 {
padding-right: 28px;
}
.footer-2 {
background-color: #f3ebd4;
padding: 1px 0px 16px;
margin-top: 20px;
}
.quick-links {
padding-left: 50px;
}
/***About Page  Start ***/
/***Banner section  Start ***/
h1.Banner-page-heading {
text-align: center;
color: white;
padding-top: 13%;
}
/***Banner section  Start ***/
/***About section  Start ***/
.about-img-head p{
color: #001F3C;
font-size: 18px;
}
.about-page-section{
margin-top: 92px;
margin-bottom: 30px;
}
.about-page-content h1{
font-size: 38px;
margin-bottom: 20px;
}
.about-img-head {
margin-top: -9%;
}
.about-img-bg {
background: url('../img/about-page.jpg') no-repeat center center;
position: relative;
width: 100%;
height: 40vh;
display: flex;
align-items: flex-start;
overflow: hidden;
}
.about-img-btn {
background-color: rgb(11 39 67);
color: #ffffff;
font-size: 25px;
font-family: 'Jomolhari';
padding: 27px 56px;
text-align: left;
margin-bottom: 10px;
cursor: auto;
}
/***About section  End ***/
/***Mission & Vision Start ***/
.mision-para{
color: #ffffffc7; 
font-size: 19px; 
line-height: 29px;
}
.vision-card, .mission-card {
border: none;
border-radius: 0;
margin-bottom: 1.5rem;
}
.vision-card .about-card-header, .mission-card .about-card-header {
background-color: #f0ad4e;
color: #000;
font-weight: bold;
border-bottom: none;
padding: 0.75rem 1.25rem;
}
.vision-card .about-card-body, .mission-card .card-body {
background-color: #003F74 !important;
padding: 1.7rem 2rem 2.3rem;
}
.vision-card .about-card-body p, .mission-card .about-card-body p {
margin-bottom: 0;
}
/***Mission & Vision Start ***/
/***Core Values Start ***/
.corevalues{
background-color: #F9F9F9;
}
.core-values-card {
border: 1px solid #dee2e6;
border-radius: 0;
}
.core-values-card .core-card-body {
padding: 3.5rem 1.5rem;
}
h4.core-card-title {
font-size: 28px;
padding-bottom: 7px;
}
.stats-card {
border: none;
border-radius: 0;
}
.stats-card .core-card-body {
padding: 1.5rem;
}
.stats-card .core-card-title {
font-size: 31px;
text-align: left;
}
.stats-card .core-card-text {
font-size: 17px;
color: #fff;
}
.stats-card i {
font-size: 2rem;
}
.first-coloumn{
width: 50%;
}
.second-coloumn{
width: 50%;
}
/***Core Values End ***/
/***History section Start ***/
.history-section{
margin-top: 92px;
margin-bottom: 80px;
}
.history-content h1{
font-size: 38px;
margin-bottom: 20px;
}
.history-content p {  
margin-bottom: 32px;
}
/***History Section End ***/
/***Certification Start ***/
.certification{
margin-top: 30px;
}
.certification-img {
  padding-bottom: 22px;
}
.certification h1{
padding-top: 38px;
text-align: center;
color: #000000;
padding-bottom: 16px;
}
.row.certification-standard {
margin: 0px;
padding-top: 15px;
}
.certification-card-body{
flex: 1 1 11vh; 
}
/***Certification End ***/

/***Timeline start***/
.timeline-section{
background-color: #0F2B47;
}
.timeline-title {
position: relative;
padding-top: 55px;
width: 100%;
text-align: center;
color: #fff;
}
.timeline-para p {
color: #ffffffad;
text-align: center;
padding-top: 4px;
font-weight: 300;
}
.timeline {
position: relative;
width: 100%;
padding-top: 17px;
padding-bottom: 66px;
}
.timeline .timeline-container {
position: relative;
width: 100%;
}
.timeline .timeline-end,
.timeline .timeline-start,
.timeline .timeline-year {
position: relative;
width: 100%;
text-align: center;
z-index: 1;
}
.timeline .timeline-end p,
.timeline .timeline-start p,
.timeline .timeline-year p {
display: inline-block;
width: 68px;
height: 68px;
margin: 0;
padding: 23px 0;
text-align: center;
background: linear-gradient(#F4AA24, #ffe071);
border-radius: 100px;
color: #0f2b47;
font-size: 14px;
font-weight: 700;
}
.timeline .timeline-year {
margin: 30px 0;
}
.timeline .timeline-continue {
position: relative;
width: 100%;
padding: 25px 0;
}
.timeline .timeline-continue::after {
position: absolute;
content: "";
width: 1px;
height: 100%;
top: 0;
left: 50%;
margin-left: -1px;
background: #587A9B;
}
.timeline .row.timeline-left,
.timeline .row.timeline-right .timeline-date {
text-align: right;
color: #fff;
}
.timeline .row.timeline-right,
.timeline .row.timeline-left .timeline-date {
text-align: left;
color: #fff;
}
.timeline .timeline-date {
font-size: 22px;
font-weight: 600;
margin: 40px 0 0 0;
}
.timeline .row.timeline-left .timeline-date::after {
left: -7px;
}
.timeline .row.timeline-right .timeline-date::after {
right: -7px;
}
.timeline .timeline-box,
.timeline .timeline-launch {
position: relative;
display: inline-block;
margin: 15px;
padding: 20px;
border: 1px solid #f7fbff5e;
border-radius: 6px;
background: #0f2b47;
}
.timeline .timeline-launch {
width: 100%;
margin: 15px 0;
padding: 0;
border: none;
text-align: center;
background: transparent;
}
.timeline .timeline-box::after,
.timeline .timeline-box::before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
}
.timeline .row.timeline-left .timeline-box::after,
.timeline .row.timeline-left .timeline-box::before {
left: 100%;
}
.timeline .row.timeline-right .timeline-box::after,
.timeline .row.timeline-right .timeline-box::before {
right: 100%;
}
.timeline .timeline-launch .timeline-box::after,
.timeline .timeline-launch .timeline-box::before {
left: 50%;
margin-left: -10px;
}
.timeline .timeline-box::after {
top: 26px;
border-color: transparent transparent transparent #0f2b47;
border-width: 10px;
}
.timeline .timeline-box::before {
top: 25px;
border-color: transparent transparent transparent #768492;
border-width: 11px;
}
.timeline .row.timeline-right .timeline-box::after {
border-color: transparent #0f2b47 transparent transparent;
}
.timeline .row.timeline-right .timeline-box::before {
border-color: transparent #dddddd transparent transparent;
}
.timeline .timeline-launch .timeline-box::after {
top: -20px;
border-color: transparent transparent #dddddd transparent;
}
.timeline .timeline-launch .timeline-box::before {
top: -19px;
border-color: transparent transparent #ffffff transparent;
border-width: 10px;
z-index: 1;
}
.timeline .timeline-box .timeline-icon {
position: relative;
width: 40px;
height: auto;
float: left;
}
.timeline .timeline-icon i {
font-size: 25px;
color: #4F84C4;
}
.timeline .timeline-box .timeline-text {
position: relative;
width: calc(100% - 40px);
float: left;
}
.timeline .timeline-launch .timeline-text {
width: 100%;
}
.timeline .timeline-text h3 {
font-size: 16px;
font-weight: 600;
margin-bottom: 3px;
}
.timeline .timeline-text p {
font-size: 17px;
font-weight: 400;
margin-bottom: 0;
color: #fff;
}
@media (max-width: 768px) {
.timeline .timeline-continue::after {
left: 40px;
}
.timeline .timeline-end,
.timeline .timeline-start,
.timeline .timeline-year,
.timeline .row.timeline-left,
.timeline .row.timeline-right .timeline-date,
.timeline .row.timeline-right,
.timeline .row.timeline-left .timeline-date,
.timeline .timeline-launch {
text-align: left;
}
.timeline .row.timeline-left .timeline-date::after,
.timeline .row.timeline-right .timeline-date::after {
left: 47px;
}
.timeline .timeline-box,
.timeline .row.timeline-right .timeline-date,
.timeline .row.timeline-left .timeline-date {
margin-left: 55px;
}
.timeline .timeline-launch .timeline-box {
margin-left: 0;
}
.timeline .row.timeline-left .timeline-box::after {
left: -20px;
border-color: transparent #ffffff transparent transparent;
}
.timeline .row.timeline-left .timeline-box::before {
left: -22px;
border-color: transparent #dddddd transparent transparent;
}
.timeline .timeline-launch .timeline-box::after,
.timeline .timeline-launch .timeline-box::before {
left: 30px;
margin-left: 0;
}
}
/***Timeline End***/
/***About Page End***/
/***Suri Page Start***/
/***Process Overview Start***/
.process-overview{
background-color: #FFFAF2;
}
.overview-card {
border: none;
background-color: #fff;
box-shadow: 0 2px 10px rgb(117 117 117 / 9%);
padding: 25px;
}
.overview-card:hover {
transform: translateY(-10px);
background-color: #f9ebcdcf;
}
.overview-sub {
color: #575757;
}
.overview-card-title {
font-size: 57px;
text-align: left;
color: #ffb51a40;
font-family: 'Jost';
}
.overview-card-subtitle {
font-size: 20px;
color: #000000;
font-family: 'jost';
text-align: left;
}
.overview-card-text {
color: #666;
}
/***Process Overview End***/
/***Facilities Start***/
.facilities-section{
margin-top: 35px;
}
.facilities-content h1{
font-size: 38px;
margin-bottom: 20px;
}
.facilities-content p {
  margin-bottom: 32px;
  padding-right: 20px;
}
/***Facilities End***/
/***Advanced technologies***/
.advanced-tech{
margin: 4.6rem 0rem;
}
.technology-head {
padding-top: 17px;
font-size: 20px;
font-weight: 600;
}
.technology-subhead {
margin-top: -10px;
text-align: left !important;
}
.img-fluid {
object-fit: cover;
}
/***Advanced technologies End***/
.csr {
  background: url('../img/csr.jpg');
  margin-top: 37px;
  margin-bottom: -79px;
  padding-top: 7em;
  padding-bottom: 4em;
  text-align: center;
  background-attachment: fixed !important;
  background-size: cover !important;
  }
  .csr-head {
  text-align: left;
  font-size: 30px;
  color: #ffff;
  line-height: 44px;
  margin-bottom: 19px;
  }
  .csr-para {
  text-align: left;
  font-size: 17px;
  line-height: 27px;
  color: #ffffffd6;
  }
.quality-control {
background: url(../img/csr.jpg);
margin-top: 37px;
padding-top: 5em;
padding-bottom: 5em;
text-align: center;
background-attachment: fixed !important;
background-size: cover !important;
}
.storage-section{
margin-top: 92px;
margin-bottom: 80px;
}
.storage-content h1{
font-size: 38px;
margin-bottom: 20px;
}
.storage-content p {  
margin-bottom: 32px;
}
/***Suri Page End***/
/***Qurun Page Start***/
/***Qurun start***/
.qurun-section{
margin-top: 35px;
}
.qurun-content h1{
font-size: 38px;
}
.qurun-content p {  
margin-bottom: 17px;
}
.qurun-img1 {
margin-top: 13%;
}
.qurun-content {
margin-top: 5%;
}
/***Qurun End***/
/***Fish meal oil specification start***/
.qurunlogo-section {
  text-align: center;
  padding-top: 50px;
}
.specifications {
background-color: #0A2E50;
color: white;
padding: 0px 42px 171px 42px;
text-align: left;
}
.specifications p {
color: #FFCC33;
padding-top: 41px;
font-size: 30px;
text-align: left;
line-height: 37px;
}
.specifications img {
width: 50px;
height: auto;
margin-bottom: 20px;
}
.production {
padding: 42px 42px 24px 42px;
border: 1px solid #0A2E50;
text-align: left;
}
.production img {
width: 50px;
height: auto;
margin-bottom: 20px;
}
.production h2 {
color: #0A2E50;
padding-top: 41px;
}
li.specification-li {
padding-bottom: 17px;
font-family: jost;
}
.production-head {
font-size: 30px;
color: #0a2e50;
font-weight: 500;
}
.production-li {
font-family: 'Jost';
color: #5f5f5f;
padding-bottom: 7px;
}
/***Fish meal oil specification End***/
/***Qurun page End***/
/***Contact Page Start***/
.address-head{
margin-bottom: 22px;
}
.address-1 {
margin-bottom: 24px;
}
.address-card {
border: none;
background-color: #fff;
box-shadow: 0 2px 10px rgb(117 117 117 / 9%);
padding: 31px 27px 15px 27px;
}
.address-card:hover {
border: none;
box-shadow: 0 2px 10px rgb(117 117 117 / 9%);
padding: 31px 27px 15px 27px;
transform: translateY(-10px);
}
.address--sub {
color: #575757;
}
.address-card-subtitle {
font-size: 24px;
color: #000000;
text-align: center;
margin-top: 16px;
}
.address-card-text {
text-align: center;
}
.contact-icon.text-center {
background-color: #13314f;
width: 38px;
height: 38px;
padding: 5px;
border-radius: 24px;
display: inline-block;
}
.map {
border-radius: 5px;
margin-bottom: 20px;
padding-right: 23px;
}
.contact-form input, .contact-form textarea {
margin-bottom: 10px;
}
.field {
width: 100%;
outline: none;
border: 1px solid #13314f1c;
padding: 0.6rem 1rem;
font-size: 16px;
font-family: 'Jost';
margin-bottom: 22px;
transition: .3s;
}
textarea{
min-height: 17vh;
}
.field:focus{
border: 1px solid #01213f;
}
.contact-btn {
background-color: #0f2b47;
border: 0px;
color: #fff;
padding: 11px 41px;
border-radius: 5px;
font-size: 17px;
}
.advanced-technologies{
margin-top: 20px;
}
/***Contact Page End***/
/***Product Page Start***/
.value-added-head {
  font-size: 30px;
}
.value-added-para{
  font-size: 16px;
}
.product-head {
text-align: center;
font-size: 26px;
font-weight: 500;
margin-top: 22px;
}
.product-subhead {
text-align: center;
font-size: 17px;
color: #2E2E2E;
margin-top: -8px;
}
.nav-pills .nav-item .btn {
color: var(--dark);
}
.nav-pills .nav-item .btn:hover,
.nav-pills .nav-item .btn.active {
color: #ffffff;
background-color: #001F3C;
}
.product-page-item img {
transition: 0.5s;
}
.product-page-item:hover img {
transform: scale(1.1);
}
.product-page-item small a:hover {
color: var(--primary) !important;
}
.rounded-pill {
border-radius: 5px !important;
}
.border-2 {
border-width: 2px !important;
background-color: #f7f7f7fc;
}
.value-head {
  text-align: center;
  font-size: 18px;
  margin-top: 12px;
}
/***Product Page End***/
/* Privacy policy start */
.terms-subhead {
  font-size: 19px;
  color: black;
  font-weight: 500;
  margin-bottom: 7px;
  padding-top: 12px;

}
.terms-conditions {
margin-top: 4%;
}
.terms-sub {
font-size: 21px;
font-weight: 600;
color: #13314f;
margin-top: 31px;
}
.terms-main {
font-size: 30px;
font-weight: 600;
color: #13314f;
margin-top: 3%;
}
/* terms & conditions */
li.privacy-li {
  font-family: 'Jost';
  font-size: 17px;
  padding-bottom: 8px;
}
.privacy-policy {
margin-top: 4%;
}
.privacy-sub {
font-size: 21px;
font-weight: 600;
color: #414141;
margin-top: 31px;
}
p.privacy-main {
font-size: 24px;
font-weight: 600;
color: #13314f;
margin-top: 3%;
}
/* Privacy policy End */
/*** Media query for tab view***/
@media only screen and (max-width: 850px) {
a.nav-link {
padding-left: 12px;
}
ul.dropdown-menu.show li {
  padding: 0px 0px 0px 0px;
  min-width: 203px;
  border-bottom: 1px solid #ffffff52;
}

.navbar-nav .dropdown-menu {
  position: static;
  border: 0px;
  border-radius: 0px;
  min-width: 188px;
  background-color: #13314f;
  padding: 0px;
}

.dropdown-menu .navbar-nav li a {
  color: #fdfdfd !important;
  font-size: 20px;
  font-family: jost;
  font-weight: 500;
}

a.dropdown-item {
  color: #fff !important;
  font-size: 17px !important;
  line-height: 40px;
  padding-left: 22px;
  font-weight: 400 !important;
}

a.dropdown-item:hover {
  color: #00172D  !important;
  background-color: #eda42a !important;
  font-size: 17px !important;
  font-weight: 400 !important;
}
.nav-link:focus, .nav-link:hover {
color: rgb(255 255 255 / 80%) !important;
background-color: #13314f;
}
.navbar-nav li a {
color: #434343 ;
font-size: 20px;
font-family: jost;
font-weight: 500;
}
.banner .flexslider .slides li {
height: 50vh;
display: flex !important;
align-items: end;
background: inherit;
}
.quick-links {
padding-left: 31px;
}
h1.Banner-page-heading {
text-align: center;
color: white;
padding-top: 23%;
}
.inner-banner {
background-size: cover;
height: 30vh;
}
.about-img-bg {
position: relative;
width: 100%;
height: 33vh;
display: flex;
align-items: flex-start;
overflow: hidden;
}
.qurun-img {
display: none;
}
.qurun-img1 {
margin-top: 2%;
}
.qurun-img2 {
height: 32vh;
}
.qurun-content {
margin-top: 2px;
}
.about-img {
margin-top: 21px;
}
.about-content p {
margin-bottom: 32px;
padding-right: 0px; 
}
.about-section {
margin-top: 56px;
margin-bottom: 35px;
}
.quality-card-body {
flex: 1 1 12vh;
}
.specifications {
  background-color: #0A2E50;
  color: white;
  padding: 0px 42px 57px 42px;
}
.statistics-card {
  height: auto;
  width: 17%;
}
.statistics-main {
  
  gap: 10% !important;
}
.statistics-card > p {

  font-size: 17px !important;
    line-height: 23px !important;
}
.fa-brands, .fab {
margin-bottom: 12px
}
}
/*** Media query for Mobile view***/
@media only screen and (max-width: 600px) {
.nav-link:focus, .nav-link:hover {
color: rgb(255 255 255 / 80%) !important;
background-color: #13314f;
}
ul.dropdown-menu.show li {
  padding: 0px 0px 0px 0px;
  min-width: 203px;
  border-bottom: 1px solid #ffffff52;
}

.navbar-nav .dropdown-menu {
  position: static;
  border: 0px;
  border-radius: 0px;
  min-width: 188px;
  background-color: #13314f;
  padding: 0px;
}

.dropdown-menu .navbar-nav li a {
  color: #fdfdfd !important;
  font-size: 20px;
  font-family: jost;
  font-weight: 500;
}

a.dropdown-item {
  color: #fff !important;
  font-size: 17px !important;
  line-height: 40px;
  padding-left: 22px;
  font-weight: 400 !important;
}

a.dropdown-item:hover {
  color: #00172D  !important;
  background-color: #eda42a !important;
  font-size: 17px !important;
  font-weight: 400 !important;
}
.navbar-nav li a {
color: #101010 ;
font-size: 17px;
font-family: jost;
}
h1.Banner-page-heading {
text-align: center;
color: white;
padding-top: 31%;
}
li.nav-item.me-2 {
padding-bottom: 13px;
padding-right: 5px;
}
.quick-links {
padding-left: 16px;
}
.about-img {
margin-top: 21px;
}
.about-content p {
margin-bottom: 32px;
padding-right: 0px; 
}
.about-section {
margin-top: 56px;
margin-bottom: 35px;
}
.about-img-btn {
  background-color: rgb(11 39 67);
  color: #ffffff;
  font-size: 25px;
  font-family: 'Jomolhari';
  padding: 18px 41px;
  text-align: left;
  margin-bottom: 10px;
  cursor: auto;
}
.qurun-img {
display: none;
}
.qurun-img1 {
margin-top: 2%;
}
.qurun-img2 {
height: 32vh;
}
.qurun-content {
margin-top: 2px;
}
.quality-card-body {
flex: 1 1 15vh;
}

.statistics-card > p {
  font-size: 17px !important;
}
.statistics-main {
  display: flex;
  /* justify-content: center; */
  width: 100%;
  gap: 9%;
  flex-wrap: wrap;
}
.statistics-card {
  height: auto;
  width: 44%;
}
.tab-content {
  margin-bottom: 38% !important;
}
#tile-1 .nav-tabs li a {
  position: relative;
  margin-right: 0px !important;
  padding: 20px 26px !important;
  font-size: 16px;
  border: none !important;
  color: #333;
}
#tile-1 .tab-pane {
  padding-top: 15px;
  height: 80px;
}
}

@media screen and (max-width: 1400px) and (min-width: 900px) {
 .navbar-nav li {
        padding: 0px 8px;
    }
.navbar-nav li a {
  font-size: 18px;
  font-family: jost;
  font-weight: 500;
}
.stats-card .core-card-body {
  padding: 1.2rem;
}
.specifications {
  background-color: #0A2E50;
  color: white;
  padding: 0px 42px 188px 42px;
}
.production {
  padding: 42px 42px 8px 42px;
  border: 1px solid #0A2E50;
}
.slider a {
  background-position: center;
  background-size: cover;
  display: block;
  width: 100%;
  height: auto;
  min-height: 37vh;
}
.inner-banner {
  background: url(../img/about-banner.jpg) no-repeat center center;
  background-size: cover !important;
  height: 22vh;
}
.about-img-bg {
  background: url(../img/about-page.jpg) no-repeat center center;
  position: relative;
  width: 100%;
  height: 28vh;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
}
.statistics-card {
  height: auto;
  width: 16% !important;
}
.statistics-card > p {
  font-size: 16px !important;
 
}
.fa-brands, .fab {
    margin-bottom: 12px;
}

}

* {
  scrollbar-width: thin !important;
  scrollbar-color: #0F2B47 #f5f5f5 !important;
}
/* Works on Chrome, Edge, and Safari */

*::-webkit-scrollbar-track {
  background: #0F2B47 !important;
}

*::-webkit-scrollbar-thumb {
  background-color: #0F2B47 !important;
  border-radius: 2rem !important;
  border: 0.3rem solid #0F2B47 !important;
}

*::-webkit-scrollbar-corner {
  background: #0F2B47 !important;
}

ul.dropdown-menu.show li {
  padding: 0px 0px 0px 0px;
  min-width: 203px;
  border-bottom: 1px solid #ffffff52;
}

.navbar-nav .dropdown-menu {
  position: static;
  border: 0px;
  border-radius: 0px;
  min-width: 188px;
  background-color: #13314f;
  padding: 0px;
}

.dropdown-menu .navbar-nav li a {
  color: #fdfdfd !important;
  font-size: 20px;
  font-family: jost;
  font-weight: 500;
}
a.dropdown-item {
  color: #fff;
}
a.dropdown-item {
  color: #fff;
  font-size: 19px ;
  line-height: 40px;
  padding-left: 22px;
  font-weight: 400 !important;
}

a.dropdown-item:hover {
  color: #00172D  !important;
  background-color: #eda42a !important;
  font-size: 19px ;
  font-weight: 400 !important;
}

.suri-gold-head h1 {
  font-size: 33px;
  margin-bottom: 41px;
}
.suriproduct-head {
  font-size: 21px;
  font-weight: 500;
  color: #13314f;
  margin-top: 20px;
  margin-bottom: 0;
  text-align: center;
}
.suriproduct-subhead {
  font-size: 17px;
  text-align: center;
  color: #494949;
}