@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600;700;800&display=swap');

body{
 font-family: 'Inter';
}

.bold{
  font-weight: bold;
}

#cookie-banner {
  position: fixed;
  bottom: 20px;      /* margin from bottom */
  right: 20px;       /* margin from right */
  background: #fff;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 0px; /* rounded corners */
  z-index: 1000;
  font-family: Arial, sans-serif;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  max-width: 350px;
  display: flex;
  flex-direction: column;
}
#cookie-banner p {
  margin: 0 0 15px 0;
  color: #000;
  font-size: 16px;
}
#cookie-banner .buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#cookie-banner button {
  padding: 10px 15px;
  border: none;
  cursor: pointer;
  font-size: 16px;
  border-radius: 0px;
}
#cookie-banner button.accept {
  background-color: #4caf50;
  color: #fff;
}
#cookie-banner button.reject {
  background-color: #f44336;
  color: #fff;
}
#cookie-policy {
  text-align: center;
  margin-top: 10px;
}
#cookie-policy a {
  color: #007bff;
  text-decoration: none;
  font-size: 14px;
}
#cookie-policy a:hover {
  text-decoration: underline;
}


.navbar{
  padding:10px;
  background: #FFF;
}

.navbar-light{
  background: #ffffff;
}

.bg-light{
  background: #ffffff!important;
}

.navbar .nav-link{
  font-size: 15px;
  margin-left: 40px;
  margin-right:40px;
  color:#000;
}

.navbar .active{
  color:#000!important;
}

.navbar .main-btn{
  padding:10px;
  padding-left: 30px;
  padding-right: 30px;
  background:#1e6de6;
  border-radius: 35px;
  text-decoration: none;
  color:#FFF;
  font-size: 15px;
}

.navbar .dropdown-menu{
  margin-top:30px;
  width:350px;
}

.navbar .dropdown-menu .dropdown-item{
  display: block;
  float:left;
  margin-bottom: 8px;
  border-bottom: 2px solid #eaeef3;
}

.navbar .dropdown-menu .dropdown-item:hover{
  background: #FFF;
}

.navbar .dropdown-menu .dropdown-item .drop-image{
  width:50px;
  float:left;
  margin-bottom: 10px;
  margin-top:5px;
}

.navbar .dropdown-menu .dropdown-item .drop-text{
  margin-left: 30px;
  float:left;
  display: block;
  margin-top:4px;
  margin-bottom: 14px;
  font-size:15px;
}

.navbar .dropdown-menu .no-border{
  border:0px!important;
  margin-bottom: 0px;
}

.navbar #main-icon{
  font-size:15px;
  float:right;
  color:#000;
  margin-top:3px;
}

#top-nav{
  background:#100d29;
  padding:10px;
  border-bottom: 1px solid #FFF;
  color:#FFF;
}

#top-nav .main-link{
  float:left;
  text-decoration: none;
  color:#FFF;
  margin-right:20px;
  font-size:15px;
  margin-left: 5px;
  margin-top:2px;
}

#top-nav .small-icon{
  margin-right: 10px;
  margin-top:-3px;
}

#top-nav .main-text{
  font-size:15px;
  margin:0px;
  border-left: 1px solid #FFF;
  text-align: center;
  font-weight: normal;
}

#image-background{
  height: 500px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#image-background #text-container{
  margin-top: 50px;
  margin-bottom: auto;
}

#image-background .header-text{
  font-size:70px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top:50px;
  color:#FFF;
}

#image-background .sub-text{
  font-size:18px;
  color:#FFF;
}

#image-background .wrapper{
  padding:20px;
  height: 100%;
  width:100%;
  background:rgba(13, 38, 77,.6);
  border-radius: 30px;
}

.imagebackground-about{
  background-image:url("../img/national-cancer-institute-fd0b-Bl4cFc-unsplash.jpg");
  background-position: center;
  background-size: cover;
  height:500px;
  border-radius: 30px;
}

.imagebackground-csr{
  background-image:url("../img/SDG-ojafr.webp");
  background-position: center;
  background-size: contain;
  height:500px;
  border-radius: 30px;
}

.imagebackground-rd{
  background-image:url("../img/national-cancer-institute-to8o0bqOA6Q-unsplash.jpg");
  background-position: center;
  background-size: cover;
  height:500px;
  border-radius: 30px;
}



#half-background{
  background:#100d29;
}

#half-background #image-container .main-image{
  width:100%;
  height: 60vh;
  object-fit: cover;
}

#half-background #text-container{
  padding:20px;
  margin-top:auto;
  margin-bottom: auto;
}

#half-background #text-container .header-text{
  font-size:50px;
  font-weight: bolder;
  color:#FFF;
  text-transform: uppercase;
}

#half-background #text-container .sub-text{
  width:85%;
  text-align: justify;
  color:#FFF;
}

#half-background #text-container .active-pir{
  text-decoration: none;
  color:#333333;
  padding:10px;
  margin-right: 10px;
  border-bottom: 1px solid transparent;
  transition: 0.3s;
}

#half-background #text-container .active-pir:hover{
  border-bottom: 1px solid #008080;
  transition: 0.3s;
}

#half-background #text-container .null-pir{
  text-decoration: none;
  color:#000;
  padding:10px;
  padding-left: 0px;
  padding-right: 15px;
  margin-left: 10px;
}

#background-container{
  background: #100d29;
}

#background-container #text-container{
  padding:40px;
  margin-top: auto;
  margin-bottom:auto;

}

#background-container #image-container .main-image{
  width:100%;
  margin:0px;
  height: 500px;
}

#background-container #text-container .header-text{
  color:#FFF;
  font-size:55px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top:-10px;
}

