* {
  margin: 0px;
  padding: 0px;
}

body {
  font-family: "Lato", sans-serif;
}

body,
p {
  font-size: 1rem;
  line-height: 1.4;
  color: var(--gray);
}

:root {
  --red: #e41e37;
  --deep-blue: #182547;
  --light-blue: #3f8bff;
  --white: #fff;
  --dark-gray: #1d1d1d;
  --dark-gray2: #3d3d3d;
  --gray: #5d5d5d;
  --light-gray: #808080;
  --light-gray2: #979797;
  --light-gray3: #e5e4e4;
  --light-gray4: #707070;
  --light-gray5: #f1f1f1;
}

.wrapper1 {
  width: 92%;
  max-width: 1000px;
  margin: 0 auto;
}

.desktop-only {
  display: block;
}

.mobile-only {
  display: none;
}
.desktop-only-video-slider {
  display: block;
}
.mobile-only-video-slider {
  display: none;
}
.home-sec2,
.home-sec4,
.home-sec7,
.home-sec6,
.home-sec3,
.home-sec5 {
  overflow: hidden;
}
.home-sec8, .home-sec9{
    overflow: hidden;
}
h1 {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 42px;
}

h2 {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 41px;
}

h3 {
  font-size: 36px;
  font-weight: 700;
}

h4 {
  font-size: 28px;
  font-weight: 700;
}

h5 {
  font-size: 24px;
  font-weight: 700;
}

h6 {
  font-size: 20px;
  font-weight: 900;
}

ul,
li {
  margin: 0px;
  padding: 0px;
}

header {
  margin-bottom: 0px;
  box-shadow: none !important;
  -webkit-animation: 0s ease-in-out 0s normal none 1 running fadeInTop;
  animation: 0s ease-in-out 0s normal none 1 running fadeInTop;
}

header.sticky-top {
  background: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 5001;
  transition: 0s;
  -webkit-animation: 0s ease-in-out 0s normal none 1 running fadeInTop;
  animation: 0s ease-in-out 0s normal none 1 running fadeInTop;
}

.header-shadow {
  box-shadow: 0 16px 32px 0 rgb(7 28 31 / 10%) !important;
}

.fixed-top {
  background: #fff;
  position: sticky;
  width: 100%;
  top: 0;
  z-index: 5001;
}
.navbar-brand{
  padding: 0;
}
.navbar-brand img {
  width: 100%;
  max-width: 140px;
}

nav ul li a,
footer p {
  font-size: .9rem !important;
}

.navbar-toggler,
.navbar-toggler:focus {
  border: 0px;
  outline: none;
  box-shadow: none;
}

.sticky-top {
  background: #fff;
}

.balance {
  clear: both;
}

.navbar-nav {
  margin-top: 22px;  
}
.nav-dropdown {    
  top: 73px;
}
.top-navi {
  position: relative;
  top: -36px;
  right: -12px;
}

.top-navi ul {
  display: flex;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}

.top-navi ul li {
  display: inline-block;
}

.top-navi li a {
  background: var(--red);
  white-space: nowrap;
  padding: 5px 15px;
  border-right: 2px solid rgba(255, 255, 255, .7);
  line-height: 1;
  font-size: 16px;
  color: var(--white);
  text-decoration: none;
}

.top-navi li:last-child a {
  border-right: 0px;
}

.nav-link.active,
.dropdown-item:active,
.dropdown-item.active {
  background-color: var(--red) !important;
  color: var(--white) !important;
}
.drp-menu .dropdown-item {
  color: var(--dark-gray) !important;
  background:transparent !important;     
  padding: 5px 5px !important;
}  
.drp-menu .dropdown-item:hover{
  color: var(--dark-gray) !important;
  background:transparent !important;     
  padding: 5px 5px !important;
} 
.dropdown-toggle::after {
  display: inline-block;
  margin-left: .455em;
  vertical-align: .125em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;  
}

a.nav-link .dropdown-menu.drp-menu{
  display: none;
} 
a.nav-link:hover .dropdown-menu.drp-menu{
  display: block !important;   
} 
/*--top search button start--*/
.search {
  float: right;
  position: relative;
  top: 11px;
  right: -24px;
  margin: 0 0px 0 0px;
  width: 100%;
  max-width: 160px; 
}

.search input {
  height: 27px;
  text-indent: 25px;
  border: 1px solid var(--dark-gray);
  border-radius: 20px;
  color: #ababab;
  font-size: 14px;
  text-align: right;
}

.search input:focus {
  box-shadow: none;
  border: 1px solid var(--dark-gray);
}

.search .fa-search {
  position: absolute;
  top: 6px;
  left: 6px;
  font-size: 16px;
  color: #303030;
}

.social-icon-area {
  float: right;
  position: relative;
  top: 30px;
  display: inline-block;
}

.social-icon-area i {
  color: #e79b00;
  font-size: 18px;
  margin-right: 2px;
}

/*--top search button end--*/


/*------home banner area start-----*/
.corp-ins-area {
  position: relative;
  z-index: 0;
}

