.heroNewstitle {
  padding: 1px;
  font-family: var(--heading-font) !important;
  color: var(--secondary-color);
  /* font-size: 30px; */
  position: relative;
  margin-top: 3%;
}

@media(max-width:912px) {
  .heroNewstitle::before {
      display: none !important;
  }
}

.soial-font{
font-size: 2rem;
}
.heroNewstitle::after {
  content: "";
  display: inline-block;
  width: 75vw;
  height: 1px;
  background: var(--dark);
  left: 0;
}
.News-nav::after {
    content: "";
    display: inline-block;
    width: 7vw;
    height: 1px;
    background: var(--dark);
    left: 0;
  }
  .Newshead{
      margin-bottom: 2%;
  }
.Newstitle {
padding: 1px;
font-family: var(--heading-font) !important;
color: var(--main-color);
/* font-size: 30px; */
position: relative;
}
.NewsSubtitle{
  padding: 1px;
font-family: var(--heading-font) !important;
color: #888891;
/* font-size: 30px; */
position: relative;
}
.news-nav-head{
margin-top: 4%;
  /* font-size: 30px; */

}
.heroFooter{
  margin-top: 4%;
}
.card-date{
padding: 1px;

/* font-size: 30px; */
position: relative;
}
.footer-card-text{
color: #f9fbfc;
}
.icon-socials-shares ul {
list-style: none;
}

.icon-socials-shares ul li a {
color: #d4dadd !important;
font-size:  1.5rem; 


}
.swiper-pagination .swiper-pagination-bullets {
margin-top: 5rem !important;
}

.swiper-pagination-bullet,
.carousel-indicators {
width: 8px;
height: 8px;
border-radius: 0 !important;
transform: rotate(45deg) !important;
background: var(--secondary-color) !important;
text-align: center !important;
}

.swiper-pagination-bullet-active,
.carousel-indicators .active {
background: var(--main-color) !important;
}
.icon-socials-shares ul li a:hover {
color: black;
}

@media(max-width:912px) {
.contact-subtitle::before {
    display: none !important;
}
}


.Newstitle::after {
content: "";
display: inline-block;
width: 20vw;
height: 1px;
background: var(--dark);
left: 0;
}
.News-nav::after {
  content: "";
  display: inline-block;
  width: 7vw;
  height: 1px;
  background: var(--dark);
  left: 0;
}
.Newshead{
    margin-bottom: 10%;
}

.card-date::after {
  content: "";
  display: inline-block;
  width: 15vw;
  height: 1px;
  background: var(--dark);
  left: 0;
  margin-left:2%;
  margin-right:2%;
}
.animated-titleContact {
color: #000;
font-weight: 600;
/* height: 65vh; */
height: 100vh;
left: 70%;
position: absolute;
top: 80%;
transform: translate(-50%, -50%);
width: 100vmin;
z-index: 0;
}

.prodetail .titleContact {
color: #000;
font-weight: 600;
/* height: 65vh; */
height: 100vh;
left: 50%;
position: absolute;
top: 40%;
transform: translate(-50%, -50%);
width: 100vmin;
}

@media (max-width: 768px) {
/* .animated-title {
    top: 30%;
} */
.swiper-slide{
  width: 100%;
}

}

.animated-titleContact>div {
height: 50%;
overflow: hidden;
position: absolute;
width: 100%;
}

.animated-titleContact>div div {
font-size: 4vmin;
padding: 2vmin 0;
position: absolute;
}

.animated-titleContact>div div span {
display: block;
}

.animated-titleContact>div.text-top {
border-bottom: 1vmin solid var(--main-color);
;
top: 0;
}

.animated-titleContact>div.text-top div {
animation: showTopText 1s;
animation-delay: 0.5s;
animation-fill-mode: forwards;
bottom: 0;
transform: translate(0, 100%);
}

.animated-titleContact>div.text-top div span:first-child {
color: var(--secondary-color);
}

.animated-titleContact>div.text-bottom {
bottom: 0;
}

.animated-titleContact>div.text-bottom div {
animation: showBottomText 0.5s;
animation-delay: 1.75s;
animation-fill-mode: forwards;
top: 0;
transform: translate(0, -100%);
}

.contact-nav{
background-color:#888891;
color: #949494;
}
.contact-nav.active{color:var(--main-color)}

.contact-btn {
width:5rem;
height:3rem;
padding: 0px;
margin: 0px;
border: #444444 solid 1px;
/* border-radius: 2rem; */
/* border-radius: 10px  solid #fff; */
/* transform: rotate(45deg) !important; */
/* background: var(--secondary-color) !important; */
text-align: center !important;
/* color: #1f1f1f !important; */

}

.contact-btn:hover {
background-color: var(--main-color);
/* border-radius: 10px  solid #fff; */

}
.submit-btn{
  background: var(--secondary-color);
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  border-radius: 4px;
}

.submit-btn:hover {
  background: var(--main-color);
}



