.sec-blg-1{ background: url(../images/blog-overview-bg1.webp)no-repeat center center/cover;}
.wdt10{ width: 550px;}
.wdt11{ width: 850px;}
.img7{ display: block; transition: all 0.5s ease;}
.pdg6{ padding: 20px 0px;}
.pdg7{ padding: 20px 0px 0px 0px;}
.pdg8{ padding: 80px 0px;}


.link10{font-size: 15px;color: var(--grey);font-weight: 500;text-transform: uppercase;  padding:0px  ;   position: relative;  display: inline-flex;  flex-direction: column;  height:20px;  overflow: hidden;  vertical-align: center;}
.link10 span {  display: block;  transition: transform 0.35s cubic-bezier(0.76, 0, 0.24, 1);  white-space: nowrap;}
.link10::after {  content: attr(data-text);position: absolute;  top: 100%;  left: 0; font-size: 15px;color: var(--blue);font-weight: 500;text-transform: uppercase;  transition: transform 0.35s cubic-bezier(0.76, 0, 0.24, 1);  white-space: nowrap;}
.link10:hover span,.link10:hover::after {transform: translateY(-91%);}
.link10:hover{color:var(--blue) !important;} 
.gtr3{--bs-gutter-y: 30px;--bs-gutter-x:30px;}

.blg-bdge{border-radius: 15px;border: 1px solid var(--grey4);font-size: 14px; font-weight: 400;color: var(--grey2);padding: 3px 15px;margin-right: 5px;display: inline-block;  }
.brdr-tp1{ border-top: 1px solid var(--grey4); margin: 50px 0px;}

.sec-blg-1a{ display: flex;}



.sec-blg-2 p{transition: all 0.5s ease;}
.sec-blg-2 a:hover .t1{ color: var(--blue);}
.sec-blg-2 a:hover .t2{ color: var(--grey);}

.sec-blg-2b,.sec-evnts-2a{ position: relative; overflow: hidden;border-radius: 10px;}
.sec-blg-2a:hover .img7 {transform: scale(1.1);}

.sec-blg-3 h2{ font-size: 18px; color:var(--blue); line-height: 28px; font-weight: 500; margin-bottom: 5px;}
.sec-blg-3 h3{ font-size: 18px; color:var(--blue); line-height: 28px; font-weight: 500; margin-bottom: 5px;}
.sec-blg-3 h4{ font-size: 18px; color:var(--grey); line-height: 28px; font-weight: 500; margin-bottom: 5px;}
.sec-blg-3 h5{ font-size: 16px; color:var(--blue); line-height: 24px; font-weight: 500; margin-bottom: 5px;}
.sec-blg-3 p{font-size: 16px;line-height: 24px; font-weight: 400;color: var(--grey2);}
.sec-blg-3 ul li{ background: url(../images/icon-square-blue.svg)no-repeat 0px 8px/5px;font-size: 16px; line-height: 24px; margin-bottom: 5px;  font-weight: 400;color: var(--grey2) ; padding-left: 15px;}

.sec-blg-3,.sec-evnts-3{ background:var(--bggrey1);}
.blog-soc-mda{display: flex;flex-wrap: wrap;width: 150px;justify-content: space-between;}
.blog-soc-mda img{width: 20px;height: 20px;}

.blog-card{ display: block;}
.blog-card-image{ position: relative; overflow: hidden;border-radius: 10px; }
.blog-card-image img{width: 100%; display: block; transition: all 0.5s ease;}
.blog-card:hover img{transform: scale(1.1);}
.blog-card:hover .text3.txtgrey{color:var(--blue);}

.link11{font-size: 15px;line-height: 20px;font-weight: 500;color: #fff;
  background: var(--blue);border: 1px solid var(--blue); padding: 10px 25px; border-radius: 25px !important;
  margin-right: 5px; transition: all 0.5s ease; display: inline-block;}
.link12{font-size: 15px;line-height: 20px;font-weight: 500;color:var(--grey);
  background: #fff;border: 1px solid var(--grey); padding: 10px 25px; border-radius: 25px !important;
 transition: all 0.5s ease;display: inline-block;}

.search-form{max-width: 350px; margin-left: auto;}
.search-form .input-group {border: 1px solid var(--grey);border-radius: 50px;overflow: hidden;background: #fff;}
.search-form .form-control {border: 0;box-shadow: none;padding:10px 15px; color: var(--grey);font-size:15px;font-weight: 400;}
.search-form .form-control::placeholder {color: var(--grey);}
.search-form .form-control:focus {box-shadow: none;outline: none;}
.search-form .btn-srch {border: 0;background:url(../images/icon-search.svg)no-repeat center/20px;padding:0 30px;color: var(--grey);}
.search-form .btn-srch:hover {color: var(--grey);}


.sec-prjctlist-1{ background: url(../images/blog-overview-bg1.webp)no-repeat center center/cover;}
.nav-pills-events, .nav-pills-prjctlist{ gap:10px;}
.nav-pills-events button, .nav-pills-prjctlist button{ font-size: 15px; line-height: 20px; font-weight: 600; text-transform: uppercase; color:var(--grey3); background: #fff; border:1px solid var(--grey6); padding: 10px 25px;border-radius: 25px !important; transition: all 0.5s ease; }
.nav-pills-events .nav-link.active, .nav-pills .show > .nav-link,.nav-pills-events button:hover,
.nav-pills-prjctlist .nav-link.active, .nav-pills .show > .nav-link,.nav-pills-prjctlist button:hover{background: var(--blue); border:1px solid var(--blue);color:#fff;}

 

@media (max-width: 1367px) {
  .wdt11{ width: 600px;}  
}

@media (max-width: 992px) {
.wdt10{ width: auto;}


}
@media (max-width: 640px) {
.sec-blg-1a{ display: block;}
.wdt11{ width: auto;} 
.sec-blg-4a .row{ gap:30px;}
.search-form{ margin-left: 0;}
.pdg8{ padding: 50px 0px;}


}

@media (max-width: 450px) {
.text10,.text11{font-size:40px; line-height:32px;}
.sec-blg-1a .text3{font-size: 16px;line-height: 26px;}
}