.corp-ins-box {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0px;
  background: var(--red);
  padding: 30px 30px;
  color: var(--white);
}

.corp-ins-box h1 {
  font-weight: 400;
  line-height: 1.2;
  font-size: 30px;
  letter-spacing: 1px;

}

ul,
li {
  list-style: none;
}

.bann-icon1,
.bann-icon2,
.bann-icon3,
.bann-icon4 {
  padding: 12px 0 12px 60px;
  font-size: 18px;
}

.bann-icon1 {
  background: url(../images/home-banner-icon1.png) no-repeat 0 0px;
  background-size: 50px 50px;
  transition: all .4s ease;
}

.bann-icon2 {
  background: url(../images/home-banner-icon2.png) no-repeat 0 0px;
  background-size: 50px 50px;
}

.bann-icon3 {
  background: url(../images/home-banner-icon3.png) no-repeat 0 0px;
  background-size: 50px 50px;
}

.bann-icon4 {
  background: url(../images/home-banner-icon4.png) no-repeat 0 0px;
  background-size: 50px 50px;
}

/*------home-sec2-------*/
.home-sec2 img {
  width: 100%;
}

.home-sec2 h2 {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  color: var(--dark-gray);
}

.home-sec2 p {
  color: var(--gray);
}

.home-sec2-text-part {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.home-sec2-text-part span.line {
  display: inline-block;
  position: relative;
  top: -4px;
  width: 50px;
  height: 1px;
  background: var(--light-blue);
  color: var(--gray);
  margin-right: 20px;
}

.home-sec2-text-part small {
  color: var(--dark-gray);
}

.home-sec2-text-part span.gray {
  color: var(--gray);
  margin-left: 20px;
}

a.btn1,
a.btn2,
a.btn3 {
  display: inline-block;
  padding: 10px 15px;
  line-height: 1;
  background: var(--deep-blue);
  color: var(--white);
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 0;
  text-decoration: none;
  transition: all .4s ease;
}

a.btn1:hover,
a.btn2:hover,
a.btn3:hover {
  background: var(--red);
  color: var(--white);
  transition: all .4s ease;
}

.home-sec2-text-part .btn1 {
  width: 104px;
}

.home-sec2 small {
  font-size: 1.1rem;
}

.blk-text {
  font-size: 1.1rem;
  font-weight: bold;
}

/*------home-sec3-------*/
.home-sec3 {
  background: url(../images/bg-graphics1.png) no-repeat left 30%, url(../images/bg-graphics1.png) no-repeat right 80%;
  background-size: 4%, 4%;
  background-color: var(--deep-blue);
}

.home-sec3 h2,
.home-sec3 h4,
.home-sec3 p {
  color: var(--white);
}

a.btn2 {
  background: var(--white);
  color: var(--red);
}

/*------home-sec4-------*/
.home-sec4 {
  background: url(../images/bg-graphics2.png) no-repeat left 70%,
    url(../images/bg-graphics3.png) no-repeat right 20%,
    url(../images/home-sec4-bg.jpg) no-repeat 0 0px;
  background-size: 6%, 6%, cover;
}

.home-sec4 h2 {
  color: var(--red);
}

.home-sec4 h6,
.home-sec4 p {
  color: var(--white);
}

.home-sec6 h2 {
  color: var(--dark-gray);
}

.home-sec4 h6 {
  display: block;
  min-height: 50px;
}

.home-sec4 img.prod-icon {
  max-width: 120px;
  margin-bottom: 10px;
}

/*------home-sec5-------*/
.home-sec5 {
  background: url(../images/home-sec5-bg.jpg) no-repeat 0 bottom;
  background-size: cover;
}

.home-sec5 img {
  max-width: 120px;
  margin: 0 auto;
}

.home-sec5 h2 {
  color: var(--dark-gray);
}

.home-sec5 h6 {
  color: var(--dark-gray);
}

.home-sec5 h6 {
  font-size: 16px;
  line-height: 1.4;
}

#service-slider1.owl-carousel .owl-nav button.owl-prev,
#service-slider1.owl-carousel .owl-nav button.owl-prev:hover,
#service-slider1.owl-carousel .owl-nav button.owl-next,
#service-slider1.owl-carousel .owl-nav button.owl-next:hover,
#partners-slider1.owl-carousel .owl-nav button.owl-prev,
#partners-slider1.owl-carousel .owl-nav button.owl-prev:hover,
#partners-slider1.owl-carousel .owl-nav button.owl-next,
#partners-slider1.owl-carousel .owl-nav button.owl-next:hover,
#stories-slider1.owl-carousel .owl-nav button.owl-prev,
#stories-slider1.owl-carousel .owl-nav button.owl-prev:hover,
#stories-slider1.owl-carousel .owl-nav button.owl-next,
#stories-slider1.owl-carousel .owl-nav button.owl-next:hover,
#news-slider1.owl-carousel .owl-nav button.owl-prev,
#stories-slider1.owl-carousel .owl-nav button.owl-prev:hover,
#news-slider1.owl-carousel .owl-nav button.owl-next,
#stories-slider1.owl-carousel .owl-nav button.owl-next:hover {
  position: absolute;
  top: 35%;
  font-size: 0px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230e1d3a'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 0 0;
  display: block;
  width: 35px;
  height: 35px;
  margin: 0px;
  outline: none;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  transition: all .3s ease;
}