#background-container #text-container .sub-text{
  color:#FFF;
  font-weight: normal;
  margin-bottom: 40px;
  font-size:17px;
  width:80%;
  text-align: justify;
}

#background-container #arrow-icon{
  margin-left: 20px;
}

#background-container #text-container .main-btn{
  padding:15px;
  padding-left: 45px;
  padding-right: 45px;
  text-decoration: none;
  color:#000;
  background: #FFF;
  text-transform: uppercase;
}


#about-note{
  padding:20px;
  padding-top:30px;
  background: #f2f5f9;
}

#about-note .header-text{
  margin:0px;
  font-size: 40px;
  color:#100d29;
}

#about-note .par-text{
  text-align: justify;
  color:rgba(0,0,0,.7);
}

#about-note .main-btn{
  padding:10px;
  padding-left: 40px;
  padding-right: 40px;
  text-decoration: none;
  color:#FFF;
  background: #008080;
  float:left;
}

#about-note #main-box{
  margin-top:0px;
  padding: 15px;
  border-radius: 20px;
  background: #FFF;
  border:10px solid #f2f5f9;
}

#about-note .sub-text{
  text-align: justify;
  color:rgba(0,0,0,.7);
}

#about-note .main-image{
  width:100%;
  height: 300px;
  object-fit: cover;
  margin-top:15px;
}

#about-note .sdg-image{
  width:100px;
  object-fit: cover;
  margin-top:15px;
}

#about-note .main-text{
  font-weight: bold;
  font-size:20px;
  margin-top:20px;
  margin-bottom: 10px;
}

#about-note .key-text{
  color:#00378a;
  font-size: 1.25rem;
  margin:0px;
}

#video-container {
  position: relative;
  width: 100%;
  height: 85vh; /* Adjust as needed */
  overflow: hidden;
}

#video-container .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  z-index: -1;
}

#video-container .content {
  position: relative;
  z-index: 1;
  color: white;
  padding: 3rem;
  padding:100px;
  padding-top:70px;
}

#video-container .content .header-text{
  font-size:50px;
  line-height: 60px;
  font-weight: 900;
  text-transform: uppercase;
}

#video-container .content .sub-text{
  font-size:17px;
  text-align: justify;
  color:rgba(255,255,255,.7);
}

#video-container .content .key-text{
  color:#1e6de6;
  font-size:1.25rem;
}

#video-container .wrapper{
  background:rgba(13, 38, 77,.9);
  height: 100%;
  width:100%;
}

#video-container .main-btn{
  background: #FFF;
  padding:16px;
  padding-left: 60px;
  padding-right: 60px;
  color:#000;
  text-decoration: none;
  margin-top:20px;
  margin-right: 20px;
  border-radius: 100px;
}


#video-container .contact-btn{
  background: #1e6de6;
  padding:16px;
  padding-left: 60px;
  padding-right: 60px;
  color:#FFF;
  text-decoration: none;
  margin-top:20px;
  margin-right: 20px;
  border-radius: 100px;
}

#major-header{
  background-color:#00378a;
  min-height: 300px;
  padding:30px;
}

#major-header .key-text{
  font-size:20px;
  color: #1e6de6;
  margin:0px;
  margin-top:50px;
}

#major-header .main-header{
  font-size:50px;
  color:#FFF;
}

#major-header #text-container{
  margin-top: auto;
  margin-bottom: auto;
}

#major-header .sub-text{
  font-size:17px;
  text-align: justify;
  margin-top: auto;
  margin-bottom: auto;
  color:rgba(255,255,255,0.7);
}

#research{
  background:#082552;
  padding:20px;
}

#research .main-image{
  width:100%;
  margin-top: auto;
  margin-bottom: auto;
  border-radius: 10px;
}

#research .key-text{
  color:#1e6de6;
}

#research .header-text{
  color:#FFF;
  font-size:40px;
}

#research .sub-text{
  color:rgba(255,255,255,0.6);
  text-align: justify;
}

#research #text-container{
  margin-top: auto;
  margin-bottom: auto;
}

#research #text-container .list-text{
  margin-top:15px;
  list-style: none;
  color:#FFF;
}

#research #text-container .list-image{
  width:30px;
  height: 30px;
  margin-right: 20px;
}

#benefits-section{
  background: #f2f5f9;
  padding:30px;
}

#benefits-section .key-text{
  color:#00378a!important;
  font-size: 1.25rem;
  margin:0px;
}

#benefits-section #main-container{
  background: #FFF;
  border:10px solid #f2f5f9;
  border-radius: 20px;
  padding:30px;
  box-shadow: 0 4px 12px 0 #f2f5f9;
  margin-top:10px;
}

#benefits-section #main-container .header-text{
  font-size:25px;
  margin-top:15px;
  color:#00378a;
}

#benefits-section #main-container .sub-text{
  margin-top:5px;
  color:rgba(0,0,0,.7);
  text-align: justify;
}

#benefits-section .main-text{
  font-size:40px;
}

#social-container{
  background: #2746f8;
  padding:100px;
}

#social-container .header-text{
  color:#FFF;
}

#social-container #main-link{
  color:#FFF;
  text-decoration: none;
  font-size:35px;
  margin-right: 70px;
}

#info-field{
  padding:30px;
  background: #f2f5f9;
}

#info-field .general-text{
  font-size: 35px;
  color:#2746f8;
  text-transform: uppercase;
  font-weight: bold;
}

#info-field .par-text{
  text-align: justify;
}

#info-field .sub-text{
  color:#838b93;
}

#info-field #text-container{
}

#info-field #text-container #main-icon{
  font-size:15px;
  color:#008080;
  margin-right:5px;
  margin-bottom: 20px;
}