.fcontact-btn{
  width:2.5rem;
  height: 2.5rem;
  padding: 0px;
  margin-top: 10%;
  border: none;
  /* border-radius: 10px  solid #fff; */
  transform: rotate(45deg) !important;
  /* background: var(--secondary-color) !important; */
  text-align: center !important;
  /* color: #1f1f1f !important; */
  z-index: 8;
  background-color: var(--secondary-color);
}
.fcontact-btn:hover{
  background-color: var(--secondary-color);
}
.fcontact-btn i{
 color: #dbe7e7;
 transform: rotate(-45deg) !important;
 font-size: 26px;
}
.contact-btn p {
/* transform: rotate(-45deg) !important; */
text-align: center;
font-size: 80%;
color: rgb(209, 206, 206);
}

.contact-btn:first-child {
background: #6e7785 !important;
}

.contact-btn {
/* background: #6e7785!important; */
/* color: #fff !important; */
background: none;
border: 0;
font-size: 22px;
line-height: 2em;
position: relative;
width: 6em;
height: 2em;
}
.contact-btn a {
color: #fff;
text-decoration: none;
position: relative;
z-index: 10;
}
.contact-btn::before,.contact-btn::after {
background: #6e7785;
border-radius: 2px;
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
transition: all 1s;
height: 1em;
}
.contact-btn::before {
box-shadow: -1px 1px 0 #6e7785, -2px 2px 0 #6e7785, -3px 3px 0 #6e7785, -4px 4px 0 #6e7785;
transform: skew(45deg);
bottom: 0;
z-index: 1;
}
.contact-btn::after {
box-shadow: 1px 1px 0 #6e7785, 2px 2px 0 #6e7785, 3px 3px 0 #6e7785, 4px 4px 0 #6e7785;
transform: skew(-45deg);
top: 0;
}
.contact-btn:hover::before, .contact-btn:hover::after {
background: var(--main-color);
}
.contact-btn:focus {
outline: 0;
}
.contact-btn:focus::before, .contact-btn:focus::after {
background: #f1538b;
}
.contact-btn i {
background: none !important;
color: white;
}

.contact-btn:last-child {
margin-right: 5%;
padding: 2%;
border: 2px solid #fff!important;
border-radius: 1rem;
/* background: var(--main-color) !important; */
}
.contact-btn:last-child:hover {
border:  2px solid #fff;
background: var(--main-color) !important;
color: #dbe7e7;
/* padding:4px; */
}
.contact-active{
background: var(--main-color) !important;
}
@keyframes zoom {
25% {
  transform: scale3d(1.5, 1.5, 0);
}
50% {
  transform: scale3d(1, 1, 0);
}
75% {
  transform: scale3d(1.25, 1.25, 0);
}
}
@keyframes spin {
100% {
  transform: rotate(360deg);
}
}
.nav-link .active{
background-color: var(--secondary-color);

}

.contact-img{
width: 80%;
padding: 3%;
padding-top: 3%;
}
.news-hero{
padding-top: 20% ;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255)  100%, rgb(255, 255, 255)  10%,  rgb(255, 255, 255) 1000%);
}

.newsHerotitle {
padding: 1px;
font-family: var(--heading-font) !important;
color: #fff;
/* font-size: 30px; */
position: relative;
}

@media(max-width:912px) {
.contactHerotitle::before {
    display: none !important;
}
}


.contactHerotitle::after {
content: "";
display: inline-block;
width: 10vw;
height: 1px;
background: #979595;
}
.hero-title{
margin-top: 10%;
}
.Hero-detials-title{

font-family: var(--heading-font) !important;
color: var(--main-color);
}

@media(max-width:912px) {
.Hero-detials-title::before {
   display: none !important;
}
}

.Hero-detials-div{
margin-top: 70%;
}
.Hero-detials-title::after {
content: "";
display: inline-block;
width:50vw;
height: 1px;
background: #fcf9f9;
left: 0;
margin-right: 8%;
}
.news-info{
  color: #888891;
}
.icon-shares ul {
list-style: none;
display: flex;
padding-inline-start: 0px;
}

.icon-shares ul li a {
color: #fff !important;
font-size: 4rem;
transition: 0.4s;

}
.footer-icon-shares ul li a {
color:var(--secondary-color) !important;
}
.add-article-icon{
border: var(--secondary-color) solid 1px;
border-radius: 100%;
justify-content: center;
width:2rem;
height:  2rem;
background-color: var(--secondary-color);
color: #fff;
text-align: center;
font-size: 1rem;
}
.add-article-text{
/* border: var(--secondary-color) solid 1px; */
/* width:100%; */
height:  2.4rem;
background-color:#e0e0e0;
color: var(--main-color);
text-align: center;

font-size: 5rem;
}

.News-type{
border-start-end-radius: 100%;
border-end-end-radius: 100%;
margin-top:7%;
}
.icon-shares ul li a:hover {
color: black;
}

