/*public-classes-started*/
.navbar {
  background-color: rgba(255, 255, 255, 1) !important;
}
img{
    max-width: 100%;
    height: auto;
}
.navbar-light .navbar-brand{
    margin-right:0;
}
.mega-menu .blog-mega-menu-container {
  top: 1rem;
  right: 0;
  width: 300px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  visibility: hidden;
  opacity: 0;
  transform: translateY(3rem);
  transition: all 0.3s;
}
.mega-menu .blog-mega-menu {
  border-radius: 1rem;
  background-color: rgba(255, 255, 255, 0.7);
}
.mega-menu .blog-mega-menu::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #e69B00;
}
.mega-menu .blog-mega-menu li {
  list-style: none;
}
.mega-menu .blog-mega-menu li a {
  color: #00465f;
  transition: all 0.3s;
}
.mega-menu .blog-mega-menu li a::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #507f96;
  transition: all 0.3s;
}
.mega-menu .blog-mega-menu li:hover a {
  color: #507f96;
}
.mega-menu .blog-mega-menu li:hover a::before {
  width: 100%;
}
.mega-menu:hover .blog-mega-menu-container {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.blog-side-title {
  border-bottom: 0.125rem solid rgba(255, 255, 255, 0.3);
  background-color: #194760;
}

.article-body {
  line-height: 1.8;
}

/*public-classes-ended*/
/*blog-banner-slider-section-started*/
#blog-banner-slider-section .banner-slider .owl-item img{
    width:100%;
}
#blog-banner-slider-section .banner-slider .owl-item {
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
#blog-banner-slider-section .banner-slider .owl-dots {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 2rem;
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 3rem;
}
#blog-banner-slider-section .banner-slider .owl-dots .owl-dot {
  width: 3rem;
  height: 1rem;
  margin-left: 6px;
  border-radius: 20px;
  background: #e69B00;
  opacity: 0.5;
  transition: all 0.5s;
}
#blog-banner-slider-section .banner-slider .owl-dots .owl-dot:last-child {
  margin-left: 0;
}
#blog-banner-slider-section .banner-slider .owl-dots .owl-dot span {
  display: none;
}
#blog-banner-slider-section .banner-slider .owl-dots .owl-dot.active {
  width: 5rem;
  background-color: unset;
  background: #e69B00;
  opacity: 1;
}

/*blog-banner-slider-section-ended*/
/*blog-categories-section-started*/
#blog-categories-section .more-info-btn {
  width: 12rem;
  transition: all 0.5s;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media screen and (max-width: 420px) {
  #blog-categories-section .more-info-btn {
    width: 13rem;
  }
}
#blog-categories-section .more-info-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: auto;
  border-radius: 0.54rem;
  background-color: #fff;
  opacity: 0;
  transition: all 0.5s;
}
#blog-categories-section .btn-klean{
    background: #0f3a4a;
}
#blog-categories-section .more-info-btn span {
  transition: all 0.5s;
}
#blog-categories-section .more-info-btn:hover {
  color: unset;
}
#blog-categories-section .more-info-btn:hover::before {
  opacity: 1;
}
#blog-categories-section .more-info-btn:hover span {
  color: #00465f;
}

/*blog-categories-section-ended*/ 
/*web-blog-box-container-started*/
.blog-item .text-100 {
    color: #4f7188 !important;
}
#blog-box-container-section .blog-item .blog-item-img {
  max-height: 353px;
  border-radius: 1rem;
} 
#blog-box-container-section .blog-item   .text-muted {
    color: #8f8f8f !important; 
}

#blog-box-container-section .blog-item .summery_post , #blog-list-container-section .summery_post {
    overflow: hidden;
     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #959595;
}

#blog-box-container-section .blog-item h3 {
  height: 58px;
  overflow: hidden;
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #959595;
    font-weight: 300;
}
#blog-box-container-section .blog-item .text-gradient{
    line-height:24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*web-blog-box-container-ended*/
/*blog-list-container-section-started*/
#blog-list-container-section .blog-item .blog-item-img {
  border-radius: 15px;
}