#info-field #text-container .icon-box{
  margin-bottom: 10px;
}

#info-field #text-container .key-text{
  color:#00378a;
  font-size: 1.25rem;
  margin:0px;
}

#info-field #text-container .list-text{
  margin-top:15px;
  list-style: none;
  color:rgba(0,0,0,.7);
}

#info-field #text-container .list-image{
  width:30px;
  height: 30px;
  margin-right: 10px;
}

#info-field #text-container .bold-text{
  font-weight: bold;
  color:#000;
}

#info-field #text-container .header-text{
  font-size:40px;
}

#inter-container{
  padding:20px;

  background: #082552;
}

#inter-container #main-container{
  border-radius: 20px;
}

#inter-container #text-container{
  margin-top: auto;
  margin-bottom: auto;
  padding:30px;
}

#inter-container #main-container .header-text{
  font-size:40px;
  color:#FFF;
}

#inter-container #main-container .sub-text{
  font-size:17px;
  color:rgba(255,255,255,.7);
  margin-bottom: 30px;
  text-align: justify;
}

#inter-container #main-container .main-btn{
  padding:15px;
  padding-left: 70px;
  padding-right: 70px;
  background: #1e6de6;
  color: #FFF;
  text-decoration: none;
  border-radius: 30px;
}

#inter-container .main-image{
  width:100%;
  height: 350px!important;
  object-fit: cover;
  border-radius: 10px;
}

#inter-container .key-text{
  color:#1b64d3;
  font-size: 1.25rem;
}


#mission{
  background: #eaeef3;
  padding:35px;
}

#mission .key-text{
  color:#00378a;
  font-size: 1.25rem;
}

#mission .sub-text{
  font-size:40px;
}

#mission .name-text{
  font-size:25px;
  margin:0px;
  color:#00378a;
}

#mission .par-text{
  color:#838b93;
  margin-top:10px;
  font-size:17px;
}

#info-field #text-container .main-btn{
  background: #008080;
  text-decoration: none;
  color:#FFF;
  padding:15px;
  padding-left: 40px;
  padding-right: 40px;
  margin-top:10px;
  float:left;
  border-radius: 0px;
  font-size: 17px;
  margin-right: 30px;
}

#info-field #text-container .side-btn{
  background: #FFF;
  text-decoration: none;
  color:#008080;
  padding:15px;
  padding-left: 40px;
  padding-right: 40px;
  margin-top:10px;
  float:left;
  border-radius: 0px;
  font-size: 17px;
  margin-right: 30px;
}

#info-field #text-container .bolded-text{
  font-weight: bolder;
}

#info-field #text-container .sub-text{
  text-align: justify;
  padding-right:20px;
  margin:0px;
  color:rgba(0,0,0,.7);
}

#info-field #image-container{
  overflow: hidden;
}

#info-field #image-container .main-image{
  height: 100%;
  width: 100%!important;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}


.bg-grey{
  background: #eaeef3!important;
}

#general-list{
  padding:30px;
  background: #FFF;
}

#general-list .header-text{
  font-size: 35px;
  color: #100d29;
  font-weight: bolder;
}

#general-list .key-text{
  color:#00378a;
  margin:0px;
  font-size: 1.25rem;
}

#general-list .main-icon{
  width:50px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top:50px;
}

#general-list .left-icon{
  width:50px;
  height: 50px;
  display: block;
}

#general-list .main-text{
  margin-top:15px;
  font-weight: bold;
  font-size:20px;
  color:#00378a;
}

#general-list .sub-text{
  margin-bottom:30px;
  width:85%;
  color:#838b93;
}

#general-list .par-text{
  text-align: justify;
  color:#838b93;
}

#general-list .icon-image{
  width:40px;
}

#general-list #major-container{
  padding:20px;
  background: #eaeef3;
  border-radius: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

#main-quote{
  padding:50px;
}

#main-quote .header-text{
  font-size:40px;
  font-weight: normal;
  margin-top:15px;
  margin-bottom: 15px;
}

#background-tri{
  background: #eaeef3;
  padding:120px;
  color:#FFF;
}

#background-tri .header-text{
  color:#000;
  text-transform: uppercase;
  font-weight: bold;
}

#background-tri .sub-text{
  color:#000;
  font-size:20px;
}

#background-main{
  background: #008080;
  padding:80px;
  color:#FFF;
}

#background-main .header-text{
  color:#FFF;
  text-transform: uppercase;
  font-weight: bold;
}

#background-large{
  background: #100d29;
  padding:80px;
  color:#FFF;
}

#background-large .header-text{
  font-size: 50px;
  text-transform: uppercase;
  font-weight: bold;
  margin:0px;
  margin-top:0px;
  margin-bottom: 10px;
}

#background-large .par-text{
  color:#FFF;
  letter-spacing: 2px;
  margin:0px;

}

#background-large .sub-text{
  width:70%;
  text-align: justify;
  color: rgba(255,255,255,0.8);
}

#figure-data{
  padding:50px;
}

#figure-data #main-container{
  background: ;
}

#figure-data .main-text{
  font-size:40px;
  text-transform: uppercase;
  margin-bottom: 50px;
}

#figure-data #main-container{
  border-top:2px solid #2746f8;
  margin-left: 15px;
  margin-right: 15px;
  padding:30px;
}

#figure-data #main-container #main-icon{
  font-size:30px;
}

#figure-data #main-container .figure-text{
  font-size:60px;
  color:#2746f8;
}

#group-section{
  padding:30px;
}

#group-section #main-container{
  min-height: 200px;
  margin-bottom: 50px;
  background: #eaeef3;
  padding:50px;
  border-radius: 20px;
}