.swiper-slide .card-body {
/* display: none; */
margin-top: 100px;
}
.articale-footer{
padding-top: 10%;
}
.border-news-card{
width: 100%;
background: linear-gradient(0deg, rgb(74, 112, 148) 0%, rgb(25, 94, 134) 70%, rgb(56, 78, 92)  100%,   rgb(47, 69, 87) 100%);
border: 2px solid #000;
}
.border-articale-card{
width: 100%;
background: linear-gradient(0deg, rgb(185, 109, 58) 0%, rgb(165, 90, 29) 70%, rgb(134, 103, 76)  100%,   rgb(122, 88, 60) 100%);
border: 2px solid #000;
}
.border-news-head{
padding-top: 3%;
font-size: 1.2rem;
border-radius: 10%;
}
.border-news button{
padding-top: 3%;
border: #9b9595 solid 2px;
border-radius: 8%;
background: #f8f7f7;
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 1rem;
  list-style: none;
  background-color: transparent
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: .5rem;
  color: #444444;
  content: var(--bs-breadcrumb-divider, "https://demos.themeselection.com/")
  /* rtl: var(--bs-breadcrumb-divider, "\\") */
}

.breadcrumb-item.active {
  color: var(--secondary-color)
}

.breadcrumb-item,
.breadcrumb-item a {
  color: #444444;
}

.breadcrumb-item:hover,
.breadcrumb-item:focus,
.breadcrumb-item a:hover,
.breadcrumb-item a:focus {
  color: var(--secondary-hover)
}

.breadcrumb-item.active,
.breadcrumb-item a.active {
  font-weight: 600
}

.breadcrumb-item.active::before,
.breadcrumb-item a.active::before {
  font-weight: 400
}

.breadcrumb-item.active a,
.breadcrumb-item.active a:hover,
.breadcrumb-item.active a:focus,
.breadcrumb-item.active a:active {
  color: inherit
}

.breadcrumb-style1 .breadcrumb-item+.breadcrumb-item::before,
.breadcrumb-style2 .breadcrumb-item+.breadcrumb-item::before {
  font-family: boxicons;
  vertical-align: middle
}

.breadcrumb-style1 .breadcrumb-item+.breadcrumb-item::before {
  content: "";
  font-size: 1.125rem;
  line-height: 1.4
}

.breadcrumb-style2 .breadcrumb-item+.breadcrumb-item::before {
  content: "";
  font-size: 1rem;
  line-height: 1.35rem
}
.news-section-head .title{
/* padding: .5rem; */
font-family: var(--heading-font) !important;
color: var(--main-color);
/* font-size: 30px; */
}
.dropdown-item{

color: #777777;
}


@media(max-width:912px) {
 .title::before {
    display: none !important;
}
}


.title::after {
content: "";
display: inline-block;
width: 70%;
height: 2px;
background: var(--dark);
left: 0;
}
.swiper-container {
position: relative;
width: 100%;
/* height: 300px; */
    height: 500px;

}
.swiper-container > .swiper-slide__content {
position: absolute;
top: 0;
}
.swiper-slide {
height:100%;
display: flex;
background: rgb(243, 241, 241);
align-items: center;
justify-content: center;
transition: all 200ms linear;
transform: scale(0.8);

--NewsCardGradint:linear-gradient(0deg, rgba(14, 45, 70, 0.956) 10%, rgba(25, 72, 94, 0.835) 31%, rgba(51, 108, 131, 0.832) 46%, rgb(186 193 209) 100%);

background:var(--NewsCardGradint) no-repeat ;
text-align: start;
justify-content: start;
align-items: center;
margin: 0px;
margin-top: 25px !important;
transition: all 0.3s ease;
display: flex !important;
filter: grayscale(100);
&.swiper-slide-active {
    color: #fff;
    background: var(--ProjectCardGradint);
    margin-top: 0px !important;
    z-index: 2;
    filter: none;
}

}
.swiper-slide .card-body{
display: none;

}
.swiper-slide .hide-content{
display: block;
margin-top: 30%;
border-bottom:1px solid #ffffff;

}
.swiper-slide.swiper-slide-active {
--NewsCardGradint : linear-gradient(0deg, rgba(0, 120, 175, 0.8) 10%, rgba(80, 155, 190, 0.8) 31%, rgba(123, 168, 189, 0.8) 46%, rgba(212, 220, 224, 0.116) 67%);
transform: scale(1);
/* background: rgb(122, 118, 134); */
background:var(--NewsCardGradint) no-repeat ;
background-size: 100% 100%;
}
.swiper-slide.swiper-slide-active  .card-body {
display: block;
}
.swiper-slide.swiper-slide-active  .hide-content {
display: none;

}
.swiper-slide__content {
height: 300px;
}

@media (max-width: 768px) {



.add-article-text{

  font-size: .2rem;
  width: 100%;
  padding: 0px;
  margin: 0px;

}
.add-article-icon{
  padding: 0px;
  margin: 0px;
}



}


.related{
background: linear-gradient(0deg, rgba(14, 83, 116, 0.8911939775910365) 35%, rgba(21, 72, 97, 0.8939950980392157) 63%, rgba(31, 77, 98, 0.896796218487395) 82%);
height: 200px;
width: 100%;
}