html {
  scroll-behavior: smooth;
}

/* Firefox, IE/Edge */
/* html {
  scroll-behavior: smooth;
  scrollbar-width: none;        
  -ms-overflow-style: none;
} */

/* Chrome */
/* html::-webkit-scrollbar {
  display: none;                
} */

@font-face {
  font-family: headingFont;
  src: url(../fonts/Cochin.ttc);
}

@font-face {
  font-family: textFont;
  src: url(../fonts/Industry/IndustryTest-Medium.otf);
}

@font-face {
  font-family: industryLite;
  src: url(../fonts/Industry/IndustryTest-Light.otf);
}
.btn-browse-directory{
  /* background: #fd8982 !important;
  border: 3px solid #fd8982 !important; */

  background: #FFBF00 !important;
  border: 3px solid #FFBF00 !important;
  color: #000 !important;
}
.btn-basic{
  /* background-color: transparent !important; */
  /* border: 3px solid white !important; */
  border-radius: 30px !important;
  font-size: 16px !important;
  /* color: white !important; */
  font-family: textFont;
  text-transform: capitalize;
  height: 53px;
  width: 210px;
}
.btn-basic:focus{
  box-shadow: none !important;
  outline: none !important;
}
.btn-primary{
  background-color:#FFBF00 !important;
  border: 3px solid #FFBF00 !important;
  border-radius: 30px !important;
  font-size: 16px !important;
  color: #000 !important;
  font-family: textFont;
  text-transform: capitalize;
  height: 53px;
  width: 210px;
}
.btn-primary:focus{
  box-shadow: none !important;
  outline: none !important;
}

/*header*/
.header-logo img{
  max-width: 170px;
  width: 100%;
}
.main-structure{
  background-color: black;
}
.header{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 15px 0px;
}
.header-menu{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header-menu img{
  width: 50px;
  height: 18px; 
}
.header-logo H2{
  font-family: textFont;
  color: white;
  font-size: 40px;
  margin: 0px;
  font-weight: bold;
}
.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
/*  background-color: #636363;*/
/* background-image: url(../img/bannerbg.png); */
background-image: url(../img/bannerbg.webp);
background-blend-mode: overlay;
background-color: rgba(0,0,0,0.5);
  background-size: cover;
  overflow-y: hidden;
  transition: 0.5s;
  z-index: 12345;
}
.overlay-content {
  position: relative;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
}
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 48px;
  color: white;
  display: block;
  transition: 0.3s;
  font-family: headingFont;
  font-weight: bold;
  transition: 0.3s;
  text-transform: capitalize;
}
.overlay a:hover, .overlay a:focus {
  /* color: #fd8982; */
  color: #FFBF00;
}
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}
@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}
.witnes-detail-header{
  position: relative;
}

/*banner content*/
.banner-content{
  /* background-image: url(../img/bannerbg.png); */
  background-image: url(../img/bannerbg.webp);
  background-size: cover;
  height: 100vh;
  background-color: rgba(0,0,0,0.3);
  background-blend-mode: overlay;
}
.banner-content-text{
  display: flex;
  flex-direction: column;
  height: 100vh;
  align-items: center;
  justify-content: center;
}