#group-section #main-container .main-image{
  width:150px;
}

#group-section #main-container .header-text{
  font-size:28px;
  text-transform: uppercase;
  font-weight: bold;
  margin:0px;
  margin-bottom: 10px;
  margin-top:20px;
}

#group-section #main-container .mini-text{
  font-size:15px;
  margin:0px;
  margin-bottom: 10px;
}

#group-section #main-container .sub-text{
  font-size:17px;
  margin:0px;
  margin-bottom: 10px;
  width:100%;
  float:left;
  text-align: justify;
  margin-top:10px;
}

#group-section #main-container .main-link{
  text-decoration: none;
  color:#FFF;
  background: #00378a;
  padding:15px;
  padding-left: 30px;
  padding-right: 30px;
  float:left;
  margin-top:5px;
  border-radius: 100px;
}

#related-links{
  padding:20px;
  background: #eaeef3;
  border-bottom: 5px solid #FFF;
}

#related-links #main-container{
  background: #FFF;
  border-radius: 20px;
}

#related-links #main-icon{
  float:right;
  margin-right: 50px;
}

#related-links .main-text{
  font-size: 40px;
  color:#100d29;
}

#related-links .no-link{
  text-decoration: none;
  color:inherit;
}

#related-links .header-text{
  font-size:20px;
  margin-top:20px;
  margin-bottom: 2px;
  margin-left: 20px;
  margin-bottom: 10px;
  font-weight: bold;
}

#related-links .main-image{
  width:100%;
  object-fit: cover;
  height: 300px;
  border-radius: 10px;
}

#related-links .par-text{
  width:50%;
  margin:0px;
  margin-bottom: 20px;
  color:rgba(0,0,0,.7);
}

#related-links .key-text{
  color:#00378a;
  font-size: 1.25rem;
}

#related-links .sub-text{
  text-align: justify;
  width:90%;
  margin-left: 20px;
  margin-bottom: 40px;
  color:rgba(0,0,0,.7);
}

#about-container{
  padding:100px;
}

#about-container .header-text{
  font-size:40px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
}

#about-container .sub-text{
  font-size:20px;
}

#about-container #bg-container{
  height: 700px;
  background: #eaeef3;
  margin-top:50px;
  border-radius: 20px;
}

#about-container #bg-container #image-container .main-image{
  width:100%;
  height: 700px;
  object-fit: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#about-container #bg-container #text-container{
  padding:50px;
  margin-top: auto;
  margin-bottom: auto;
}

#about-container #bg-container #text-container .main-text{
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size:30px;
}

#about-container #bg-container #text-container .par-text{
  width:80%;
}

#products{
  padding:50px;
  background: #eaeef3;
}

#products #text-container .list-text{
  margin-top:15px;
  list-style: none;
  color:#000
  text-align:justify;
}

#products #text-container .list-image{
  margin-right:5px;
}

#products #text-container .bold-text{
  font-weight: bold;
}

#products #text-container .key-text{
  color:#00378a;
}


#products #text-container{
}

#products .main-image{
  width:100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

#products .main-bg{
  width:100px;
  color:#008080;
  letter-spacing: 2px;
}

#products .sup-text{
  margin-top:0px;
  font-weight: bold;
  font-size:15px;
  margin:0px;
  text-transform: uppercase;
  color:#100d29;
}

#products .header-text{
  margin-top:0px;
  font-weight: bold;
  font-size:25px;
  margin:0px;
  margin-bottom: 5px;
  text-transform: uppercase;
  color:#100d29;
}

#products .sub-text{
  margin-bottom: 0px;
  text-align: justify;
  color:rgba(0,0,0,.6);
}

#products .key-text{
  font-size: 1rem;
}

#products .list-text{
  margin-top:10px;
}

#products .wide-btn{
  display: block;
  color:#FFF;
  background: #1e6de6;
  text-align: center;
  padding:15px;
  text-decoration: none;
  border-radius: 10px;
  margin-top: 20px;
}

#products #main-icon{
  font-size:30px;
  color:#1e6de6;
}

#products #chevron{
  float:right;
}


#other-products{
  padding:100px;
  background: #eaeef3;
}

#other-products .hover-effect-container{
  height: 400px;
  background-image: url("../img/007_digital_pharma_manufacturing.webp");
  background-size: cover;
  background-position: center;
  background-repeat: none;
  transition: transform 0.1s ease, box-shadow 0.1s ease;
  will-change: transform;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  margin-left: 50px;
  margin-right: 50px;
  border-radius: 0px;
  margin-top:50px;
  padding:0px;
}

#other-products .hover-effect-container:hover {
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3);
}

#other-products .wrapper{
  height: 100%;
  width:100%;
  background: rgba(0, 0, 0,0.6);
  border-radius: 8px;
  padding:15px;
}

#other-products .main-text{
  font-size:20px;
  margin-top:150px;
  color:#FFF;
  font-weight: bold;
}

#other-products .main-btn{
  background: #008080;
  color:#FFF;
  padding:10px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  float:left;
  margin-top:10px;
  border-radius: 0px;
}

#other-products .header-text{
  font-size:35px;
  text-transform: uppercase;
  font-weight: bolder;
}

#other-products .sub-text{
  color:#FFF;
}

#deep-container{
  padding:50px;
}

#deep-container #bg-container{
  background: #00857c;
  margin-bottom: 50px;
  border-left: 20px solid #FFFFFF;
  border-radius: 20px solid #FFFFFF;
}

#deep-container #bg-container #text-container{
  padding:15px;
}

#deep-container #bg-container .main-image{
  width:100%;
  height: 200px;
  object-fit: cover;
}

#deep-container #bg-container .header-text{
  font-size:30px;
  margin-bottom: 20px;
  color:#FFF;
}

