/*-----------------------------------------------------------------------------------
    URI: https://eulz.net/
    Description: This is version 3 of Steven Zhang's website. Version 2 is https://lz284.org and version 1 is https://lz284.github.io
    Author: Steven Zhang
    Author URI: https://eulz.net/
    Version: 3.0

--------------------------
    CSS INDEX
--------------------------
    01. Default css 
    02. Header css
    03. About css
    04. Features css
    05. Service css
    06. Gallery css
    07. Team css
    08. Testimonial css
    09. Faqs css
    10. News css 
    11. EULZ css
    12. Contact css
    13. Footer css
    14. Sections css
    15. Blog css
    16. Video css 
    17. Web clock
    18. Chat css
    19. User nav
    20. Manage page
    21. Login css
-----------------------------------------------------------------------------------*/
@import url("css2.css");
.accommodation-form .nice-select::-webkit-input-placeholder, .accommodation-form .form_control::-webkit-input-placeholder, form.contact-form .form_control::-webkit-input-placeholder {
  color: #1C231F;
}
.accommodation-form .nice-select::-moz-placeholder, .accommodation-form .form_control::-moz-placeholder, form.contact-form .form_control::-moz-placeholder {
  color: #1C231F;
}
.accommodation-form .nice-select:-ms-input-placeholder, .accommodation-form .form_control:-ms-input-placeholder, form.contact-form .form_control:-ms-input-placeholder {
  color: #1C231F;
}
.accommodation-form .nice-select::-ms-input-placeholder, .accommodation-form .form_control::-ms-input-placeholder, form.contact-form .form_control::-ms-input-placeholder {
  color: #1C231F;
}

.accommodation-form .nice-select::placeholder, .accommodation-form .form_control::placeholder, form.contact-form .form_control::placeholder, .faqs-tab ul.nav .nav-link, 
.single-team-item .member-img .hover-content ul.social-link li a:hover, .single-gallery-item-two .gallery-img .hover-content .inner-content .cat-btn, 
.gallery-filter-button .gallery-btn li, .hero-area-form .adventure-hero-form span, .btn-link, .main-btn.filled-btn, 
h1,
h2,
h3,
h4,
h5,
h6, 
.comments-area .comment .comment-wrap .comment-author-content span.author-name {
  color: #1C231F;
}

.footer-default .copyright-area .copyright-nav ul li a:hover, .copyright-area .copyright-nav ul li a:hover, .contact-info-widget .contact-info-box p:hover a, .contact-info-widget .contact-info-box p i, 
.footer-nav-widget .footer-nav-content ul.footer-nav li a:hover, .footer-newsletter label i, .accommodation-form-three .nice-select:after, .accommodation-form-three label i, .accommodation-form-two .form_group label i, 
.accommodation-form .nice-select:after, .accommodation-form label, .contact-icon-box .icon i, .sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date h5:hover, 
.sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date span.posted-on:hover, .sidebar-widget-area .category-widget ul.category-nav li a:hover, .post-navigation-item .post-nav-item .content h6:hover, 
.blog-standard-post h3.title:hover, .single-blog-post-item .entry-content h4.title:hover, .post-meta ul li span:hover, .accordion-card .accordion-header h4.accordion-title[aria-expanded=true]:after, 
.single-gallery-item .gallery-content .cat-link:hover, .gallery-filter-button .gallery-btn li.active, .single-service-item-three .text h3.title:hover, .single-service-item-two .text h4.title:hover, 
.single-service-item .text h3.title:hover, .pagination ul li a.next-btn, .fancy-icon-box-three:hover .text .btn-link, .fancy-icon-box-two .icon-title .icon i, .fancy-icon-box .icon i, .features-left-icon-box-two .icon i, 
.features-thumb-item .text h4.title:hover, .counter-item-two .icon i, .counter-item .icon i, .experience-box .big-text h2.number, .hero-area-form .adventure-hero-form .nice-select:after, .hero-area-form .adventure-hero-form label i, 
.hero-slider-two .slick-arrow:hover, .btn-link:hover {
  color: #63AC45;
}

.play-wrapper-one .video-popup, .single-blog-post-item-two .entry-content .btn-link:hover, .single-blog-post-item-two .entry-content h4.title:hover, .acc-sidebar-area .trending-place-widget .place-widget-content .inner-content span i, 
.video-popup i, ul.ratings li i, .experience-box .big-text h2.number span.symbol, .hero-content .hero-button .btn-link:hover {
  color: #F7921E;
}

h1 {
  font-size: 120px;
  font-weight: 600;
  line-height: 0.92em;
}

h2 {
  font-size: 45px;
  font-weight: 600;
  line-height: 1.2;
}

h3 {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.3;
}

h4 {
  font-size: 27px;
  font-weight: 500;
  line-height: 1.2;
}

h5 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.comments-area .comment .comment-wrap .comment-author-content span.author-name, h6 {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
}

.play-wrapper-one .video-popup, .play-wrapper-one, .footer-newsletter-widget .newsletter-content form label button, .about-company-widget ul.social-link li a, 
.sidebar-widget-area .sidebar-banner-widget .banner-widget-content .banner-img .hover-overlay .hover-content span.price, .faqs-tab ul.nav .nav-link i, .testimonial-slider-three .slick-arrow, .testimonial-arrows .slick-arrow, 
.single-gallery-item .gallery-img .hover-content .icon-btn, .single-gallery-item .gallery-img .hover-content, .gallery-item .gallery-img .hover-overlay .hover-content .icon-btn, .gallery-item .gallery-img .hover-overlay, 
.acc-sidebar-area .ad-filer-widget .filter-nav label span.title span.number, .single-service-item-four .img-holder .hover-content .inner-content .icon .icon-btn, .single-service-item-two .img-holder .hover-content .icon-btn, 
.single-service-item .text .meta .icon-btn, .pagination ul li a.next-btn, .pagination ul li a.prev-btn, .fancy-icon-box-three .icon, .single-features-item .icon, .features-left-icon-box-two .icon, 
.features-left-icon-box .icon, .video-popup i, ul.check-style-two li i, ul.check-style-one li i, .avatar-box-item ul.avatar-images li .more-icon, .about-one_image-box .icon-box, .hero-wrapper-three .video-wrapper, 
.hero-slider-two .slick-arrow, .header-navigation.breakpoint-on .nav-menu .main-menu ul li .dd-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*---========================
    01. Default css 
=======================----*/