.banner-content-text p{
  font-size: 18px;
  color: white;
  font-family: textFont;
  margin-bottom: 0px;
  text-transform: uppercase;
}
.banner-buttons{
  margin-top: 30px;
  display: flex;
  align-items: center;
}
.banner-buttons a{
  margin: 0px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner-buttons button{
  margin: 0px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*banner content*/

/*list-design*/
.list-design{
  padding: 100px 0px;
}
.container-list{
  font-size: 10rem;
  font-weight: bold;
  height: 500px;
  text-align: center;
  height: 360px;
  overflow-y: scroll;
  scrollbar-width: none ;
}
.container-list::-webkit-scrollbar{
  display: none !important;
}
.container-list p{
  color: #3a3a3a;
  font-size: 70px;
  font-family: headingFont;
  font-weight: bold;
  text-transform: lowercase;
  margin-bottom: 0px;
  transition: 0.4s;
  cursor: pointer;
}
.container-list p a{
  color: #3a3a3a;
  font-size: 70px;
  font-family: headingFont;
  font-weight: bold;
  text-decoration: none;
}
.container-list p:last-child{
  margin-bottom: 100px;
}
.container-list p a:hover{
  color: #fd8982;
}
.blur {
  animation: blurAnimation both;
  animation-timeline: view();
}
@keyframes blurAnimation {
  0% {
    filter: blur(20px);
  }

  45%,55% {
    filter: blur(0px);
  }

  100% {
    filter: blur(0px);
  }
}

/*speciallity-section*/
.speciallity-section{
  /* padding: 100px 0px; */
}
.speciallity-detail{
  text-align: center;
}
.speciallity-detail img{
  width: 150px;
  margin-bottom: 25px;
}
.speciallity-detail h3{
  font-size: 18px;
  color: white;
  font-family: textFont;
}
.speciallity-detail-button{
  /* margin-top: 100px; */
  text-align: center;
  display: flex;
  justify-content: center;
}
.speciallity-detail-button a{
  display: flex;
  align-items: center;
  justify-content: center;
}

/*image gallery*/
.image-gallery{
  padding: 100px 0px;
}
.swiper {
    width: 100%;
}
.mySwiper1{
  padding-bottom: 10px !important;
}
.swiper-slide img {
    width: 100%;
    height: 300px; /* Adjust height as needed */
    object-fit: cover;
    border-radius: 10px;
}
.image-gallery-heading{
  text-align: center;
  /* margin-bottom: 80px; */
}
.image-gallery-heading h2{
  /* font-size: 74px; */
  font-size: 70px;
  color: white;
  font-family: headingFont;
  font-weight: bold;
  margin-bottom: 0px;
}
.image-gallery-heading p{
  font-size: 18px;
  color: #959597;
  font-family: textFont;
  margin: 0px;
  text-transform: uppercase;
}
.image-gallery-button{
  text-align: center;
  margin-top: 80px;
}

/*main-about-section*/
.about-us-section{
  background-image: url(../img/aboutbg.jpg);
  background-size: cover;
}
.main-about-section{
  display: flex;
  align-items: end;
  justify-content: center;
  padding-top: 70vh;
  padding-bottom: 10vh;
}
.about-header{
  width: 30%;
  text-align: right;
}
.about-header h2{
  font-size: 75px;
  color: white;
  font-family: headingFont;
  font-weight: bold;
  margin-bottom: 0px;
}
.about-header a{
  color:#fd8982 !important;
  font-size: 18px;
  color: white;
  margin: 0px;
  font-family: textFont;
  text-decoration:none;
  text-transform: uppercase;
}
.about-content{
  width: 70%;
  padding-left: 80px;
}
.about-content p{
  font-size: 15px;
  color: white;
  font-family: industryLite;
  margin-bottom: 0px;
  line-height: 31px;
}

/*in-their-words*/
.in-their-words{
  padding: 100px 0px;
  height: 128vh;
  position: relative;
}
.in-their-word-heading{
  text-align: center;
}
.in-their-word-heading h2{
  font-size: 75px;
  color: white;
  font-family: headingFont;
  font-weight: bold;
  margin-bottom: 0px;
}
.in-their-word-heading P{
  font-size: 18px;
  color: #959597;
  font-family: textFont;
  margin-bottom: 0px;
}

/*box one details*/
.box-one{
  width: 320px;
  border-radius: 15px;
  background-color: #f3f5f6;
  padding: 25px;
  position: absolute;
  top: 100px;
  left: 50px;
}
.circle-design{
  height: 60px;
  width: 60px;
  border-radius: 50%;
  background-color: #acaeaf;
  margin-bottom: 40px;
}
.box-one p{
  font-size: 12px;
  color: #959597;
  font-family: textFont;
  margin-bottom: 0px;
  line-height: 30px;
}
.testimonial-vendor{
  margin-top: 50px;
  text-align: right;
}
.testimonial-vendor h4{
  font-size: 22px;
  color:#fc887d;
  font-family: headingFont;
  font-weight: bold;
  margin-bottom: 0px;
}
.testimonial-vendor p{
  font-size: 12px;
  color: #959597;
  font-family: textFont;
  margin-bottom: 0px;
}
/*box two details*/
.box-two{
  width: 300px;
  border-radius: 15px;
  background-color: #f3f5f6;
  padding: 25px;
  position: absolute;
  top: 150px;
  right: 50px;
}
.box-two p{
  font-size: 11px;
  color: #959597;
  font-family: textFont;
  margin-bottom: 0px;
  line-height: 30px;
}
/*box three details*/
.box-three{
  width: 500px;
  border-radius: 15px;
  background-color: #f3f5f6;
  padding: 35px;
  position: absolute;
  top: 250px;
  right: 400px;
}
.box-three .circle-design{
  height: 70px;
  width: 70px;
}
.box-three p{
  font-size: 18px;
  color: #959597;
  font-family: textFont;
  margin-bottom: 0px;
  line-height: 30px;
}
.box-three .testimonial-vendor h4{
  font-size: 30px;
}
.box-three .testimonial-vendor p{
  font-size: 18px;
}
/*box four details*/
.box-four{
  width: 250px;
  border-radius: 15px;
  background-color: #f3f5f6;
  padding: 25px;
  position: absolute;
  top: 500px;
  left:200px;
}
.box-four .circle-design{
  height: 40px;
  width: 40px;
}
.box-four p{
  font-size: 9px;
  color: #959597;
  font-family: textFont;
  margin-bottom: 0px;
  line-height: 20px;
}
.box-four .testimonial-vendor h4{
  font-size: 18px;
}
.box-four .testimonial-vendor p{
  font-size: 10px;
}
.testimonial-button{
  position: absolute;
  bottom: 100px;
  width: 100%;
  text-align: center;
  left: 0;
}
/*in-their-words*/

/*sub-footer-section*/
.footer-logo{
  max-width: 110px;
  width: 100%;
}
.sub-footer-section{
  display: flex;
}
.join-us{
  width: 50%;
  background-image: url(../img/joinus.png);
  background-size: cover;
  height: 59vh;
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: end;
  padding-bottom: 80px;
  padding-right: 80px;
}
.join-us h2{
  font-size: 75px;
  color: white;
  font-family: headingFont;
  font-weight: bold;
  margin-bottom: 0px;
}
.join-us a{
  color: #FFBF00 !important;
  font-size: 18px;
  margin: 0px;
  font-family: textFont;
  text-decoration: none;
  text-transform: uppercase;
}
.find-a-pro{
  width: 50%;
  background-image: url(../img/findapro.png);
  background-size: cover;
  height: 59vh;
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: end;
  padding-bottom: 80px;
  padding-right: 80px;
}
.find-a-pro h2{
  font-size: 75px;
  color: white;
  font-family: headingFont;
  margin-bottom: 0px;
}
.find-a-pro a{
  color: #FFBF00 !important;
  font-size: 18px;
  color: white;
  margin: 0px;
  font-family: textFont;
  text-decoration: none;
  text-transform: uppercase;
}

/*footer-details*/
.footer{
  padding: 80px 0px;
}
.footer-details{
  text-align: center;
}
.footer-details h3{
  font-family: textFont;
  color: white;
  font-size: 40px;
  margin: 0px;
  font-weight: bold;
}
.footer-details ul{
padding-left: 0px;
margin-bottom: 90px;
margin-top: 50px;
}
.footer-details ul li{
  display: inline;
}
.footer-details ul li i{
  font-size: 20px;
  color: white;
  margin: 0px 10px;
}
.footer-details p{
  font-size: 18px;
  color:#636363;
  font-family: headingFont;
  font-weight: bold;
  margin-bottom: 0px;
}
.blue-footer{
  background-color: #091F35;
}
.black-footer{
  background-color: black;
}
.blue-footer .footer-details p{
  color: #ACAEAF;
}

/*consultant page start*/
/*about banner*/
/* .about-banner-content{
  background-image: url(../img/consultantbg.jpeg);
  background-size: cover;
  height: 41vh;
  background-position: bottom;
} */
/*register page*/
.register-banner{
 background-image: url(../img/registerbg.png);
  background-size: cover;
  height: 41vh;
  background-position: bottom;
  box-shadow: 0px -65px 50px -20px rgba(0, 0, 0, 0.9) inset;
  background-color: rgba(0, 0, 0, 0.3);
  background-blend-mode: overlay;
}


/*tabs-section*/
.tabs-design{
  padding: 100px 0px;
}
.tabs-design-headong{
  margin-bottom: 30px;
  text-align: center;
}
.tabs-design-headong h2{
  font-size: 75px;
  color: white;
  font-family: headingFont;
  font-weight: bold;
  margin: 0px;
}
.tabs-design-headong p{
  font-size: 18px;
  color: #959597;
  font-family: textFont;
  margin: 0px;
  text-transform: uppercase;
}
.tab {
  overflow: hidden;
  border:none;
  background-color: transparent;
  display: flex;
  justify-content: center;
}
.tab button {
  width: 210px;
  background-color: inherit;
  float: left;
  outline: none;
  cursor: pointer;
  padding: 10px 16px;
  transition: 0.3s;
  font-size: 17px;
  margin: 0px 10px;
  color: white;
  border:2px solid white;
  border-radius: 30px;
  font-family: textFont;
  text-transform: capitalize;
}
.tab button:hover {
  background-color: #FFBF00;
  border: 2px solid #FFBF00;
  color: #000;
}
.tab button.active {
  background-color:#FFBF00;
  border: 2px solid #FFBF00;
  color: #000;
}
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
  margin-top: 80px;
}
.profile-img{
  /* background-color: #acaeaf; */
  background-color: #fff;
  border-radius: 50%;
  height: 450px;
  width: 450px;
  background-size: cover; /* Ensures image covers the div without distortion */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Avoids image repetition */
}
.tabcontent p{
  font-size: 18px;
  color: white;
  font-family: textFont;
  margin: 0px;
  line-height: 34px;
}
.website-detail-para p{
  font-size: 18px;
  color: white;
  font-family: textFont;
  margin: 0px;
  line-height: 34px;
}
.social-icon ul{
  padding-left: 0px;
  margin-top: 80px;
  text-align: center;
}
.social-icon ul li{
  display: inline;
  font-size: 20px;
  color: white;
  margin: 0px 10px;
}
.social-icon ul li i{
  font-size: 20px;
  color: white;
  margin: 0px 10px;
}

/*website-detail*/
.website-detail-content{
  margin-bottom: 60px;
}
.website-detail-content h2{
  font-size: 70px;
  color: white;
  font-family: headingFont;
  font-weight: bold;
  margin-bottom: 0px;
}
.website-detail-content p{
  font-size: 14px;
  color: white;
  font-family: industryLite;
  margin-bottom: 0px;
  text-transform: uppercase;
}
.website-detail-content UL{
  padding-left: 0px;
  margin-bottom: 40px;
}
.website-detail-content ul li{
  font-size: 14px;
  color: white;
  font-family: industryLite;
  list-style: none;
}
.website-detail-content ul li strong{
  font-family: textFont;
}
.website-location-main .website-detail-content:last-child{
  margin-bottom: 0px;
}

/*witness detail*/
.witness-detail-input{
  padding: 58px 0px;
}
.witness-search-input{
  position: relative;
}
.witness-search-input input{
  width: 100%;
  border: 2px solid #6F6F6F;
  border-radius: 50px;
  height: 68px;
  font-size: 16px;
  font-family: industryLite;
  color: #fff;
  background-color: black;
  padding-left: 30px;
  outline: none;
}
.witness-search-input input:focus{
  border: 2px solid #6F6F6F;
}
.witness-search-input img{
  width: 35px;
  padding: 8px;
  background-color: #9ABDDE;
  border-radius: 50%;
/*  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  right: 30px;*/
}
.witness-detail-heading{
  margin-bottom: 80px;
}
.witness-detail-heading-text h1{
  font-size: 48px;
  color: white;
  font-family: headingFont;
  margin-bottom: 40px;
  font-weight: bold;
  text-align: center;
}
.witness-detail-heading-text p{
  font-size: 16px;
  color: white;
  font-family: textFont;
  margin-bottom: 0px;
}
/*witness-expert-profile*/
.witness-expert-profile{
  /* padding: 0px 0px 100px; */
  padding: 0px 0px 15px;
}
.witness-profile-heading h3{
  font-size: 16px;
  color: #FFBF00;
  font-family: headingFont;
  font-weight: bold;
  margin-bottom: 33px;
  text-align: center;
}
.witness-profile-data{
  background-color: white;
  padding: 20px 30px;
  border-radius: 24px;
  display: flex;
  justify-content: space-between;
}
.profile-image-witness {
  max-width: 209px;
  display: flex;
  align-items: center;
}
.profile-image-witness img{
  width: 209px;
}
.witness-profile-list{
  width: 50%;
}
.witness-profile-list h2{
  font-size: 24px;
  color: #000000;
  font-family: headingFont;
  font-weight: bold;
  margin-bottom: 7px;
  text-align: center;
}
.witness-profile-list p{
  font-size: 18px;
  color: #5D5F65;
  font-family: industryLite;
  margin-bottom: 21px;
  text-align: center;
}
.witness-view-profile-button{
  width: 209px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  height: auto;
}
.witness-view-profile-button a{
  background-color: #FFBF00;
  padding: 10px 60px;
  border-radius: 8px;
  border: 1px solid #FFBF00;
  color: #000;
  text-decoration: none;
}
.witness-view-profile-button a:hover{
  color: #000;
}
.witness-profile-list ul{
  padding-left: 0px;
}
.witness-profile-list ul li{
  display: inline-flex;
  background-color: #DBEAFE;
  border-radius: 16px;
  font-size: 12px;
  color: #1E40AF;
  font-family: textFont;
  margin-bottom: 6px;
  padding: 5px 10px;
  cursor: pointer;
}
/*witness-small-box*/
.witness-small-box{
  padding-bottom: 100px;
}
.expert-small-box-main{
  background-color: white;
  padding: 30px;
  border-radius: 24px;
}
.small-box-profile-header{
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.small-box-profile-header img{
  max-width: 90px;
  width: 100%;
  border-radius: 50%;
  margin-right: 15px;
}
.small-box-profile h3{
  font-size: 16px;
  color: #000000;
  font-family: headingFont;
  font-weight: bold;
  margin-bottom: 7px;
}
.small-box-profile p{
  font-size: 14px;
  color: #5D5F65;
  font-family: industryLite;
  margin-bottom: 0px;
}
.expert-small-box-main ul{
  padding-left: 0px;
}
.expert-small-box-main ul li{
    display: inline-flex;
    background-color: #DBEAFE;
    border-radius: 16px;
    font-size: 12px;
    color: #1E40AF;
    font-family: textFont;
    margin-bottom: 6px;
    padding: 5px 10px;
    cursor: pointer;
}
.expert-small-box-main h5{
  font-size: 16px;
  color: black;
  font-family: headingFont;
  font-weight: bold;
  margin-bottom: 16px;
  text-align: center;
}
.small-box-view-button{
  text-align: center;
}
.small-box-view-button  a{
  background-color: #FFBF00;
  padding: 10px 60px;
  border-radius: 8px;
  border: 1px solid #FFBF00;
  color: #000;
  text-decoration: none;
  margin: 0 auto;
}
.small-box-view-button a:hover{
  color: #000;
}
.witness-small-box-button-group{
  margin-top: 100px;
  text-align: center;
}
.witness-small-box-button-group a{
    font-size: 12px;
    color: #FFFFFF;
    font-family: textFont;
    text-decoration: none;
    margin-right: 10px;
    background-color: transparent;
    color: white;
    border: 1px solid white;
    padding: 10px 45px;
    border-radius: 26px;
}
.witness-small-box-button-group a:hover{
  color: white;
}
.faq-button{
  padding: 10px 68px !important;
}

/*faq-heading*/
.faq-heading-main {
 padding: 80px 0px;
}
.faq-heading-main h1{
  font-size: 48px;
    color: white;
    font-family: headingFont;
    margin-bottom: 40px;
    font-weight: bold;
    text-align: center;
}
.faq-accordian{
  padding-bottom: 100px;
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E") !important;
  transition: all 0.5s;
}
.accordion-button:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E") !important;
}
.accordion-button::after {
  transition: all 0.5s;
}
.accordion-button:not(.collapsed){
  box-shadow: none !important;
}
.faq-heading {
  padding-bottom: 40px;
}
.faq-heading h2{
  font-size: 38px;
  color: #FFFFFFCC;
  font-family: headingFont;
  font-weight: bold;
  text-align: center;
}
.accordion-button{
  background-color: #1f1f1f !important;
  border:1px solid #1f1f1f !important;
  font-size: 18px !important;
  color: #FFFFFFCC !important;
  font-family: textFont;
}
.accordion-button:focus{
  box-shadow: none !important;
}
.accordion-item{
   background-color: #1f1f1f !important;
  border:1px solid #1f1f1f !important;
}
.accordion-body{
  font-size: 16px;
  color: lightgray;
  font-family: industryLite;
}
.membership-box h4{
  font-size: 20px;
}
.introduction-content textarea{
    background: transparent;
    border: 1px solid white;
    border-radius: 10px;
    outline: none;
    color: white;
    padding: 10px;
}

.small-profile-name{
  font-size: 20px !important;
}
.small-profile-name-2{
  font-size: 8px !important;
}
/*hub section*/
.hub-heading{
  text-align: center;
  margin-bottom: 64px;
}
.hub-heading h2{
  font-size: 65px;
  color: #FFFFFF;
  font-family: headingFont;
  font-weight: bold;
  text-transform: lowercase;
}
.hub-box-content{
  background-color: #F7F7F7;
  border-radius: 24px;;
  overflow: hidden;
  height: 185px;
  position: relative;
  cursor: pointer;
}
.hub-box-content:hover .hub-simple-content{
  display: none;
}
.hub-box-content:hover .hub-effect-content{
 opacity: 1;
}
.hub-simple-content{
  transition: 0.3s;
}

.hub-effect-content ul li:hover a {
    color: #FFBF00 !important;
}

.icon-space{
  background-color: #FFBF00;
  text-align: center;
  padding: 10px 0px;
}
.icon-space img{
  width: 65px;
}
.hub-content-heading{
  padding: 30px 20px;
  text-align: center;
}
.hub-content-heading p{
  /* font-size: 20px; */
  font-size: 15px;
  color: #1E1E1E;
  font-family: textFont;
  margin-bottom: 0px;
}
.hub-effect-content{
  height: 100%;
  opacity: 0;
  transition: 0.3s;
  padding: 8px;
  overflow-y: scroll;
  /* border-top: 30px solid #FD8982; */
  border-top: 30px solid #FFBF00;
  position: absolute;
  top: 0;
  width: 100%;
}
.hub-effect-content ul{
  padding-left: 0px;
  margin-bottom: 0px;
}
.hub-effect-content ul li{
  font-size: 13px;
  color: #000000;
  font-family: textFont;
  margin-bottom: 7px;
  display: flex;
  align-items: center;
}

.hub-effect-content ul li a {
    color: inherit;           /* Use the same color as the parent (black in your case) */
    text-decoration: none;    /* Remove underline */
}

.hub-effect-content ul li img{
  width: 6px;
  margin-right: 10px;
}
.bottom-design-hub-box{
  margin-bottom: 69px;
}
.hub-anchors ul{
  padding-left: 0px;
  margin-bottom: 0px;
  margin-top: 24px
}
.hub-anchors ul li{
  display: inline-flex;;
  list-style: none;
  padding: 0px 10px;
  position: relative;
}
.hub-anchors ul li{
  font-size: 17px;
  color: #FFFFFF;
  font-family: textFont;
  text-decoration: none;
}

/* .hub-anchors ul li a{
  font-size: 17px;
  color: #FFFFFF;
  font-family: textFont;
  text-decoration: none;
}
.hub-anchors ul li a:hover{
  color: #FFFFFF;
} */
.hub-anchors ul li:after{
  content: "";
    background-color: white;
    height: 20px;
    width: 2px;
    position: absolute;
    right: -4px;
    top: 50%;
    display: block;
    transform: translateY(-50%);
}

/*blog design*/

.hero-section-blog{
  background-image: url(../img/bannerbg.webp);
  background-size: cover;
  text-align: center;
  padding: 128px 0px;
  background-color: rgba(0, 0, 0, 0.3);
  background-blend-mode: overlay;
}
.main-blog-banner-content img{
  width: 440px;
}
.main-blog-banner-content p{
  font-size: 22px;
  color: #FFFFFF;
  line-height: 36px;
  font-weight: 400;
  font-family: industryLite;
}