#deep-container #bg-container .sub-text{
  color:#FFF;
}

#deep-container #bg-container .link-btn{
  padding:10px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  color:#FFF;
  float:left;
  border-bottom: 1px solid #FFF;
}

#deep-container #bg-container #main-icon{
  float:right;
  margin-left: 30px;
}

#deep-container .main-text{
  font-weight: bold;
  margin-bottom: 50px;
}

.no-decoration{
  text-decoration: none;
  color:#000;
}

#team{
  padding:10px;
}

#team #main-container{
}

#team .header-text{
  font-size:30px;
}

#team .main-image{
  width:100%;
  padding-right:30px;
}

#team .main-text{
  font-size:20px;
  margin-top:10px;
  color: #008080;
  font-weight: bold;
}

#team .sub-text{
  width:90%;
}

#market-page{
  background: #eaeef3;
  padding-top:20px;
  padding-bottom: 20px;
}

#market-page .key-text{
  color:#00378a;
  font-size:1.25rem;
}

#market-page #field-container{
  padding:20px;
}

#market-page #field-container .bold-text{
  font-weight: bold;
}

#market-page #field-container .list-text{
  margin-top:15px;
  list-style: none;
  color:#000;
}

#market-page #field-container{
  padding:20px;
}

#market-page #main-container{
  border-top: 2px solid #008080;
  padding: 10px;
  padding-top:50px;
}

#market-page #field-container #image-container .main-image{
  width:100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

#market-page .main-figure{
  font-weight: bold;
  font-size: 70px;
  color:#00378a;
}

#market-page .sub-figure{
}

#market-page .main-text{
  font-size:25px;
  text-transform: uppercase;
  font-weight: bold;
  width:100%;
  margin-bottom: 50px;
}

#market-page .header-text{
  font-size:35px;
  font-weight: bold;
  color:#100d29;
  text-transform: uppercase;
}

#market-page .sip-text{
  font-size:20px;
  font-weight: bold;
  margin:0px;
}

#market-page .sub-text{
  width:100%;
  text-align: justify;
  margin:0px;
  color:rgba(0,0,0,.6);
}

#market-page .themed-bg{
  color:#008080;
}

#market-page #text-container .list-text{
  margin-top:15px;
  list-style: none;
  color:#000;
}

#product-list{
  padding-top:20px;
  padding-bottom:20px;
  background: #f2f5f9;
}

#product-list .key-text{
  color:#00378a;
  font-size: 1.25em;
}

#product-list .sub-text{
  text-align: justify;
  color:rgba(0,0,0,0.7);
}

#product-list #main-container{
  padding:0px;
  background: #FFF;
  padding-bottom:10px;
  margin-left: 25px;
  margin-right: 25px;
  border-radius: 10px;
}

#product-list #main-container .info-text{
  font-size: 15px;
  margin:0px;
  padding:15px;
  padding-top:0px;
  padding-bottom: 0px;
  margin-bottom: 5px;
}

#product-list #main-container .header-text{
  margin:0px;
  margin-bottom: 0px!important;
  font-size:22px;
  font-weight: bolder;
  color:#00378a;
  padding:15px;
  padding-top:5px;
  padding-bottom: 5px;
}

#product-list #main-container .jax-text{
  font-size:17px;
}

#product-list #main-container .main-image{
  width:100%;
  height: 300px;
  object-fit: cover;
  margin-bottom: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#product-list #main-container #product-icon{
  font-size:25px;
  margin-left: 15px;
  margin-bottom: 0px!important;
  color:#00378a;
}


#product-list #main-container .wrapper:hover{
  background: rgba(0,0,0,0.3);
  height: 100%;
  width:100%;
  color:#FFF;
  transition: 0.3s;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

#product-list .no-decor{
  text-decoration: none;
  color:inherit;
}

#product-list #text-container{
  margin-top:auto;
  margin-bottom: auto;
}

#product-list #main-container .par-text{
  font-size:15px;
  width:100%;
  padding:15px;
  padding-top:0px;
  padding-bottom: 0px;
  text-align:justify;
  color:rgba(0,0,0,0.7);
}

#product-list #main-container .sub-text{
  font-size:15px;
  text-align: justify;
}

#product-list #main-container .main-btn{
  text-decoration: none;
  padding:13px;
  padding-left: 30px;
  padding-right: 30px;
  color:#FFF;
  float:left;
  width:100%;
  background:#100d29;
  display: block;
}

#product-list .main-text{
  margin:0px;
  color:#100d29;
  font-size:40px;
}

#product-list .key-btn{
  text-decoration: none;
  padding:10px;
  padding-left: 30px;
  padding-right: 30px;
  color:#FFF;
  background: #008080;
  margin-top:5px;
  margin-bottom: 30px;
}

#product-list #main-icon{
  margin-left: 20px;
  float:right;
}

#figures{
  background: #100d29;
  padding:50px;
}

#figures .header-text{
  text-transform: uppercase;
  font-weight: bold;
}

#figures #main-container{
  color:#FFF;
}

#figures #main-container .sub-text{
  width:80%;
  margin-top:20px;
  color:#FFF;
  text-align: justify;
}

#figures #main-container h2{
  font-size: 60px;
  color:#FFF;
  font-weight: bold;
}

#fixedpanel {
  position: fixed;
  bottom: 0px;
  right: 0px;
  background: #008080;
  width:100%;
  height:100px;
  color:#FFF;
  margin-top: 100px;
}

#fixedpanel .main-text{
  margin-top:35px;
  font-weight: bold;
}