#service-slider1.owl-carousel .owl-nav button.owl-prev:hover,
#service-slider1.owl-carousel .owl-nav button.owl-next:hover,
#partners-slider1.owl-carousel .owl-nav button.owl-prev:hover,
#partners-slider1.owl-carousel .owl-nav button.owl-next:hover,
#stories-slider1.owl-carousel .owl-nav button.owl-prev:hover,
#stories-slider1.owl-carousel .owl-nav button.owl-next:hover,
#news-slider1.owl-carousel .owl-nav button.owl-prev:hover,
#news-slider1.owl-carousel .owl-nav button.owl-next:hover {
  background: transparent;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230e1d3a'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 0 0;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

#service-slider1.owl-carousel .owl-nav button.owl-next,
#slider1.owl-carousel .owl-nav button.owl-next:hover,
#partners-slider1.owl-carousel .owl-nav button.owl-next,
#partners-slider1.owl-carousel .owl-nav button.owl-next:hover,
#stories-slider1.owl-carousel .owl-nav button.owl-next,
#stories-slider1.owl-carousel .owl-nav button.owl-next:hover,
#news-slider1.owl-carousel .owl-nav button.owl-next,
#news-slider1.owl-carousel .owl-nav button.owl-next:hover {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
}

#service-slider1.owl-carousel .owl-nav button.owl-prev,
#partners-slider1.owl-carousel .owl-nav button.owl-prev,
#stories-slider1.owl-carousel .owl-nav button.owl-prev,
#news-slider1.owl-carousel .owl-nav button.owl-prev {
  left: -85px;

}

#service-slider1.owl-carousel .owl-nav button.owl-next,
#partners-slider1.owl-carousel .owl-nav button.owl-next,
#stories-slider1.owl-carousel .owl-nav button.owl-next,
#news-slider1.owl-carousel .owl-nav button.owl-next {
  right: -85px;
}

/*------home-sec6-------*/
.home-sec6 {
  background: url(../images/home-sec6-bg.png) no-repeat center bottom;
  background-size: cover;
}

.home-sec6 img {
  width: 100%;
  max-width: 1393px;
  margin: 0 auto;
}

/*------home-sec7-------*/
.home-sec7 {
  background: url(../images/bg-graphics4.png) no-repeat left 35%,
    url(../images/bg-graphics5.png) no-repeat right 25%,
    url(../images/home-sec7-bg.jpg) no-repeat center bottom;
  background-size: 6%, 4%, cover;
}

.home-sec7 img {
  margin-bottom: 10px;
}

.home-sec7 h2,
.home-sec7 h6,
.home-sec7 p {
  color: var(--deep-blue);
}

.home-sec7 h2,
.home-sec7 p {
  text-align: center;
}

.home-sec7 .btn1 {
  margin: 0 auto;
}

.home-sec7 h6 {
  font-weight: 700;
}

.home-sec7 p,
.home-sec8 p {
  width: 70%;
}

.home-sec7 .partners-text-area p,
.home-sec8 .success-text-area p {
  font-size: 14px;
  width: 100%;
}

.partners-text-area p {
  text-align: left;
}

.partners-text-area {
  margin: 0 20px;
}

/*------home-sec8-------*/
.home-sec8 {
  background: url(../images/home-sec8-bg.jpg) no-repeat center bottom;
  background-size: cover;
}

.home-sec8 h2,
.home-sec8 h6 {
  color: var(--red);
}

.wht-box {
  display: block;
  padding: 25px 23px 5px;
  background: var(--white);
  border-bottom: 1px solid var(--dark-gray);
}

.link1-padding {
  padding: 0px 23px 0;
}

.home-sec8 p {
  color: var(--white);
}

.success-text-area {
  margin: 0 15px;
}

.home-sec8 .success-text-area p {
  color: var(--dark-gray);
  margin-bottom: 0px;
}

a.link1 {
  display: block;
  padding: 10px 0px;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--red);
  transition: all .4s ease;
}

a.link1:hover {
  color: var(--deep-blue);
  transition: all .4s ease;
}

#stories-slider1.owl-carousel .owl-nav button.owl-prev,
#stories-slider1.owl-carousel .owl-nav button.owl-prev:hover,
#stories-slider1.owl-carousel .owl-nav button.owl-next,
#stories-slider1.owl-carousel .owl-nav button.owl-next:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

#stories-slider1.owl-carousel .owl-nav button.owl-prev:hover,
#stories-slider1.owl-carousel .owl-nav button.owl-next:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

/*------home-sec9-------*/
.home-sec9 h2,
.deep-blue-txt {
  color: var(--deep-blue);
}