/* Google Fonts */
/* Base CSS */
html {
  font-size: 100%;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
a:hover, a:focus {
  color: inherit;
  text-decoration: none;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
  text-decoration: none;
  outline: none;
}

i,
span,
a {
  display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
  font-family: "Roboto", sans-serif;
}

ul, ol {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

p {
  margin: 0px;
}

input, textarea {
  display: inherit;
}

img {
  max-width: 100%;
}

body {
  font-weight: normal;
  font-style: normal;
  font-weight: 300;
  color: #484848;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 28px;
  overflow-x: hidden;
}

/*====== Extra CSS ======*/
.container-fluid {
  padding-left: 70px;
  padding-right: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1199px) {
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.mt-minus-85 {
  margin-top: -85px;
}

.mt-minus-100 {
  margin-top: -100px;
}

.mt-minus-130 {
  margin-top: -130px;
}

ul.social-link li {
  display: inline-block;
}

.bg_cover {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.slick-slide {
  outline: 0;
}

.form_group {
  position: relative;
}

label {
  margin-bottom: 0;
}

.form_control {
  width: 100%;
  padding: 0 30px;
  height: 60px;
  border: none;
}

textarea.form_control {
  padding-top: 15px;
  display: inherit;
  height: 145px;
}

.p-r {
  position: relative;
}

.z-1  {z-index: 1;}
.z--1 {z-index: -1;}
.z-2  {z-index: 2;}

.sub-title {
  font-size: 20px;
  line-height: 0.9;
  font-weight: 500;
}
.sub-title span.number {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sub-title span.number:after {
  content: "";
  width: 105px;
  height: 1px;
  background-color: #1C231F;
  margin: 0 25px;
}

.section-title span.sub-title {
  margin-bottom: 15px;
}

.section-title h4{
  font-size: 30px;
}
.section-title h4 span.thin {
  font-size: 24px;
  font-weight: 200;
  display: block;
}

.section-title h2{
  font-size: 40px;
}
.section-title h2 span.thin {
  font-weight: 200;
  display: initial;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .section-title h2 {
    font-size: 38px;
  }
}
@media (max-width: 1199px) {
  .section-title h2 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .section-title h2 {
    font-size: 30px;
  }
}
.section-title h2 a:hover{
  color:#63AC45;
}
.section-title h2 a:active{
  color: #FF6100;   
}

.content-box-gap > p {
  margin-bottom: 30px;
}

.text-white .sub-title {
  color: #fff;
}
.text-white .sub-title span.number:after {
  background-color: #fff;
}
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 {
  color: #fff;
}
.text-white p {
  color: #e1e1e1;
}

/*===== All Bg =====*/
.dark-black-bg {background-color: #1C231F;}
.dark-green-bg {background-color: #63AC45;}
.light-gray-bg {background-color: #F9F9F7;}


/*===== All Button Style =====*/
button {
  border: none;
}

.main-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px 30px;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 7px;
  color: #fff;
  line-height: 21px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.main-btn i {
  -webkit-margin-start: 10px;
          margin-inline-start: 10px;
}
.main-btn.btn-green {
  background-color: #63AC45;
}
.main-btn.btn-green:hover {
  background-color: #1C231F;
  color: #fff;
}
.main-btn.btn-yellow {
  background-color: #F7921E;
}
.main-btn.btn-yellow:hover {
  background-color: #1C231F;
  color: #fff;
}
.main-btn.btn-black {
  background-color: #1C231F;
}
.main-btn.btn-black:hover {
  color: #fff;
}
.main-btn.btn-white {
  background-color: #fff;
  color: #1C231F;
}
.main-btn.filled-btn {
  background-color: transparent;
  border: 1px solid rgba(28, 35, 31, 0.15);
}
.main-btn.filled-btn:hover {
  border-color: #1C231F;
}


/*                 added by liang 08.21.2021                   */
.main-btn.btn-outline-white{
  padding: 14px 15px;
  font-size: 18px;
  text-transform: none;
  color: #F0F0F0;
  background-color: #1C1C1C;
  border:3px solid #E8E8E8;
}
.main-btn.btn-outline-white:hover{background-color: #F0F0F0;color: #1C1D1E; }

.main-btn.btn-outline-warning{
  padding: 14px 24px;
  font-size: 18px;
  text-transform: none;
  color: #ffc107;
  background-color: #000;
  border:3px solid #ffc107;
}
.main-btn.btn-outline-warning:hover {background-color: #F0F0F0;border-color: #F0F0F0;color: #1C1D1E; }

.main-btn.btn-RebeccaPurple{
  padding: 14px 12px;
  font-size: 18px;
  text-transform: none;
  color: #F0F0F0;
  background-color: #663399;
  border:3px solid #663399;
}
.main-btn.btn-RebeccaPurple:hover{background-color: #F0F0F0;border-color: #F0F0F0;color: #1C1D1E; }

.main-btn.btn-Sandy-Brown{
  padding: 14px 5px;
  font-size: 18px;
  text-transform: none;
  color: #F0F0F0;
  background-color: #D2691E;
  border:3px solid #D2691E
  
}
.main-btn.btn-Sandy-Brown:hover{background-color: #F0F0F0;border-color: #F0F0F0;color: #1C1D1E; }

.main-btn.btn-outline-success{
  padding: 14px 14px;
  font-size: 18px;
  text-transform: none;
  color: #F0F0F0;
  background-color: #28a745;
  border:3px solid #28a745;
}
.main-btn.btn-outline-success:hover{color:#000;background-color:#F0F0F0;border-color:#F0F0F0;}

.main-btn.btn-school-yellow{
  padding: 14px 16px;
  font-size: 18px;
  text-transform: none;
  color: #1C1D1E; 
  background-color: #ffe026;
  border:3px solid #ffe026;
  
}
.main-btn.btn-school-yellow:hover{color:#000;background-color:#F0F0F0;border-color:#F0F0F0}
/* .btn-link:hover i {
  -webkit-margin-start: 12px;
          margin-inline-start: 12px;
} */




/*====== Custom Animation =======*/
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(7px);
            transform: translateX(7px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(7px);
            transform: translateX(7px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
.animate-float-x {
  -webkit-animation-name: float-x;
  animation-name: float-x;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.animate-float-y {
  -webkit-animation-name: float-y;
  animation-name: float-y;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-y {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes float-y {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@-webkit-keyframes float-x {
  0% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes float-x {
  0% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
/*====== Search Modal ======*/
.search-modal {
  background-color: rgba(13, 18, 23, 0.8);
}
.search-modal .modal-content {
  padding: 15px 30px;
  background-color: transparent;
  border: none;
}
.search-modal .modal-content label {
  position: absolute;
  top: 15px;
  right: 0;
  color: #fff;
}
.search-modal .modal-content .form_control {
  padding: 0;
  background-color: transparent;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.search-modal .modal-content .form_control::-webkit-input-placeholder {
  color: #fff;
}
.search-modal .modal-content .form_control::-moz-placeholder {
  color: #fff;
}
.search-modal .modal-content .form_control:-ms-input-placeholder {
  color: #fff;
}
.search-modal .modal-content .form_control::-ms-input-placeholder {
  color: #fff;
}
.search-modal .modal-content .form_control::placeholder {
  color: #fff;
}
.search-modal .modal-content .form_control:focus {
  background-color: transparent;
}

.modal-open {
  overflow: auto !important;
  padding-right: 0 !important;
  overflow-x: hidden !important;
}

/*===== Nice NUmber =====*/
.nice-number {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}

.nice-number input {
  vertical-align: middle;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0;
  text-align: center;
}

.nice-number input::-webkit-inner-spin-button,
.nice-number input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*===== Nice Select =====*/
.nice-select {
  padding: 0 10px;
  border: none;
  border-radius: 0px;
  font-size: 16px;
  z-index: 1;
}
.nice-select:after {
  position: absolute;
  right: 0;
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}
.nice-select ul.list {
  border-radius: 0;
}
.nice-select .option {
  padding: 0 10px;
}

/*====== Start Preloader css ======*/
.preloader {
  background-color: #fff;
  bottom: 0;
  height: 100vh;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 99999;
}
.preloader .loader {
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.preloader .pre-box {
  width: 50px;
  height: 50px;
  background: green; 
  -webkit-animation: loaderAnimate 0.5s linear infinite;
  animation: loaderAnimate 0.5s linear infinite;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
}
.preloader .pre-shadow {
  width: 50px;
  height: 5px;
  background: #000;
  opacity: 0.1;
  position: absolute;
  top: 59px;
  left: 0;
  border-radius: 50%;
  -webkit-animation: loaderShadow 0.5s linear infinite;
  animation: loaderShadow 0.5s linear infinite;
}

@-webkit-keyframes loaderAnimate {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    -webkit-transform: translateY(9px) rotate(22.5deg);
    transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 40px;
  }
  75% {
    -webkit-transform: translateY(9px) rotate(67.5deg);
    transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
  }
}
@keyframes loaderAnimate {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    -webkit-transform: translateY(9px) rotate(22.5deg);
    transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 40px;
  }
  75% {
    -webkit-transform: translateY(9px) rotate(67.5deg);
    transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
  }
}
@-webkit-keyframes loaderShadow {
  50% {
    -webkit-transform: scale(1.2, 1);
    transform: scale(1.2, 1);
  }
}
@keyframes loaderShadow {
  50% {
    -webkit-transform: scale(1.2, 1);
    transform: scale(1.2, 1);
  }
}
/*====== Start Back to top css ======*/
.back-to-top {
  background-color: #F7921E;
  border-radius: 50%;
  bottom: 30px;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 20px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  right: 30px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 337;
}
.back-to-top:hover, .back-to-top:focus {
  background: #0c1b36;
  color: #fff;
}

/*---==================
    02. Header css 
=================----*/
/* Transparent Header  */
.transparent-header {
  position: absolute;
  background-color: transparent;
  top: 30px;
  left: 0;
  width: 100%;
  z-index: 999;
}
@media (max-width: 991px) {
  .transparent-header {
    top: 0;
  }
}

/* Top Bar CSS */
.top-bar {
  padding: 11px 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .top-bar {
    padding: 11px 20px;
    font-size: 14px;
  }
}
.top-bar .top-left span {
  -webkit-margin-end: 25px;
          margin-inline-end: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .top-bar .top-left span {
    -webkit-margin-end: 10px;
            margin-inline-end: 10px;
  }
}
.top-bar .top-left span i {
  -webkit-margin-end: 15px;
          margin-inline-end: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .top-bar .top-left span i {
    -webkit-margin-end: 5px;
            margin-inline-end: 5px;
  }
}
.top-bar .top-right span i {
  -webkit-margin-end: 15px;
          margin-inline-end: 15px;
}
.top-bar .top-right span:after {
  display: inline-block;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #fff;
  margin-left: 30px;
  margin-right: 30px;
}
.top-bar .top-right ul.social-link li {
  -webkit-margin-end: 25px;
          margin-inline-end: 25px;
}

/* Header Navigation CSS */
.header-navigation .nav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
}
.header-navigation .nav-overlay.active {
  visibility: visible;
  opacity: 1;
}
.header-navigation .primary-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-navigation .site-branding {
  max-width: 200px;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}
@media only screen and (max-width: 1600px) {
  .header-navigation .site-branding{
    max-width: 140px;
  }
}

.header-navigation .site-branding a:hover, .header-navigation .mobile-logo a:hover{
  opacity: 0.8;
}
.header-navigation .nav-right-item .main-btn {
  -webkit-margin-end: 30px;
          margin-inline-end: 30px;
}
.header-navigation .nav-right-item .nice-select {
  font-size: 18px;
  color: #1C231F;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 15px;
          padding-inline-end: 15px;
  z-index: 999;
  background-color: transparent;
}
@media (max-width: 575px) {
  .header-navigation .nav-right-item .nice-select {
    font-size: 14px;
  }
}
.header-navigation .nav-right-item .nice-select ul.list li {
  font-size: 16px;
}
.header-navigation .main-menu ul > li {
  display: inline-block;
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header-navigation .main-menu ul > li {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (max-width: 1199px) {
  .header-navigation .main-menu ul > li .search-btn {
    display: none;
  }
}
.header-navigation .main-menu ul > li > a {
  position: relative;
  display: block;
  font-size: 18px;
  color: #1C231F;
  font-weight: 500;
  padding: 10px 0;
  text-transform: capitalize;
  line-height: 1;
}
.header-navigation .main-menu ul > li > a span.dd-trigger {
  -webkit-margin-start: 5px;
          margin-inline-start: 5px;
}
.header-navigation .main-menu ul > li .search-btn {
  cursor: pointer;
}
.header-navigation .main-menu ul > li .search-btn:hover {
  color: #F7921E;
}
.header-navigation .main-menu ul > li .sub-menu {
  position: absolute;
  left: 0;
  top: 120%;
  width: 220px;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 99;
  padding: 15px 0;
  height: auto;
  text-align: left;
  border-radius: 5px;
  -webkit-box-shadow: 0 30px 70px 0 rgba(137, 139, 142, 0.15);
          box-shadow: 0 30px 70px 0 rgba(137, 139, 142, 0.15);
}
.header-navigation .main-menu ul > li .sub-menu li {
  display: block;
  margin: 0;
}
.header-navigation .main-menu ul > li .sub-menu li:last-child > a {
  border-bottom: none;
}
.header-navigation .main-menu ul > li .sub-menu li a {
  display: block;
  padding: 0 18px 0;
  position: relative;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border-radius: 0;
  line-height: 2.5;
  margin: 0;
  color: #1C231F;
  font-size: 17px;
}
.header-navigation .main-menu ul > li .sub-menu li a span.dd-trigger {
  float: right;
}
.header-navigation .main-menu ul > li .sub-menu li a:hover {
  color: #F7921E;
  background-color: #EFEFEF;
}
.header-navigation .main-menu ul > li .sub-menu li .sub-menu {
  left: 100%;
  top: 50%;
}
.header-navigation .main-menu ul > li .sub-menu li:hover .sub-menu {
  top: 0%;
}
.header-navigation .main-menu ul > li .sub-menu li:hover > a {
  color: #F7921E;
}
.header-navigation .main-menu ul > li:hover > a {
  color: #F7921E;
}
.header-navigation .main-menu ul > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.header-navigation.breakpoint-on .nav-search .form_control {
  border: 1px solid #e1e1e1;
  height: 60px;
  padding: 0 20px;
}
.header-navigation.breakpoint-on .nav-search .search-btn {
  position: absolute;
  top: 17px;
  right: 20px;
  background-color: transparent;
  color: #63AC45;
}
.header-navigation.breakpoint-on .nav-menu {
  text-align: left;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: -290px;
  z-index: 9999;
  width: 290px;
  height: 100%;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  padding: 40px 20px;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  display: block;
  overflow-x: hidden;
  overflow-y: scroll;
}
.header-navigation.breakpoint-on .nav-menu.menu-on {
  left: 0;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li {
  display: block;
  margin: 0;
  border-bottom: 1px solid #ececec;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li:last-child {
  border-bottom: 0;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li.active .sub-menu {
  border-top: 1px solid #ececec;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li a {
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding: 15px 0;
  color: #000;
}
@media (max-width: 1099px) {
  .header-navigation.breakpoint-on .nav-menu .main-menu ul li .search-btn {
    display: none;
  }
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  visibility: visible;
  opacity: 1;
  display: none;
  -webkit-transition: none;
  transition: none;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu > li > a {
  padding: 0px 20px 0 30px;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu > li > a:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li .dd-trigger {
  position: absolute;
  right: 0;
  top: 10px;
  height: 25px;
  width: 25px;
  border-radius: 3px;
  z-index: 2;
  background-color: #F7921E;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
}
.header-navigation.breakpoint-on .nav-menu .main-menu.menu-on {
  left: 0;
}







.header-navigation.breakpoint-on .navbar-toggler {
  display: block;
}
.header-navigation .navbar-toggler {
  padding: 10px 7px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: transparent;
  cursor: pointer;
  display: none;
  border-radius: 5px;
}
@media (max-width: 1099px) {
  .header-navigation .navbar-toggler {
    -webkit-margin-start: 30px;
            margin-inline-start: 30px;
  }
}
@media (max-width: 575px) {
  .header-navigation .navbar-toggler {
    -webkit-margin-start: 15px;
            margin-inline-start: 15px;
  }
}
.header-navigation .navbar-toggler span {
  position: relative;
  background-color: #1C231F;
  border-radius: 3px;
  display: block;
  height: 2px;
  padding: 0;
  width: 30px;
  cursor: pointer;
  display: block;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.header-navigation .navbar-toggler span:not(:first-child) {
  margin-top: 5px;
}
.header-navigation .navbar-toggler.active span:nth-of-type(1) {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transform: rotate3d(0, 0, 1, 45deg);
  top: 7px;
}
.header-navigation .navbar-toggler.active span:nth-of-type(2) {
  opacity: 0;
}
.header-navigation .navbar-toggler.active span:nth-of-type(3) {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transform: rotate3d(0, 0, 1, -45deg);
  top: -7px;
}

/* Default Navigation */
.default-navigation {
  background-color: #fff;
  padding: 20px 0 10px;
}

/* Navigation Two */
.navigation-two.sticky {
  padding: 20px 0;
}

/* Navigation Three */
.navigation-three {
  padding: 30px;
}

/* Navigation White */
.navigation-white.header-navigation .main-menu ul > li > a {
  color: #fff;
}
.navigation-white.header-navigation .main-menu ul > li:hover > a {
  color: #F7921E;
}
.navigation-white.header-navigation .nav-right-item .nice-select {
  color: #fff;
}
.navigation-white.header-navigation .nav-right-item .nice-select ul.list li {
  color: #1C231F;
}
.navigation-white.header-navigation .navbar-toggler {
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.navigation-white.header-navigation .navbar-toggler span {
  background-color: #fff;
}
.navigation-white.header-navigation.sticky {
  background-color: #1C231F;
}
.navigation-white.header-navigation.sticky .site-branding .brand-logo {
  padding: 0;
  background-color: transparent;
}
.navigation-white.header-navigation.sticky .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.8);
}
.navigation-white.header-navigation.sticky .navbar-toggler span {
  background-color: #fff;
}

/* Header Sticky */
.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  -webkit-animation: sticky 1.2s;
          animation: sticky 1.2s;
}

@-webkit-keyframes sticky {
  0% {
    top: -200px;
  }
  100% {
    top: 0;
  }
}
@keyframes sticky {
  0% {
    top: -200px;
  }
  100% {
    top: 0;
  }
}



/* Set  navigation show and hidden items  2023-03-11  */
.header-navigation .main-menu ul li .sub-menu .row li a {
  display: block;
  padding: 0 18px 0;
  position: relative;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  border-radius: 0;
  line-height: 2.5;
  margin: 0;
  color: #1C231F;
  font-size: 17px;
  font-weight: 500;
}
.header-navigation .main-menu ul li .sub-menu .row li a:hover{
  color:#F7921E;
}

.header-navigation .nav-menu .mobile-logo{
  display: none;
}
.header-navigation .nav-menu .nav-search{
  display: none;
}
.header-navigation .nav-menu .menu-button{
  display: none;
}

@media only screen and (min-width: 1100px) { 
  .header-navigation .main-menu ul li .sub-menu .row{
    border-top: #E8E8E8 1px solid;
    border-bottom: #E8E8E8 1px solid;
    width: 600px;
    margin-top: 2px;
    margin-left: -220px;
    background-color: white;
    padding: 10px 0px 20px;
    margin-bottom: -15px;
  }
}
@media only screen and (min-width: 1600px) { 
}
@media only screen and (min-width: 1200px) and (max-width: 1599.98px) {
}

@media only screen and (min-width: 1100px) and (max-width: 1199.98px) {
  .header-navigation .site-branding{display: none;}
  .header-navigation .nav-right-item .lang-dropdown{display: none;}
  .header-navigation .main-menu ul > li {margin-left: 17px;margin-right: 17px;} 
  .header-navigation .main-menu ul > li > a {font-size: 18px;}
}
@media only screen and (min-width: 576px) and (max-width: 1099.98px) {
  .header-navigation .nav-menu .mobile-logo{display: block;}
  .header-navigation .nav-menu .nav-search{display: block;}
  .header-navigation .nav-menu .menu-button{display: block;}
  .header-navigation.breakpoint-on .nav-menu {
    left: -350px;
    width: 350px;
  }
}
@media (max-width: 575.98px) {
  .header-navigation .nav-menu .mobile-logo{display: block;}
  .header-navigation .nav-menu .nav-search{display: block;}
  .header-navigation .nav-menu .menu-button{display: block;}
  .header-navigation .main-menu ul li .sub-menu .row li a{font-size: 15px;}
}


/*---==================
    03. Header css 
=================----*/
/* Hero Slider  */
.hero-slider-two .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 1;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  font-size: 18px;
  color: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.hero-slider-two .slick-arrow:hover {
  border-color: #63AC45;
}
@media (max-width: 991px) {
  .hero-slider-two .slick-arrow {
    width: 50px;
    height: 50px;
    font-size: 16px;
  }
}
.hero-slider-two .slick-arrow.prev {
  left: 100px;
}
@media (max-width: 1199px) {
  .hero-slider-two .slick-arrow.prev {
    left: 40px;
  }
}
.hero-slider-two .slick-arrow.next {
  right: 100px;
}
@media (max-width: 1199px) {
  .hero-slider-two .slick-arrow.next {
    right: 40px;
  }
}

.single-slider .image-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 1.4s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1.4s cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  z-index: -1;
}
.single-slider .image-layer:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(129.29deg, rgba(0, 0, 0, 0.6) 16.77%, rgba(0, 0, 0, 0.3) 74.33%);
  z-index: -1;
}
.single-slider.slick-current .image-layer {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/* Hero Content  */
.hero-content span.sub-title {
  margin-bottom: 20px;
  color: #D1EEEE;
}
.hero-content span.sub-title span.number:after {
  background-color:#D1EEEE;
}

.hero-content h1 {
  font-size: 48px;
  margin-top: 5px;
  margin-bottom: 400px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599.98px) {.hero-content h1 {font-size: 44px;margin-bottom: 160px;}}
@media only screen and (min-width: 992px) and (max-width: 1199.98px)  {.hero-content h1 {font-size: 40px;line-height: 1em;  margin-bottom: 200px;}}
@media (max-width: 991.98px)                                          {.hero-content h1 {font-size: 36px;line-height: 1.2em;margin-bottom: 200px;}}


.hero-content .hero-button .btn-link {
  color: #fff;
}
/* Hero Form  */
.hero-area-form {
  background-color: #fff;
  padding: 73px 60px 80px;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .hero-area-form {
    padding: 73px 30px 80px;
  }
}
.hero-area-form .adventure-hero-form span {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 10px;
}
.hero-area-form .adventure-hero-form label {
  position: absolute;
  top: 55px;
  right: 25px;
}
.hero-area-form .adventure-hero-form .nice-select, .hero-area-form .adventure-hero-form .form_control {
  height: 60px;
  border: 1px solid rgba(28, 35, 31, 0.15);
  -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.1);
          box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.1);
  border-radius: 5px;
  margin-bottom: 32px;
  padding: 0 25px;
}
.hero-area-form .adventure-hero-form .nice-select {
  line-height: 60px;
}
.hero-area-form .adventure-hero-form .nice-select:after {
  right: 25px;
}
.hero-area-form .adventure-hero-form .main-btn {
  width: 100%;
}

/* Hero wrapper  */
.hero-wrapper-one .hero-dots {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 17%;
  z-index: 3;
}
@media (max-width: 1199px) {
  .hero-wrapper-one .hero-dots {
    right: 5%;
  }
}
.hero-wrapper-one .hero-dots .slick-dots li {
  display: block;
}
.hero-wrapper-one .hero-dots .slick-dots li:not(:last-child) {
  margin-bottom: 25px;
}
.hero-wrapper-one .hero-dots .slick-dots li a {
  position: relative;
  color: #fff;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.hero-wrapper-one .hero-dots .slick-dots li a:hover:after {
  width: 100%;
}
.hero-wrapper-one .hero-dots .slick-dots li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 0%;
  height: 1px;
  background-color: #fff;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.hero-wrapper-one .hero-dots .slick-dots li.slick-active a {
  -webkit-margin-start: -15px;
          margin-inline-start: -15px;
}
.hero-wrapper-one .hero-dots .slick-dots li.slick-active a:after {
  width: 100%;
}
.hero-wrapper-one .single-slider {
  /* padding: 205px 0 210px; */
  padding: 120px 0 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599.98px) {.hero-wrapper-one .single-slider {padding: 80px 0 20px;}}
@media only screen and (min-width: 992px) and (max-width: 1199.98px)  {.hero-wrapper-one .single-slider {padding: 80px 0 10px;}}
@media (max-width: 991.98px)                                          {.hero-wrapper-one .single-slider {padding: 80px 0 10px;}}




.hero-wrapper-two .single-slider {
  padding: 308px 0 360px;
}
@media (max-width: 767px) {
  .hero-wrapper-two .single-slider {
    padding: 208px 0 260px;
  }
}

.hero-wrapper-three {
  background-color: #1C231F;
  padding-top: 270px;
}
@media (max-width: 767px) {
  .hero-wrapper-three {
    padding-top: 170px;
  }
}
.hero-wrapper-three .shape {
  position: absolute;
  z-index: -1;
}
.hero-wrapper-three .shape.hero-shape {
  top: 80px;
  left: 70px;
}
.hero-wrapper-three .hero-content {
  margin-bottom: 90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero-wrapper-three .hero-content h1 {
    font-size: 100px;
  }
}
.hero-wrapper-three .hero-area-form {
  position: relative;
  min-width: 690px;
  margin-bottom: -50px;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero-wrapper-three .hero-area-form {
    min-width: 580px;
  }
}
@media (max-width: 1199px) {
  .hero-wrapper-three .hero-area-form {
    min-width: 100%;
  }
}
.hero-wrapper-three .video-wrapper {
  min-height: 730px;
}
.hero-wrapper-three .video-wrapper:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(28, 35, 31, 0.2);
  z-index: -1;
}

/* page banner  */
.page-banner,.page-ban{
  position: relative;
  z-index: 1;
  padding: 80px 0px 20px;
}
.page-banner.none{
  padding: 24px 0px 6px; 
}
.page-banner-filter{
  -webkit-filter: grayscale(90%);
  -moz-filter: grayscale(90%);
  -ms-filter: grayscale(90%);
  -o-filter: grayscale(90%);
  filter: grayscale(90%);
  filter: gray;
  /* mix-blend-mode: luminosity; */
  z-index: 1;
}
.page-banner:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(129.29deg, rgba(0, 0, 0, 0.6) 16.77%, rgba(0, 0, 0, 0.3) 74.33%);
}
.page-ban:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.page-banner .page-banner-content h1,.page-ban .page-banner-content h1 {
  font-size: 44px;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .page-banner .page-banner-content h1,.page-ban .page-banner-content h1 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .page-banner .page-banner-content h1,.page-ban .page-banner-content h1 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page-banner .page-banner-content h1,.page-ban .page-banner-content h1 {
    font-size: 42px;
  }
}
.page-banner-content ul.breadcrumb{
  position: relative;
  display: block;
  margin-bottom:10px;
}
.page-banner-content ul.breadcrumb li{
  position: relative;
  display: inline-block;
  color: white;
  font-size: 18px;
  font-weight: 400;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}


.page-banner-content ul.breadcrumb li+li {
  margin-left: 5px;
}
.page-banner-content ul.breadcrumb li a {
  color:#E8E8E8;
  font-size: 18px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.page-banner-content ul.breadcrumb li span{
color:#E8E8E8;
}
.page-banner-content ul.breadcrumb li a:hover{
  color:	#F7921E;
  background: none;
  font-weight: 450;
}



@media (max-width: 767px) {
  .page-banner-content ul.breadcrumb li {
    font-size: 17px;
  }
}
.page-banner-content ul.breadcrumb li:not(:last-child):after {
  display: inline-block;
  /* content: ""; */
  font-weight: 400;
  font-family: "Font Awesome 5 Pro";
  margin-left: 20px;
  margin-right: 13px;
}



/*---==================
    03. About css 
=================----*/
/* About Image Box */
.about-one_image-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}
.about-one_image-box .about-img-one {
  width: 51%;
}
@media (max-width: 767px) {
  .about-one_image-box .about-img-one {
    width: 100%;
  }
}
.about-one_image-box .about-img-two {
  width: 44%;
}
@media (max-width: 767px) {
  .about-one_image-box .about-img-two {
    width: 100%;
  }
}
.about-one_image-box .icon-box {
  position: absolute;
  top: 50%;
  left: 53%;
  -webkit-transform: translate(-53%, -50%);
  transform: translate(-53%, -50%);
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background-color: #63AC45;
  font-size: 80px;
  color: #fff;
}
@media (max-width: 767px) {
  .about-one_image-box .icon-box {
    top: 45%;
    -webkit-transform: translate(-53%, -45%);
    transform: translate(-53%, -45%);
  }
}

.about-two_image-box .avatar-box-item {
  position: relative;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  margin-top: -115px;
  -webkit-margin-end: -40px;
          margin-inline-end: -40px;
}
@media (max-width: 1199px) {
  .about-two_image-box .avatar-box-item {
    -webkit-margin-end: 0;
            margin-inline-end: 0;
  }
}

/* About Content Box */
.about-content-box .experience-box {
  padding-top: 50px;
  border-top: 1px solid rgba(28, 35, 31, 0.1);
}

/* Avatar box item */
.avatar-box-item {
  max-width: 415px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07);
          box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07);
  border-radius: 12px;
  padding: 32px 40px 35px;
}
@media (max-width: 767px) {
  .avatar-box-item {
    padding: 32px 30px 35px;
  }
}
.avatar-box-item h6 {
  margin-bottom: 19px;
}
.avatar-box-item ul.avatar-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.avatar-box-item ul.avatar-images li {
  width: 45px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45px;
          flex: 0 0 45px;
}
.avatar-box-item ul.avatar-images li:not(first-child) {
  -webkit-margin-end: -15px;
          margin-inline-end: -15px;
}
.avatar-box-item ul.avatar-images li img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
.avatar-box-item ul.avatar-images li .more-icon {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #F7921E;
  color: #fff;
}

/* Experience box */
.experience-box {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.experience-box .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50px;
  height: 50px;
  -webkit-margin-end: 50px;
          margin-inline-end: 50px;
}
@media (max-width: 767px) {
  .experience-box .icon {
    -webkit-margin-end: 30px;
            margin-inline-end: 30px;
  }
}
.experience-box .big-text {
  -webkit-margin-end: 30px;
          margin-inline-end: 30px;
}
.experience-box .big-text h2.number {
  position: relative;
  font-size: 150px;
  line-height: 0.75;
}
@media (max-width: 767px) {
  .experience-box .big-text h2.number {
    font-size: 100px;
  }
}
.experience-box .big-text h2.number span.symbol {
  position: absolute;
  right: -40px;
  font-size: 32px;
  vertical-align: top;
}
.experience-box .text {
  -ms-flex-preferred-size: min-content;
      flex-basis: min-content;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.experience-box .text h6 {
  font-size: 20px;
  line-height: 28px;
}

/*---==================
    04. Features css 
=================----*/
/* Ratings */
ul.ratings li {
  display: inline-block;
}
/* Check Style */
ul.check-style-one li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
ul.check-style-one li:not(:last-child) {
  margin-bottom: 10px;
}
ul.check-style-one li i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #63AC45;
  color: #fff;
  font-size: 11px;
  -webkit-margin-end: 15px;
          margin-inline-end: 15px;
}

ul.check-style-two li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 13px 25px;
  background-color: #FFFFFF;
  line-height: 24px;
  font-weight: 500;
  -webkit-box-shadow: 0px 10px 60px rgba(99, 172, 69, 0.2);
          box-shadow: 0px 10px 60px rgba(99, 172, 69, 0.2);
  border-radius: 30px;
  margin-bottom: 15px;
  -webkit-margin-end: 15px;
          margin-inline-end: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  ul.check-style-two li {
    padding: 13px 15px;
  }
}
ul.check-style-two li i {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #63AC45;
  font-size: 10px;
  color: #fff;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}
ul.check-style-two.check-width-50 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* Video Popup */
.video-popup i {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  font-size: 17px;
  background-color: #fff;
}

/* Counter Item */
.counter-item-list > .row .col-sm-6:nth-child(2) {
  margin-top: 30px;
}
@media (max-width: 575px) {
  .counter-item-list > .row .col-sm-6:nth-child(2) {
    margin-top: 0;
  }
}
.counter-item-list > .row .col-sm-6:nth-child(3) {
  margin-top: -30px;
}
@media (max-width: 575px) {
  .counter-item-list > .row .col-sm-6:nth-child(3) {
    margin-top: 0;
  }
}

@media (max-width: 991px) {
  .counter-item {
    text-align: center;
  }
}
.counter-item .icon {
  margin-bottom: 15px;
}
.counter-item .icon i {
  font-size: 65px;
}
.counter-item .text h2 {
  margin-bottom: 5px;
}
.counter-item .text P {
  font-size: 18px;
  font-weight: 400;
}

.counter-item-two {
  background-color: #F9F9F7;
  padding: 60px 75px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .counter-item-two {
    padding: 60px 45px;
  }
}
@media (max-width: 1199px) {
  .counter-item-two {
    padding: 60px 35px;
  }
}
@media (max-width: 575px) {
  .counter-item-two {
    text-align: center;
  }
}
.counter-item-two:hover {
  background-color: #fff;
  -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07);
          box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07);
}
.counter-item-two .icon {
  margin-bottom: 15px;
}
.counter-item-two .icon i {
  font-size: 65px;
}
.counter-item-two .text h2 {
  margin-bottom: 5px;
}
.counter-item-two .text P {
  font-size: 18px;
  font-weight: 400;
}

/* Features Item */
.features-thumb-item {
  width: 100%;
}
.features-thumb-item .thumb img {
  width: 100%;
}
.features-thumb-item .text h4.title {
  font: 500 24px "Roboto", sans-serif;
  margin-bottom: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.features-thumb-item .text h4.title:before {
  content: "";
  width: 40px;
  height: 1px;
  background-color: #1C231F;
  -webkit-margin-end: 20px;
          margin-inline-end: 20px;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.features-thumb-item .text h4.title:hover:before {
  background-color: #63AC45;
  width: 50px;
}


.features-thumb-item .text p{
  font: 400 16px "Roboto", sans-serif;
  margin-bottom: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  /* display: inline-flex; */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 4px;
}
.features-thumb-item .text p span{
  font-size: 15px;
  font-weight: 500;
  width: 150px;
  display: inline-block;
}
.features-thumb-item .text .last a{
  font-size: 20px;
  padding-top: 10px;
  color:red;
}
.features-thumb-item .text .last a:hover{
  color:green;
}

.features-thumb-item .text p a{
  padding: 0px 4px;
  text-align: left;
  /* color:#0000AB;  */
  color:#27408B;
  display: flex;
  flex-wrap: wrap;
}

.features-thumb-item p a:hover{
  font-weight: 600;
  /* color:#0000FF; */
  color:#FF6347;
	text-decoration:none;
  background:none;
}





.features-thumb-item .text h5.title {
  font: 500 20px "Roboto", sans-serif;
  margin-bottom: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.features-thumb-item .text h5.title:before {
  content: "";
  width: 40px;
  height: 1px;
  background-color: #1C231F;
  -webkit-margin-end: 20px;
          margin-inline-end: 20px;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.features-thumb-item .text h5.title:hover:before {
  background-color: #63AC45;
  width: 50px;
}
.features-thumb-item .text h5.title:hover, .features-thumb-item .text p:hover{
  color: #63AC45;
}

.features-content-box .title{
  font: 600 24px "Roboto", sans-serif;
  margin-bottom: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color:	#1C1C1C;
}
.features-content-box .title:hover{
  color: #63AC45;
}
.features-content-box .text, .features-content-box .more-info{
  font: 400 18px "Roboto", sans-serif;
  margin-bottom: 10px;
  display: -ms-inline-flexbox;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 4px;
  text-align: justify;
  color:#363636;
}
.features-content-box  .text span{
  padding-bottom: 10px;
}
.features-content-box  .text p{
  padding-bottom: 15px;
  text-align: justify;
}
.features-content-box .text p:hover{
  color:#7B68EE;
}
.features-content-box .more-info{
  font-size: 15px;
}
.features-content-box .more-info a{
  text-align: left;
  color:green;
}
.features-content-box .more-info a:hover{
  color: #FF4500;
}


.features-content-box .text ul{
  list-style: circle;
}

.features-content-box .text ul li{
  line-height: 1.7em;
  padding-bottom: 6px;
  text-align: justify;
}
.features-content-box .text ul li ul{
  list-style: square;
  margin-left: 40px;
}
.features-content-box .text ul li a, .features-content-box .text a{
  color:green;
}
.features-content-box .text ul li:hover, .features-content-box .text a:hover{
  color:#7B68EE;
}
.features-content-box .text ul li a:hover{
  color: #FF4500;
}


.features-event .title{
  font: 600 32px "Roboto", sans-serif;
  text-align: center;
  padding-bottom: 20px;
}
.features-event .subtitle{
  font: 500 20px "Roboto", sans-serif;
  margin-bottom: 10px;
  display: -ms-inline-flexbox;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 20px;
  text-align: center;
  color:#363636;
}
.features-event .text{
  font: 400 18px "Roboto", sans-serif;
  margin-bottom: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 4px;
  text-align: justify;
  color:#363636;
  line-height: 1.9;
}

.features-event .text a{
  color:green;
}
.features-event .text a:hover{
  color: #FF4500;
}
.features-event .more-info{
  font-size: 17px;
}
.features-event .more-info a{
  text-align: left;
  color:green;
}
.features-event .more-info a:hover{
  color: #FF4500;
}
.features-event .text:hover{
  color:#7B68EE;
}




.features-left-icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.features-left-icon-box .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  -webkit-margin-end: 30px;
          margin-inline-end: 30px;
}
.features-left-icon-box .icon.bg-one {
  background-color: rgba(255, 112, 42, 0.1);
}
.features-left-icon-box .icon.bg-one i {
  color: #FF702A;
}
.features-left-icon-box .icon.bg-two {
  background-color: rgba(99, 172, 69, 0.1);
}
.features-left-icon-box .icon.bg-two i {
  color: #63AC45;
}
.features-left-icon-box .icon i {
  font-size: 45px;
}
.features-left-icon-box .text h5.title {
  margin-bottom: 5px;
}

.features-left-icon-box-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid rgba(28, 35, 31, 0.1);
  border-radius: 7px;
  background-color: #fff;
  padding: 40px 65px 35px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .features-left-icon-box-two {
    padding: 40px 50px 35px;
  }
}
@media (max-width: 1199px) {
  .features-left-icon-box-two {
    padding: 40px 35px 35px;
  }
}
@media (max-width: 575px) {
  .features-left-icon-box-two {
    padding: 40px 15px 35px;
  }
}
.features-left-icon-box-two:hover {
  border-color: transparent;
  -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07);
          box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07);
}
.features-left-icon-box-two:hover .icon {
  background-color: #63AC45;
}
.features-left-icon-box-two:hover .icon i {
  color: #fff;
}
.features-left-icon-box-two .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-color: rgba(99, 172, 69, 0.1);
  -webkit-margin-end: 30px;
          margin-inline-end: 30px;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
@media (max-width: 575px) {
  .features-left-icon-box-two .icon {
    -webkit-margin-end: 20px;
            margin-inline-end: 20px;
  }
}
.features-left-icon-box-two .icon i {
  font-size: 45px;
}
.features-left-icon-box-two .text h6.title {
  font-weight: 600;
  margin-bottom: 13px;
}

.single-features-item {
  padding: 40px 35px 35px;
  border-radius: 5px;
}
.single-features-item.item-bg-one {
  background-color: #FFF5E9;
}
.single-features-item.item-bg-one .icon {
  background-color: #F7921E;
}
.single-features-item.item-bg-two {
  background-color: #F0F7ED;
}
.single-features-item.item-bg-two .icon {
  background-color: #63AC45;
}
.single-features-item.item-bg-three {
  background-color: #FFF1EA;
}
.single-features-item.item-bg-three .icon {
  background-color: #FF702A;
}
.single-features-item.item-bg-four {
  background-color: #E7F7FE;
}
.single-features-item.item-bg-four .icon {
  background-color: #08A8F0;
}
.single-features-item .icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 26px;
}
.single-features-item .icon i {
  font-size: 50px;
  color: #fff;
}
.single-features-item .text h4.title {
  font: 500 22px "Roboto", sans-serif;
  margin-bottom: 13px;
}
.single-features-item .text p {
  margin-bottom: 30px;
}
.single-features-item .text .btn-link {
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 20px;
}

.fancy-icon-box {
  padding: 30px 25px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.fancy-icon-box .icon {
  margin-bottom: 28px;
}
.fancy-icon-box .icon i {
  font-size: 40px;
}
.fancy-icon-box .text h5.title {
  margin-bottom: 14px;
}
.fancy-icon-box .text p {
  font-weight: 300;
}
.fancy-icon-box .text .about-text{
  text-align: justify;
}
.fancy-icon-box .text span.line {
  width: 85px;
  height: 3px;
  background-color: #63AC45;
}

.fancy-icon-box-two .icon-title {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 20px;
  border-bottom: 2px solid rgba(28, 35, 31, 0.1);
  max-width: 370px;
  margin-bottom: 23px;
}
.fancy-icon-box-two .icon-title:after {
  position: absolute;
  bottom: -2.5px;
  left: 0;
  content: "";
  width: 100px;
  height: 4px;
  background-color: #63AC45;
}
.fancy-icon-box-two .icon-title .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 60px;
  -webkit-margin-end: 35px;
          margin-inline-end: 35px;
}
.fancy-icon-box-two .icon-title .icon i {
  font-size: 60px;
}
.fancy-icon-box-two .text p {
  margin-bottom: 15px;
}

.fancy-icon-box-three:hover .text {
  background-color: #1C231F;
}
.fancy-icon-box-three:hover .text h5.title {
  color: #fff;
}
.fancy-icon-box-three:hover .text p {
  border-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.fancy-icon-box-three .icon {
  position: relative;
  z-index: 1;
  -webkit-margin-start: 40px;
          margin-inline-start: 40px;
  margin-bottom: -50px;
  width: 100px;
  height: 100px;
  border-radius: 12px;
  background-color: #63AC45;
  color: #fff;
}
.fancy-icon-box-three .icon i {
  font-size: 60px;
}
.fancy-icon-box-three .text {
  position: relative;
  padding: 85px 27px 25px 40px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07);
          box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07);
  border-radius: 7px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .fancy-icon-box-three .text {
    padding: 85px 27px 25px 30px;
  }
}
.fancy-icon-box-three .text h5.title {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .fancy-icon-box-three .text h5.title {
    font-size: 20px;
  }
}
.fancy-icon-box-three .text P {
  border-bottom: 1px solid rgba(28, 35, 31, 0.1);
  padding-bottom: 32px;
  margin-bottom: 13px;
}

/* Pagination */
.pagination ul li {
  display: inline-block;
}
.pagination ul li a span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #D9D9D9;
  margin: 0 7px;
}
.pagination ul li a.next-btn, .pagination ul li a.prev-btn {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  border: 1px solid rgba(28, 35, 31, 0.1);
}
.pagination ul li a.next-btn, .pagination ul li a.prev-btn {
  border-color: #63AC45;
  -webkit-margin-start: 10px;
          margin-inline-start: 10px;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}

/*---==================
    05. Service css 
=================----*/
.service-slider-one {
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 575px) {
  .service-slider-one {
    margin-left: -12px;
    margin-right: -12px;
  }
}
.service-slider-one .single-service-item {
  margin-left: 15px;
  margin-right: 15px;
}
.service-slider-one .single-service-item-four {
  margin-left: 15px;
  margin-right: 15px;
}


.single-service-item .img-holder {
  position: relative;
  overflow: hidden;
}
.single-service-item .img-holder img {
  width: 100%;
}
.single-service-item .img-holder .shape {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 40px;
  -webkit-clip-path: polygon(100% 100%, 100% 100%, 0 100%, 0 95%, 85% 0);
          clip-path: polygon(100% 100%, 100% 100%, 0 100%, 0 95%, 85% 0);
  margin-bottom: -0.5px;
}
.single-service-item .text {
  background-color: #fff;
  -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07);
          box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07);
  padding: 30px 10px;
}
@media (max-width: 575px) {
  .single-service-item .text {
    padding: 30px 25px;
  }
}
.single-service-item .text h3.title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  line-height: 120%;
  margin-bottom: 15px;
}
.single-service-item .text h3.title:hover:before {
  width: 50px;
  background-color: #63AC45;
}
.single-service-item .text h3.title:before {
  content: "";
  width: 45px;
  height: 1px;
  background-color: #1C231F;
  -webkit-margin-end: 20px;
          margin-inline-end: 20px;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px)  {
  .single-service-item .text h3.title { font-size: 21px;}
  .single-service-item .text h3.title:before  {width: 30px;}
}
@media (max-width: 991.98px){
  .single-service-item .text h3.title { font-size: 20px;}
  .single-service-item .text h3.title:before  {width: 35px;}
}



.single-service-item .text > p {
  margin-bottom: 30px;
}
.single-service-item .text .meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #D9D9D9;
  padding-top: 20px;
}
.single-service-item .text .meta .icon {
  line-height: 0.5;
  -webkit-margin-end: 30px;
          margin-inline-end: 30px;
}
.single-service-item .text .meta .icon i {
  font-size: 27px;
}
@media (max-width: 575px) {
  .single-service-item .text .meta .icon {
    -webkit-margin-end: 20px;
            margin-inline-end: 20px;
  }
}
.single-service-item .text .meta .icon-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 40px;
  height: 40px;
  background-color: #63AC45;
  border-radius: 50%;
  color: #fff;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
.single-service-item .text .meta .icon-btn:hover {
  background-color: #F7921E;
}

.single-service-item-two:hover .img-holder .hover-overlay {
  visibility: visible;
  opacity: 1;
}
.single-service-item-two:hover .img-holder .hover-content {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
}
.single-service-item-two .img-holder {
  position: relative;
  overflow: hidden;
}
.single-service-item-two .img-holder img {
  width: 100%;
  border-radius: 50px;
}
.single-service-item-two .img-holder .hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background-color: rgba(28, 35, 31, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.single-service-item-two .img-holder .hover-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -40%);
  transform: translate(-50%, -40%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.single-service-item-two .img-holder .hover-content .icon-btn {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #63AC45;
  color: #fff;
}
.single-service-item-two .img-holder .hover-content .icon-btn i {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.single-service-item-two .text ul.ratings {
  margin-bottom: 11px;
}
.single-service-item-two .text h4.title {
  margin-bottom: 10px;
}
@media (max-width: 1199px) {
  .single-service-item-two .text h4.title {
    font-size: 24px;
  }
}

.single-service-item-three {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.single-service-item-three .img-holder, .single-service-item-three .text {
  width: 50%;
}
@media (max-width: 991px) {
  .single-service-item-three .img-holder, .single-service-item-three .text {
    width: 100%;
  }
}
.single-service-item-three .img-holder img {
  width: 100%;
}
.single-service-item-three .text {
  position: relative;
  padding: 50px 65px;
  background-color: #fff;
  -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07);
          box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07);
  -webkit-margin-start: -80px;
          margin-inline-start: -80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .single-service-item-three .text {
    padding: 50px 45px;
  }
}
@media (max-width: 1199px) {
  .single-service-item-three .text {
    padding: 50px 25px;
  }
}
@media (max-width: 991px) {
  .single-service-item-three .text {
    -webkit-margin-start: 0px;
            margin-inline-start: 0px;
  }
}
.single-service-item-three .text h3.title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  line-height: 120%;
  margin-bottom: 15px;
}
.single-service-item-three .text h3.title:before {
  content: "";
  width: 50px;
  height: 1px;
  background-color: #1C231F;
  -webkit-margin-end: 20px;
          margin-inline-end: 20px;
}
@media (max-width: 575px) {
  .single-service-item-three .text h3.title {
    font-size: 22px;
  }
}
.single-service-item-three .text > p {
  margin-bottom: 30px;
}
.single-service-item-three .text .meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #D9D9D9;
  padding-top: 20px;
}
@media (max-width: 575px) {
  .single-service-item-three .text .meta {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.single-service-item-three .text .meta .icon {
  font-size: 27px;
  -webkit-margin-end: 30px;
          margin-inline-end: 30px;
}
.single-service-item-three .text .meta .main-btn {
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
@media (max-width: 1199px) {
  .single-service-item-three .text .meta .main-btn {
    padding: 16px 10px;
  }
}
@media (max-width: 575px) {
  .single-service-item-three .text .meta .main-btn {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    margin-top: 15px;
  }
}
.single-service-item-three:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  text-align: right;
}
.single-service-item-three:nth-child(even) .text {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: -80px;
          margin-inline-end: -80px;
}
@media (max-width: 991px) {
  .single-service-item-three:nth-child(even) .text {
    -webkit-margin-end: 0px;
            margin-inline-end: 0px;
  }
}

.single-service-item-four:hover .img-holder .hover-content {
  visibility: visible;
  opacity: 1;
  bottom: 0;
}
.single-service-item-four .img-holder {
  position: relative;
}
.single-service-item-four .img-holder .hover-content {
  position: absolute;
  padding: 40px;
  bottom: 50px;
  left: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.single-service-item-four .img-holder .hover-content .inner-content {
  padding: 25px 30px;
  background-color: #fff;
  border-radius: 12px;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
@media (max-width: 991px) {
  .single-service-item-four .img-holder .hover-content .inner-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.single-service-item-four .img-holder .hover-content .inner-content .text {
  position: relative;
}
.single-service-item-four .img-holder .hover-content .inner-content .text h4.title {
  margin-bottom: 10px;
}
.single-service-item-four .img-holder .hover-content .inner-content .text .btn-link {
  font-size: 15px;
}
@media (max-width: 991px) {
  .single-service-item-four .img-holder .hover-content .inner-content .icon {
    margin-top: 15px;
  }
}
.single-service-item-four .img-holder .hover-content .inner-content .icon .icon-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #F7921E;
  color: #fff;
}
@media (max-width: 991px) {
  .single-service-item-four .img-holder .hover-content .inner-content .icon .icon-btn {
    width: 40px;
    height: 40px;
    font-size: 15px;
  }
}

/* Service Details */
.accommodation-details-wrapper .service-content h2.title {
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .accommodation-details-wrapper .service-content h2.title {
    font-size: 27px;
  }
}
.accommodation-details-wrapper .service-content > p {
  margin-bottom: 35px;
}
.accommodation-details-wrapper .service-content > h4 {
  margin-bottom: 12px;
}

.features-table thead {
  background-color: #F9F9F7;
  text-align: center;
}
.features-table thead th {
  padding: 15px 10px;
  font-size: 20px;
  font-weight: 500;
}
.features-table tbody td {
  padding: 10px 70px;
  color: #1C231F;
  font-size: 18px;
}
@media (max-width: 1199px) {
  .features-table tbody td {
    padding: 10px 30px;
  }
}
.features-table tbody td span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.features-table tbody td span i {
  font-size: 30px;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}

.details-form-wrapper {
  padding: 50px 70px;
  background-color: #F9F9F7;
}
@media (max-width: 1199px) {
  .details-form-wrapper {
    padding: 50px 30px;
  }
}
.details-form-wrapper .section-title {
  padding-right: 25%;
}
@media (max-width: 1199px) {
  .details-form-wrapper .section-title {
    padding-right: 0;
  }
}

.acc-sidebar-area {
  padding: 40px 40px 0px;
  overflow: hidden;
  background-color: #fff;
  -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07);
          box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07);
  -webkit-margin-start: 40px;
          margin-inline-start: 40px;
  -webkit-margin-end: 16px;
          margin-inline-end: 16px;
}
@media (max-width: 991px) {
  .acc-sidebar-area {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    -webkit-margin-end: 0;
            margin-inline-end: 0;
  }
}
@media (max-width: 575px) {
  .acc-sidebar-area {
    padding: 40px 25px 0px;
  }
}
.acc-sidebar-area .sidebar-widget .widget-title {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(28, 35, 31, 0.1);
  margin-bottom: 30px;
}
.acc-sidebar-area .trending-place-widget .place-widget-content {
  height: 295px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 20px 30px;
}
.acc-sidebar-area .trending-place-widget .place-widget-content .inner-content h6 {
  color: #fff;
  font-size: 20px;
}
.acc-sidebar-area .trending-place-widget .place-widget-content .inner-content span {
  color: #fff;
}
.acc-sidebar-area .trending-place-widget .place-widget-content .inner-content span i {
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}
.acc-sidebar-area .ad-filer-widget .filter-nav ul li {
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(28, 35, 31, 0.1);
  margin-bottom: 15px;
}
.acc-sidebar-area .ad-filer-widget .filter-nav input {
  display: none;
}
.acc-sidebar-area .ad-filer-widget .filter-nav input:checked + label span.title:before {
  border: 5px solid #63AC45;
}
.acc-sidebar-area .ad-filer-widget .filter-nav input:checked + label span.title span.number {
  background-color: #63AC45;
}
.acc-sidebar-area .ad-filer-widget .filter-nav label {
  width: 100%;
  cursor: pointer;
}
.acc-sidebar-area .ad-filer-widget .filter-nav label span.title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.acc-sidebar-area .ad-filer-widget .filter-nav label span.title:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #1C231F;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.acc-sidebar-area .ad-filer-widget .filter-nav label span.title span.number {
  width: 39px;
  height: 34px;
  border-radius: 5px;
  background-color: #F7921E;
  color: #fff;
  font-weight: 400;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
.acc-sidebar-area .ad-filer-widget .main-btn {
  width: 100%;
}
.acc-sidebar-area .ad-weather-widget .weather-content img {
  -webkit-box-shadow: 0px 4px 40px rgba(59, 105, 222, 0.4);
          box-shadow: 0px 4px 40px rgba(59, 105, 222, 0.4);
  border-radius: 12px;
  width: 100%;
}
.acc-sidebar-area .ad-banner-widget .banner-widget-content {
  padding: 130PX 25px 20px;
  position: relative;
  z-index: 1;
}
.acc-sidebar-area .ad-banner-widget .banner-widget-content:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(26.6%, rgba(28, 35, 31, 0)), color-stop(99.75%, rgba(28, 35, 31, 0.9)));
  background: linear-gradient(180deg, rgba(28, 35, 31, 0) 26.6%, rgba(28, 35, 31, 0.9) 99.75%);
  z-index: -1;
}
.acc-sidebar-area .ad-banner-widget .banner-widget-content h6 {
  font-size: 18px;
  color: #fff;
}
.acc-sidebar-area .ad-banner-widget .banner-widget-content span.price {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.acc-sidebar-area .ad-banner-widget .banner-widget-content span.price:before {
  content: "";
  width: 20px;
  height: 1px;
  background-color: #fff;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}

/* Adventure Image box */
.adventure-one_image-box .img-two {
  position: absolute;
  right: -30%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .adventure-one_image-box .img-two {
    right: -5%;
  }
}
@media (max-width: 1199px) {
  .adventure-one_image-box .img-two {
    right: -5%;
  }
}
@media (max-width: 575px) {
  .adventure-one_image-box .img-two {
    right: 0%;
  }
}

/*---==================
    06. Gallery css 
=================----*/
/* Gallery Filter  */
.gallery-filter-button .gallery-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid rgba(28, 35, 31, 0.1);
}
@media (max-width: 767px) {
  .gallery-filter-button .gallery-btn {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.gallery-filter-button .gallery-btn li {
  position: relative;
  padding: 0 35px 20px;
  font-weight: 500;
  font-size: 18px;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .gallery-filter-button .gallery-btn li {
    padding: 0 15px 20px;
    font-size: 15px;
  }
}
.gallery-filter-button .gallery-btn li:after {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #63AC45;
  visibility: visible;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 767px) {
  .gallery-filter-button .gallery-btn li:after {
    display: none;
  }
}
.gallery-filter-button .gallery-btn li.active:after {
  visibility: visible;
  opacity: 1;
}

/* Gallery Slider  */
.gallery-slider-one {
  margin-left: -15px;
  margin-right: -15px;
}
.gallery-slider-one .gallery-item {
  margin-left: 15px;
  margin-right: 15px;
}

.gallery-slider-two {
  margin-left: -15px;
  margin-right: -15px;
}
.gallery-slider-two .single-gallery-item-two {
  margin-left: 15px;
  margin-right: 15px;
}

/* Gallery Item  */
.gallery-item:hover .gallery-img .hover-overlay {
  visibility: visible;
  opacity: 1;
}
.gallery-item:hover .gallery-img .hover-overlay .hover-content {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.gallery-item .gallery-img {
  position: relative;
  overflow: hidden;
}
.gallery-item .gallery-img img {
  width: 100%;
}
.gallery-item .gallery-img .head-title{
  font: 550 28px "Roboto", sans-serif;
  padding-top: 6px;
  text-align: center;
}
.gallery-item .gallery-img .hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(28, 35, 31, 0.85);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.gallery-item .gallery-img .hover-overlay .hover-content {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.gallery-item .gallery-img .hover-overlay .hover-content .icon-btn {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-color: #F7921E;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 40px;
}
.gallery-item .gallery-img .hover-overlay .hover-content h4.title {
  margin-bottom: 15px;
}
.gallery-item .gallery-img .hover-overlay .hover-content .cat-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gallery-item .gallery-img .hover-overlay .hover-content .cat-link:after, .gallery-item .gallery-img .hover-overlay .hover-content .cat-link:before {
  content: "";
  width: 50px;
  height: 1px;
  background-color: #fff;
}
.gallery-item .gallery-img .hover-overlay .hover-content .cat-link:before {
  -webkit-margin-end: 25px;
          margin-inline-end: 25px;
}
.gallery-item .gallery-img .hover-overlay .hover-content .cat-link:after {
  -webkit-margin-start: 25px;
          margin-inline-start: 25px;
}

.single-gallery-item:hover .gallery-img .hover-overlay {
  visibility: visible;
  opacity: 1;
}
.single-gallery-item:hover .gallery-img .hover-content {
  visibility: visible;
  opacity: 1;
}
.single-gallery-item:hover .gallery-img .hover-content .icon-btn {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.single-gallery-item .gallery-img {
  position: relative;
  overflow: hidden;
}
.single-gallery-item .gallery-img img {
  width: 100%;
}
.single-gallery-item .gallery-img .hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(28, 35, 31, 0.4);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.single-gallery-item .gallery-img .hover-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.single-gallery-item .gallery-img .hover-content .icon-btn {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #F7921E;
  color: #fff;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.single-gallery-item .gallery-content {
  padding-top: 27px;
}
.single-gallery-item .gallery-content h4.title {
  margin-bottom: 5px;
}
@media (max-width: 1199px) {
  .single-gallery-item .gallery-content h4.title {
    font-size: 22px;
  }
}
.single-gallery-item-two:hover .gallery-img .hover-content {
  visibility: visible;
  opacity: 1;
}
.single-gallery-item-two:hover .gallery-img .hover-content .inner-content {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.single-gallery-item-two .gallery-img {
  position: relative;
  overflow: hidden;
}
.single-gallery-item-two .gallery-img img {
  width: 100%;
}
.single-gallery-item-two .gallery-img .hover-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 65px 60px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.single-gallery-item-two .gallery-img .hover-content .inner-content {
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.single-gallery-item-two .gallery-img .hover-content .inner-content .cat-btn {
  font-weight: 500;
  line-height: 24px;
  background-color: #fff;
  padding: 5px 14px;
}
.single-gallery-item-two .gallery-img .hover-content .inner-content h6 {
  background-color: #63AC45;
  padding: 10px 15px;
  font-size: 20px;
  color: #fff;
}

/*---==================
    07. Team css 
=================----*/
.single-team-item {
  border-radius: 12px;
}
.single-team-item:hover .member-img .hover-content, .single-team-item:hover .member-img .hover-overlay {
  visibility: visible;
  opacity: 1;
}
.single-team-item:hover .member-img .hover-content ul.social-link {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.single-team-item .member-img {
  position: relative;
  overflow: hidden;
}
.single-team-item .member-img img {
  width: 100%;
  border-radius: 12px;
}
.single-team-item .member-img .hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background-color: rgba(28, 35, 31, 0.2);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.single-team-item .member-img .hover-content {
  margin-top: 15px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.single-team-item .member-img .hover-content ul.social-link {
  background-color: #63AC45;
  padding: 10px 15px;
  border-radius: 5px;
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.single-team-item .member-img .hover-content ul.social-link li {
  margin-left: 12.5px;
  margin-right: 12.5px;
}
.single-team-item .member-img .hover-content ul.social-link li a {
  color: #fff;
}
.single-team-item .member-info {
  padding-top: 30px;
}
.single-team-item .member-info h4.title {
  font-size: 22px;
  line-height: 120%;
  margin-bottom: 5px;
}

.single-team-item .member-info a{
  color:darkblue;
}
.single-team-item .member-info .title a:hover{
  font-weight: 550;
  color:blue;
}
/*---=====================
    08. Testimonial css 
======================----*/
/* Testimonial Arrows */
.testimonial-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.testimonial-arrows .slick-arrow {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  border: 1px solid rgba(28, 35, 31, 0.1);
  cursor: pointer;
  z-index: 1;
}
.testimonial-arrows .slick-arrow:hover {
  border-color: #63AC45;
}
.testimonial-arrows .slick-arrow.next {
  -webkit-margin-start: 15px;
          margin-inline-start: 15px;
}

/* Testimonial Item */
.author-title-thumb {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.author-title-thumb .author-thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 85px;
  height: 85px;
  -webkit-margin-end: 30px;
          margin-inline-end: 30px;
}
.author-title-thumb .author-title h3.title {
  font-size: 27px;
  line-height: 165%;
}
.author-title-thumb .author-title p.position {
  font: 300 18px "Roboto", sans-serif;
  line-height: 165%;
}

.single-testimonial-item .testimonial-content .author-title-thumb {
  text-align: left;
}
.single-testimonial-item .testimonial-content > p {
  font: 300 24px "Roboto", sans-serif;
  line-height: 165%;
  margin-bottom: 23px;
}
@media (max-width: 767px) {
  .single-testimonial-item .testimonial-content > p {
    font: 300 22px "Roboto", sans-serif;
  }
}

.single-testimonial-item-two .testimonial-content .quote i {
  font-size: 55px;
}
.single-testimonial-item-two .testimonial-content > p {
  font-size: 35px;
  line-height: 52px;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .single-testimonial-item-two .testimonial-content > p {
    font-size: 24px;
    line-height: 36px;
  }
}
.single-testimonial-item-two .author-title-thumb .author-thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 85px;
  height: 85px;
}
.single-testimonial-item-two .author-title-thumb .author-thumb img {
  width: 100%;
  border-radius: 50%;
}

.single-testimonial-item-three {
  padding: 0 170px;
  border-left: 1px solid rgba(28, 35, 31, 0.1);
  border-right: 1px solid rgba(28, 35, 31, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .single-testimonial-item-three {
    padding: 0 70px;
  }
}
@media (max-width: 1199px) {
  .single-testimonial-item-three {
    padding: 0 30px;
  }
}
@media (max-width: 575px) {
  .single-testimonial-item-three {
    padding: 0 15px;
    border: none;
  }
}
.single-testimonial-item-three .testimonial-inner-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 991px) {
  .single-testimonial-item-three .testimonial-inner-content {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.single-testimonial-item-three .testimonial-inner-content .testimonial-thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 300px;
  height: 310px;
  -webkit-margin-end: 70px;
          margin-inline-end: 70px;
}
@media (max-width: 991px) {
  .single-testimonial-item-three .testimonial-inner-content .testimonial-thumb {
    margin-bottom: 50px;
  }
}
.single-testimonial-item-three .testimonial-inner-content .testimonial-thumb img {
  border-radius: 150px 30px 150px 150px;
}
@media (max-width: 991px) {
  .single-testimonial-item-three .testimonial-inner-content .testimonial-thumb img {
    border-radius: 0 150px 150px 150px;
  }
}
.single-testimonial-item-three .testimonial-inner-content .testimonial-content {
  position: relative;
  z-index: 1;
}
.single-testimonial-item-three .testimonial-inner-content .testimonial-content:after {
  position: absolute;
  top: 50px;
  right: 0;
  content: "";
  font-family: flaticon_qampin !important;
  font-size: 200px;
  color: rgba(28, 35, 31, 0.05);
}
.single-testimonial-item-three .testimonial-inner-content .testimonial-content .author-title h4 {
  margin-bottom: 5px;
}
.single-testimonial-item-three .testimonial-inner-content .testimonial-content > p {
  font-size: 24px;
  line-height: 40px;
  margin-bottom: 20px;
}

.testimonial-slider-three .slick-arrow {
  position: absolute;
  top: 35%;
  -webkit-transform: translateY(-35%);
  transform: translateY(-35%);
  cursor: pointer;
  z-index: 1;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  border: 1px solid rgba(28, 35, 31, 0.1);
}
.testimonial-slider-three .slick-arrow.prev {
  left: -135px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .testimonial-slider-three .slick-arrow.prev {
    left: -30px;
  }
}
.testimonial-slider-three .slick-arrow.next {
  right: -135px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .testimonial-slider-three .slick-arrow.next {
    right: -30px;
  }
}
.testimonial-slider-three .slick-dots {
  text-align: center;
  margin-top: 80px;
}
.testimonial-slider-three .slick-dots li {
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid transparent;
  border-radius: 50%;
}
.testimonial-slider-three .slick-dots li:after {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #63AC45;
}
.testimonial-slider-three .slick-dots li.slick-active {
  border-color: #63AC45;
}

/* Testimonial Image Box */
.testimonial-one_image-box {
  margin-bottom: -120px;
}
.testimonial-one_image-box img {
  max-width: 875px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .testimonial-one_image-box {
    margin-bottom: 0px;
  }
  .testimonial-one_image-box img {
    max-width: 575px;
  }
}
@media (max-width: 1199px) {
  .testimonial-one_image-box {
    margin-bottom: 0px;
    margin-top: 40px;
  }
  .testimonial-one_image-box img {
    max-width: 100%;
  }
}

/* Partners Slider */
.partner-slider-one {
  border-top: 1px solid rgba(28, 35, 31, 0.1);
  margin-left: -50px;
  margin-right: -50px;
}
@media (max-width: 1199px) {
  .partner-slider-one {
    margin-left: -30px;
    margin-right: -30px;
  }
}
@media (max-width: 767px) {
  .partner-slider-one {
    margin-left: -12px;
    margin-right: -12px;
  }
}
.partner-slider-one .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.partner-slider-one .single-partner-item {
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
}
@media (max-width: 1199px) {
  .partner-slider-one .single-partner-item {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .partner-slider-one .single-partner-item {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/*---=====================
    09. Faqs css 
======================----*/
/* Faqs Tab */
.faqs-tab ul.nav {
  border-bottom: 1px solid rgba(28, 35, 31, 0.1);
}
.faqs-tab ul.nav .nav-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 24px;
  background-color: transparent;
  padding: 0 30px 40px 0;
  -webkit-margin-end: 70px;
          margin-inline-end: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .faqs-tab ul.nav .nav-link {
    padding: 0 20px 40px 0;
    -webkit-margin-end: 50px;
            margin-inline-end: 50px;
  }
}
@media (max-width: 1199px) {
  .faqs-tab ul.nav .nav-link {
    padding: 0 20px 40px 0;
    -webkit-margin-end: 20px;
            margin-inline-end: 20px;
  }
}
.faqs-tab ul.nav .nav-link:after {
  position: absolute;
  bottom: -1.5px;
  left: 0;
  content: "";
  height: 3px;
  width: 100%;
  background-color: #63AC45;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 991px) {
  .faqs-tab ul.nav .nav-link:after {
    display: none;
  }
}
.faqs-tab ul.nav .nav-link i {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: rgba(99, 172, 69, 0.15);
  font-size: 40px;
  color: #63AC45;
  -webkit-margin-end: 30px;
          margin-inline-end: 30px;
}
@media (max-width: 1199px) {
  .faqs-tab ul.nav .nav-link i {
    -webkit-margin-end: 15px;
            margin-inline-end: 15px;
  }
}
.faqs-tab ul.nav .nav-link.active:after {
  visibility: visible;
  opacity: 1;
}
.faqs-tab ul.nav .nav-link.active i {
  background-color: #63AC45;
  color: #fff;
}





/* Accordion Card */
.accordion-card .accordion-header h4.accordion-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  border-bottom: 1px solid rgba(28, 35, 31, 0.2);
  padding-bottom: 30px;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .accordion-card .accordion-header h4.accordion-title {
    font-size: 18px;
  }
}
.accordion-card .accordion-header h4.accordion-title:after {
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 18px;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
.accordion-card .accordion-header h4.accordion-title[aria-expanded=true] {
  border-color: #1C231F;
}
.accordion-card .accordion-header h4.accordion-title[aria-expanded=true]:after {
  content: "";
}
.accordion-card .accordion-body {
  padding: 20px 0 0;
}
.accordion-card .accordion-body p {
  line-height: 175%;
}


/* Counting Box */
.counting-box {
  padding: 30px 50px;
  background-color: #fff;
  -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07);
          box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07);
}
.counting-box h5 {
  margin-bottom: 15px;
  font-weight: 500;
}
.counting-box h5 span {
  float: right;
}
.counting-box .progress {
  height: 4px;
  background-color: rgba(28, 35, 31, 0.1);
}
.counting-box .progress .progress-bar {
  background-color: #63AC45;
}


/*---========================
    10. News css    
=======================----*/
.faqmap-tab ul.nav{
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(28, 35, 31, 0.1);
}
.faqmap-tab ul button{
  color: #1C231F;
}
/* .faqmap-tab ul.nav .nav-link{
  border-bottom: 1px solid rgba(28, 35, 31, 0.1);
} */

.faqmap-tab ul.nav .nav-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 550;
  font-size: 24px;
  background-color: transparent;
  padding: 20px 40px 20px;
  -webkit-margin-end: 70px;
          margin-inline-end: 70px;
}
.faqmap-tab ul.nav .nav-link:hover{
  color:darkgreen;
}
.faqmap-tab ul.nav .nav-link:after {
  position: absolute;
  bottom: -1.5px;
  left: 0;
  content: "";
  height: 3px;
  width: 100%;
  /* background-color: #63AC45; */
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 991px) {
  .faqmap-tab ul.nav .nav-link:after {
    display: none;
  }
}
.faqmap-tab ul.nav .nav-link.active{
  background-color:#778899;
  color:whitesmoke;
  border: none;
}
.faqmap-tab ul.nav .nav-link.active:after {
  visibility: visible;
  opacity: 1;
}


@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .faqmap-tab ul.nav .nav-link {
    font-size: 22px;
    padding: 20px 40px 20px;
    -webkit-margin-end: 50px;
            margin-inline-end: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .faqmap-tab ul.nav .nav-link {
    font-size: 20px;
    padding: 20px 30px 20px;
    -webkit-margin-end: 50px;
            margin-inline-end: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 991.98px) {
  .faqmap-tab ul.nav .nav-link {
    font-size: 18px;
    padding: 15px 10px 15px;
    -webkit-margin-end: 30px;
            margin-inline-end: 30px;
  }
}
@media (max-width: 575.98px) {
  .faqmap-tab ul.nav .nav-link {
    font-size: 18px;
    padding: 10px 10px 10px;
    -webkit-margin-end: 20px;
            margin-inline-end: 20px;
  }
}


/*
    added by Liang 2023-02-28
*/
.img_tran img {  
  width: 100%;  
  transform: scale(1);  
  transition: all 0.5s ease 0s;
}  
.img_tran:hover img {  
  transform: scale(1.03);
  transition: all 0.5s ease 0s;
  -webkit-transform: scale(1.03);
  -webkit-transform: all 0.5s ease 0s;
}  
.img_trans img {  
  width: 100%;  
  transform: scale(1);  
  transition: all 0.5s ease 0s;
}  
.img_trans:hover img {  
  transform: scale(1.20);
  transition: all 0.5s ease 0s;
  -webkit-transform: scale(1.20);
  -webkit-transform: all 0.5s ease 0s;
} 

/*----------       nav-tabs   ---------*/
.nav-tabs .nav-link {
  font: 550 20px "Roboto", sans-serif;
  border: 3px solid transparent;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  color:darkblue;
}
.nav-tabs .nav-link:hover{
  color:darkgreen;
  font-weight: 650;
  border-bottom: none;
  text-decoration: none;
}
.nav-tabs .nav-link.active{
  background-color:#778899;
  text-decoration: none;
  color:whitesmoke;
  border: none;
  border-bottom: none;
  padding-left:  4px;
  padding-right: 4px;
}
@media (min-width: 1200px) {
  .nav-tabs .nav-link{margin-left: 15px;  padding: 15px 5px; font-size:20px; width:130px}
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .nav-tabs{padding:0px 10px;}
  .nav-tabs .nav-link{margin-left: 10px;  padding: 15px 4px; font-size:18px; width:130px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .nav-tabs .nav-link{margin-left: 10px;  padding: 15px 2px; font-size:16px; width:100px}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .nav-tabs .nav-link{margin-left: 10px;  padding: 15px 2px; font-size:16px; width:100px}
}
@media (max-width: 575.98px) {
  .nav-tabs .nav-link{margin-left: 4px;  padding: 10px 2px; font-size:14px; width:90px}
}

/*---========================
    Diary nav
=======================----*/
.diary{
  background-color:#1C231F;;
  /* background-color: lightgray; */
}
.diary nav{
  border-bottom: none;
}
.diary .nav-tabs{
  padding: 2px 20px;
  border-bottom: none;
}
.diary .nav-tabs .nav-link{
  color:green;
  border-bottom: none;
}
.diary .nav-tabs .nav-link:hover{
  color:red;
}
.diary .nav-tabs .nav-link.active{
  background: none;
  border-bottom: none;
  color:white;
}
.diary .nav-tabs .nav-link:focus{
  color:greenyellow;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .diary .nav-tabs{padding: 2px 6px;}
  .diary .nav-tabs .nav-link{margin-left: 10px;  padding: 15px 2px; font-size:16px; width:100px}
}
@media (max-width: 575.98px) {
  .diary .nav-tabs{padding: 2px 0px;}
  .diary .nav-tabs .nav-link{margin-left: 0px;padding: 10px 0px; width:76px}
}
/*----------       news  1   ---------*/
.news-one .news-area{
  min-height: 300px;
  padding: 2px 2px;
}
.news-one .headtitle{
  font: 550 22px "Roboto", sans-serif;
  padding: 4px 0px 0px 10px;
  margin-top: 25px;
  margin-bottom:10px;
}
.news-one ol{
  list-style-type: decimal;
}
.news-one ol li{
  font: 400 18px "Roboto", sans-serif;
  line-height: 1.7em;
  color:#292421;
  text-align: justify; 
}
.news-one ol li .time{
  text-indent: 4px;
  padding-right: 6pt;
  font-weight: 500;
}
.news-one ol li .date{
  padding-left: 2px;
  width: 110px;
  font-weight: 450;
  display: inline-block;
}
.news-one ol li .title{
  text-indent: 2pt;
  padding-left: 20px;
  padding-bottom: 4px;
  font-weight: 600;
  text-align: justify;
}
.news-one ol li a{
  text-align: justify;
  font-weight: 550;
	color:#0000CD;              
}

.news-one ol li a:hover{
  font-weight: 600;
	color: #FF6100;              
	text-decoration:none;
}

@media (min-width: 1600px) {
  .news-one ol li:hover{color:#00C957}
  .news-one ol li .title{width:1100px; display: inline-block;}
}
@media only screen and (min-width: 1200px) and (max-width: 1599.98px) {
  .news-one ol li{font-size: 16px;line-height: 1.6em;padding-bottom: 4px;}
  .news-one ol li:hover{color:#00C957;}
  .news-one ol li .title{flex-wrap: wrap;width:840px;}
}
@media only screen and (min-width: 768px) and (max-width: 1199.98px) {
  .news-one ol li{font-size: 15px;line-height: 1.6em;padding-bottom: 4px;}
  .news-one ol li .name{width: 130px;}
  .news-one ol li .title{display: flex;flex-wrap: wrap;}
  .news-one ol li .date:hover{color:#FF4500;}
  .news-one ol li b:hover{color:#00C957;}
}
@media (max-width: 767.98px) {
  .news-one ol li{font-size: 14px;line-height: 1.5em;padding-bottom: 8px;}
  .news-one ol li .name{width: 120px;}
  .news-one ol li .title{margin-left: -20px;display: flex;flex-wrap: wrap;}
  .news-one ol li .date:hover{color:#FF4500;}
  .news-one ol li b:hover{color:#00C957;}
}


/*----------       news  2   ---------*/
.news-two .news-area{
  min-height: 300px;
  padding: 2px 2px;
}
.news-two .headtitle{
  font: 550 24px "Roboto", sans-serif;
  padding: 4px 0px 0px 10px;
  margin-top: 10px;
  margin-bottom:10px;
}
.news-two .headtitle a{font-weight: 550;  color:darkblue; }
.news-two a:hover{color: #FF6100;}
.news-two ol{
  list-style-type: decimal;
}
.news-two ol li{
  font: 400 18px "Roboto", sans-serif;
  line-height: 1.7em;
  color:#1C1C1C;
  text-align: justify;
  /* white-space:nowrap; */
  padding-left: 6px;
  padding-bottom: 4px;
}

.news-two ol li a{
  font-weight: 500;
	color:darkblue;  
  display: inline;            
}
.news-two ol li a:hover{
  padding-left: 1px;
  font-weight: 500;
	color: #FF6100;              
	text-decoration:none; 
}
.news-two ol li i{
  display: inline;
}
.news-two p{
  font: 400 16px "Roboto", sans-serif;
  line-height: 1.9em;
  color:#1C1C1C;
  text-align: justify;
}

/*----------       news  3   ---------*/
.news-three p{
  font: 300 16px "Roboto", sans-serif;
  line-height: 2em;
  color:#292421;
  text-align: justify;
}

.news-three .news-area{
  min-height: 400px;
  padding: 2px 2px;
}
.news-three .news-area p{
  font: 400 18px "Roboto", sans-serif;
  padding-bottom: 10px;
}
.news-three .headtitle{
  font: 550 24px "Roboto", sans-serif;
  padding: 4px 0px 0px 10px;
  margin-top: 25px;
  margin-bottom:10px;
}
.news-three ol{
  list-style-type: decimal;
}
.news-three ol li{
  font: 400 18px "Roboto", sans-serif;
  line-height: 1.7em;
  color:#292421;
  text-align: justify;
  padding-left: 6px;
  padding-bottom: 4px;
}
.news-three a{font-weight: 500;  color:darkblue; }
.news-three a:hover{color: #FF6100;   }
.news-three ol li a{
  font-weight: 500;
	color:darkblue;  
  display: inline;             
}
.news-three li a:hover{
  padding-left: 1px;
  font-weight: 500;
	color: #FF6100;              
	text-decoration:none; 
}
.news-three ol li i{
  display: inline;
}
.news-three ul{
  list-style-type:square;
}
.news-three ul li{
  font: 400 18px "Roboto", sans-serif;
  line-height: 1.9em;
  color:#292421;
  text-align: justify;
  padding-left: 2px;
  padding-bottom: 10px;
}
.news-three ul li a{
  font-weight: 500;
	color:darkblue; 
  display: inline;
}


@media (min-width: 1600px) {

}
@media only screen and (min-width: 1200px) and (max-width: 1599.98px) {
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .news-two ol li, .news-three ol li{font-size:16px;}
  .news-area .headtitle{font-size: 20px;}
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .news-two ol li, .news-three ol li{font-size:15px;}
  .news-area .headtitle{font-size: 18px;}
  .news-three ul li{font-size: 17px;}
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .news-two ol li, .news-three ol li{font-size:13px;}
  .news-area .headtitle{font-size: 16px;}
  .news-three ul li, .news-three p{font-size: 14px;}
}
@media (max-width: 575.98px) {
  .news-two ol li, .news-three ol li{font-size:13px;}
  .news-area .headtitle{font-size: 16px;}
  .news-three ul li, .news-three p{font-size: 14px;}
}





/*---========================
    11. EULZ css 
=======================----*/
/*----------       design  1   ---------*/
.design-one .title{
  font: 550 26px "Roboto", sans-serif;
  padding: 4px 0px 0px 10px;
}
.design-one ol{
  list-style-type: decimal;
}
.design-one ol li{
  font: 400 18px "Roboto", sans-serif;
  line-height: 1.9em;
  text-align: justify;
  padding: 5px 2px 5px;  
}
.design-one ol li a{
  display: inline;
  color: #0000AB; 
}
.design-one ol li a:hover{
  font-weight: 500;
  color: #0000FF;          
	text-decoration:none;
}


/*----------       design  2   ---------*/
.design-two .title{
  font: 550 26px "Roboto", sans-serif;
  padding: 4px 0px 0px 10px;
}
.design-two ol{
  list-style-type: decimal;
}
.design-two ol li{
  font: 400 18px "Roboto", sans-serif;
  line-height: 1.9em;
  text-align: justify;
  padding: 5px 2px 5px;  
}
.design-two ol li a{
  display: inline;
  color: 		#006400; 
}
.design-two ol li a:hover{
  font-weight: 500;
  color: blue;          
	text-decoration:none;
}

/*----------       design  3   ---------*/
.design-three .title{
  font: 550 26px "Roboto", sans-serif;
  padding: 4px 0px 0px 10px;
}
.design-three ol{
  list-style-type: decimal;
}
.design-three ol li{
  font: 400 18px "Roboto", sans-serif;
  line-height: 1.9em;
  text-align: justify;
  padding: 5px 2px 5px;  
}
.design-three ol li a{
  display: inline;
  color: 		darkblue; 
}
.design-three ol li:hover{
  color: #436EEE;          
	text-decoration:none;
}
.design-three ol li a:hover{
  font-weight: 500;
  color: #0000FF;          
	text-decoration:none;
}

/*----------       design  4   ---------*/
.design-four .title{
  font: 550 26px "Roboto", sans-serif;
  padding: 4px 0px 0px 10px;
}
.design-four ol{
  list-style-type: decimal;
}
.design-four ol li{
  font: 400 18px "Roboto", sans-serif;
  line-height: 1.9em;
  text-align: justify;
  padding: 5px 2px 5px;  
}
.design-four ol li a{
  display: inline;
  color: 		#663399; 
}
.design-four ol li a:hover{
  font-weight: 500;
  color: blue;          
	text-decoration:none;
}

/*----------       design  5   ---------*/
.design-five .title{
  font: 550 26px "Roboto", sans-serif;
  padding: 4px 0px 0px 10px;
  color:#E0FFFF;
}
.design-five ol{
  list-style-type: decimal;
}
.design-five ol li{
  font: 400 18px "Roboto", sans-serif;
  line-height: 1.9em;
  text-align: justify;
  padding: 5px 2px 5px;  
  color:#D1EEEE;
}
.design-five ol li a{
  display: inline;
  color: #00BFFF; 
}
/* .design-five ol li:hover{
  color: #F4A460;        
} */
.design-five ol li a:hover{
  font-weight: 500;
  color: blue;          
	text-decoration:none;
}

/*----------       design  6   ---------*/
.design-six .title{
  font: 550 26px "Roboto", sans-serif;
  padding: 4px 0px 0px 10px;
  color:#fef6e9;
}
.design-six ol{
  list-style-type: decimal;
}
.design-six ol li{
  font: 400 18px "Roboto", sans-serif;
  line-height: 1.9em;
  text-align: justify;
  padding: 5px 2px 5px;  
  color:#B5B5B5;
}
.design-six ol li a{
  display: inline;
  color:#66CD00;
  /* color:#228B22; */
  /* color: 	#1E90FF; */
  /* color: #F4A460;  */
}
.design-six ol li:hover{
  color: #7FFFD4;     
	text-decoration:none;
}
.design-six ol li a:hover{
  font-weight: 500;
  color: #7FFFD4;        
	text-decoration:none;
}

/*----------       advising  1   ---------*/
.adv-one .title{
  font: 550 26px "Roboto", sans-serif;
  padding: 4px 0px 6px 2px;
}
.adv-one ol{
  list-style-type: decimal;
}
.adv-one ol li{
  font: 450 17px "Roboto", sans-serif;
  line-height: 1.8em;
  text-align: left;
  padding: 4px 2px 4px;  
}
.adv-one ol li a{
  display: inline;
  color: #292421; 
}
.adv-one ol li:hover{
  color:#7B68EE;         
	text-decoration:none;
}
.adv-one ol li a:hover{
  padding-left: 1px;
  font-weight: 450;
  color: #FF4500;      
	text-decoration:none;
}

.adv-one ol li .name{
  font-size: 18px;
  padding-left: 2px;
  width: 90%;
  display: inline-block;
}
.adv-one ol li .impact{
  font-size: 18px;
  width: 10%;
  display: inline-block;
}

/*----------       advising  2   ---------*/
.adv-two .title{
  font: 550 26px "Roboto", sans-serif;
  padding: 4px 0px 6px 2px;
}
.adv-two ol{
  list-style-type: decimal;
}
.adv-two ol li{
  font: 450 16px "Roboto", sans-serif;
  line-height: 1.7em;
  text-align: justify;
  padding: 4px 4px 4px 2px; 
  color: #292421;
}
.adv-two ol li a{
  font-size: 16px;
  font-weight: 600;
  padding-right: 4px;
  display: inline;
  color:#292421;
}
.adv-two ol li a:hover{
  padding-left:1px;
  color:#FF4500;       
	text-decoration:none;
}
.adv-two ol li span{
  font-weight: 700;
  width:260px;
  display:inline-block;
}
.adv-two ol li .conf{
  width: 640px;
  display:inline-block;
}
.adv-two ol li .conf a{
  color:darkblue;
}
.adv-two ol li .location{
  margin-top: 4px;
  color:darkslateblue;
  font-weight: 700;
  width:230px;
  display:inline-block;
}
.adv-two ol li .link{
  color:#1E90FF;
  display:flex;
}
.adv-two ol li .conf-link{
  color:#1E90FF;
}
.adv-two p{
  font: 450 17px "Roboto", sans-serif;
  padding: 4px 0px 6px 2px;
  color:#9932CC;
}


/*    table design for adv-two */
.adv-two table{
  text-align: center;
  border-collapse: collapse;
}
.adv-two table th{
  font: 550 18px "Roboto", sans-serif;
  padding: 15px 5px;
  border-top: 1px solid #9C9C9C;
  border-bottom: none;
  /* background-color: #BFEFFF; */
}
.adv-two table th:nth-child(1){
  text-align: left;
  padding-left: 8px;
  border-right: 1px solid#9C9C9C;
}
.adv-two table tr{
  color:#292421;
}
.adv-two table td{
  font: 450 16px "Roboto", sans-serif;
  padding: 10px 5px;
  border-top: 1px solid #9C9C9C;
  border-bottom: 1px solid #9C9C9C;
}
.adv-two table td a{
  font-weight: 550;
}
.adv-two table td:hover{
  color: #63AC45; 
}
.adv-two table td:nth-child(1){
  text-align: left;
  padding-left: 8px;
  background-color: #F0F8FF;
  border-right: 1px solid#9C9C9C;
}
.adv-two table td:nth-child(6) a{
  font-weight: 700;
  color:#1E90FF;
}
.adv-two table td:nth-child(1):hover{
  color:#FF4500; 
}
.adv-two table td:nth-child(6) a:hover, .adv-two table td.topic:hover{
  color: #63AC45;
}
.adv-two table td.article{
  font-weight: 500;
  color:#1E90FF;
}
.adv-two table td.article:hover{
  color:#0000FF; 
}
.adv-two table td:nth-child(4) s{
  color:#1874CD;
  font-weight: 600;
}
.adv-two table td:nth-child(4) b{
  color:red;
  font-weight: 700;
}






/*----------       advising  3   ---------*/
.adv-three .title{
  font: 550 26px "Roboto", sans-serif;
  padding: 4px 0px 6px 2px;
  color: blanchedalmond;  
}
.adv-three ol{
  list-style-type: decimal;
}
.adv-three  ol li{
  font: 400 17px "Roboto", sans-serif;
  line-height: 1.7em;
  text-align: left;
  padding: 4px 2px 4px;  
  color: blanchedalmond;  
}
.adv-three ol li a{
  display: inline;
  color:lightskyblue; 
}
.adv-three ol li:hover{
  color: lightcyan;          
	text-decoration:none;
}
.adv-three ol li a:hover{
  padding-left: 2px;
  color:#00BFFF;     
	text-decoration:none;
}
/*----------       advising  4   ---------*/
.adv-four .title{
  font: 550 26px "Roboto", sans-serif;
  padding: 4px 0px 6px 2px;
}
.adv-four ol{
  list-style-type: decimal;
}
.adv-four ol li{
  font: 400 17px "Roboto", sans-serif;
  line-height: 1.7em;
  text-align: left;
  padding: 4px 2px 4px;  
  color:blanchedalmond;
}
.adv-four ol li a{
  display: inline;
  color: #292421; 
}
.adv-four ol li:hover{
  color:#7B68EE;         
	text-decoration:none;
}
.adv-four ol li a:hover{
  padding-left: 1px;
  font-weight: 450;
  color: #FF4500;      
	text-decoration:none;
}


/*----------       card  1   ---------*/
.card-one .title{
  font: 550 26px "Roboto", sans-serif;
  padding: 4px 0px 2px 10px;
}
.card-one ol{
  list-style-type: decimal;
}
.card-one ol li{
  font: 400 18px "Roboto", sans-serif;
  line-height: 1.9em;
  text-align: justify;
  padding: 4px 2px 4px; 
}
.card-one ol li a{
  display: block;
  color: #0000AB; 
  padding-right: 6px;
}
.card-one ol li a:hover{
  font-weight: 500;
  color: #FF4500;          
	text-decoration:none;
  padding-right: 2px;
}
.card-one ol li a:active{color:red}
.card-one p{
  color:#696969;
}
.card-one ol li span a{
  font-weight: 500;
  color: #0000FF; 
}
.card-one ol li span a:hover{
  color: 	#FF4500; 
}

/*----------       card  2   ---------*/
.card-two .title{
  font: 550 26px "Roboto", sans-serif;
  padding: 4px 0px 6px 10px;
}
.card-two ol{
  list-style-type: decimal;
}
.card-two ol li{
  font: 400 17px "Roboto", sans-serif;
  line-height: 1.9em;
  text-align: left;
  padding: 4px 2px 4px; 
}
.card-two ol li a{
  display: inline;
  color: #0000AB; 
  padding-right: 6px;
}
.card-two ol li a:hover{
  font-weight: 500;
  color: #0000FF;          
	text-decoration:none;
  padding-right: 2px;
}
.card-two ol li a:active{color:red}



/*----------       color  1   ---------*/
.color-one .title{
  font: 550 24px "Roboto", sans-serif;
  padding: 4px 0px 0px 10px;
}
.color-one ol{
list-style-type: decimal;
}
.color-one ol li{
  font: 400 18px "Roboto", sans-serif;
  line-height: 1.9em;
  text-align: justify;
  padding: 5px 2px 5px;  
}
.color-one ol li div{
  width: 95%;
  text-align: left;
}


/*    table design for job-one */
.job-one table{
  text-align: center;
  border-collapse: collapse;
}
.job-one table th{
  font: 550 18px "Roboto", sans-serif;
  padding: 15px 5px;
  border-top: 1px solid #9C9C9C;
  border-bottom: none;
  /* background-color: #BFEFFF; */
}
.job-one table th:nth-child(1){
  padding-left: 8px;
  border-right: 1px solid#9C9C9C;
}
.job-one table tr{
  color:#292421;
}
.job-one table td{
  font: 450 16px "Roboto", sans-serif;
  padding: 10px 5px;
  border-top: 1px solid #9C9C9C;
  border-bottom: 1px solid #9C9C9C;
}
.job-one table td a{
  font-weight: 550;
}
.job-one table td:hover{
  color: #63AC45; 
}
.job-one table td:nth-child(1){
  text-align: left;
  padding-left: 8px;
  background-color: #F0F8FF;
  border-right: 1px solid#9C9C9C;
}
.job-one table td:nth-child(6) a{
  font-weight: 700;
  color:#1E90FF;
}
.job-one table td:nth-child(1):hover{
  color:#FF4500; 
}
.job-one table td:nth-child(3):hover{
  color:#8470FF; 
}
.job-one table td:nth-child(6) a:hover, .job-one table td.topic:hover{
  color: #63AC45;
}
.job-one table td.article{
  font-weight: 500;
  color:#1E90FF;
}
.job-one table td.article:hover{
  color:#0000FF; 
}
.job-one table td s{
  color:#1874CD;
  font-weight: 600;
}
.job-one table td b{
  color:red;
  font-weight: 700;
}
.job-one table th:hover{
  color:#FF4500; 
}

.job-one table td:nth-child(1),.job-one table td:nth-child(2),.job-one table td:nth-child(3),.job-one table td:nth-child(4){
  text-align: left;
  padding-left: 2%;
}


@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .design-one ol li, .design-two ol li, .design-three ol li, .design-four ol li, .design-five ol li, .design-six ol li, .adv-one ol li, .adv-two ol li, .adv-three ol li, .adv-four ol li, .card-one ol li, .card-two ol li, .color-one ol li{
    font-size:17px;
  }
  .design-one .title, .design-two .title, .design-three .title, .design-four .title, .design-five .title, .design-six .title, .card-one .title, .card-two .title, .color-one .title{
    font-size:22px;
  }
  .adv-one .title, .adv-two .title, .adv-three .title, .adv-four .title, .job-one .title{font-size:24px;  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .design-one ol li, .design-two ol li, .design-three ol li, .design-four ol li, .design-five ol li, .design-six ol li, .adv-one ol li, .adv-two ol li, .adv-three ol li, .adv-four ol li, .card-one ol li, .card-two ol li, .color-one ol li{
    font-size:16px;
  }
  .design-one .title, .design-two .title, .design-three .title, .design-four .title, .design-five .title, .design-six .title, .card-one .title, .card-two .title, .color-one .title{
    font-size:20px;
  }
  .adv-one .title, .adv-two .title, .adv-three .title, .adv-four .title, .job-one .title{font-size:22px;  }
  .adv-two ol li a{font-size: 16px;}
  .adv-two ol li .conf{width: 100%;display: block;}
  .adv-two table th{padding: 5px 2px;font-size: 14px;}
  .adv-two table td{padding: 5px 2px;font-size: 12px;}
  .job-one table th{padding: 5px 2px;font-size: 14px;}
  .job-one table td{padding: 5px 2px;font-size: 12px;}
}

@media only screen and (min-width: 576px) and (max-width: 767.98px){
  .design-one ol li, .design-two ol li, .design-three ol li, .design-four ol li, .design-five ol li, .design-six ol li, .adv-one ol li, .adv-two ol li, .adv-three ol li, .adv-four ol li, .card-one ol li, .card-two ol li, .color-one ol li{
    font-size:14px;
  }
  .design-one .title, .design-two .title, .design-three .title, .design-four .title, .design-five .title, .design-six .title, .card-one .title, .card-two .title, .color-one .title{
    font-size:18px;
  }
  .adv-one .title, .adv-two .title, .adv-three .title, .adv-four .title{font-size:19px;  }
  .adv-two ol li span, .adv-two ol li .location{width:170px;}
  .adv-two ol li a{font-size: 14px;}
  .adv-two ol li .conf{width: 100%;display: block;}
  .adv-two table th, .job-one table th{padding: 5px 2px;font-size: 11px;}
  .adv-two table td, .job-one table td{padding: 5px 2px;font-size: 10px;} 
}

@media (max-width: 575.98px){
  .design-one ol li, .design-two ol li, .design-three ol li, .design-four ol li, .design-five ol li, .design-six ol li, .adv-one ol li, .adv-two ol li, .adv-three ol li, .adv-four ol li, .card-one ol li, .card-two ol li, .color-one ol li{
    font-size:12px;
  }
  .design-one .title, .design-two .title, .design-three .title, .design-four .title, .design-five .title, .design-six .title, .card-one .title, .card-two .title, .color-one .title{
    font-size:16px;
  }
  .adv-one .title, .adv-two .title, .adv-three .title, .adv-four .title{font-size:18px;  }

  .adv-two ol li span, .adv-two ol li .location{width:160px;}
  .adv-two ol li a{font-size: 11px;}
  .adv-two ol li .conf, .adv-two ol li .conf-link{width: 100%;display: block;}
  .adv-two table th:nth-child(1), .job-one table th:nth-child(1){padding-left: 2px;}
  .adv-two table td:nth-child(1), .job-one table td:nth-child(1){padding-left: 2px;}
  .adv-two table th, .job-one table th{padding: 5px 0px;font-size: 11px;}
  .adv-two table td, .job-one table td{padding: 5px 0px;font-size: 10px;}
}


/*----------       card  0   ---------*/
.card-zero .title{
  font: 550 26px "Roboto", sans-serif;
  padding: 4px 0px 6px 10px;
}


/*----------       card  tabs   ---------*/
.card-tab ul.nav .nav-link{
  color: #1C231F;
}
.card-tab ul.nav .nav-link i{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.card-tab ul.nav .nav-link:hover{
  color: 	#1E90FF;
}

.card-tab ul.nav {
  border-bottom: 1px solid rgba(28, 35, 31, 0.1);
}
.card-tab ul.nav .nav-link{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 22px;
  background-color: transparent;
  padding: 0 30px 15px 0;
  -webkit-margin-end: 70px;
          margin-inline-end: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .card-tabul.nav .nav-link {
    padding: 0 20px 40px 0;
    -webkit-margin-end: 50px;
            margin-inline-end: 50px;
  }
}
@media (max-width: 1199px) {
  .card-tab ul.nav .nav-link {
    padding: 0 20px 10px 0;
    -webkit-margin-end: 20px;
            margin-inline-end: 20px;
  }
}
.card-tab ul.nav .nav-link:after {
  position: absolute;
  bottom: -1.5px;
  left: 0;
  content: "";
  height: 3px;
  width: 100%;
  background-color: #63AC45;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 991px) {
  .card-tab ul.nav .nav-link:after{display: none;}
}

.card-tab ul.nav .nav-link i {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: rgba(99, 172, 69, 0.15);
  font-size: 40px;
  color: #63AC45;
  -webkit-margin-end: 30px;
          margin-inline-end: 30px;
}
@media (max-width: 1199px) {
  .card-tab ul.nav .nav-link i {
    -webkit-margin-end: 15px;
            margin-inline-end: 15px;
  }
}
.card-tab ul.nav .nav-link.active{
  color: #63AC45;
}
.card-tab ul.nav .nav-link.active:after {
  visibility: visible;
  opacity: 1;
}
.card-tab ul.nav .nav-link.active i {
  background-color: #63AC45;
  color: #fff;
}


/*----------       card  content   ---------*/
.card-area{
  margin-bottom: 15px;
}
.card-area .card-header img{
  height: 100px;
  padding:0px 10px;
}
.card-area .card-header h4{
  font: 550 20px "Roboto", sans-serif;
}
.card-area .card-header h4.card-title{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  border-bottom: 1px solid rgba(28, 35, 31, 0.2);
  padding-bottom: 15px;
  cursor: pointer;
}
.card-area .card-header h4.card-title:after {
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 18px;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
.card-area .card-header h4.card-title[aria-expanded=true] {
  color: #63AC45;
  border-color: #1C231F;
}
.card-area .card-header h4.card-title[aria-expanded=true]:after {
  content: "";
}
.card-area .card-body {
  font: 450 16px "Roboto", sans-serif;
  padding: 15px 4px 10px 10px;
}
.card-area .card-body p{
  padding: 0px 8px;
  color:#1C231F;
  /* line-height: 175%; */
  line-height: 1.9em;
}
.card-area .card-body h6{
  font-weight: 550;
  padding: 20px 8px 8px;
}

.card-area .card-body ul{
  list-style-type: circle;
  padding-left: 8px;
}
.card-area .card-body ul li{
  font: 400 17px "Roboto", sans-serif;
  line-height: 1.7em;
  text-align: justify;
  padding: 4px 4px 4px 2px; 
  color: #292421;
}

.card-area .card-body .cname{
  font: 650 22px "Roboto", sans-serif;
  padding: 10px 6px;
}
.card-area .card-body .clink{
  padding: 0px 0px 15px;
}
.card-area .card-body a{
  display: inline;
  color: green;
  padding-right: 6px;
}
.card-area .card-body a:hover{
  color:#FF4500; 
}
.card-area .card-header h4.card-title:hover{
  color: 	#1E90FF;
}

@media only screen and (min-width: 576px) and (max-width: 767.98px){
  .card-zero .title{font-size: 20px;}
  .card-tab ul.nav .nav-link{font-size: 20px;}
  .card-tab ul.nav .nav-link i {width: 50px;height: 50px;}
  .card-area .card-header h4{font-size: 16px;}
  .card-area .card-header img{height: 60px;}
  .card-area .card-body {font-size:14px;}
  .card-area .card-body .cname{font-size: 20px;}
  .card-area .card-body h6{font-size:18px}
}
@media (max-width: 575.98px){
  .card-zero .title{font-size: 18px;}
  .card-tab ul.nav .nav-link{font-size: 18px;}
  .card-tab ul.nav .nav-link i {width: 40px;height: 40px;}
  .card-area .card-header h4.card-title{font-size: 12px;}
  .card-area .card-header img{height: 30px;}
  .card-area .card-body {font-size:12px;}
  .card-area .card-body .cname{font-size: 18px;}
  .card-area .card-body p{padding-bottom: 12px;}
  .card-area .card-body h6{font-size:15px}
}


/*----------  biograph page  ---------*/
/*----------       bio  1   ---------*/
.bio-one{
  color:blanchedalmond;
  position: relative;
  z-index: 1;
}
.bio-one:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(129.29deg, rgba(0, 0, 0, 0.6) 16.77%, rgba(0, 0, 0, 0.3) 74.33%);
}
.bio-one .welcome{
  font: 500 24px "Roboto", sans-serif;
  margin-bottom: 30px;
  display: block;
  color:#ffda00;
}
.bio-one .welcome span.number {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bio-one .welcome span.number:after {
  content: "";
  width: 105px;
  height: 1px;
  background-color: #ffda00;
  margin: 0 25px;
}
.bio-one .title{
  font: 500 36px "Roboto", sans-serif;
  padding: 10px 0px 30px;
  color:whitesmoke;
}
.bio-one h5{
  color:blanchedalmond;
}
.bio-one .main-text, .bio-one .bio-one-email{
  font: 450 18px "Roboto", sans-serif;
  padding: 10px 0px;
  color:blanchedalmond;
}

.bio-one ul{
  list-style-type: none;
}
.bio-one ul li{
  font: 400 18px "Roboto", sans-serif;
  line-height: 2em;
  text-align: justify;
}
.bio-one a:hover{
  color: #008B00;
}


/*----------       bio  2   ---------*/
.bio-two .title{
  font: 550 30px "Roboto", sans-serif;
  padding: 4px 0px 0px 10px;
}
.bio-two .low-title{
  font: 450 18px "Roboto", sans-serif;
  display: inline;
}
.bio-two ul{
  list-style-type: square;
}
.bio-two ul li{
  font: 400 17px "Roboto", sans-serif;
  line-height: 1.9em;
  text-align: justify;
  padding: 5px 2px 5px;  
}
.bio-two ul li a{
  font-weight: 500;
  display: inline;
  color: 		darkblue; 
}
.bio-two ul li a:hover{
  color: #FF4500;       
	text-decoration:none;
}
.bio-two ul li ul{
  padding-left: 18px;
  list-style: circle;
}
.bio-two ul li .low-title b{
  color: #008B00;
}


.bio-two ol{
  list-style-type: decimal;
}
.bio-two ol li{
  font: 400 18px "Roboto", sans-serif;
  line-height: 1.7em;
  color:#292421;
  text-align: justify; 
}
.bio-two ol li .timestamp{
  text-indent: 4px;
  padding-right: 6pt;
  font-weight: 500;
}
.bio-two ol li .date{
  padding-left: 2px;
  width: 110px;
  display: inline-block;
}
.bio-two ol li .title{
  text-indent: 2pt;
  padding-left: 20px;
  padding-bottom: 4px;
  font-weight: 600;
  text-align: justify;
}
.bio-two ol li a{
  text-align: justify;
  font-weight: 550;
	color:#0000CD;              
}
.bio-two ol li a:hover{
  font-weight: 600;
	color: #FF6100;              
	text-decoration:none;
}


/*----------       bio  3   ---------*/
.bio-three .title{
  font: 550 30px "Roboto", sans-serif;
  padding: 4px 0px 0px 10px;
}
.bio-three ul{
  list-style-type: square;
}
.bio-three ul li{
  font: 400 17px "Roboto", sans-serif;
  line-height: 1.9em;
  text-align: justify;
  padding: 4px 2px 4px;  
}
.bio-three ul li a{
  font-weight: 500;
  display: inline;
  color: darkblue; 
}
.bio-three ul li a:hover{
  color: #FF4500;       
	text-decoration:none;
}
.bio-three ul li ul{
  list-style: none;
}


/*----------       bio  4   ---------*/
.bio-four .awrd-area{
  min-height: 300px;
  padding-bottom: 20px;
}
.bio-four .title{
  font: 550 30px "Roboto", sans-serif;
  padding: 4px 0px 12px 10px;
  margin-top: 25px;
  margin-bottom:10px;
  color:#fef6e9;
}
.bio-four ul{
  list-style-type: disc;
  color:blanchedalmond;
  border-top:#9C9C9C 1px solid;
  padding-left: 2px;
  list-style:none;
}
.bio-four ul li{
  font: 400 17px "Roboto", sans-serif;
  line-height: 2em;
  padding: 4px 0px 4px;
  text-align: justify; 
  border-bottom:#9C9C9C 1px solid;
}
.bio-four ul li .date{
  padding-left: 2px;
  width: 100px;
  display: inline-block;
}
.bio-four ul li .date2{
  padding-left: 2px;
  width: 160px;
  display: inline-block;
}
.bio-four ul li .award{
  text-indent: 2pt;
  padding-bottom: 4px;
  color: #F4A460; 
  text-align: justify;
  display: inline;
}
.bio-four ul li .date:hover,.bio-four ul li .date2:hover{
  color:#AB82FF;
}
.bio-four ul li .award:hover{
  color:#00BFFF;
}

@media (min-width: 1600px) {

}
@media only screen and (min-width: 1200px) and (max-width: 1599.98px) {
  .bio-two .title, .bio-three .title, .bio-four .title{font-size:24px;}
  .bio-one ul li, .bio-two ul li, .bio-three ul li, .bio-four ul li{font-size: 16px;}
  .bio-four ul li .award{flex-wrap: wrap;}
}
@media only screen and (min-width: 768px) and (max-width: 1199.98px) {
  .bio-two .title, .bio-three .title, .bio-four .title{font-size:22px;}
  .bio-one ul li, .bio-two .low-title, .bio-two ul li, .bio-three ul li, .bio-four ul li{font-size: 15px;}
  .bio-four ul li .date{width: 130px;}
  .bio-four ul li .award{display: flex;flex-wrap: wrap;}
}
@media (max-width: 767.98px) {
  .bio-two .title, .bio-three .title, .bio-four .title{font-size:18px;}
  .bio-one ul li, .bio-two .low-title, .bio-two ul li, .bio-three ul li, .bio-four ul li{font-size: 14px;}
  .bio-four ul li .date{width: 120px;}
  .bio-four ul li .award{display: flex;flex-wrap: wrap;}

}



/*---========================
    12. Contact css 
=======================----*/

/* Contact Icon Box */
.contact-icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contact-icon-box .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 30px;
  -webkit-margin-end: 25px;
          margin-inline-end: 25px;
}
.contact-icon-box .icon i {
  font-size: 30px;
}
.contact-icon-box .icon i:hover {
  color:darkgreen;
}
.contact-icon-box .text h4.title {
  margin-bottom: 15px;
}
.contact-icon-box .text h5.title {
  margin-bottom: 20px;
}
.contact-icon-box .text p {
  font-size: 18px;
  font-weight: 350;
  line-height: 1.8rem;
}
.contact-icon-box .text p:hover{
  color:#63AC45;;
}
.contact-icon-box .text p a{
  font-weight: 400;
} 
.contact-icon-box a:hover{
  color:#63AC45;
}
/* Contact Form */
form.contact-form .form_control {
  padding: 0 25px;
  height: 60px;
  border: 1px solid rgba(28, 35, 31, 0.1);
  border-radius: 5px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
form.contact-form .form_control:focus {
  background: #F9F9F7;
  border-color: #63AC45;
}
form.contact-form textarea.form_control {
  height: 160px;
  padding-top: 15px;
}

/* Accommodation Form */
.accommodation-form label {
  position: absolute;
  top: 0;
  right: 0;
}
.accommodation-form .nice-select, .accommodation-form .form_control {
  background-color: transparent;
  padding: 0;
  height: 35px;
  border-bottom: 1px solid rgba(28, 35, 31, 0.15);
  margin-bottom: 25px;
  font-weight: 500;
  font-size: 20px;
  padding-bottom: 10px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.accommodation-form .nice-select:focus, .accommodation-form .form_control:focus {
  border-color: #1C231F;
}
.accommodation-form .nice-select {
  height: 40px;
  line-height: 20px;
}
.accommodation-form-two .form_group > span {
  font-weight: 500;
  font-size: 18px;
  color: #1C231F;
  margin-bottom: 10px;
}
.accommodation-form-two .form_group label {
  position: absolute;
  right: 20px;
  top: 56px;
}
.accommodation-form-two .form_group .form_control, .accommodation-form-two .form_group .nice-select {
  height: 60px;
  padding: 0 20px;
  background-color: #FFFFFF;
  border: 1px solid rgba(28, 35, 31, 0.15);
  -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.1);
          box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.1);
  border-radius: 5px;
  color: #484848;
}
.accommodation-form-two .form_group .nice-select {
  line-height: 60px;
}
.accommodation-form-two .form_group .nice-select:after {
  right: 20px;
}
.accommodation-form-two .form_group .main-btn {
  width: 100%;
  padding: 20px 30px;
  line-height: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .accommodation-form-two .form_group .main-btn {
    padding: 20px 20px;
  }
}

.accommodation-form-three label {
  position: absolute;
  right: 0;
  top: 0;
}
.accommodation-form-three .nice-select, .accommodation-form-three .form_control {
  background-color: transparent;
  padding: 0;
  height: 35px;
  border-bottom: 1px solid rgba(28, 35, 31, 0.15);
  -webkit-filter: drop-shadow(0px 10px 60px rgba(28, 35, 31, 0.1));
          filter: drop-shadow(0px 10px 60px rgba(28, 35, 31, 0.1));
  margin-bottom: 25px;
  font-weight: 500;
  font-size: 20px;
  padding-bottom: 10px;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.accommodation-form-three .nice-select::-webkit-input-placeholder, .accommodation-form-three .form_control::-webkit-input-placeholder {
  color: #1C231F;
}
.accommodation-form-three .nice-select::-moz-placeholder, .accommodation-form-three .form_control::-moz-placeholder {
  color: #1C231F;
}
.accommodation-form-three .nice-select:-ms-input-placeholder, .accommodation-form-three .form_control:-ms-input-placeholder {
  color: #1C231F;
}
.accommodation-form-three .nice-select::-ms-input-placeholder, .accommodation-form-three .form_control::-ms-input-placeholder {
  color: #1C231F;
}
.accommodation-form-three .nice-select::placeholder, .accommodation-form-three .form_control::placeholder {
  color: #1C231F;
}
.accommodation-form-three .nice-select:focus, .accommodation-form-three .form_control:focus {
  border-color: rgba(28, 35, 31, 0.15);
}
.accommodation-form-three .nice-select {
  line-height: 20px;
}
.accommodation-form-three .nice-select .list li {
  font-weight: 400;
}

/* Map Box */
.map-box iframe {
  display: inherit;
  width: 100%;
  border: none;
  min-height: 500px;
}

/* Contact Page Map */
.contact-page-map{
  text-align: center;
}
.contact-page-map .map-box iframe {
  width: 100%;
  min-height: 650px;
}

/*---========================
    13. Footer css 
=======================----*/
/* Footer Newsletter  */
.footer-newsletter label {
  position: absolute;
  top: 14px;
  left: 30px;
}
.footer-newsletter .form_control {
  background-color: #fff;
  padding: 0 30px;
  padding-left: 65px;
  /* height: 73px; */
  height: 56px;
  border-radius: 5px;
}
.footer-newsletter .main-btn {
  position: absolute;
  top: 6px;
  right: 10px;
  padding: 16px 15px;
  height: 46px;
}
.footer-newsletter .main-btn i {
  -webkit-margin-start: 10px;
          margin-inline-start: 10px;
}




/* Footer Widget  */
.footer-widget h4.widget-title {
  font-size: 22px;
  margin-bottom: 28px;
}

.about-company-widget .footer-logo {
  font: 600 26px "Roboto", sans-serif;
  width: 140px;
  padding:0px 2px;
  margin-bottom: 13px;
}
.about-company-widget .footer-logo:hover, .about-company-widget ul li a:hover{
  color: #63AC45;
}
.about-company-widget > p {
  color:	#B5B5B5;
  margin-bottom: 30px;
}
.about-company-widget ul.social-link li {
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}
.about-company-widget ul.social-link li a {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #484848;
  font-size: 17px;
}
.about-company-widget ul.social-link li a:hover {
  background-color: #63AC45;
  color: #fff;
  border-color: transparent;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .footer-nav-widget.pl-lg-20 {padding-left: 0px;}
  .footer-nav-widget.pl-lg-55 {padding-left: 30px;}
  .footer-nav-widget.pl-lg-70 {padding-left: 50px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-nav-widget.pl-lg-55 {padding-left: 55px;}
}
.footer-nav-widget .footer-nav-content ul.footer-nav li {
  font-weight: 400;
}
.footer-nav-widget .footer-nav-content ul.footer-nav li:not(:last-child) {
  margin-bottom: 15px;
}
.footer-newsletter-widget .newsletter-content p {
  margin-bottom: 32px;
}
.footer-newsletter-widget .newsletter-content form label {
  position: absolute;
  top: 8px;
  right: 0;
}
.footer-newsletter-widget .newsletter-content form label button {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background-color: #63AC45;
  font-size: 13px;
  color: #fff;
}
.footer-newsletter-widget .newsletter-content form .form_control {
  border-bottom: 1px solid #1C231F;
  background-color: transparent;
  padding: 0;
}

.contact-info-widget .contact-info-box h4.title {
  font-size: 22px;
  margin-bottom: 28px;
}
.contact-info-widget .contact-info-box p {
  color:#B5B5B5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 20px;
}
.contact-info-widget .contact-info-box p i {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 15px;
  -webkit-margin-end: 12px;
          margin-inline-end: 12px;
}
.contact-info-widget .contact-info-box p span, .contact-info-widget .contact-info-box p a {
  color:#B5B5B5;
  margin-top: -5px;
  line-height: 26px;
}
/* Copyright Area */
.copyright-area {
  padding: 15px 0;
}
.copyright-area .copyright-text p{
  color:#828282;
}
.copyright-area .copyright-text p a{
  color: #e1e1e1;
}
.copyright-area .copyright-text p a:hover{
  color: #63AC45;
}
@media (max-width: 991px) {
  .copyright-area .copyright-nav, .copyright-area .copyright-text {
    text-align: center;
  }
}
.copyright-area .copyright-nav ul li {
  display: inline-block;
}
.copyright-area .copyright-nav ul li:not(:first-child) {
  -webkit-margin-start: 35px;
          margin-inline-start: 35px;
}
@media (max-width: 991px) {
  .copyright-area .copyright-nav ul li:not(:first-child) {
    -webkit-margin-start: 15px;
            margin-inline-start: 15px;
    -webkit-margin-end: 15px;
            margin-inline-end: 15px;
  }
}


/* Footer Default  */

/* .footer-default .footer-newsletter {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
} */
.footer-default .footer-newsletter .section-title span.thin {
  display: block;
}
.footer-default .about-company-widget ul.social-link li {
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}
.footer-default .about-company-widget ul.social-link li a {
  background-color: rgba(255, 255, 255, 0.1);
  color: #B1B6B3;
}
.footer-default .about-company-widget ul.social-link li a:hover {
  background-color: #63AC45;
  color: #fff;
}
.footer-default .copyright-area {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-default .copyright-area .copyright-nav ul li a {
  color: #e1e1e1;
}
/* Footer Two  */
.footer-two .copyright-area {
  border-top: 1px solid rgba(28, 35, 31, 0.1);
}

/*---========================
    14. Sections css 
=======================----*/
.adventure-bgc-section:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 54%;
  height: 100%;
  background-color: #F9F9F7;
  z-index: -1;
}
@media (max-width: 991px) {
  .adventure-bgc-section:after {
    width: 100%;
  }
}
.adventure-bgc-section .ad-bgc-shape {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
  background-color: #F7921E;
}
@media (max-width: 991px) {
  .adventure-bgc-section .ad-bgc-shape {
    display: none;
  }
}
.adventure-bgc-section .ad-bg-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 70%;
  background-size: contain;
}
@media (max-width: 991px) {
  .adventure-bgc-section .ad-bg-shape {
    display: none;
  }
}

.choose-bg-section .choose-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 1199px) {
  .choose-bg-section .choose-bg {
    display: none;
  }
}

.who-we-bg-section .who-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 55%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 767px) {
  .who-we-bg-section .who-bg {
    display: none;
  }
}

.video-bg-section:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(28, 35, 31, 0.55);
  mix-blend-mode: multiply;
  z-index: -1;
}

.features-bg-section .features-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 1199px) {
  .features-bg-section .features-bg {
    width: 45%;
  }
}
@media (max-width: 991px) {
  .features-bg-section .features-bg {
    display: none;
  }
}
.features-bg-section .features-bg-two {
  position: absolute;
  top: 0;
  left: 70px;
  width: 46%;
  height: 100%;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .features-bg-section .features-bg-two {
    left: 0;
  }
}
@media (max-width: 991px) {
  .features-bg-section .features-bg-two {
    display: none;
  }
}

.testimonial-bg-section .testimonial-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 30%;
  z-index: -1;
}

.contact-bg-section {
  background-size: contain;
  background-position: bottom center;
}

.feedback-wrapper-one .testimonial-wrapper {
  padding: 50px 50px;
  background-color: #F9F9F7;
  border-radius: 7px;
}
@media (max-width: 1199px) {
  .feedback-wrapper-one .testimonial-wrapper {
    padding: 50px 30px;
  }
}
@media (max-width: 767px) {
  .feedback-wrapper-one .testimonial-wrapper {
    padding: 50px 15px;
  }
}

.who-we-wrapper {
  background-color: #F9F9F7;
  padding: 60px 100px 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .who-we-wrapper {
    padding: 60px 50px 40px;
  }
}
@media (max-width: 1199px) {
  .who-we-wrapper {
    padding: 60px 50px 40px;
  }
}
@media (max-width: 575px) {
  .who-we-wrapper {
    padding: 60px 15px 40px;
  }
}
.who-we-wrapper .fancy-icon-box.item-active {
  background-color: #fff;
  -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07);
          box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07);
  border-radius: 12px;
}
.accommodation-form-wrapper {
  padding: 32px 60px 40px;
  background-color: #F9F9F7;
}
@media (max-width: 1199px) {
  .accommodation-form-wrapper {
    padding: 32px 30px 40px;
  }
}
.accommodation-form-wrapper .accommodation-form-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .accommodation-form-wrapper .accommodation-form-two {
    gap: 15px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 1199px) {
  .accommodation-form-wrapper .accommodation-form-two {
    gap: 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.accommodation-form-wrapper .accommodation-form-two .form_group {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 18.5%;
}
@media (max-width: 1199px) {
  .accommodation-form-wrapper .accommodation-form-two .form_group {
    width: 48%;
  }
}
@media (max-width: 991px) {
  .accommodation-form-wrapper .accommodation-form-two .form_group {
    width: 100%;
  }
}

.cta-content-wrapper {
  padding: 60px 60px;
  background-color: #F9F9F7;
  border-radius: 14px;
  max-width: 500px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .cta-content-wrapper {
    padding: 60px 50px;
  }
}
@media (max-width: 767px) {
  .cta-content-wrapper {
    padding: 60px 30px;
  }
}
.cta-content-wrapper h3 {
  font-size: 35px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .cta-content-wrapper h3 {
    font-size: 24px;
  }
}
.cta-content-wrapper h3:after {
  display: block;
  margin-top: 30px;
  content: "";
  width: 60px;
  height: 5px;
  background: url(../image/line.png) no-repeat;
}
.cta-content-wrapper p {
  margin-bottom: 30px;
}

.play-wrapper-one {
  min-height: 750px;
  margin: 0 80px;
}
@media (max-width: 1199px) {
  .play-wrapper-one {
    min-height: 550px;
    margin: 0 30px;
  }
}
.play-wrapper-one:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(28, 35, 31, 0.2);
  z-index: -1;
}
.play-wrapper-one .video-popup {
  width: 135px;
  height: 135px;
  border-radius: 50%;
  background-color: #fff;
}

.counter-bg-wrapper {
  background-size: contain;
}
.counter-bg-wrapper.text-white .counter-item .icon i {
  color: #fff;
}

.contact-form-wrapper {
  -webkit-box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07);
          box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07);
  border-radius: 12px;
  background-color: #fff;
  padding: 53px 50px 40px;
}

@media (max-width: 767px) {
  .contact-form-wrapper {
    padding: 53px 30px 60px;
  }
}
.contact-form-wrapper h3.title {
  margin-bottom: 10px;
}
.contact-form-wrapper h4.title {
  margin-bottom: 10px;
}
.contact-form-wrapper p {
  margin-bottom: 22px;
}
.contact-form-wrapper form.contact-form .form_control {
  margin-bottom: 10px;
}



/*---========================
    15. Blog css 
=======================----*/

/* Post Meta */
.post-meta ul li {
  display: inline-block;
}
/* Single Blog Post */
.single-blog-post-item .entry-content {
  padding-top: 25px;
}
.single-blog-post-item .entry-content .post-meta ul li {
  -webkit-margin-end: 25px;
          margin-inline-end: 25px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .single-blog-post-item .entry-content .post-meta ul li {
    -webkit-margin-end: 15px;
            margin-inline-end: 15px;
  }
}
@media (max-width: 991px) {
  .single-blog-post-item .entry-content .post-meta ul li {
    -webkit-margin-end: 10px;
            margin-inline-end: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-blog-post-item .entry-content .post-meta ul li {
    -webkit-margin-end: 15px;
            margin-inline-end: 15px;
  }
}
.single-blog-post-item .entry-content h4.title {
  margin-bottom: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .single-blog-post-item .entry-content h4.title {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .single-blog-post-item .entry-content h4.title {
    font-size: 24px;
  }
}
.single-blog-post-item-two .post-thumbnail {
  position: relative;
}
.single-blog-post-item-two .post-thumbnail img {
  width: 100%;
}
.single-blog-post-item-two .post-thumbnail .cat-btn {
  position: absolute;
  bottom: -20px;
  right: 25px;
  background-color: #63AC45;
  padding: 5px 25px;
  font: 500 18px "Roboto", sans-serif;
  color: #fff;
}
.single-blog-post-item-two .post-thumbnail .cat-btn:hover {
  background-color: #F7921E;
}
.single-blog-post-item-two .entry-content {
  padding-top: 35px;
}
.single-blog-post-item-two .entry-content .post-meta ul li {
  margin-bottom: 10px;
}
.single-blog-post-item-two .entry-content .post-meta ul li:not(:last-child) {
  -webkit-margin-end: 25px;
          margin-inline-end: 25px;
}
.single-blog-post-item-two .entry-content h4.title {
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .single-blog-post-item-two .entry-content h4.title {
    font-size: 22px;
  }
}
.single-blog-post-bg-item {
  position: relative;
  z-index: 1;
  padding: 40px 50px;
  background-color: #fff;
  -webkit-box-shadow: 0px 5px 60px rgba(28, 35, 31, 0.07);
          box-shadow: 0px 5px 60px rgba(28, 35, 31, 0.07);
  border-radius: 7px;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .single-blog-post-bg-item {
    padding: 40px 30px;
  }
}
@media (max-width: 1199px) {
  .single-blog-post-bg-item {
    padding: 40px 30px;
  }
}
.single-blog-post-bg-item:hover .hover-bg {
  visibility: visible;
  opacity: 1;
}
.single-blog-post-bg-item:hover .entry-content .cat-btn {
  background-color: #F7921E;
}
.single-blog-post-bg-item:hover .entry-content h4.title {
  color: #fff;
}
.single-blog-post-bg-item:hover .entry-content .post-author-thumb a {
  color: #fff;
}
.single-blog-post-bg-item:hover .entry-content .post-meta {
  border-color: rgba(255, 255, 255, 0.3);
}
.single-blog-post-bg-item:hover .entry-content .post-meta ul li span {
  color: #fff;
}
.single-blog-post-bg-item:hover .entry-content .btn-link {
  color: #fff;
}
.single-blog-post-bg-item .hover-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.single-blog-post-bg-item .hover-bg:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(28, 35, 31, 0.65);
}
.single-blog-post-bg-item .entry-content .cat-btn {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  background-color: #63AC45;
  color: #fff;
  border-radius: 30px;
  padding: 8px 25px;
  margin-bottom: 23px;
}
.single-blog-post-bg-item .entry-content h4.title {
  font-size: 26px;
  margin-bottom: 23px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .single-blog-post-bg-item .entry-content h4.title {
    font-size: 24px;
  }
}
@media (max-width: 1199px) {
  .single-blog-post-bg-item .entry-content h4.title {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .single-blog-post-bg-item .entry-content h4.title {
    font-size: 22px;
  }
}
.single-blog-post-bg-item .entry-content .post-author-thumb {
  padding-bottom: 30%;
}
.single-blog-post-bg-item .entry-content .post-author-thumb img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-margin-end: 15px;
          margin-inline-end: 15px;
}
.single-blog-post-bg-item .entry-content .post-author-thumb a {
  font-weight: 500;
  font-size: 18px;
}
.single-blog-post-bg-item .entry-content .post-meta {
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(28, 35, 31, 0.1);
  margin-bottom: 17px;
}

.blog-standard-post .post-meta{
  margin-top: 12px;
}
.blog-standard-post .post-meta ul li {
  -webkit-margin-end: 25px;
          margin-inline-end: 25px;
  margin-bottom: 16px;
  font: 400 15px "Roboto", sans-serif;
}
.blog-standard-post h3.title {
  margin-bottom: 10px;
  font-weight: 550;
  font-size: 24px;
}
@media (max-width: 1199px) {.blog-standard-post h3.title {font-size: 22px;}}
@media (max-width: 767px)  {.blog-standard-post h3.title {font-size: 18px;}}

.blog-standard-post .btn-link{
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
}
.blog-standard-post .btn-link i{
  margin-left: 8px;
}


/* Blog Details Wrapper */
.blog-details .post-meta {
  padding-top: 10px;
  margin-bottom: 12px;
}
.blog-details .post-meta ul li {
  -webkit-margin-end: 20px;
          margin-inline-end: 20px;
  margin-bottom: 5px;
  font: 400 15px "Roboto", sans-serif;
}

.blog-details .main-post{
  margin-bottom: 20px;
}
.blog-details .main-post h3.title {
  margin-bottom: 20px;
}
.blog-details .main-post h6{
  font-size: 20px;font-weight: 500;
}

.blog-details .main-post p{
  font: 400 18px "Roboto", sans-serif;
  line-height: 1.8em;
  text-align:justify;
  margin-bottom: 12px;
  margin-left: 0px;
}
.blog-details .main-post p.update{
  color:#9B30FF;
}
.blog-details .main-post p.update:hover{
  color:#FF7256;
}
.blog-details .main-post p a, .blog-details .main-post p i{
  display: inline;
}

.blog-details .main-post ul{
  font: 400 18px "Roboto", sans-serif;
  line-height: 2em;
  margin-bottom: 15px;
  color:#292421;
  list-style-type: disc;
}
.blog-details .main-post ol{
  font: 400 18px "Roboto", sans-serif;
  line-height: 2em;
  margin-bottom: 15px;
  color:#292421;
  list-style-type: decimal;
}
.blog-details .main-post ol li a,.blog-details .main-post ol li i{
  display: inline;
}
.blog-details .main-post ol li ul{
  margin-left: 20px;
  list-style: square;
}
.blog-details .main-post ul a, .blog-details .main-post ol a, .blog-details .main-post a{
  font-weight: 500;
  color:darkblue;
}
.blog-details .main-post ul a:hover, .blog-details .main-post a:hover, .blog-details .main-post a:hover{
  padding-left: 1px;
  font-weight: 500;
  color: #FF4500;  
}

.blog-details .main-post h4 {
  margin-bottom: 15px;
}
.blog-details .main-post .quote-admin {
  position: relative;
  padding-top: 30px;
}
.blog-details .main-post .quote-admin:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background-color: #F9F9F7;
  z-index: -1;
}
.blog-details .main-post .quote-admin .quote-inner-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blog-details .main-post .quote-admin .quote-inner-content .quote-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50px;
  height: 35px;
  -webkit-margin-end: 20px;
          margin-inline-end: 20px;
}
.blog-details .main-post .quote-admin .quote-inner-content .quote-admin-content {
  margin-top: -6px;
}
.blog-details .main-post .quote-admin .quote-inner-content .quote-admin-content h3 {
  margin-bottom: 13px;
}
@media (max-width: 1199px) {
  .blog-details .main-post .quote-admin .quote-inner-content .quote-admin-content h3 {
    font-size: 22px;
  }
}
.blog-details .main-post .quote-admin .quote-inner-content .quote-admin-content span {
  font-size: 18px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-details .main-post .quote-admin .quote-inner-content .quote-admin-content span:before {
  content: "";
  width: 70px;
  height: 2px;
  background-color: #F7921E;
  -webkit-margin-end: 15px;
          margin-inline-end: 15px;
}
.blog-details .blog-post .entry-footer {
  padding-top: 40px;
  padding-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1199px) {
  .blog-details .blog-post .entry-footer {
    padding-top: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.blog-details .blog-post .entry-footer .tag-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 575px) {
  .blog-details .blog-post .entry-footer .tag-links {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.blog-details .blog-post .entry-footer .tag-links h6 {
  -webkit-margin-end: 15px;
          margin-inline-end: 15px;
  font-size: 18px;
  margin-bottom: 10px;
}
.blog-details .blog-post .entry-footer .tag-links a {
  padding: 7px 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  border: 1px solid rgba(28, 35, 31, 0.1);
  border-radius: 5px;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  margin-bottom: 10px;
}
.blog-details .blog-post .entry-footer .social-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1199px) {
  .blog-details .blog-post .entry-footer .social-share {
    margin-top: 15px;
  }
}
.blog-details .blog-post .entry-footer .social-share h6 {
  -webkit-margin-end: 15px;
          margin-inline-end: 15px;
  font-size: 18px;
}
.blog-details .blog-post .entry-footer .social-share a {
  -webkit-margin-end: 20px;
          margin-inline-end: 20px;
}
.blog-details .blog-post .entry-footer .social-share a:hover {
  color: #F7921E;
}
.blog-details .entry-footer, .blog-details .main-post, .blog-details .post-author-box, .blog-details .post-navigation-item {
  border-bottom: 1px solid rgba(28, 35, 31, 0.1);
}


/*    code one show */
.blog-details .blog-post .code-one{
  color:whitesmoke;
  background-color: #292421;
  border-bottom: #CFCFCF 3px solid;
  margin-left: 20px;
}
.blog-details .blog-post .code-one span{
  color:#1E90FF;
}
.blog-details .blog-post .code-one:hover{
  background-color: #1C1C1C;
}


/*    code two show */
.blog-details .blog-post .code-two{
  color:green;
  background-color: lavender;
  border-bottom: #CFCFCF 3px solid;
  padding-top: 10px;
  margin-left: 20px;
}
.blog-details .blog-post .code-two span{
  color:#1E90FF;
}
.blog-details .blog-post .code-two ul li{
  list-style: none;
  color:green;
}
.blog-details .blog-post .code-two ol{
  padding-left: 8px;
}
.blog-details .blog-post .code-two ol li{
  text-align: left;
  color:green;
}
.blog-details .blog-post .code-two ol li .key-name{
  color: #0000CD;
}
.blog-details .blog-post .code-two:hover{
  background-color: #EEEED1;
}
.blog-details .blog-post .code-two ul li:hover{
  color: blue;
}



/*    table-com design for color */
.blog-details .table-com{
  text-align: justify;
  border-collapse: collapse;
}
.blog-details .table-com th{
  font: 550 18px "Roboto", sans-serif;
  color:blue;
  background-color:		#F5F5DC;
  padding: 10px 15px;
  border-top: 1px solid #808A87;
  border-bottom: none;
  text-align: right;
}
.blog-details .table-com tr, .table-com td{
  color:#292421;
}
.blog-details .table-com td{
  font: 400 16px "Roboto", sans-serif;
  padding: 10px 15px;
  border-top: 1px solid #808A87;
  border-bottom: 1px solid #808A87;
  text-align: right;
}
.blog-details .table-com .white{
  color:whitesmoke;
}
.blog-details .table-com tr td:nth-child(2):hover{   
  color:#8A2BE2; 
}
.blog-details .table-com tr td:nth-child(3):hover{   
  color:#FF4500; 
}


/*    table-color design for color */
.blog-details .table-color{
  font-size: 12pt;
  text-align: justify;
  border-collapse: collapse;
}
.blog-details .table-color th{
  font: 550 18px "Roboto", sans-serif;
  padding: 15px 15px;
  border-top: 1px solid #4169E1;
  border-bottom: none;
}
.blog-details .table-color tr{
  color:#292421;

}
.blog-details .table-color td{
  font: 400 16px "Roboto", sans-serif;
  padding: 15px 15px;
  border-top: 1px solid #4169E1;
  border-bottom: 1px solid #4169E1;
}
.blog-details .table-color tr td:nth-child(3):hover{   
  color:#8A2BE2; 
}
.blog-details .table-color tr td:nth-child(4):hover{   
  color:#FF4500; 
}



/*    table-abbr design for IEEE Abbreviations */
.blog-details .table-abbr{
  font-size: 16pt;
  text-align: justify;
  border-collapse: collapse;
}
.blog-details .table-abbr th{
  font: 550 18px "Roboto", sans-serif;
  padding: 15px 15px;
  border-top: 1px solid #9C9C9C;
  border-bottom: none;
  background-color: #BFEFFF;
}
.blog-details .table-abbr th:nth-child(1){
  border-right: 1px solid#9C9C9C;
}
.blog-details .table-abbr tr{
  color:#292421;
}
.blog-details .table-abbr td{
  font: 450 16px "Roboto", sans-serif;
  padding: 5px 15px;
  border-top: 1px solid #9C9C9C;
  border-bottom: 1px solid #9C9C9C;
}
.blog-details .table-abbr td p{
  font: 400 16px "Roboto", sans-serif;
}
.blog-details .table-abbr tr td:nth-child(1){
  background-color: #F0F8FF;
  border-right: 1px solid#9C9C9C;
}
.blog-details .table-abbr tr td:nth-child(1):hover{   
  color: #63AC45;
}
.blog-details .table-abbr tr td:nth-child(2) p:hover{   
  color:#FF4500; 
}


@media only screen and (min-width: 1200px) and (max-width: 1599.98px) {
  .blog-details .table-color th{padding: 15px 6px;}
  .blog-details .table-color td{padding: 15px 6px;} 
  .blog-details .table-com th{padding: 10px 10px;}
  .blog-details .table-com td{padding: 10px 10px;}
  .blog-details .table-color th{padding: 15px 8px;}
  .blog-details .table-color td{padding: 15px 8px;}  
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .blog-details .main-post p, .blog-details .main-post ul, .blog-details .main-post ol{font-size: 17px;}
  
  .blog-details .table-com th{padding: 10px 6px;font-size: 16px;}
  .blog-details .table-com td{padding: 10px 6px;font-size: 14px;}
  .blog-details .table-color th{padding: 15px 4px;font-size: 16px;}
  .blog-details .table-color td{padding: 15px 4px;font-size: 14px;} 
  .blog-details .table-abbr th{padding: 5px 10px;font-size: 16px;}
  .blog-details .table-abbr td{padding: 5px 10px;font-size: 14px;}
  .blog-details .table-abbr td p{padding: 0px 10px;font-size: 14px;} 
}
@media only screen and (min-width: 768px) and (max-width: 991.98px)  {
  .blog-details .main-post p, .blog-details .main-post ul, .blog-details .main-post ol{font-size: 16px;}

  .blog-details .table-com th{padding: 10px 6px;font-size: 16px;}
  .blog-details .table-com td{padding: 10px 6px;font-size: 14px;}
  .blog-details .table-color th{padding: 15px 10px;font-size: 16px;}
  .blog-details .table-color td{padding: 15px 10px;font-size: 14px;}  
  .blog-details .table-abbr th{padding: 5px 10px;font-size: 16px;}
  .blog-details .table-abbr td{padding: 5px 10px;font-size: 14px;}
  .blog-details .table-abbr td p{padding: 0px 10px;font-size: 14px;}
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .blog-details .main-post p, .blog-details .main-post ul, .blog-details .main-post ol{font-size: 15px;}
  .blog-details .main-post ol li ul{margin-left: 16px;list-style: square;}
  .blog-details .main-post h3, .blog-details .main-post .title{font-size: 20px;font-weight: 550;}
  .blog-details .main-post h5{font-size: 18px;font-weight: 500;}
  .blog-details .main-post h6{font-size: 16px;font-weight: 500;}

  .blog-details .table-color th{padding: 10px 2px;font-size: 14px;}
  .blog-details .table-color td{padding: 10px 2px;font-size: 12px;}
  .blog-details .table-abbr th{padding: 5px 2px;font-size: 14px;}
  .blog-details .table-abbr td{padding: 5px 2px;font-size: 12px;}
  .blog-details .table-abbr td p{padding: 0px 2px;font-size: 12px;}
}
@media (max-width: 575.98px) {
  .blog-details .main-post p, .blog-details .main-post ul, .blog-details .main-post ol{font-size: 14px;}
  .blog-details .main-post ol li ul{margin-left: 16px;list-style: square;}

  .blog-details .main-post h3, .blog-details .main-post .title{font-size: 18px;font-weight: 550;}
  .blog-details .main-post h5{font-size: 16px;font-weight: 500;}
  .blog-details .main-post h6{font-size: 15px;font-weight: 500;}

  .blog-details .table th{font-size: 16px;}
  .blog-details .table td{font-size: 13px;}
  .blog-details .table-com th{padding: 10px 2px;font-size: 12px;}
  .blog-details .table-com td{padding: 10px 2px;font-size: 11px;}
  .blog-details .table-color th{padding: 10px 2px;font-size: 12px;}
  .blog-details .table-color td{padding: 10px 2px;font-size: 11px;}
  .blog-details .table-abbr th{padding: 5px 2px;font-size: 12px;}
  .blog-details .table-abbr td{padding: 5px 2px;font-size: 11px;}
  .blog-details .table-abbr td p{padding: 0px 2px;font-size: 11px;}
}



/* Post Author Box */
.post-author-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 575px) {
  .post-author-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.post-author-box .author-thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100px;
  height: 100px;
  -webkit-margin-end: 50px;
          margin-inline-end: 50px;
}
@media (max-width: 575px) {
  .post-author-box .author-thumb {
    margin-bottom: 40px;
  }
}
.post-author-box .author-content p {
  margin-bottom: 5px;
}
.post-author-box .author-content ul.social-link li {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}

/* Post Navigation Item */
.post-navigation-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1199px) {
  .post-navigation-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post-navigation-item {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.post-navigation-item .post-nav-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 370px;
}
.post-navigation-item .post-nav-item .thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 130px;
  height: 130px;
  -webkit-margin-end: 30px;
          margin-inline-end: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post-navigation-item .post-nav-item .thumb {
    -webkit-margin-end: 20px;
            margin-inline-end: 20px;
  }
}
.post-navigation-item .post-nav-item .content h6 {
  font-size: 18px;
  padding-bottom: 15px;
  line-height: 1.2;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(28, 35, 31, 0.1);
}
.post-navigation-item .post-nav-item .content span.post-date {
  line-height: 1;
}
.post-navigation-item .post-nav-item .content span.post-date a i {
  -webkit-margin-end: 7px;
          margin-inline-end: 7px;
}

/* Comments Area */
.comments-area h5.comments-title {
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(28, 35, 31, 0.1);
}
.comments-area .comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 575px) {
  .comments-area .comment {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.comments-area .comment:nth-child(even) {
  -webkit-margin-start: 70px;
          margin-inline-start: 70px;
}
@media (max-width: 1199px) {
  .comments-area .comment:nth-child(even) {
    -webkit-margin-start: 50px;
            margin-inline-start: 50px;
  }
}
@media (max-width: 767px) {
  .comments-area .comment:nth-child(even) {
    -webkit-margin-start: 30px;
            margin-inline-start: 30px;
  }
}
.comments-area .comment .comment-avatar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100px;
  height: 100px;
  -webkit-margin-end: 40px;
          margin-inline-end: 40px;
}
@media (max-width: 1199px) {
  .comments-area .comment .comment-avatar {
    -webkit-margin-end: 20px;
            margin-inline-end: 20px;
  }
}
@media (max-width: 575px) {
  .comments-area .comment .comment-avatar {
    margin-bottom: 20px;
  }
}
.comments-area .comment .comment-wrap {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(28, 35, 31, 0.1);
}
.comments-area .comment .comment-wrap .comment-author-content span.author-name {
  color: #1C231F;
  margin-bottom: 2px;
}
.comments-area .comment .comment-wrap .comment-author-content span.author-name span.date {
  display: block;
  color: #484848;
  font: 300 16px "Roboto", sans-serif;
  margin-bottom: 6px;
}
.comments-area .comment .comment-wrap .comment-author-content P {
  margin-bottom: 8px;
}

/* Comments Respond */
.comments-respond {
  background-color: #F9F9F7;
  padding: 45px 50px 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {.comments-respond {padding: 35px 25px 30px;}}
@media (max-width: 575.98px)                                     {.comments-respond {padding: 25px 15px 20px;}}
.comments-respond h4.comments-heading {
  margin-bottom: 5px;
}
.comments-respond p {
  margin-bottom: 30px;
}

/* Comment Form */
form.comment-form .form_control {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 5px;
  font-weight: 400;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
form.comment-form .form_control::-webkit-input-placeholder {
  color: #1C231F;
}
form.comment-form .form_control::-moz-placeholder {
  color: #1C231F;
}
form.comment-form .form_control:-ms-input-placeholder {
  color: #1C231F;
}
form.comment-form .form_control::-ms-input-placeholder {
  color: #1C231F;
}
form.comment-form .form_control::placeholder {
  color: #1C231F;
}
form.comment-form .form_control:focus {
  border-color: #1C231F;
}

/* Single widget area */
.sidebar-widget-area .sidebar-widget h5.widget-title {
  padding-bottom: 12px;
  border-bottom: 1px solid #1C231F;
  margin-bottom: 30px;
}
.sidebar-widget-area .search-widget h5.widget-title {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 10px;
}
.sidebar-widget-area .search-widget form label {
  position: absolute;
  top: 20px;
  right: 25px;
}
.sidebar-widget-area .search-widget form .form_control {
  height: 65px;
  border: 1px solid rgba(28, 35, 31, 0.1);
  border-radius: 5px;
}
.sidebar-widget-area .category-widget h5.widget-title {
  margin-bottom: 24px;
}
.sidebar-widget-area .category-widget ul.category-nav li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid rgba(28, 35, 31, 0.1);
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.sidebar-widget-area .category-widget ul.category-nav li a i {
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
.sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content:not(:last-child) {
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(28, 35, 31, 0.1);
  padding-bottom: 18px;
}
.sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 130px;
          flex: 0 0 130px;
  max-width: 110px;
  height: 70px;
  border-radius: 7px;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}
.sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date span.posted-on {
  line-height: 120%;
  font-weight: 300;
}
.sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date span.posted-on i {
  -webkit-margin-end: 4px;
          margin-inline-end: 4px;
}
.sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date h5 {
  font: 500 16px "Roboto", sans-serif;
  line-height: 120%;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(28, 35, 31, 0.1);
}
.sidebar-widget-area .recent-post-widget .recent-post-list .post-thumbnail-content .post-title-date span a{
  font: 500 13px "Roboto", sans-serif;
}


.sidebar-widget-area .sidebar-banner-widget .banner-widget-content .banner-img {
  position: relative;
  overflow: hidden;
}
.sidebar-widget-area .sidebar-banner-widget .banner-widget-content .banner-img .hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 10px 4px 10px 16px;
}
.sidebar-widget-area .sidebar-banner-widget .banner-widget-content .banner-img .hover-overlay .hover-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sidebar-widget-area .sidebar-banner-widget .banner-widget-content .banner-img .hover-overlay .hover-content h5.title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #fff;
}
.sidebar-widget-area .sidebar-banner-widget .banner-widget-content .banner-img .hover-overlay .hover-content span.price {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #F7921E;
  color: #fff;
}
.sidebar-widget-area .tag-cloud-widget a {
  font-weight: 500;
  color: #1C231F;
  padding: 10px 25px;
  border-radius: 5px;
  border: 1px solid rgba(28, 35, 31, 0.1);
  line-height: 120%;
  margin-bottom: 10px;
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}
.sidebar-widget-area .tag-cloud-widget a:hover {
  background-color: #63AC45;
  color: #fff;
}

/*                 blog grid                  */
.blog-grid .post{
  padding-bottom: 25px;
}

.blog-grid .post .post-thumbnail{
  font: 500 12px "Roboto", sans-serif;
}
.blog-grid .post .post-meta{
  font: 450 14px "Roboto", sans-serif;
  padding: 2px 0px 10px;
  line-height: 1.5em;
  color:#696969;
}
.blog-grid .post .post-meta i{
  padding-right: 1px;
}
.blog-grid .post .post-title{
  font: 550 22px "Roboto", sans-serif;
  padding: 2px 2px 2px;
  color:#292421;
}
.blog-grid .post .post-title a{
  color:darkblue;
}


.blog-grid .post .post-content{
  font: 400 15px "Roboto", sans-serif;
  color:#696969;
}
.blog-grid .post .post-content .more{
  font: 550 17px "Roboto", sans-serif;
  padding: 6px 0px 0px;
  color:#292421;
  display: block;
}
.blog-grid .post .post-title a:hover, .blog-grid .post .post-content a:hover{
  color: #FF6100;
}


/*---========================
    16. Video css 
=======================----*/

/*----------       video  1   ---------*/
.video-one .title{
  font: 550 28px "Roboto", sans-serif;
  padding: 4px 0px 0px 10px;
}
.video-one h5{
  font: 550 24px "Roboto", sans-serif;
  padding: 4px 0px 0px 10px;
}
.video-one ol{
  list-style-type: decimal;
}
.video-one ol li{
  font: 400 18px "Roboto", sans-serif;
  line-height: 1.9em;
  text-align: justify;
  padding: 5px 2px 5px;  
}
.video-one ol li a{
  display: inline;
  color: #0000AB; 
  padding-right: 6px;
}
.video-one ol li a:hover{
  font-weight: 500;
  color: #0000FF;          
	text-decoration:none;
  padding-right: 2px;
}
.video-one .post{
  font: 400 16px "Roboto", sans-serif;
  line-height: 1.9em;
  text-align: center;
  padding: 5px 2px 5px;  
}

.video-one .post .meta-top{
  padding: 0px 4px;
  font-size: 15px;
}
.video-one .post .subtitle{
  text-align: center;
  font-size: 22px;
  font-weight: 550;
}
.video-one .post .paper-title{
  text-align: center;
  font-size: 20px;
}
.video-one .post .post-content{
  padding: 8px 2px 4px;
  font-size: 16px;
  line-height: 1.7rem;
}
.video-one .post a{
  color: #191970; 
}
.video-one .post a:hover{
  color:#FF4500; 
}
.video-one .post img {
  width: 100%;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  transition: all 500ms ease;
  transform: scale(1);
}
.video-one .post a:hover img{  
  transform: scale(1.02);
  transition: all 0.5s ease 0s;
  -webkit-transform: scale(1.02);
  -webkit-transform: all 0.5s ease 0s;
}
.video-one .post video,.video-one .post iframe{
  /* width: 100%;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px; */
  transition: all 500ms ease;
  transform: scale(1);
}
.video-one .post video:hover,.video-one .post iframe:hover{  
  transform: scale(1.03);
  transition: all 0.5s ease 0s;
  -webkit-transform: scale(1.03);
  -webkit-transform: all 0.5s ease 0s;
}
.video-one .post .video-container{
  position: relative;
  height: 0;
  padding-top: 20px;
  padding-bottom: 50%;
  overflow: hidden;
}

.video-one .post .video-container embed, .video-one .post .video-container iframe{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;

}



/*----------       video  2   ---------*/
.video-two .title{
  color:aliceblue;
}
.video-two .vtit, .video-two .vtime{
  padding-top: 6px;
  color:aliceblue;
}



  /* 
  Added for video
  */
  @media (min-width: 992px){
    .videolist { position:relative; float:left; width:480px; margin-right:50px; margin-top:15px; margin-bottom:30px;}
    .videolist:hover{ cursor: pointer; }
    .videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:35%; z-index:99; border-radius:100%; }
    .videos{ display:none; border: 0px solid #080808; position:fixed; left:50%; top:50%; margin-left:-520px; margin-top:-260px; z-index:100; width:1000px;}
    .vclose { position:absolute;right:1%; top:5%; border-radius:100%; cursor: pointer; }
    .vtit{text-align: center;font-weight: 600; font-size: 20px;  color:black;}
    .vtime{text-align: center;font-weight: 600; font-size: 16px;  color:black;}
  }
  @media (max-width: 991.98px){
    .videolist { position:relative; float:left; width:95%; margin-right:50px; margin-top:15px; margin-bottom:30px;}
    .videolist:hover{ cursor: pointer; }
    .videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:30%; z-index:99; border-radius:100%; }
    .videos{ display:none; border: 0px solid #080808; position:fixed; left:50%; top:50%; margin-left:-340px; margin-top:-120px; z-index:100; width:640px;height:360px;}
    .vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
    .vtit{text-align: center;font-weight: 600; font-size: 20px;  color:black;}
    .vtime{text-align: center;font-weight: 600; font-size: 16px;  color:black;}
  }
  @media (max-width: 767.98px) {
    .videolist { position:relative; float:left; width:95%; margin-right:50px; margin-top:15px; margin-bottom:30px;}
    .videolist:hover{ cursor: pointer; }
    .videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:30%; z-index:99; border-radius:100%; }
    .videos{ display:none; border: 0px solid #080808; position:fixed; left:50%; top:50%; margin-left:-280px; margin-top:-140px; z-index:100; width:500px;}
    .vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
    .vtit{text-align: center;font-weight: 600; font-size: 20px;  color:black;}
    .vtime{text-align: center;font-weight: 600; font-size: 16px;  color:black;}

  }
  @media (max-width: 485px) {
    .videolist { position:relative; float:left; width:95%; margin-right:50px; margin-top:15px; margin-bottom:30px;}
    .videolist:hover{ cursor: pointer; }
    .videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:30%; z-index:99; border-radius:100%; }
    .videos{ display:none; border: 0px solid #080808; position:fixed; left:50%; top:50%; margin-left:-200px; margin-top:-120px; z-index:100; width:360px;}
    .vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
    .vtit{text-align: center;font-weight: 600; font-size: 20px;  color:black;}
    .vtime{text-align: center;font-weight: 600; font-size: 16px;  color:black;}
  }






/*---========================================================
=======================================================----*/


/*                          added by Liang  2023-03-10                      */
@media only screen and (min-width: 2000px)  {
}
@media only screen and (min-width: 1600px) and (max-width: 1999.98px) { 
}
@media only screen and (min-width: 1200px) and (max-width: 1599.98px) {
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
}
@media (max-width: 575.98px) {
}