#fixedpanel #fixedbutton{
  text-decoration: none;
  color:#000;
  background: #FFF;
  padding:10px;
  padding-left:35px;
  padding-right:35px;
  margin-top:27px;
  border-radius: 0px;
  float:right;
  font-weight: bold;
  font-size:15px;
  margin-right: 50px;
}

#state-page{
  padding:100px;
  background: #2746f8;
}

#state-page .header-text{
  font-size:40px;
  color:#FFF;
  text-transform: uppercase;
  font-weight: bold;
}

#state-page #main-icon{
  font-size:40px;
  color:#FFF;
}

#state-page .sub-text{
  color:#FFF;
  width:60%;
}

#state-page .main-text{
  color:#FFF;
  font-weight: bold;
  text-transform: uppercase;
}

#state-page .par-text{
  color:#FFF;
  margin-bottom: 50px;
  font-size: 20px;
}

#state-page .sip-text{
  color:#FFF;
  font-size: 25px;
}

#idle-page{
  padding:40px;
  background: #eaeef3;
}

#idle-page .main-text{
  margin-bottom: 30px;
}

#idle-page .header-text{
  font-size:22px;
  margin-top: 10px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: bold;
}

#idle-page #main-icon{
  font-size:40px;
}

#idle-page .sub-text{
  width:80%;
  text-align: justify;
}

#idle-page .main-text{
  font-weight: bold;
  text-transform: uppercase;
}

#idle-page .par-text{
  margin-bottom: 50px;
  font-size: 20px;
}

#idle-page .sip-text{
  font-size: 25px;
}

#idle-page .icon-image{
  width:70px;
  height: 70px;
}

#contact-section{
  padding:60px;
  color:#FFF;
  background-image: linear-gradient(
    135deg,
    hsl(88deg 56% 47%) 0%,
    hsl(93deg 51% 48%) 2%,
    hsl(99deg 47% 49%) 3%,
    hsl(105deg 44% 49%) 5%,
    hsl(112deg 40% 50%) 7%,
    hsl(120deg 38% 51%) 10%,
    hsl(128deg 41% 49%) 12%,
    hsl(135deg 45% 47%) 15%,
    hsl(141deg 51% 44%) 19%,
    hsl(146deg 56% 42%) 23%,
    hsl(151deg 64% 40%) 28%,
    hsl(155deg 73% 37%) 34%,
    hsl(160deg 88% 34%) 43%,
    hsl(163deg 100% 31%) 54%,
    hsl(165deg 100% 31%) 63%,
    hsl(167deg 100% 30%) 70%,
    hsl(168deg 100% 30%) 76%,
    hsl(170deg 100% 29%) 80%,
    hsl(172deg 100% 28%) 84%,
    hsl(173deg 100% 28%) 87%,
    hsl(175deg 100% 27%) 90%,
    hsl(176deg 100% 27%) 93%,
    hsl(177deg 100% 26%) 96%,
    hsl(179deg 100% 26%) 98%,
    hsl(180deg 100% 25%) 100%
  );
}

#contact-section .header-text{
  font-size:35px;
  font-weight: bold;
  text-transform: uppercase;
}

#contact-section .main-btn{
  padding:15px;
  padding-left: 40px;
  padding-right: 40px;
  text-decoration: none;
  border-radius: 0px;
  color:#000;
  background: #FFF;
}

#product-section{
  padding:60px;
  color:#FFF;
  background: #261d8c;
}

#product-section .header-text{
  font-size:35px;
  font-weight: bold;
  text-transform: uppercase;
}

#product-section .main-btn{
  padding:15px;
  padding-left: 40px;
  padding-right: 40px;
  text-decoration: none;
  border-radius: 0px;
  color:#000;
  background: #FFF;
}

#main-contact{
  background-color: #082552;
  min-height: 575px;
}

#main-contact #form-field{
  padding:60px;
  padding-top:20px;
}

#main-contact .general-text{
  color:#1e6de6;
  font-size: 24px;
  margin-bottom: 5px;
}

#main-contact .parred-text{
  color:rgba(255,255,255,0.7);
}

#main-contact .form-group .form-control{
  border:0px;
  margin-bottom: 20px;
  padding:10px;
  border-radius: 0px;
  background: #0b306b;
  color:#FFF;
}

#main-contact .form-group .sub-texted{
  margin-bottom: 5px;
  color:#FFF;
}

#main-contact input::placeholder {
  font-size: 14px;
  font-style: italic;
  color:rgba(255, 255, 255, 0.5);
}

#main-contact textarea::placeholder {
  color: #FFF;
  font-size: 14px;
  font-style: italic;
  color:rgba(255, 255, 255, 0.5);
}

#main-contact textarea{
  margin-bottom: 0px!important;
}

#main-contact .main-btn-2{
  margin-top: 0px!important;
  color:#FFF;
  border:0px;
  padding:15px;
  padding-left: 80px;
  padding-right: 80px;
  font-size:14px;
  border-radius: 30px;
  background: #00378a;
}

#main-contact .main-image{
  width:100%;
  height: 575px;
}

#form-container{
  padding:50px;
  background: #eaeef3;
}

#form-container .header-text{
  font-size:35px;
  color:#100d29;
  text-transform: uppercase;
  font-weight: bold;
}

#form-container #info-icon{
  float:left;
  margin-right: 10px;
  font-size: 20px;
  font-weight: bold;
}

#form-container .info-text{
  float:left;
  font-size: 17px;
  margin-top:3px;
}

#form-container .sub-text{
  width:80%;
  text-align: justify;
}

#form-container #form-main{
}

#form-container .form-group .form-control{
  border:0px;
  margin-bottom: 20px;
  padding:10px;
  border-radius: 0px;
}

#form-container .form-group .sub-texted{
  margin-bottom: 5px;
  font-weight: 600;
}