.home-sec9 h6 {
  color: var(--deep-blue);
  font-weight: 700;
  margin-bottom: 0;
}

.home-sec9 small {
  color: var(--gray);
}

.home-sec9 p {
  color: var(--deep-blue);
  font-size: 14px;
}

#news-slider1 .owl-stage-outer {
  margin-bottom: 40px;
}

#news-slider1 h6 {
  height: 55px;
}

#news-slider1 p {
  height:auto;
}

#contentAdmin1 p {
  height: 100%;
}

#news-slider1 .item {
  z-index: 9999;
}

#news-slider1 .btn1 {
  /* height: 55px; */
  z-index: 9999;
  width: 120px !important;
}

/*--show more and show less style start--*/
#news-slider1 #more {
  display: none;
}

#news-slider1 .more-less-txt-area {
  margin-top: 20px;
  color: var(--deep-blue);
  font-size: 14px;
}

#news-slider1 .morecontent span {
  display: none;
}

#news-slider1 .morelink{
  display: block;
  white-space: nowrap;
  margin: 15px 0 0;
  width: 116px;
  padding: 10px 15px;
  line-height: 1;
  background: var(--deep-blue);
  color: var(--white);
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 0;
  text-decoration: none;
  transition: all .4s ease;
}

#news-slider1 .morelink.less {
  width: 100px;
  background: var(--red);
  color: var(--white);
  transition: all .4s ease;
}
.aboutus-sec6 .morelink{
  display: block;
  white-space: nowrap;
  margin: 15px 0 0;
  color: var(--deep-blue);
  text-decoration: none;
  transition: all .4s ease;
}
.aboutus-sec6 .morelink.less {  
  color: var(--deep-blue);
  transition: all .4s ease;
}
.aboutus-sec6 .morecontent span {
  display: none;
}

/*--show more and show less style end--*/

/*------home-sec10-------*/
.home-sec10 {
  background: url(../images/home-sec10-bg.jpg) no-repeat center top;
  background-size: cover;
}

.home-sec10 h2 {
  color: var(--white);
}

.form-area {
  background: rgba(255, 255, 255, .8);
  padding: 6% 8%;
}

.form-area .form-control {
  background-color: transparent;
  border-radius: 0px;
  border: 0px;
  padding: 10px 0;
  border-bottom: 1px solid var(--light-gray2);
}

.form-area label,
.form-area .form-control::placeholder {
  color: var(--dark-gray);
}

.form-area .form-control:focus {
  outline: none;
  box-shadow: none;
}

a.btn3 {
  padding: 13px 25px;
}

/*--about-us page--*/
.about-banner {
  background: url(../images/about-banner.jpg) no-repeat center top;
  background-size: cover;
  padding: 30% 0 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.btn4-area {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

a.btn4 {
  display: inline-block;
  padding: 15px 5%;
  line-height: 1;
  background: var(--red);
  color: var(--white);
  font-size: 18px;
  border-radius: 0;
  text-decoration: none;
  transition: all .4s ease;
}

a.btn4:hover {
  background: var(--white);
  color: var(--red);
  transition: all .4s ease;
}

.about-sec2 h3,
.about-sec4 h3,
.products-sec2 h3,
.products-sec3 h3,
.products-sec4 h3,
.products-sec5 h3,
.products-sec6 h3,
.products-sec7 h3,
.products-sec8 h3,
.products-sec9 h3,
.aboutus-sec1 h3,
.aboutus-sec2 h3,
.aboutus-sec3 h3,
.aboutus-sec4 h3,
.aboutus-sec5 h3,
.aboutus-sec6 h3,
.aboutus-sec7 h3,
.aboutus-sec8 h3,
.aboutus-sec9 h3,
.aboutus-sec10 h3,
.aboutus-sec11 h3,
.contact-sec1 h3 {
  font-weight: 900;
  letter-spacing: 1px;
  color: var(--dark-gray);
}

.about-sec3 {
  background: var(--red);
}

.about-sec3 h5,
.about-sec3 h5 a {
  color: var(--white);
  text-decoration: none;
}

.about-sec3 h5 a:hover {
  color: var(--white);
  text-decoration: none;
}

.about-sec3 .prod-icon2 {
  width: 100%;
  max-width: 400px;
  margin-bottom: 20px;
}

.about-sec4 {
  background: url(../images/about-sec4-bg.jpg) no-repeat center top;
  background-size: cover;
}

.about-sec4 h3 {
  color: var(--white);
}

.bg-white {
  background: var(--white);
}

.about-sec4 .btn3,
.home-sec10 .btn3 {
  font-size: 16px;
}

/*--products page--*/
.left-menu-heading {
  margin: 0px 0 0;
  border: 1px solid var(--light-gray4);
  background: var(--white);
  color: var(--dark-gray);
  padding: 18px 14px;
  font-size: 20px;
  font-weight: 700;
}

.left-menu-heading span {
  float: right;
  position: relative;
  top: -9px;
  font-size: 30px;
}

/* product page tab menu start */
.tab {
  background: var(--light-gray5);
  width: 100%;
  height: auto;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 15px 8px;
  width: 100%;
  box-sizing: border-box;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: var(--light-gray3);

}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: var(--red);
  color: var(--white);
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px;
  width: 100%;
  height: auto;
}

/* product page tab menu end */
.products-banner {
  background: url(../images/products-banner.jpg) no-repeat center top;
  background-size: cover;
  padding: 30% 0 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.gray-box-area {
  margin: 3% 0;
  background: var(--white);
}

.gray-box-area2 {
  margin: 3% 0;
  background: var(--light-gray3);
  padding: 0;
}

.gray-box-area3 {
  margin: 3% 0;
  background: var(--light-gray3);
  padding: 2%;
}

.prod-img-area {
  display: flex;
  justify-content: center;
  align-items: center;
}

.set-align {
  justify-content: flex-start;
}

.prod-txt-area {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
}

.prod-txt-area2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
}

.prod-img1 {
  width: auto;
  max-width: 130px;
}

.prod-img2 {
  max-width: 100%;
  max-height: 229px;
}

.prod-img3 {
  max-width: 100%;
  max-height: 170px;
  margin: 0 0 0px;
}




.popup-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.popup-content {
  background: #fff;
  padding: 35px 35px;
  border-radius: 10px;
  font-size: 18px;
  color: #28a745;
  font-weight: bold;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  animation: popIn 0.3s ease-out;
}

.close_btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  align-items: center;
  justify-content: center;
  display: flex;
  right: -10px;
  top: -10px;
}