#blog-list-container-section .blog-item h5 , #blog-list-container-section .blog-item  .title_post{
  height: 58px;
  overflow: hidden;
     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight:300 !important;
    color: #cecece;
}

@media screen and (max-width: 767px) {
  #blog-list-container-section {
    padding-top: 4rem !important;
  }
}
#blog-list-container-section.article_pg .blog-item h5{
    color: #d1941c;
}
#blog-list-container-section.article_pg .blog-item h5 , #blog-list-container-section.article_pg .blog-item h2 {
    display:block; 
    height:auto;
}
#blog-list-container-section .blog-item .title_post{
    color: #d1941c;
    -webkit-line-clamp: 1;
    height:auto;
}
.blog-sidebar .card-bg{
    background-color: #ffffff1c;
    border: 0.125rem solid rgba(255, 255, 255, 0.3);
    border-radius: 1rem 1rem;
    box-shadow: 0px 6px 34px rgb(36 42 51 / 9%);
}
.blog-sidebar .card-bg .blog-side-title{
    font-size: 18px;
    color: #d1941c;
    font-weight: 600;
    border-bottom: 0.125rem solid rgba(255, 255, 255, 0.3);
    padding: 22px 22px;
    border-radius: 1rem 1rem 0 0;
}
.blog-sidebar .card-bg .side-item {
    padding: 1rem 1rem;
}
#blog-list-container-section .blog-sidebar {
  top: 6rem;
}
#blog-list-container-section .blog-sidebar .card-bg {
  border-radius: 1rem;
}
#blog-list-container-section .blog-sidebar .search-box::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #e69B00;
}
#blog-list-container-section .blog-sidebar .search-box input {
    font-size: 1rem;
    width: calc(100% - 50px);
}
#blog-list-container-section .blog-sidebar .search-box button{
    color: #959595;
    width:50px;
}
#blog-list-container-section .blog-sidebar .categories-box {
  padding: 1rem 1rem;
}
#blog-list-container-section .blog-sidebar .categories-box li a {
  transition: all 0.5s;
}
#blog-list-container-section .blog-sidebar .categories-box li a:hover {
  color: #d1941c !important;
}
#blog-list-container-section .blog-sidebar .instagram-box {
  border-radius: 1rem;
}
#blog-list-container-section .blog-sidebar .instagram-box .row {
  margin: 0 -0.25rem;
}
#blog-list-container-section .blog-sidebar .tags-box .tag-item {
  border-radius: 0.5rem;
  transition: all 0.5s;
  color: #bdbdbd !important;
  font-size: 0.8rem;
}
#blog-list-container-section .blog-sidebar .tags-box .tag-item:hover {
  border-radius: 1.5rem !important;
  background: linear-gradient(-60deg, #00465f, #00465f);
  color: #fff !important;
}
#blog-list-container-section .blog-sidebar .side-text {
  font-style: italic;
  text-align: justify;
  line-height: 27px;
}
#blog-list-container-section .blog-sidebar .side-advertise-box {
  border-radius: 1rem;
  box-shadow: 0 14px 38px 0 rgba(0, 0, 0, 0.11);
}
#blog-list-container-section .blog-item h6{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#blog .card h5 {
  height: 58px;
  overflow: hidden;
      display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #cecece;
}
.main-img-blog {
  border-radius: 25px;
}

@media screen and (max-width: 1300px) {
  .review-article .review-box {
    height: 23rem !important;
  }
}
/*blog-list-container-section-ended*//*# sourceMappingURL=style.css.map */

#alert-message {
    font-size: 14px;
    line-height: 1.3;
}
button.close {
    float: left !important;
    background: transparent;
   border: none;
}

#blog-list-container-section.article_pg  h1{
    font-size: 2rem;
}
#blog-list-container-section h1{
    line-height: 63px;
}
.footer .input-group-icon .input-box-icon {
    top: 20px;
}

    
#web-review-section.article-comment{
}
#web-review-section.article-comment .review-item.card-bg{
     background: #eee;
}