#form-container .main-btn-2{
  padding:12px;
  padding-left: 40px;
  padding-right: 40px;
  border:0px;
  background: #100d29;
  color:#FFF;
  display: block;
  width:100%;
  font-weight: bold;
}

#form-container .main-icon{
  color:#000;
  font-size: 25px;
  margin-right: 30px;
}

#form-container #contact-box{
  background: #FFF;
  margin-bottom: 30px;
  padding:50px;
}

#form-container #contact-box .main-text{
  font-weight: bold;
  font-size: 25px;
  color:#008080;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#news-container{
  padding: 50px;
}

#news-container .header-text{
  font-weight: bolder;
}

#news-container .main-image{
  width:100%;
  height:400px;
  object-fit: cover;
  margin-bottom: 5px;
  margin-top:50px;
}

#news-container .main-text{
  margin-bottom: 5px;
  margin-top:10px;
  font-size: 30px;
  font-weight: bold;
  width:90%;
}

#news-container .sub-text{
  margin-bottom: 10px;
}

#news-container .view-btn{
  float:right;
  text-decoration: none;
  color:#FFF;
  background:#008080;
  padding:10px;
  padding-left: 40px;
  padding-right: 40px;
}

#news-detail{
  padding:50px;
}

#news-detail .main-text{
  width:70%;
  margin:0px;
  margin-bottom: 50px;
}

#news-detail .date{
  margin-top:10px;
  margin:0px;
  margin-top:15px;
  margin-bottom: 15px;
  font-weight: bold;
}

#news-detail #news-contained .main-image{
  width:100%;
  height: 500px;
  object-fit: cover;
}

#news-detail .main-btn{
  text-decoration: none;
  color:#FFF;
  background:#008080;
  padding:10px;
  padding-left: 30px;
  padding-right: 30px;
}

#news-detail #main-icon{
  margin-right: 20px;
  text-decoration: none;
}

#career .card-body{
  background: #eaeef3;
  border:0px;
  padding:50px;
}

#career .job-title{
  display: block;
  font-size:15px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: bold;
}

#career .main-btn{
  padding:10px;
  padding-left: 30px;
  padding-right: 30px;
  border:0px;
  background: #008080;
  color:#FFF;
}

#contact{
  padding:0px;
  background: #100d29;
}

#contact #top-container{
  min-height: 250px;
}

#contact #top-container .header-text{
  font-size:35px;
  color:#FFF;
  width:50%;
  font-weight: bold;
  text-transform: uppercase;
  margin-top:100px;
}

#contact #top-container .sub-text{
  font-size:18px;
  color:#FFF;
  width:50%;
}

#contact #main-container{
  margin-left: 30px;
  margin-right: 30px;
  background: #FFF;
  padding:50px;
  margin-bottom: 80px;
}

#contact #main-container #icon{
  background: #e8edf5;
  color:#000;
  font-size: 60px;
  border-radius: 100%;
}

#contact #main-container .main-image{
  width:60px;
  height: 60px;
  margin-top:0px;
}

#contact #main-container .main-text{
  font-size:25px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top:10px;
}

#contact #main-container .main-link{
  text-decoration: underline;
  display: block;
  color:#008080;
  margin-bottom: 5px;
}

#text-note{
  padding:20px;
}

#text-note .header-text{
  font-size: 50px;
}

#text-note .key-text{
  color:#00378a;
  font-size:1.25;
}

#text-note .sub-text{
  font-size: 16px;
  text-align: justify;
  color:#838B93;
}

#footer{
  position: relative;
  background: #00378a;
  padding:15px;
}

#footer .power-source{
  color:#FFF;
  float:right;
  font-size: 15px;
}

#footer .power-image{
  width: 25px;
  height: 25px;
  margin-left: 5px;
  border-radius: 30px;
}

#footer .power-link{
  color:#FFF;
}

#footer .par-text{
  margin-bottom: 4px;
}


#footer .note-text{
  color:#FFF;
  text-transform: uppercase;
  font-size: 13px;
}

#footer .small{
  position: absolute;
  bottom: 0; /* Pushes the text to the bottom */
  left: 0; /* Optional: Aligns to the left */
  right: 0;
  float:left;
  margin-left:100px;
  color:#FFF;
  margin-bottom: 50px;
}

#footer .main-text{
  font-size:17px;
  font-weight: bolder;
  color:#FFF;
  text-transform: uppercase;
  margin-top: 20px;
}

#footer .main-link{
  text-decoration: none;
  color:rgb(255, 255, 255, 0.8);
  margin-top:5px;
  display: block;
  font-size:17px;
  transition: 0.3s;
}

#footer .main-link:hover{
  color:#FFF;
  transition: 0.3s;
}

#footer .main-icon{
  text-decoration: none;
  color:rgb(255, 255, 255, 0.8);
  font-size: 25px;
  margin-right:20px;
}

#footer .main-icon{
  float:left;
}

#footer .main-image{
  width:80px;
  float:left;
}