.close_btn:hover {
  cursor: pointer;
}
.report-box{
  width: 100%;
  padding: 20px 10px;
  box-sizing: border-box;
  min-height:60px;
  text-align: center;
  border: 1px solid var(--light-gray2);
  border-bottom: 4px solid var(--red);
  font-size: 1.3rem;            
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
.report-box a{            
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: 900;
  color: var(--dark-gray);
  text-decoration: none;
}
.report-box a span.rpt-txt1{
  display: block;
  font-size: 1.1rem;
  font-weight: 600;  
  color: #555;
}
.report-box a span.key{
  display: block;
  font-size: 1.5rem;
  font-weight: 900;
  letter-spacing: -3px;  
  color: var(--dark-gray)!important;
}  
/*--career page start--*/
.career-sec1 h6, .career-sec2 h6, .career-sec3 h6{
  color: var(--dark-gray);
}
.career-sec2 p{
  margin-bottom: .5rem;
}
.career-sec2 span{
  color: var(--red);
  margin-right: 5px;  
}
.career-sec3 h5{
  font-family: "Lato", sans-serif;
  font-size: 1.2rem;
}
.career-sec3 span{
  margin-right: 5px;
}
.career-sec3 .accordion{
  --bs-accordion-border-radius: 0 !important; 
}
.career-sec3 .accordion-item h6{
  color:var(--dark-gray2) !important;
  font-size: 1.1rem;
  font-weight: 700;
} 
.career-sec3 .accordion-body p, .career-sec3 .accordion-body ul li{
  color: var(--gray);
}
.career-sec3 .accordion-button{
  border-top-left-radius: 0 !important; 
  border-top-right-radius: 0 !important; 
}
.career-sec3 .accordion-button{
  background: var(--red) !important;
}
.career-sec3 .accordion-button.collapsed{
  background: var(--light-gray5) !important;   
}
.career-sec3 .accordion-button h5{
  color:var(--white) !important;
  margin-bottom: 0; 
}
.career-sec3 .accordion-button.collapsed h5{
  color:var(--dark-gray2) !important;  
}
.career-sec3 .accordion-button::after{
  color:var(--white) !important;
}
.career-sec3 .accordion-button::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.career-sec3 .accordion-button.collapsed::after{
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233d3d3d'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.career-sec4 i{
  color: var(--red);
  margin-right: 5px;
}
/*--career page end--*/
.shipyards-sec2 ul{
  margin:0;
  padding:0;
}
.shipyards-sec2 ul li{
  background: url(../images/bullet1.jpg) no-repeat left 6px;
  padding-left: 25px;
}
.shipyards-text h3{
  color: var(--light-gray4);
  font-weight: 900;
  letter-spacing: 1px;
}
.img-float1{
  float:right;
  max-width: 450px;
  margin-left: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width:1600px) {
  .carousel-control-next,
  .carousel-control-prev {
    width: 5% !important;
  }
}
/*------footer-------*/
footer {
  background: var(--red);
}

.footer-logo {
  max-width: 140px;
}

footer h6,
footer p {
  color: var(--white);
}

footer h6 {
  margin-bottom: 13px;
}

footer p.about-txt {
  line-height: 1.4;
}

p.big-txt {
  font-size: 17px !important;
  font-weight: 700;
  margin-bottom: 0px;
}

p.big-txt2 {
  font-weight: 400;
  margin-left: 20px;
  margin-top: 0px;
}
p.big-txt3 {
  font-weight: 600;
  margin-left: 20px;
  margin-top: 8px;
  margin-bottom: 8px;
}
p.big-txt img {
  position: relative;
  top: -2px;
  max-width: 6px;
  margin-right: 10px;
}

footer ul {
  display: inline-block;
  width: 49%;
  vertical-align: top;

}

footer ul,
footer li {
  list-style: none;
}

footer li {
  margin-left: 20px;
  margin-bottom:0px;
}

footer li a,
footer p,
p.big-txt2 a,
p.big-txt2 {
  font-size: .9rem !important;
  color: var(--white);
  text-decoration: none;
}

.social-area {
  margin: 20px 0 0 20px;
}

.social-area a {
  margin-right: 4px;
}
.social-area img{
  max-width: 25px;
}


/*------footer-bottom-------*/

.footer-bottom-link {
  color: var(--dark-gray);
}

.footer-bottom-link a {
  color: var(--dark-gray);
  font-size: 12px;
  margin: 0 4px;
  text-decoration: none;
}

.copyright-area {
  color: var(--dark-gray);
  font-size: 12px;
  text-align: right;
}

/*------go to top start-------*/
#toTop {
  position: fixed;
  right: 13px;
  bottom: 20px;
  z-index: 998;
  cursor: pointer;
  box-sizing: border-box;
}

#toTop img {
  background: var(--deep-blue);
  border-radius: 10px;
}

/*------go to top end-------*/
.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 5px 5px;
  background: transparent;
  border: 2px solid var(--red);
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 0px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--red);
  border: 2px solid var(--red);
}

#director-slider,
#indep-director-slider {
  text-align: center;
}

#director-slider img,
#indep-director-slider img {
  margin: 0 auto 30px;
  width: 150px;
  height: auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.img-border {
  border: 5px solid var(--red);
}

.img-border1 {
  border: 1px solid var(--light-gray4);
}
.aboutus-sec6 .img-border1 {
  border: 0px;
}
.aboutus-sec6 .img-border1:hover {
  border: 0px !important;
}
.red-big-txt {
  color: var(--red);
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 0 5px;
}

.red-big-txt2 {
  color: var(--red);
  font-weight: 600;
  margin: 0 0 5px;
}

.aboutus-sec5 img,
.aboutus-sec6 img {
  width: auto;
  height: 80px;
  margin: 0 0 15px;
}
.aboutus-sec6 .partner-box img {
  width: auto;
  height: auto;
  max-height: 120px;
}

.partner-box{
  margin-bottom: 20px;
  padding:20px;  
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  min-height: 100%;
  height: 100%;
}
.aboutus-sec6.award-content-area .partner-box{  
  padding:0px;
  overflow: hidden;
}
.aboutus-sec6.award-content-area .partner-box img {
  width: 100%;
  height: auto;
  max-height:509px;
  border:0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius:  10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.aboutus-sec6.award-content-area .award-content-txt{
  padding:10px 20px 20px;
}
.subheading {
  display: block;
  margin-top: 5px;
  font-size: 17px;
  font-weight: 700;
}

#director-slider p,
#indep-director-slider p {
  padding: 0 10%;
}

.img-cntr {
  text-align: center;
}

.corp-ins-box li {
  margin-bottom: 5px;
}

/*-----11/11/25-------*/

.hover-1 {
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.01) 100%) var(--p, 0) / var(--p, 0) no-repeat;
  transition: 0.4s, background-position 0s;
  border-radius: 10px;
  padding: 2px;
}

.hover-1:hover {
  --p: 100%;
  color: var(--red);
  background: linear-gradient(90deg, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .7) 50%, rgba(255, 255, 255, .7) 100%) var(--p, 0) / var(--p, 0) no-repeat;
  border-radius: 10px;
}

.wht-box-sec:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  cursor: pointer;
  transform: scale(1.03);
  transition: 0.3s;
}

.prod-icon:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  cursor: pointer;
  transform: scale(1.05) !important;
  transition: 0.3s;
}

.nav-item-link {
  text-decoration: none;
  color: #fff;
  display: flex;
  align-items: center;

  gap: 12px;
  padding: 8px 0px;
}

/* IMAGE – premium hover animation */
.icon-img {
  width: 35px;
  transition: 0.5s;
  position: relative;
}

.corp-ins-box {
  padding: 15px !important;
}

.nav-item-link {
  font-size: 16px;
}

.corp-ins-box h1,
.corp-ins-box h2 {
  font-size: 20px;
}
.corp-ins-box h1{
  font-weight: 900;
}

/* Hover → super attractive modern animation */
.nav-item-link:hover .icon-img {
  transform: scale(1.09);
  transition: 0.5s;
}