@media screen and (max-width: 480px) {
  #video-container{
    min-height: 100vh!important;
  }

  #video-container .content{
    padding:20px;
    padding-bottom: 50px;
  }

  #video-container .content .key-text{
    color:#1e6de6;
    font-size:1rem!important;
  }

  #video-container .content .header-text{
    font-size:30px;
    font-weight: bold;
    font-weight: normal;
    line-height: normal;
  }

  #video-container .content .sub-text{
    margin-bottom: 0px;
  }


  #video-container .main-btn{
    display: block;
    margin:0px;
    margin-bottom: 10px;
  }

  #video-container .contact-btn{
    display: block;
    margin:0px;
  }

  #video-container .content .key-text{
    color:#1e6de6;
    font-size:1.25rem;
  }

  #major-header{
    min-height: 200px;
  }

  #major-header .main-header{
    font-size: 30px;
    margin:0px;
    margin-bottom: 0px;
  }

  #major-header .sub-text{
    margin:0px;
  }

  #mission{
    padding:5px;
  }

  #mission .sub-text{
    font-size:25px;
    width:100%;
  }

  .navbar .dropdown-menu{
    margin-top:0px;
    width:350px;
    margin-left: 0px;
  }

  .navbar .dropdown-item{
    margin:0px;
  }

  .navbar .dropdown-menu{
    border:0px;
  }

  #background-container .wrapper{
    padding:20px;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  #background-container #text-container .header-text{
    font-size:30px;
    text-transform: uppercase;
    font-weight: 1000;
  }

  #background-container #text-container .sub-text{
    width:100%;
  }

  #background-container #image-container .main-image{
    height: 300px;
    object-fit: cover;
  }

  #deep-container{
    padding:5px;
  }

  #deep-container #bg-container #text-container{
    padding:20px;
  }

  #news-container{
    padding:10px;
  }

  #news-detail{
    padding:30px;
  }

  #about-note{
    padding:10px;
    padding-top:50px;
    padding-bottom: 50px;
  }

  #about-note #main-box .par-text{
    margin-bottom: 0px;
  }

  #about-note #main-box .sdg-image{
    margin-top: 0px;
    margin-bottom: 0px;
  }

  #social-container{
    padding:25px;
  }

  #social-container #main-link{
    font-size:25px;
    margin-top:10px;
    float:left;
    margin-right: 40px;
  }

  #product-list{
    padding:30px;
  }

  #product-list .main-text{
    font-size:30px;
  }

  #product-list #main-container{
    margin-bottom: 50px;
  }

  #product-list #main-container .header-text{
    margin-top: 20px;
  }

  #product-list #main-container .par-text{
    width:100%;

  }

  #background-large{
    padding:10px;
    padding-top:50px;
    padding-bottom: 50px;
  }

  #background-large .sub-text{
    width:90%;
  }

  #general-list{
    padding:10px;
    padding-top:50px;
    padding-bottom: 50px;
  }

  #general-list .header-text{
    font-size:30px;
  }

  #general-list .sub-text{
    width:100%;
    justify-content: center;
  }

  #related-links{
    padding:10px;
  }

  #background-tri{
    padding:10px;
    padding-bottom: 50px;
    padding-top:50px;
  }

  #products{
    padding:10px;
  }

  #products .main-image{
    height: 300px;
  }

  #products #text-container .header-text{
    font-size:35px;
  }

  #products #text-container{
    padding:15px;
  }

  #figures{
    padding:20px;
  }

  #figures .sub-text{
    width:100%;
  }

  #info-field{
    padding:30px;
  }

  #info-field #image-container .main-image{
    height: 300px;
    margin:0px;
    object-fit: cover;
  }

  #info-field #text-container .header-text{
    margin-top:0px!important;
    margin-bottom: 10px!important;
  }

  #info-field #text-container .sub-text{
    margin-top:0px!important;
    margin-bottom: 0px!important;
  }

  #info-field .general-text{
    font-size: 30px;
    font-weight: 1000;
    text-align: center;
    color:#2746f8;
    text-transform: uppercase;
    margin-bottom: 100px;
  }

  #idle-page{
    padding:10px;
    padding-bottom: 50px;
    padding-top:50px;
  }

  #idle-page .icon-image{
    margin-top:50px;
  }

  #half-background #image-container .main-image{
    width:100%;
    height: 250px;
    object-fit: cover;
  }

  #half-background #text-container{
    padding:30px;
  }

  #half-background #text-container .header-text{
    font-size:35px;
  }

  #info-field #text-container .header-text{
    margin-top:25px;
    margin-bottom: 25px;
  }

  #info-field #image-container .main-image{
    margin-top:25px;
    margin-bottom: 25px;
  }

  #related-links .par-text{
    width:100%;
  }

  #related-links #main-container{
    margin-bottom: 30px;
  }

  #main-contact .main-image{
    height: 300px;
  }



  #market-page{
    padding:0px;
  }

  #market-page #field-container{
    padding:10px;
  }

  #market-page .main-text{
    font-size:25px;
    margin-top:50px;
    margin-bottom: 10px;
    width:100%;
    padding:20px;
  }

  #market-page #image-container .main-image{
    height: 200px!important;
  }

  #market-page #field-container .main-image{
    margin-top:10px;
    height: 200px;
  }

  #group-section{
    padding:10px;
  }

  #group-section #main-container{
    padding:10px;
  }

  #contact{
    padding:10px;
  }

  #contact #top-container{
    padding:10px;
  }

  #form-container{
    padding:20px;
  }

  #form-container #form-main{
    margin-top:50px;
  }

  #contact #main-container{
    margin-top:0px;
    margin-bottom: 30px;
  }

  #footer{
    padding:10px;
    margin:0px;
  }


  #fixedpanel {
    position: relative;
    bottom: none;
    right:none;
    background: #008080;
    width:0%;
    height:0px;
    color:#FFF;
    margin-top: -50px;
  }

  #fixedpanel .main-text{
    margin-top:0px;
    font-size:0px;
    font-weight: bold;
  }

  #fixedpanel #fixedbutton{
    text-decoration: none;
    color:#000;
    background: #FFF;
    padding:0px!important;
    margin-top:0px;
    border-radius: 0px;
    float:right;
    font-weight: bold;
    font-size:0px;
    margin-right: 0px;
  }

  #benefits-section .main-text{
    font-size:25px;
  }
}