/* TEXT */
.item-text {
  width: 120px;
  margin: 0;
  font-size: 18px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
.common-txt{
  margin-left: 30px;
}
/* Hover → text hides and re-types */
.nav-item-link:hover .item-text {
  animation: typing 1.3s steps(20) forwards;
}

.working-area-section {
  background: var(--light-gray5);
  padding: 20px;
}

.contact-tab-area h6 {
  color: var(--dark-gray);
  padding: 15px 0 0;
}

.working-hours h6,
.get-in-touch h6,
.contact-form-area h6 {
  color: var(--dark-gray);
}

.get-in-touch p {
  margin: 0 0 5px;
}

.working-hours i,
.get-in-touch i {
  color: var(--red);
  margin-right: 5px;
}

.tele-fax-area p {
  margin: 0 0 5px;
}

.contact-map-area {
  text-align: right;
}

.contact-map-area img {
  width: 100%;
  max-width: 370px;
}

/* Typing animation */
@keyframes typing {
  from {
    width: 0;
  }

  to {
    width: 120px;
    /* adjust to match text length */
  }
}

.dropdown-item {
  background: none !important;
  color: #e41e37 !important;

  padding: 10px 5px !important;
  margin-bottom: 5px !important;
}

.dropdown-item:hover {
  background: #e41e37 !important;
  color: #fff !important;
  padding: 10px 5px !important;
}

.dropdown-menu {
  padding: 15px 15px 0px 15px !important;
}

.banner_headtext,.bannerTextContainer {
  /*width: 440px;*/
  position: relative;
  left: 6px !important; 
  top: 0 !important;     
  font-size: 15px;     
  font-weight: 800 !important;
}

.ban-txt-box{
  display: inline-block;
  width: auto;
  max-width: 100%;
}

.ban-txt-box p{
  padding-left: 10px;
  padding-right: 10px;
}
.ban-txt-box br {
      display: none;
}

    .banner_headtext {
      color: #fff !important;
      height: auto;
      width: 100% !important;
      padding: 10px;
      background-color: rgba(228, 30, 55, 0.7);
      display: inline-block;

    }

.corp-ins-area {
  width: 250px !important;
}

.carousel-indicators [data-bs-target] {
  background-color: #fff !important;
  border: 3px solid #e41e37 !important;
  height: 10px !important;
  width: 10px !important;
}

.carousel-indicators .active {
  background-color: #e41e37 !important;
}

.home-sec7 .item p{
    display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-book-box{
  border:1px solid var(--light-gray2);
  padding: 10px;
  border-bottom: 4px solid var(--red);
}
.bg-news1{
  background: var(--deep-blue);
}
.news-photo-box{
  padding: 10px;
  background: rgba(255, 255, 255, .5);
  border:1px solid rgba(255, 255, 255, .3);
}
/*----PR page----*/
.pr-box {
  overflow: hidden;
  margin-bottom: 20px;  
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; 
}
.pr-box img{
  width: 100%;
  max-width: 520px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0; 
}
.pr-txt-part{
  padding: 20px;
}
.pr-txt-part p{
  margin-bottom: 0;
}
p.nomargin{
  margin-bottom: 0;
}
@media screen and (max-width:1099px) and (min-width:993px) {
  .banner_img {
    height: auto;
    object-fit: fill;
  }
  .corp-ins-box{
    right: 0px;
  }
}

@media screen and (max-width:992px) and (min-width:768px) {  
  .banner_img {
    height: auto;
    object-fit: fill;
  }  
}
@media screen and (max-width:767px) {
  .banner_headtext,.bannerTextContainer {
    width: 100% !important;
    top: auto !important;
    bottom: 20px !important;
    left: 0 !important;
    right: 0 !important;    
    font-size: 16px;
    text-align: center;
  }
.corp-ins-box{
  right: 0px;
}

.corp-ins-box h1 ,.corp-ins-box h2{
  width: 50px;
  text-align: center;
}

.corp-ins-box ul{
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

  .item-text {
        display: none;
      }

}
h1.Privacy.Policy{
  font-size: 36px;
  font-weight: 900;
  letter-spacing: 1px;
  color: var(--dark-gray);
}

/*--Home banner section image hover effect end--*/

/*--Home Our Services section image hover effect start--*/
.red-box {
  --b: 3px;
  /* the border thickness*/
  --g: 2px;
  /* the gap */
  --c: var(--deep-blue);
  /* the color */
  width: var(--s);
  aspect-ratio: 1;
  outline: calc(var(--s)/2) solid var(--red);
  outline-offset: calc(var(--s)/-2);

  margin: 10px auto 0;
  opacity: 1;
  width: 120px;
  height: 120px;
  background: var(--red);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .1s ease;
  box-shadow: none !important;
}

.red-box img {
  width: 100%;
  max-width: 85px;
  height: auto;
  transition: all .1s ease;
}

.red-box:hover {
  outline: var(--b) solid var(--c);
  outline-offset: var(--g);
  background: var(--deep-blue);
  box-shadow: none !important;
  transition: all .1s ease;
}

.red-box:hover img {
  width: 100%;
  max-width: 85px;
  height: auto;
  box-shadow: none !important;
  border: 0px !important;
  transition: all .1s ease;
}

/*--Home Our Services section image hover effect end--*/


/*--Home product section image hover effect start--*/
img.hover-1 {
  --color: var(--red);
  --border: 0px;
  --offset: 0px;
  --gap: 0px;
  --_c: var(--color) var(--border), #fff 0 calc(100% - var(--border)), var(--color) 0;
  --_o: calc(3*var(--offset));
  padding: calc(var(--gap) + var(--border)) calc(var(--gap) + var(--border) + var(--offset)) calc(var(--gap) + var(--border) + var(--offset)) calc(var(--gap) + var(--border));
  background: background-size: calc(100% - var(--_o)) calc(100% - var(--_o));
  background-repeat: no-repeat;
  filter: grayscale(0);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  transition: all .15s ease;
  cursor: pointer;
}

img.hover-1:hover {
  --border: 5px;
  padding: 5px;
  background-position: 0px 0px;
  background-size: calc(100% - var(--offset)) calc(100% - var(--offset));
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  box-shadow:
    border-radius:0px;
  transform: scale(1.1) !important;
  filter: grayscale(100);
  transition: all .15s ease;
}

/*--Home product section image hover effect end--*/
/*--contact page map start--*/
#gmap-list{
  width:100%; 
  height:641px;
}
.gm-style p{
  color: var(--dark-gray2) !important;
  font-size: 12px;
}
.gm-style p strong{
  font-size: 14px;
  font-weight: 600;
}
.on_gmap.list.gmap_controls{
  position: fixed !important;
  top: 0px !important;
  left: -275px !important;
  margin: 0  !important;
  width: 263px;
  overflow-y:visible; 
}
.wrap_controls{
  overflow: visible !important;
  max-height:100% !important;
  background: rgb(241, 241, 241)!important;
  padding: 0px !important;
}
ul.ullist.controls li a{
  display: block;
  background-color: inherit;
  color:#000;
  padding: 15px 8px !important;
  width: 100%;
  box-sizing: border-box;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px !important;
}
ul.ullist.controls li a:hover{
  background-color: var(--light-gray3);
  color:#000;
}
ul.ullist.controls li.active{
  background-color: var(--red);  
}

ul.ullist.controls li.active a{
  color: var(--white)!important;
}
ul.ullist.controls li.active:hover{
  background-color: var(--red)!important;  
}
ul.ullist.controls li.active:hover a{
  background-color: var(--red)!important; 
  color: var(--white)!important;
}
/*--contact page map end--*/


/*--investors box text animation start--*/
span.key { 
  font-size: 1.3rem;
  line-height: 1.6;
  font-weight: 900;
  color: var(--dark-gray); 
  display: inline-block !important;  
  transition: transform 0.2s;
}

/*---------about us popup with prev next buttonW start----------*/
.viewbox-container{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 7000;
}
.viewbox-body{
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    overflow: auto;
}
.viewbox-header{
    padding: 10px 0 0;
    margin: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
.viewbox-content{
    margin: 10px;
    width: 300px;
    height: 300px;
}
.viewbox-footer{
    padding: 0 0 10px;
    margin: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.viewbox-content .viewbox-image{
    width: 100%;
    height: 100%;
}

/* buttons */
.viewbox-button-default{
    cursor: pointer;
    height: 64px;
    width: 64px;
}
.viewbox-button-default > svg{
    width: 100%;
    height: 100%;
    background: inherit;
    fill: inherit;
    pointer-events: none;
    transform: translateX(0px);
}
.viewbox-button-default{
    fill: #999;
}
.viewbox-button-default:hover{
    fill: #fff;
}

.viewbox-button-close{
    position:absolute;
    top:10px;
    right: 10px;
    z-index:9;
}
.viewbox-button-full-screen{
    position:absolute;
    top:84px;
    right: 10px;
    z-index:9;
}
.viewbox-button-next,
.viewbox-button-prev{
    position:absolute;
    top: 50%;
    height: 128px;
    width: 128px;
    margin: -64px 0 0;
    z-index:9;
}
.viewbox-button-next{
    right: 10px;
}
.viewbox-button-prev{
    left: 10px;
}
@media (max-width: 480px) {
    .viewbox-button-close{
        top: 0;
        right: 0;
    }
    .viewbox-button-next,
    .viewbox-button-prev{
        height: 81px;
        width: 81px;
        margin-top: -40px;
    }
    .viewbox-button-next{
        right:-15px;
    }
    .viewbox-button-prev{
        left:-15px;
    }
}

/* loader */
.viewbox-container .loader{
    position: absolute;
    left: 50%;
    top: 50%;
    margin:-25px 0 0 -25px;
}
.viewbox-container .loader *{
    margin: 0;
    padding: 0;
}
.viewbox-container .loader .spinner{
    width: 50px;
    height: 50px;
    position: relative;
    margin: 0 auto;
}
.viewbox-container .loader .double-bounce1,
.viewbox-container .loader .double-bounce2{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #999;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}
.viewbox-container .loader .double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce{
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce{
    0%, 100% { 
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% { 
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}
/*---------about us popup with prev next button end----------*/