@import url("https://fonts.googleapis.com/css?family=Great+Vibes|Montserrat:300,400,500,700&display=swap");

:root {
  --font-famaily: "Montserrat", sans-serif;
  --primary-color: #052146;
  --blue-color: #89c9e2;
  --prod-light: #b1c3da;
  --secondary-color: #eb8b1e;
  --light-color: #8b98e0;
  --main-color: #10b3d6;
  --h_title: #1d2746;
  --p_color: #6b707f;
  --track-bg-color: #fff;
  --thumb-bg-color: #999999;
  --border-color: #ddd;
  --bg-color: #fafcfd;
  --f-bg-color: #f6fbfc;
  --header-bg-color: #192341;
  --header-color: #8c93a8;
  --li-bg-color: #5a6279;
  --nav-bg-color: #f8fdfe;
  --search-border: #e1e4e5;
  --nav-border: #e6eeef;
  --footer-border: #e8f0f1;
  --footer-p-color: #a4a8b4;
  --footer-li-color: #8d93a4;
  --footer-border-color: #8d93a4;
  --funfact-img-color: #086174;
  --partical-child-2: #fd9382;
  --partical-child-3: #fe97f3;
  --partical-child-4: #83daed;
  --partical-child-5: #fdc43a;
  --partical-child-6: #4edfda;
  --partical-child-7: #f39ab2;
  --partical-child-9: #ffa3be;
  --partical-child-10: #bff8c6;
  --placeholer-color: #848996;
  --breadcrumb_area-color: #e2e7e9;
  --custom-ul-color: #f4f9fa;
  --page-breadcrum: #f0f5f7;
  --breadcurm-item: #878EA6;
  --breadcrumb-before: #B7B9BE;
  --funfact-box: #086174;
  --color-two: #734F08;
  --color-three: #73083F;
  --color-four: #087358;
  --color-five: #2C0873;
  --article-card: #fbb631;
  --ticket-card: #fd5baf;
  --reply-card: #11c296;
  --faq-card: #9360fc;
  --black-color: #242424;
  --download-btn-color: #5b6483;
  --download-btn-span: #0066fe;
  --ribben-span: #3498db;
  --f-placeholder: #878b99;
  --login-register-border: #e6ecee;
  --import-file-input: #f5f6f7;
  --import-file: #969a9e;
  --form-group: #fdfdfd;
  --dark-color: rgba(0, 0, 0, 0.08);
  --light-color: #f5f5f5;
  --radio-group: rgba(78, 69, 184, 0.1);
  --radio-group-before: #b4b3bc;
  --partical-animation-color: #f3d5de;
  --info-color: #e3e8ea;
  --contact_info-bg: #f9fbfc;
  --contact-info-border: #d9e1e3;
  --contact-form: #fbfcfd;
  --contact-form-textarea: #f4f8f8;
  --blog-grid_border: #e7edf0;
  --nav-link: #858997;
  --nav-link-hover: #e9f6f9;
  --breadcrumb_area_two: #edfbfe;
  --breadcrumb_content-text: #2a74fd;
  --blockquote: #f3f8f9;
  --blog_social-bg: #dde5e7;
  --blog_social-border: #e5edef;
  --blog_social-color: #989da9;
  --blog_comment_box-border: #e1e8ea;
  --category-border: #aab0c0;
  --comments_widget-border: #e7edee;
  --comments_widget-color: #686d7d;
  --nav-item-bg: #4464a1;
  --nav-item-font: 'ElegantIcons';
  --nav-btn-border: #79ccde;
  --search_form-color: #8f94a6;
  --login_form-border: #a6abb7;
  --login_form-color: #a5a9b4;
  --preloader-spinner-border: #f1f6f8;
  --preloader-round-border: #eef3f4;
  --action_text-color: #b4b9c8;
  --community-post-hoverr: #eef3f6;
  --community-post-li: #868b99;
  --community-post-border: #f2f3f4;
  --community-post-style: #b1b5c0;
  --community-post-style-color: #b1b5c0;
  --community-post-style-border: #00ae69;
  --community-post-color: #838793;
  --community-post-bg: #f7f9fa;
  --pagination-wrapper-bg: #f2f5f6;
  --doc_border_btn: #cfebf1;
  --slider_nav-bg: #989dad;
  --slider_nav-after-bg: #bdb4b4;
  --post-header-bg: #f7f8f9;
  --post-header-border: #eaeeef;
  --post-header-li: #f06292;
  --category-menu-bg: #fbfcfc;
  --category-menu-border: #e2e7e8;
  --category-menu-color: #a8acb6;
  --category-menu-span: #27b2da;
  --category-menu-purple: #8152e0;
  --category-menu-yellow: #fad05a;
  --category-menu-ass: #dfdfdf;
  --category-menu-green: #22936d;
  --category-menu-orange: #f88546;
  --category-menu-light-green: #1eba17;
  --badge-bg: #8152e0;
  --badge-border: #6030c0;
  --badge-color-yellow-bg: #fad05a;
  --badge-color-yellow-border: #dbaa20;
  --badge-color-green-bg: #22936d;
  --badge-color-green-border: #07734f;
  --forum-page-content-bg: #f9fafb;
  --status_widget: #f4b130;
  --status_widget-border: #f5d597;

}

.col-md-offset-right-1,
.col-lg-offset-right-1 {
  margin-right: 8.33333333%;
}

html {
  height: 100%;
}

a {
  text-decoration: none;
  transition: all 0.3s ease-in-out;

  &:hover,
  &:focus {
    text-decoration: none;
    outline: none;
    color: var(--secondary-color);
  }
}

body {
  line-height: 26px;
  font-size: 16px;
  height: 100%;
  font-family: var(--font-famaily);
  font-weight: 400;
}

:focus {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 700;
  font-family: var(--font-famaily);
  color: var(--primary-color);
}

figure {
  padding-top: 5px;
  padding-bottom: 5px;
  clear: both;
  border: none;
}

figure figcaption {
  color: rgba(0, 0, 0, 0.54);
  line-height: 20px;
  font-size: 14px;
  margin-top: 10px;
  text-align: center;
  max-width: 728px;
  margin-right: auto;
}

video {
  max-width: 100%;
}

table tr td p:last-child {
  margin-bottom: 0;
}

/** === Scrollbar === **/
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: var(--track-bg-color);
}

::-webkit-scrollbar-thumb {
  background: var(--thumb-bg-color);
  border-radius: 30px;
}

/** === Predefined Global Classes === **/
.h1 {
  font-size: 50px;
}

.h2 {
  font-size: 44px;
}

.h3 {
  font-size: 36px;
}

.h4 {
  font-size: 30px;
}

.h5 {
  font-size: 24px;
}

.h6 {
  font-size: 18px;
}

.bold {
  font-weight: 700;
}

.medium {
  font-weight: 500;
}

.regular {
  font-weight: 400;
}

.shortcode_info h1,
.shortcode_info h2,
.shortcode_info h3,
.shortcode_info h4,
.shortcode_info h5,
.shortcode_info h6,
.blog_single_item h1,
.blog_single_item h2,
.blog_single_item h3,
.blog_single_item h4,
.blog_single_item h5,
.blog_single_item h6 {
  margin-bottom: 30px;
}

button:focus {
  outline: none;
}

/** === Container === **/
.body_wrapper {
  overflow: hidden;
}

.container {
  @media (min-width:1200px) {
    max-width: 1200px;
  }
}

.custom_container {
  @media (min-width:1500px) {
    max-width: 1470px;
  }
}

.ticlet_detail_sec_pad {
  background-color: var(--track-bg-color);
  padding: 70px 0 50px;
}

.sec_pad {
  background-color: var(--track-bg-color);
  padding: 0px 0 50px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-60 {
  padding-left: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

/** === List style === **/
ul.list-style {
  margin-bottom: 2rem;
}

ul.list-style li {
  margin-bottom: .5rem;
  list-style-type: circle;
}

ul.list-style li:last-child {
  margin-bottom: 0;
}

/** === Key === **/
.key,
kbd {
  line-height: .95rem;
  border: 1px solid var(--border-color);
  color: var(--p_color);
}

.key,
kbd,
p .key,
p kbd {
  display: inline;
  display: inline-block;
  min-width: 1em;
  padding: .5em .6em .4em;
  margin: 2px;
  font-weight: 400;
  font-size: .85rem;
  font-family: var(--rob);
  text-align: center;
  text-decoration: none;
  line-height: .6rem;
  -moz-border-radius: .3em;
  -webkit-border-radius: .3em;
  border-radius: .3em;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background: var(--track-bg-color);
  border: 1px solid var(--border-color);
}

/** ===== section title scss ====== **/
.related-communities {
  padding: 50px 0 0;
}

.section_title {
  margin-bottom: 56px;
}

.section_title p {
  max-width: 650px;
  margin: 10px auto 0;
}

.section_title.text-left p {
  max-width: inherit;
}

.section_title.title-img {
  margin-bottom: 76px;
}

.section_title.title-img .title-lg {
  font-size: 44px;
  line-height: 1.1;
  color: var(--h_title);
  margin-bottom: 30px;
  font-weight: 400;
}

.section_title.title-img .action_btn {
  padding: 9px 34px;
  box-shadow: none;
  border: 2px solid var(--main-color);
  font-weight: 500;
}

.section_title.title-img .action_btn:hover {
  background: transparent;
  color: var(--main-color);
}

.h_title {
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 0;
  font-weight: 700;
  position: relative;
  padding-top: 50px;
}

@media (max-width: 440px) {
  .h_title br {
    display: none;
  }
}

.c_head {
  font-size: 20px;
  line-height: 26px;
}

/*===== section title scss ======*/

.f_bg_color {
  background-image: linear-gradient(60deg, var(--light-color) 0%, var(--primary-color) 100%);
}

.local-video-container {
  display: -webkit-flex;
  display: flex;
  position: relative;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, .05);
  box-sizing: content-box;
}

/** === Back to Top Button === **/
.back-to-top {
  background-color: var(--primary-color);
  text-decoration: none;
  cursor: pointer;
  width: 56px;
  height: 56px;
  z-index: 999;
  position: fixed;
  right: 32px;
  bottom: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 4px 16px 0 rgba(black, 0.4);

  svg.icon__arrow-up {
    fill: white;
    width: 32px;
    height: 32px;
  }
}

.search-focused {
  .click_capture {
    opacity: 1;
    visibility: visible;
  }

  .banner_search_form {
    position: relative;
    z-index: 999 !important;
  }
}

.click_capture {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  z-index: 99;
  opacity: 0;
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.3s linear;
}

@media (max-width: 992px) {
  .menu-is-opened {
    overflow: hidden;
    height: 100%;
  }

  .menu-is-opened .click_capture {
    opacity: 1;
    visibility: visible;
  }

  .menu-is-opened .side_menu {
    transform: translate3d(0, 0, 0);
  }
}

/*================ preloader css ====================*/
#preloader {
  background: var(--track-bg-color);
  height: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#preloader .loading {
  display: flex;
}

#preloader .ctn-preloader {
  padding-left: 15px;
  padding-right: 15px;
}

#preloader .spinner {
  animation: spinner 3s infinite linear;
  border-radius: 50%;
  border: 3px solid var(--preloader-spinner-border);
  border-left-color: var(--secondary-color);
  border-top-color: var(--secondary-color);
  margin: 0 auto 0em auto;
  position: absolute;
  left: -40px;
  right: -40px;
  bottom: -40px;
  top: -40px;
}

#preloader .spinner:before {
  content: "";
  width: 20px;
  height: 20px;
  border: 6px solid var(--secondary-color);
  box-shadow: 0 0 20px 0 rgba(4, 46, 56, 0.2);
  background: var(--track-bg-color);
  position: absolute;
  right: 31px;
  top: 41px;
  border-radius: 50%;
}

@media (max-width: 576px) {
  #preloader .spinner:before {
    top: 18px;
  }
}

#preloader .round_spinner {
  border-width: 1px;
  border-color: var(--track-bg-color);
  border-style: solid;
  border-radius: 50%;
  background-color: var(--track-bg-color);
  box-shadow: 0 0 100px 0 rgba(4, 46, 56, 0.14);
  width: 248px;
  height: 248px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 40px auto 80px;
}

@media (max-width: 576px) {
  #preloader .round_spinner {
    width: 155px;
    height: 155px;
  }
}

#preloader .round_spinner h4 {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 0;
  color: var(--primary-color);
  margin-top: 10px;
}

#preloader .round_spinner h4 span {
  font-weight: 700;
}

#preloader .head {
  color: var(--primary-color);
  display: block;
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  font-family: var(--font-famaily);
  margin: 5% 0 1% 0;
  padding: 0;
}

#preloader p {
  color: var(--p_color);
  display: block;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  border: none;
  margin: 0;
  padding: 0;
}

@keyframes spinner {
  to {
    transform: rotateZ(360deg);
  }
}

.import-file {
  background-color: var(--import-file-input);
  color: var(--black-color);
}

.import-file::file-selector-button {
  margin-top: 10px;
  border-radius: 4px;
  background-color: var(--import-file);
  border: 1px solid var(--import-file);
  height: 30px;
  cursor: pointer;
}

.dvloader {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: var(--track-bg-color);
  z-index: 9999;
  text-align: center;
}

.dvloader image {
  position: absolute;
  top: 100px;
  left: 240px;
  z-index: 100;
}


/*---------------------------------------------------- */
/*================ signup_area css ==============*/
.btn-icon .btn-inner--icon img {
  width: 27px;
}
.signup_area {
  height: 100vh;
  min-height: 580px;
  background: var(--contact-form);
}

.signup_area .row {
  height: 100%;
}

.sign_left {
  width: calc(50% - 360px);
  position: relative;
  z-index: 1;
  padding: 100px 70px 0;
}

.sign_left .top {
  left: 0;
  top: 0;
  z-index: -1;
}

.sign_left .bottom {
  bottom: 0;
  right: 0;
  z-index: -1;
}

.sign_left .round {
  position: absolute;
  width: 650px;
  height: 650px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  left: -150px;
  bottom: -60px;
  z-index: -1;
}

.sign_left h2 {
  color: var(--track-bg-color);
  font-size: 36px;
  line-height: 44px;
}

.signup_left {
  background: var(--blue-color);
}

.signup_left .middle {
  top: 50%;
  margin-top: -150px;
}

.sign_right {
  width: calc(50% + 360px);
  flex: 1;
  display: flex;
  align-items: center;
}

.sign_inner {
  max-width: 520px;
  margin: 0 auto;
}

.sign_inner h3 {
  font-size: 26px;
  line-height: 34px;
}

.sign_inner p {
  font-size: 14px;
}

.sign_inner p a {
  color: var(--h_title);
  font-weight: 500;
}

.sign_inner .btn-google {
  box-shadow: 0 4px 10px 0 rgba(4, 73, 89, 0.06);
  border-radius: 6px;
  border: 1px solid var(--login-register-border);
  font-size: 14px;
  color: var(--p_color);
  padding: 8px 27px;
  display: inline-block;
  margin-top: 20px;
}

.sign_inner .btn-google img {
  vertical-align: inherit;
  padding-right: 8px;
}

.sign_inner .btn-google:hover {
  box-shadow: none;
}

.sign_inner .divider {
  border-bottom: 1px solid var(--info-color);
  position: relative;
  margin-bottom: 30px;
  margin-top: 36px;
}

.sign_inner .divider .or-text {
  font-size: 16px;
  color: var(--h_title);
  position: absolute;
  top: -14px;
  padding: 0 10px;
  background: var(--contact-form);
  display: inline-block;
  left: 50%;
  margin-left: -21px;
}

.login_form .form-group {
  margin-bottom: 30px;
  position: relative;
}

.login_form .form-group .small_text {
  color: var(--h_title);
  margin-bottom: 5px;
}

.login_form .form-group .form-control {
  border-radius: 6px;
  background-color: var(--contact-form);
  border: 1px solid var(--info-color);
  font-size: 14px;
  color: var(--h_title);
  font-weight: 400;
  font-family: var(--rob);
  height: 60px;
  line-height: 60px;
  padding: 2px 30px 0;
  transition: all 0.2s linear;
}

.login_form .form-group .form-control.placeholder {
  color: var(--f-placeholder);
  font-family: var(--rob)
}

.login_form .form-group .form-control:-moz-placeholder {
  color: var(--f-placeholder);
  font-family: var(--rob)
}

.login_form .form-group .form-control::-moz-placeholder {
  color: var(--f-placeholder);
  font-family: var(--rob)
}

.login_form .form-group .form-control::-webkit-input-placeholder {
  color: var(--f-placeholder);
  font-family: var(--rob);
}

.login_form .form-group .form-control:focus {
  box-shadow: 0 20px 30px 0 rgba(4, 73, 89, 0.1);
}

.login_form .form-group .check_box {
  margin-top: -10px;
}

.login_form .form-group .check_box input[type=checkbox] {
  position: relative;
  top: 1px;
  width: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
}

.login_form .form-group .check_box input[type=checkbox]:before {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  background: var(--contact-form);
  top: 0;
  left: 0;
  border-radius: 2px;
  border: 1px solid var(--login_form-border);
}

.login_form .form-group .check_box input[type=checkbox]:checked:after {
  content: "N";
  font-family: var(--nav-item-font);
  display: block;
  font-size: 10px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  color: var(--main-color);
  text-align: center;
  line-height: 12px;
  left: 0;
}

.login_form .form-group .l_text {
  font-size: 16px;
  color: var(--p_color);
  padding-left: 20px;
  margin-bottom: 0;
}

.login_form .form-group .l_text span {
  color: var(--main-color);
}

.login_form .form-group .confirm_password {
  position: relative;
}

.login_form .form-group .forget_btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  font-size: 14px;
  color: var(--login_form-color);
}

.login_form .thm_btn {
  /* padding: 9px 24px; */
  box-shadow: none;
  font-size: 18px;
  font-weight: 600;
  color: var(--track-bg-color);
  border-radius: 50px;
  box-shadow: 0 1px 15px 1px var(--track-bg-color);
  background: var(--primary-color);
  display: inline-block;
  padding: 14px 28px;
}

/* .login_form .thm_btn:hover {
  box-shadow: 0 20px 30px 0 rgba(12, 118, 142, 0.24);
} */

/*================ signup_area css ==============*/
/*================ signin_left css ==============*/
.signin_left {
  background: var(--main-color);
}

.signin_left:before {
  content: "";
  left: 0;
  width: 100%;
  height: 100px;
  background-image: linear-gradient(180deg, var(--main-color) 0%, var(--h_title) 100%);
  position: absolute;
  bottom: 0;
  z-index: 0;
}

.signin_left .round {
  bottom: 100px;
  width: 600px;
  height: 600px;
  left: -50px;
}

.signin_left .middle {
  bottom: 50px;
}

.signin_left .bottom {
  bottom: 100px;
}

/*================ signin_left css ==============*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
.ticket_action_btn {
  font-size: 18px;
  font-weight: 500;
  color: var(--track-bg-color);
  border-radius: 50px;
  box-shadow: 0 1px 15px 1px var(--track-bg-color);
  background: var(--secondary-color);
  display: inline-block;
  padding: 14px 28px;
  transform: scale(8);
  animation: pulse 2s infinite;
}

.ticket_action_btn i {
  vertical-align: middle;
  font-size: 18px;
  padding-left: 5px;
}

.ticket_action_btn:hover {
  background-color: var(--track-bg-color);
  color: var(--secondary-color);
  transform: none;
  box-shadow: none;
  transition: none;
  animation: none;
}


.action_btn {
  font-size: 18px;
  font-weight: 600;
  color: var(--track-bg-color);
  border-radius: 50px;
  box-shadow: 0 1px 15px 1px var(--track-bg-color);
  background: var(--secondary-color);
  display: inline-block;
  padding: 14px 28px;
}
/* .action_btn:hover{
  color: var(--track-bg-color);
  background-color: var(--secondary-color);
} */

.action_btn i {
  vertical-align: middle;
  font-size: 18px;
  padding-left: 5px;
}


.post_reply_action_btn {
  font-size: 16px;
  font-weight: 500;
  color: var(--track-bg-color);
  border-radius: 50px;
  box-shadow: 0 1px 15px 1px var(--track-bg-color);
  background: var(--primary-color);
  display: inline-block;
  padding: 10px 25px;
}

.post_reply_action_btn:hover {
  box-shadow: none;
  color: var(--track-bg-color);
}

.submit_action_btn {
  font-size: 18px;
  font-weight: 600;
  color: var(--track-bg-color);
  border-radius: 50px;
  box-shadow: 0 1px 15px 1px var(--track-bg-color);
  background: var(--primary-color);
  display: inline-block;
  padding: 14px 28px;
}

.submit_action_btn:hover {
  box-shadow: none;
  color: var(--track-bg-color);
}

.contact_us_btn {
  font-size: 18px;
  font-weight: 600;
  color: var(--track-bg-color);
  border-radius: 50px;
  box-shadow: 0 1px 15px 1px var(--track-bg-color);
  background: var(--primary-color);
  display: inline-block;
  padding: 14px 28px;
}

.contact_us_btn:hover {
  box-shadow: none;
  color: var(--track-bg-color);
}

.error_area .action_btn {
  font-size: 16px;
}

.error_area .action_btn i {
  padding-right: 5px;
}

.doc_border_btn {
  border: 2px solid var(--track-bg-color);
  border-radius: 4px;
  color: var(--track-bg-color);
  font-size: 18px;
  font-weight: 500;
  background: var(--primary-color);
  display: inline-block;
  padding: 6px 34px;
  transition: all 0.3s linear, color 0.2s;
}

.doc_border_btn.btn-round {
  border-radius: 30px;
}

@media (max-width: 420px) {
  .doc_border_btn.btn-round {
    font-size: 18px;
  }
}

.doc_border_btn i {
  margin-left: 6px;
  font-size: 16px;
  vertical-align: middle;
  display: inline-block;
  transition: all 0.2s linear, color 0s linear;
}

.doc_border_btn:hover {
  box-shadow: 0 10px 20px 0 rgba(12, 118, 142, 0.2);
  background: var(--track-bg-color);
  border-color: var(--primary-color);
  color: var(--primary-color);
}

.doc_border_btn:hover i {
  transform: translateX(8px);
}

.download-btn {
  background-image: -moz-linear-gradient(90deg, #192030 0%, #4c5977 100%);
  background-image: -webkit-linear-gradient(90deg, #192030 0%, #4c5977 100%);
  background-image: -ms-linear-gradient(90deg, #192030 0%, #4c5977 100%);
  color: var(--black-color);
  text-align: right;
  width: 300px;
  height: 80px;
  padding-right: 40px;
  display: inline-block;
  font-size: 18px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.download-btn::before {
  content: "";
  background-image: -moz-linear-gradient(90deg, #afbcd0 0%, #edf1ff 100%);
  background-image: -webkit-linear-gradient(90deg, #afbcd0 0%, #edf1ff 100%);
  background-image: -ms-linear-gradient(90deg, #afbcd0 0%, #edf1ff 100%);
  position: absolute;
  right: -20px;
  top: 0px;
  width: 225px;
  height: 80px;
  border-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 25px;
  transform: skewX(-25deg);
  z-index: -1;
}

.download-btn .btn-icon {
  display: inline-block;
  padding-left: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.download-btn .btn-icon img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.download-btn .btn-txt {
  position: absolute;
  right: 45px;
  top: 50%;
  transform: translateY(-50%);
}

.download-btn .btn-txt .title {
  font-size: 24px;
  font-weight: 600;
  background: -webkit-linear-gradient(-90deg, #20273a, #4e5c7a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.download-btn .btn-txt .prop span {
  font-size: 14px;
  color: var(--download-btn-color);
  font-weight: 400;
}

.download-btn .btn-txt .prop span+span {
  color: var(--download-btn-span);
}

.download-btn .ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}

.download-btn .ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: var(--ribben-span);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: var(--track-bg-color);
  font: 700 18px/1 "Lato", sans-serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  text-align: center;
}

.download-btn .ribbon::before,
.download-btn .ribbon::after {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  border: 5px solid #2980b9;
}

.download-btn .ribbon.ribbon-top-right::before,
.download-btn .ribbon.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}

.download-btn .ribbon.ribbon-top-right::before {
  top: 0;
  left: 0;
}

.download-btn .ribbon.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}

.download-btn .ribbon.ribbon-top-right {
  top: -10px;
  right: -10px;
}

.download-btn .ribbon.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}

/*---------------------------------------------------- */
/*================= Top header area css ===============*/
.header_top {
  background: var(--header-bg-color);
  color: var(--header-color);
  height: 40px;
}

.header_top .menu {
  display: flex;
  align-items: center;
  height: 40px;
}

.header_top .menu li {
  margin-right: 50px;
}

.header_top .menu li:last-child {
  margin-right: 0;
}

.header_top .menu li a {
  color: var(--header-color);
  font-size: 14px;
}

.header_top .menu li a:hover {
  color: var(--main-color);
}

.header_top .right-menu {
  justify-content: flex-end;
}

.header_top .right-menu li {
  position: relative;
  margin-right: 0;
  padding-right: 15px;
}

.header_top .right-menu li::after {
  position: absolute;
  content: "";
  background: var(--li-bg-color);
  height: 13px;
  width: 1px;
  margin: 0 15px;
  top: 5px;
}

.header_top .right-menu li:last-child {
  padding-right: 0;
  padding-left: 15px;
}

.header_top .right-menu li:last-child::after {
  display: none;
}

/*================= header area css ===============*/
/*================= Top header area css ===============*/
.navbar {
  border: 0;
  border-radius: 0;
  padding: 0;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 20;
  position: absolute;
}

.menu_one {
  background: transparent;
  transition: all 0.2s linear;
}

.sticky_logo img+img {
  display: none;
}

.menu>.nav-item {
  padding-bottom: 37px;
  padding-top: 37px;
  transition: all 0.3s linear;
}

.menu>.nav-item>.nav-link {
  font-size: 18px;
  font-weight: 500;
  color: var(--track-bg-color);
  padding: 0;
}

.menu>.nav-item>.nav-link:after {
  display: none;
}

.menu>.nav-item.submenu .dropdown-menu {
  margin: 0;
  border-radius: 4px;
  left: -38px;
  min-width: max-content;
  border: 1px solid var(--nav-border);
  background: var(--track-bg-color);
  padding: 20px 0;
  box-shadow: 0 30px 40px 0 rgba(4, 73, 89, 0.1);
}

.menu>.nav-item.submenu .dropdown-menu:before {
  content: "";
  width: 12px;
  height: 12px;
  background: var(--track-bg-color);
  position: absolute;
  top: -6px;
  transform: rotate(45deg);
  left: 40px;
  border-left: 1px solid var(--nav-border);
  border-top: 1px solid var(--nav-border);
}

@media (min-width: 992px) {
  .menu>.nav-item.submenu .dropdown-menu {
    transform: translateY(20px);
    transition: all 0.3s ease-in;
    opacity: 0;
    visibility: hidden;
    display: block;
  }
}

.menu>.nav-item.submenu .dropdown-menu.dropdown_menu_two .nav-item {
  padding: 0 30px;
}

.menu>.nav-item.submenu .dropdown-menu.dropdown_menu_two .nav-item+.nav-item {
  margin-top: 8px;
}

.menu>.nav-item.submenu .dropdown-menu.dropdown_menu_two .nav-item .nav-link {
  display: flex;
  align-items: center;
}

.menu>.nav-item.submenu .dropdown-menu.dropdown_menu_two .nav-item .nav-link:before {
  display: none;
}

.menu>.nav-item.submenu .dropdown-menu.dropdown_menu_two .nav-item .nav-link img {
  margin-right: 20px;
  width: 32px;
}

.menu>.nav-item.submenu .dropdown-menu .nav-item {
  padding: 0 40px 0 30px;
  transition: all 0.3s linear;
  position: relative;
}

.menu>.nav-item.submenu .dropdown-menu .nav-item+.nav-item {
  margin-top: 18px;
}

.menu>.nav-item.submenu .dropdown-menu .nav-item .nav-link {
  padding: 0;
  white-space: nowrap;
  font: 400 14px/16px var(--rob);
  color: var(--p_color);
  transition: color 0.2s linear;
  position: relative;
  display: inline-block;
}

.menu>.nav-item.submenu .dropdown-menu .nav-item .nav-link:after {
  display: none;
}

.menu>.nav-item.submenu .dropdown-menu .nav-item .nav-link:before {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: var(--main-color);
  transition: all 0.2s linear;
}

.menu>.nav-item.submenu .dropdown-menu .nav-item .nav-link h5 {
  padding-top: 9px;
  margin-bottom: 0;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 500;
  transition: all 0.2s linear;
}

.menu>.nav-item.submenu .dropdown-menu .nav-item .nav-link p {
  margin-bottom: 0;
  line-height: 29px;
  font-size: 14px;
  padding-bottom: 0;
}

.menu>.nav-item.submenu .dropdown-menu .nav-item:hover>.nav-link,
.menu>.nav-item.submenu .dropdown-menu .nav-item:focus>.nav-link,
.menu>.nav-item.submenu .dropdown-menu .nav-item.active>.nav-link {
  color: var(--main-color);
}

.menu>.nav-item.submenu .dropdown-menu .nav-item:hover>.nav-link:before,
.menu>.nav-item.submenu .dropdown-menu .nav-item:focus>.nav-link:before,
.menu>.nav-item.submenu .dropdown-menu .nav-item.active>.nav-link:before {
  width: 100%;
}

.menu>.nav-item.submenu .dropdown-menu .nav-item:hover>.nav-link h5,
.menu>.nav-item.submenu .dropdown-menu .nav-item:focus>.nav-link h5,
.menu>.nav-item.submenu .dropdown-menu .nav-item.active>.nav-link h5 {
  color: var(--main-color);
}

.menu>.nav-item.submenu .dropdown-menu .nav-item:hover>i,
.menu>.nav-item.submenu .dropdown-menu .nav-item:focus>i,
.menu>.nav-item.submenu .dropdown-menu .nav-item.active>i {
  color: var(--main-color);
}

.menu>.nav-item.submenu .dropdown-menu .nav-item>.dropdown-menu {
  transition: all 0.3s ease-in;
}

.menu>.nav-item.submenu .dropdown-menu .nav-item>.dropdown-menu:before {
  display: none;
}

@media (min-width: 992px) {
  .menu>.nav-item.submenu .dropdown-menu .nav-item>.dropdown-menu {
    position: absolute;
    left: 100%;
    top: -25px;
    opacity: 0;
    display: block;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease-in;
  }
}

.menu>.nav-item.submenu.mega_menu .dropdown-menu {
  min-width: 540px;
  padding: 0;
  background: var(--nav-item-bg);
  border: 0;
  max-height: 309px;
  min-height: 309px;
}

.menu>.nav-item.submenu.mega_menu .dropdown-menu li>div {
  min-height: 309px;
}

.menu>.nav-item.submenu.mega_menu .dropdown-menu .nav-pills {
  padding: 30px 0;
  background: var(--track-bg-color);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  height: 100%;
  margin-right: -10px;
}

.menu>.nav-item.submenu.mega_menu .dropdown-menu .tabHeader .nav-item {
  padding: 0 30px;
}

.menu>.nav-item.submenu.mega_menu .dropdown-menu .tabHeader .nav-item:after {
  content: "5";
  position: absolute;
  right: 25px;
  top: -1px;
  font-family: var(--nav-item-font);
  display: block;
  color: var(--main-color);
  transition: all 0.2s linear;
  opacity: 0;
}

.menu>.nav-item.submenu.mega_menu .dropdown-menu .tabHeader .nav-item .nav-link {
  font-size: 14px;
  color: var(--p_color);
  display: inline-block;
  border-radius: 0;
}

.menu>.nav-item.submenu.mega_menu .dropdown-menu .tabHeader .nav-item .nav-link.active {
  background: transparent;
}

.menu>.nav-item.submenu.mega_menu .dropdown-menu .tabHeader .nav-item+.nav-item {
  margin-top: 12px;
}

.menu>.nav-item.submenu.mega_menu .dropdown-menu .tabHeader .nav-item:hover:after,
.menu>.nav-item.submenu.mega_menu .dropdown-menu .tabHeader .nav-item.active:after {
  opacity: 1;
  right: 20px;
}

.menu>.nav-item.submenu.mega_menu .dropdown-menu .tabHeader .nav-item:hover .nav-link,
.menu>.nav-item.submenu.mega_menu .dropdown-menu .tabHeader .nav-item.active .nav-link {
  color: var(--main-color);
}

.menu>.nav-item.submenu.mega_menu .dropdown-menu .tabContent .tab-pane {
  padding: 26px 10px;
}

.menu>.nav-item.submenu.mega_menu .dropdown-menu .tabContent .tab-pane .tab_list {
  width: 50%;
  padding-bottom: 12px;
}

.menu>.nav-item.submenu.mega_menu .dropdown-menu .tabContent .tab-pane .tab_list.w_100 {
  width: 100%;
}

.menu>.nav-item.submenu.mega_menu .dropdown-menu .tabContent .tab-pane .tab_list li {
  margin-bottom: 12px;
}

.menu>.nav-item.submenu.mega_menu .dropdown-menu .tabContent .tab-pane .tab_list li a {
  font-size: 14px;
  font-weight: 400;
  color: var(--track-bg-color);
  position: relative;
  font-family: var(--rob);
}

.menu>.nav-item.submenu.mega_menu .dropdown-menu .tabContent .tab-pane .tab_list li a:before {
  content: "";
  width: 0;
  height: 1px;
  background: var(--track-bg-color);
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.2s linear;
}

.menu>.nav-item.submenu.mega_menu .dropdown-menu .tabContent .tab-pane .tab_list li a:hover:before,
.menu>.nav-item.submenu.mega_menu .dropdown-menu .tabContent .tab-pane .tab_list li a.active:before {
  width: 100%;
}

.menu>.nav-item.submenu.mega_menu .dropdown-menu .tabContent .tab-pane p {
  font-size: 14px;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0;
}

.menu>.nav-item.active>i {
  color: var(--main-color);
}

.menu>.nav-item.active .nav-link {
  color: var(--blue-color);
}

.menu>.nav-item.active .nav-link:before {
  transform: scaleX(1);
  opacity: 1;
  background: var(--main-color);
}

.menu>.nav-item:hover>i {
  color: var(--blue-color);
}

.menu>.nav-item:hover .nav-link {
  color: var(--blue-color);
}

.menu>.nav-item:hover .nav-link:before {
  transform: scaleX(1);
  opacity: 1;
  background: var(--main-color);
}

@media (min-width: 992px) {
  .menu>.nav-item:hover .dropdown-menu {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .menu>.nav-item:hover .dropdown-menu>.nav-item:hover .dropdown-menu {
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
  }
}

.menu>.nav-item+.nav-item {
  margin-left: 55px;
}

.nav_btn {
  font-size: 18px;
  font-weight: 500;
  padding: 8px 25px;
  text-align: center;
  border-radius: 4px;
  border: 2px solid var(--track-bg-color);
  transition: all 0.3s linear;
  margin-left: 80px;
  background: var(--track-bg-color);
  color: var(--blue-color);
}

.nav_btn.round-btn {
  border-radius: 50px;
  background-color: var(--track-bg-color);
}

.nav_btn.icon-btn {
  border-color: var(--track-bg-color);
}

.nav_btn.icon-btn i {
  color: var(--blue-color);
  padding-right: 10px;
}

.nav_btn:hover {
  background: var(--blue-color);
  border-color: var(--blue-color);
  color: var(--track-bg-color);
}

.nav_btn:hover i {
  color: var(--track-bg-color);
}

.mCSB_inside>.mCSB_container {
  margin-right: 0;
}

.sticky_menu .menu_one {
  background: var(--track-bg-color);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

.sticky_menu .menu_one+div,
.sticky_menu .menu_one+section {
  margin-top: 100px;
}

.sticky_menu .menu_one .menu>.nav-item .nav-link {
  position: relative;
  color: var(--p_color);
  font-weight: 400;
}

.sticky_menu .menu_one .menu>.nav-item:hover>.nav-link,
.sticky_menu .menu_one .menu>.nav-item.active>.nav-link {
  color: var(--main-color);
}

.menu_social {
  margin-bottom: 0;
  margin-left: 70px;
}

.search_form {
  width: 250px;
  list-style: none;
  position: relative;
}

.search_form .form-control {
  font-size: 14px;
  font-weight: 400;
  padding: 15px;
  height: 45px;
  margin-top: -2px;
  padding-left: 20px;
  background: var(--bg-color);
  border: 1px solid var(--search-border);
  border-radius: 4px;
  box-shadow: none;
}

.search_form .form-control.placeholder {
  color: var(--search_form-color);
}

.search_form .form-control:-moz-placeholder {
  color: var(--search_form-color);
}

.search_form .form-control::-moz-placeholder {
  color: var(--search_form-color);
}

.search_form .form-control::-webkit-input-placeholder {
  color: var(--search_form-color);
}

.search_form button {
  position: absolute;
  top: 11px;
  right: 15px;
  border: 0;
  padding: 0;
  color: var(--h_title);
  background: transparent;
  font-size: 14px;
  z-index: 3;
}

#stickyTwo .menu>.nav-item.submenu.mega_menu .dropdown-menu,
.menu_two .menu>.nav-item.submenu.mega_menu .dropdown-menu {
  border-top: 1px solid var(--nav-border);
}

.navbar_fixed {
  position: fixed;
}

.navbar_fixed.menu_one {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  background: var(--track-bg-color);
  transition: all 0.2s, top 0.4s linear;
  margin-top: 0;
}

.navbar_fixed.menu_one .menu>.nav-item {
  padding-bottom: 25px;
  padding-top: 25px;
}

.navbar_fixed.menu_one .menu>.nav-item>.nav-link {
  color: var(--p_color);
}

.navbar_fixed.menu_one .menu>.nav-item:hover>.nav-link,
.navbar_fixed.menu_one .menu>.nav-item.active>.nav-link {
  color: var(--blue-color);
}

.navbar_fixed.menu_one .menu>.nav-item.submenu.mega_menu .dropdown-menu {
  border-top: 1px solid #e6eeef;
}

.navbar_fixed.menu_one .nav_btn {
  color: var(--blue-color);
  border: 2px solid var(--nav-btn-border);
}

.navbar_fixed.menu_one .nav_btn:hover {
  background: var(--blue-color);
  color: var(--track-bg-color);
  border-color: var(--blue-color);
}

.navbar_fixed .sticky_logo img {
  display: none;
}

.navbar_fixed .sticky_logo img+img {
  display: block;
}

.navbar_fixed .menu_toggle .hamburger span,
.navbar_fixed .menu_toggle .hamburger-cross span {
  background: var(--h_title);
}

.navbar-toggler {
  padding-right: 0;
  padding-left: 0;
}

.hamburger {
  height: 100%;
  width: 100%;
  display: block;
}

.hamburger span {
  width: 0%;
  height: 2px;
  position: relative;
  top: 0;
  left: 0;
  margin: 4px 0;
  display: block;
  background: var(--track-bg-color);
  border-radius: 3px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.hamburger span:nth-child(1) {
  transition-delay: 0s;
}

.hamburger span:nth-child(2) {
  transition-delay: 0.125s;
}

.hamburger span:nth-child(3) {
  transition-delay: 0.2s;
}

.menu_toggle {
  width: 22px;
  height: 22px;
  position: relative;
  cursor: pointer;
  display: block;
}

.menu_toggle .hamburger {
  position: absolute;
}

.menu_toggle .hamburger-cross {
  position: absolute;
  height: 100%;
  width: 100%;
  transform: rotate(45deg);
  display: block;
}

.menu_toggle .hamburger-cross span {
  display: block;
  background: var(--track-bg-color);
  border-radius: 3px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.menu_toggle .hamburger-cross span:nth-child(1) {
  height: 100%;
  width: 2px;
  position: absolute;
  top: 0;
  left: 10px;
  transition-delay: 0.3s;
}

.menu_toggle .hamburger-cross span:nth-child(2) {
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  top: 10px;
  transition-delay: 0.4s;
}

.collapsed .menu_toggle .hamburger span {
  width: 100%;
}

.collapsed .menu_toggle .hamburger span:nth-child(1) {
  transition-delay: 0.3s;
}

.collapsed .menu_toggle .hamburger span:nth-child(2) {
  transition-delay: 0.4s;
}

.collapsed .menu_toggle .hamburger span:nth-child(3) {
  transition-delay: 0.5s;
}

.collapsed .menu_toggle .hamburger-cross span:nth-child(1) {
  height: 0%;
  transition-delay: 0s;
}

.collapsed .menu_toggle .hamburger-cross span:nth-child(2) {
  width: 0%;
  transition-delay: 0.2s;
}

.dk_menu>.nav-item>.nav-link {
  color: var(--track-bg-color);
}

.dk_menu>.nav-item>.nav-link i {
  padding-right: 5px;
  font-size: 14px;
}

/*=========== Start Banner Support ============*/
.list-group {
  padding: 10px;
  background: white;
  border-radius: 0 0 7px 7px;
  display: none;
  max-height: 100px;
  overflow-y: auto;

  li {
    list-style: none;
    background: white;
    padding: 10px;
    border-radius: 5px;
    color: #2f3542;
    cursor: pointer;
    transition: all 0.2s ease;

    &:hover {
      background: #dfe4ea;
    }
  }
}

.kbDoc-banner-support {
  height: 1000px;
  background-image: linear-gradient(60deg, var(--light-color) 0%, var(--primary-color) 100%);
  padding: 200px 0;
  position: relative;
}

@media (max-width: 991px) {
  .kbDoc-banner-support {
    padding: 150px 0;
  }
}

@media (max-width: 768px) {
  .kbDoc-banner-support {
    padding: 100px 0;
    height: 820px;
  }
}

.kbDoc-banner-support .banner-content-wrapper {
  max-width: 770px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

@media (max-width: 991px) {
  .kbDoc-banner-support .banner-content-wrapper {
    max-width: 90%;
  }
}

.kbDoc-banner-support .banner-content-wrapper .banner-title {
  font-size: 44px;
  font-weight: 500;
  color: var(--track-bg-color);
  margin-bottom: 12px;
}

@media (max-width: 768px) {
  .kbDoc-banner-support .banner-content-wrapper .banner-title {
    font-size: 34px;
  }
}

.kbDoc-banner-support .banner-content-wrapper p {
  font-size: 18px;
  color: var(--track-bg-color);
  line-height: 28px;
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .kbDoc-banner-support .banner-content-wrapper p br {
    display: none;
  }
}

.kbDoc-banner-support .banner-content-wrapper .banner-search-form {
  box-shadow: 0px 4px 10px 0px rgba(49, 12, 2, 0.06);
  max-width: 770px;
  margin: 0 auto;
  display: flex;
  background: var(--track-bg-color);
  border-radius: 30px;
}

.kbDoc-banner-support .banner-content-wrapper .banner-search-form input {
  width: 100%;
  background: transparent;
  border: 0;
  padding: 15px 30px;
  height: 60px;
}

.kbDoc-banner-support .banner-content-wrapper .banner-search-form input::placeholder {
  color: var(--p_color);
}

.kbDoc-banner-support .banner-content-wrapper .banner-search-form button {
  background: transparent;
  border: 0;
  padding-right: 20px;
  color: var(--primary-color);
  font-size: 20px;
}

.kbDoc-banner-support .banner-content-wrapper .banner-search-form button i {
  transform: rotate(-90deg);
  display: inline-block;
}

.kbDoc-banner-support .bottom-shape {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -1px;
}

.kbDoc-banner-support .bottom-shape img {
  width: 100%;
}

.people-image {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  width: 100%;
  height: 320px;
  max-width: 1250px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 165px;
  z-index: 3;
}

@media (max-width: 767px) {
  .people-image {
    height: 280px;
  }
}

@media (max-width: 576px) {
  .people-image {
    bottom: 80px;
  }
}

.people-image li {
  position: absolute;
  box-shadow: 0px 40px 60px 0px rgba(59, 14, 3, 0.12);
  border-radius: 50%;
  border: 4px solid var(--track-bg-color);
  overflow: hidden;
}

.people-image li img {
  width: 100%;
}

.people-image li:nth-child(1) {
  left: 50%;
  top: 15px;
  transform: translateX(-50%);
  border: 6px solid var(--track-bg-color);
  height: 130px;
  width: 130px;
  box-shadow: 0px 50px 80px 0px rgba(59, 14, 3, 0.12);
}

.people-image li:nth-child(2) {
  left: 29.4%;
  top: 0;
  height: 80px;
  width: 80px;
}

.people-image li:nth-child(3) {
  right: 26.4%;
  top: -5px;
  height: 70px;
  width: 70px;
}

.people-image li:nth-child(4) {
  left: 160px;
  top: 75px;
  height: 80px;
  width: 80px;
}

.people-image li:nth-child(5) {
  left: 26.4%;
  bottom: 40px;
  height: 80px;
  width: 80px;
}

.people-image li:nth-child(6) {
  right: 38%;
  bottom: -20px;
  height: 100px;
  width: 100px;
}

.people-image li:nth-child(7) {
  right: 85px;
  bottom: 5px;
  width: 90px;
  height: 90px;
}

.people-image li:nth-child(8) {
  left: 0;
  bottom: 0;
  border: 2px solid var(--track-bg-color);
}

.people-image li:nth-child(9) {
  right: 22.3%;
  bottom: 35%;
  height: 50px;
  width: 50px;
  border: 2px solid var(--track-bg-color);
}

.people-image li:nth-child(10) {
  right: 0;
  bottom: 145px;
  height: 60px;
  width: 60px;
  border: 2px solid var(--track-bg-color);
}

@media (max-width: 991px) {
  .people-image li:nth-child(1) {
    height: 110px;
    width: 110px;
  }

  .people-image li:nth-child(2) {
    height: 65px;
    width: 65px;
  }

  .people-image li:nth-child(3) {
    height: 60px;
    width: 60px;
  }

  .people-image li:nth-child(4) {
    height: 65px;
    width: 65px;
  }

  .people-image li:nth-child(5) {
    height: 65px;
    width: 65px;
  }

  .people-image li:nth-child(6) {
    height: 80px;
    width: 80px;
  }

  .people-image li:nth-child(7) {
    height: 70px;
    width: 70px;
  }

  .people-image li:nth-child(8) {
    left: 50px;
  }

  .people-image li:nth-child(9) {
    right: 27%;
  }

  .people-image li:nth-child(10) {
    right: 50px;
  }
}

@media (max-width: 768px) {
  .people-image li:nth-child(4) {
    left: 95px;
  }
}

@media (max-width: 576px) {
  .people-image li:nth-child(2) {
    left: 13%;
  }

  .people-image li:nth-child(3) {
    right: 18%;
  }
}

@media (max-width: 440px) {
  .people-image li:nth-child(1) {
    height: 100px;
    width: 100px;
  }

  .people-image li:nth-child(4) {
    left: 20px;
  }

  .people-image li:nth-child(5) {
    left: 22.4%;
    bottom: 55px;
  }

  .people-image li:nth-child(7) {
    right: 25px;
  }

  .people-image li:nth-child(8) {
    left: 10px;
  }

  .people-image li:nth-child(10) {
    right: 20px;
  }
}

.partical-animation {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  width: 100%;
  height: 550px;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.partical-animation li {
  position: absolute;
  border-radius: 50%;
}

.partical-animation li:nth-child(1) {
  left: 165px;
  top: 120px;
}

.partical-animation li:nth-child(2) {
  left: 19%;
  top: 80px;
  height: 8px;
  width: 8px;
  background: var(--partical-child-2);
}

.partical-animation li:nth-child(3) {
  left: 19%;
  bottom: 30%;
  height: 10px;
  width: 10px;
  background: var(--partical-child-3);
}

.partical-animation li:nth-child(3) {
  left: 28%;
  top: 35%;
  height: 35px;
  width: 35px;
  background: var(--partical-animation-color);
}

.partical-animation li:nth-child(4) {
  left: 27%;
  bottom: 30%;
  height: 12px;
  width: 12px;
  background: var(--partical-child-4);
}

.partical-animation li:nth-child(5) {
  left: 33%;
  bottom: 50%;
  height: 10px;
  width: 10px;
  background: var(--partical-child-5);
}

.partical-animation li:nth-child(6) {
  left: 51%;
  top: 32%;
  height: 48px;
  width: 48px;
  background: var(--partical-child-6);
}

.partical-animation li:nth-child(7) {
  right: 46%;
  bottom: 27%;
  height: 22px;
  width: 22px;
  background: var(--partical-child-7);
}

.partical-animation li:nth-child(8) {
  right: 46%;
  bottom: 27%;
  height: 22px;
  width: 22px;
  background: var(--partical-child-7);
}

.partical-animation li:nth-child(9) {
  right: 40%;
  bottom: 60%;
  height: 8px;
  width: 8px;
  background: var(--partical-child-9);
}

.partical-animation li:nth-child(10) {
  right: 22%;
  bottom: 30%;
  height: 28px;
  width: 28px;
  background: var(--partical-child-10);
}

.partical-animation li:nth-child(11) {
  right: 10%;
  bottom: 55%;
  height: 15px;
  width: 15px;
  background: var(--partical-child-9);
}

.partical-animation li:nth-child(12) {
  right: 65px;
  bottom: 160px;
}

/*=========== End Banner Support ============*/
/*=========== Start breadcrumb_area css ============*/

.breadcrumb_area {
  background-image: linear-gradient(60deg, var(--light-color) 0%, var(--primary-color) 100%);
  padding: 190px 0 95px;
  position: relative;
}

.breadcrumb_area .one {
  right: 20%;
  bottom: 25px;
}

.breadcrumb_area .two {
  left: 20%;
  bottom: 0;
}

.breadcrumb_area .banner_search_form {
  max-width: 770px;
  position: relative;
  z-index: 5;
}

.breadcrumb_area .banner_search_form .form-control {
  height: 65px;
}

.breadcrumb_area .banner_search_form button {
  background: var(--blue-color);
}

.banner_search_form {
  max-width: 570px;
  margin: 0 auto;
  display: flex;
}

.banner_search_form .form-control {
  height: 70px;
  border-radius: 4px;
  padding-left: 30px;
  font-size: 14px;
  border: 0;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
  color: var(--h_title);
}

.banner_search_form .form-control.placeholder {
  color: var(--placeholer-color);
}

.banner_search_form .form-control:-moz-placeholder {
  color: var(--placeholer-color);
}

.banner_search_form .form-control::-moz-placeholder {
  color: var(--placeholer-color);
}

.banner_search_form .form-control::-webkit-input-placeholder {
  color: var(--placeholer-color);
}

.banner_search_form button {
  padding: 5px 25px;
  font-size: 20px;
  background: var(--main-color);
  color: var(--track-bg-color);
  text-align: center;
  border: 0;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  transition: all 0.4s linear;
}

.breadcrumb_area .custom-select {
  line-height: 65px;
  z-index: 3;
}

.breadcrumb_area .custom-select:before {
  width: 1px;
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  bottom: 15px;
  background: var(--breadcrumb_area-color);
  z-index: 1;
}

.wave_shap_one,
.wave_shap_two {
  bottom: 0;
  z-index: 0;
}

.custom-select {
  border-radius: 0;
  font-size: 14px;
  box-shadow: none;
  padding: 0 80px 0 20px;
  height: 100%;
  border: 0;
  background: var(--track-bg-color);
  color: var(--p_color);
}

.custom-select:after {
  border-bottom: 2px solid var(--p_color);
  border-right: 2px solid var(--p_color);
  height: 8px;
  width: 8px;
  right: 28px;
  margin-top: -6px;
}

.custom-select ul {
  width: 100%;
  padding: 10px 0;
  border-radius: 4px;
}

.custom-select ul li {
  font-size: 14px;
  color: var(--p_color);
  position: relative;
  min-height: 36px;
  line-height: 36px;
}

.custom-select ul li:before {
  content: "";
  width: 2px;
  height: 0;
  position: absolute;
  left: 0;
  background: var(--main-color);
  transition: all 0.2s linear;
}

.custom-select ul li:hover,
.custom-select ul li.selected {
  background: var(--custom-ul-color);
  color: var(--main-color);
  font-weight: 500;
}

.custom-select ul li:hover:before,
.custom-select ul li.selected:before {
  height: 100%;
}

.p_absolute {
  position: absolute;
}

.bl_left {
  width: 150px;
  height: 145px;
  bottom: -7px;
  left: 20px;
  z-index: 1;
}

.bl_right {
  width: 135px;
  height: 110px;
  right: 30px;
  bottom: -7px;
  z-index: 1;
}

.star {
  top: 0;
  width: 100%;
  left: 0;
  z-index: 0;
  right: 0;
  height: auto;
}

.wave_shap_one,
.wave_shap_two {
  bottom: 0;
  z-index: 0;
}

/*=========== End breadcrumb_area css ============*/

/*=========== Start page_breadcrumb css ============*/
.page_breadcrumb {
  background: var(--page-breadcrum);
  padding: 16px 0;
  position: relative;
  z-index: 1;
}

.page_breadcrumb .row {
  align-items: center;
}

.breadcrumb {
  margin-bottom: 0;
  background: transparent;
  border-radius: 0;
  padding: 0;
}

.breadcrumb .breadcrumb-item {
  color: var(--blue-color);
  font-size: 17px;
  font-weight: 500;
  line-height: 21px;
}

.breadcrumb .breadcrumb-item a {
  font-size: 17px;
  color: var(--primary-color);
}

/* .breadcrumb .breadcrumb-item a:hover {
  color: var(--blue-color);
} */

.breadcrumb .breadcrumb-item+.breadcrumb-item:before {
  content: "5";
  font-family: eleganticons;
  color: var(--breadcrumb-before);
}

.breadcrumb .active {
  font-weight: 500;
  color: var(--blue-color);
}

.breadcrumb_content_two {
  position: relative;
  z-index: 1;
}

.breadcrumb_content_two h2 {
  font-size: 50px;
  color: var(--track-bg-color);
  font-weight: 700;
}

.breadcrumb_content_two .breadcrumb {
  justify-content: center;
}

.breadcrumb_content_two .breadcrumb .breadcrumb-item {
  font-size: 16px;
  color: var(--track-bg-color);
}

.breadcrumb_content_two .breadcrumb .breadcrumb-item:before {
  color: var(--track-bg-color);
}

.breadcrumb_content_two .breadcrumb .breadcrumb-item a {
  color: var(--primary-color);
}

.breadcrumb_area_four {
  overflow: hidden;
}

/*=========== blog_top_post_area css ==========*/
.blog_top_post {
  box-shadow: 0 3px 6px 0 rgba(4, 73, 89, 0.06);
  border-radius: 6px;
  margin: 0;

  .p_top_img {
    position: relative;
    padding-right: 0;

    .p_img {
      position: absolute;
      padding-right: 0;
      height: 100%;
      top: 0;
      right: 0;
      width: 100%;
      /* background: url("../img/blog-grid/top_post.jpg"); */
      background-size: cover;
    }
  }

  .b_top_post_content {
    padding: 50px 30px 50px 50px;

    .post_tag {
      padding-bottom: 15px;
    }

    h3 {
      font-size: 26px;
      font-weight: 500;
      line-height: 36px;
      margin-bottom: 17px;
      transition: color 0.2s linear;

      &:hover {
        color: var(--main-color);
      }
    }

    .learn_btn {
      color: var(--p_color);

      &:hover {
        color: var(--main-color);
      }
    }

    p {
      margin-bottom: 22px;
    }

    .post_author {
      padding-top: 45px;
    }
  }
}

.post_tag {
  a {
    font-size: 16px;
    font-weight: 500;
    color: var(--p-color);
    display: inline-block;

    &.c_blue {
      color: var(--secondary-color);
    }

    &+a {
      padding-left: 10px;

      &:before {
        content: "";
        width: 1px;
        height: 13px;
        background: var(--breadcrumb-before);
        display: inline-block;
        margin-right: 13px;
      }
    }
  }
}

.post_author {
  .round_img {
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;

    img {
      height: 40px;
      width: auto;
    }
  }

  .author_text {
    margin-top: 3px;

    h4 {
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 0;
      color: var(--h_title);
    }

    .date {
      font-size: 15px;
      font-weight: 500;
      color: var(--p-color);
    }
  }
}

/*=========== blog_top_post_area css ==========*/
/*=========== Start blog_grid_area css ==========*/
.doc_blog_grid_area {
  padding-bottom: 50px;
  background-color: var(--track-bg-color);

}

/* .ticket_detail_doc_blog_grid_area {
  padding-bottom: 100px;

} */

.blog_grid_inner {
  border-top: 1px solid var(--blog-grid_border);
}

.blog_tab {
  .nav-item {
    margin-bottom: 0;

    .nav-link {
      padding: 17px 21px;
      border: 0;
      border-radius: 0;
      font-weight: 500;
      color: var(--nav-link);
      font-size: 14px;
      position: relative;
      background: transparent;
      transition: all 0.2s ease-in;

      &:before {
        content: "";
        width: 100%;
        position: absolute;
        top: 0;
        height: 2px;
        left: 0;
        background: var(--main-color);
        transform: scale(0);
        transform-origin: 50% 50%;
        transition: all 0.3s ease-in;
      }

      &.active,
      &:hover {
        background: var(--nav-link-hover);
        color: var(--main-color);

        &:before {
          transform: scale(1);
        }
      }
    }

  }
}

.blog_grid_tab {
  padding-top: 30px;
  margin-bottom: -20px;
}

.b_title {
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  transition: all 0.2s linear;

  &:hover {
    color: var(--secondary-color);
  }
}

.blog_grid_post {
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 3px 6px 0 rgba(4, 73, 89, 0.06);
  margin-bottom: 40px;
  transition: all 0.3s linear;
  overflow: hidden;
  cursor: pointer;
  
  .grid_post_content {
    padding: 20px 30px 25px;
    /* min-height: 250px; */

    .post_tag {
      padding-bottom: 10px;
    }

    .b_title {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      margin-bottom: 18px;
    }

    .post_author {
      padding-top: 18px;
    }
  }

  &:hover {
    box-shadow: 0 20px 24px 0 rgba(4, 73, 89, 0.1);
  }
}

.post_author .round_img img {
  height: 40px;
  width: auto;
}

.blog_grid_post img {
  width: 370px;
  height: 220px;
}

.doc_blog_grid_area_two {
  padding: 100px 0 120px;
}
.status_widget .offline {
  color: #fff;
  background-color: #e74c3c;
  border: 2px solid #c0392b;
  padding: 0px 13px;
  display: inline-block;
  border-radius: 4px;
  margin-left: 5px;
  text-transform: uppercase;
  font-weight: bold;
}
.status_widget .online {
  color: #fff;
  background-color: #2ecc71;
  border: 2px solid #27ae60;
  padding: 0px 13px;
  display: inline-block;
  border-radius: 4px;
  margin-left: 5px;
  text-transform: uppercase;
  font-weight: bold;
}
/*=========== End blog_grid_area css ==========*/
/*========== Category Css ============= */
.filter {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 2rem 0 2rem;
}

.button {
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 700;
  padding: 0.75rem 2rem;
  border-radius: 2rem;
  border: 2px solid var(--primary-color);
  background: transparent;

  &.--active {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: var(--track-bg-color);
  }

}

/*=============== Article Detail Area Css ======*/
.menu_two {
  margin-top: 98px;
}

.breadcrumb_area_two {
  background: var(--breadcrumb_area_two);
  padding: 50px 0 60px;
}

.breadcrumb_content {
  max-width: 630px;
}

.breadcrumb_content h2 {
  font-size: 36px;
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 0;
}

.breadcrumb_content .single_post_author {
  display: flex;
  align-items: flex-start;
  align-items: center;
  padding-top: 10px;
}

.breadcrumb_content .single_post_author img {
  border-radius: 50%;
  width: 34px;
  height: 34px;
  margin-right: 20px;
}

.breadcrumb_content .single_post_author .text {
  flex: 1;
}

.breadcrumb_content .single_post_author .text h4 {
  font-size: 16px;
  display: inline-block;
  font-weight: 400;
  margin-bottom: 0;
}

.breadcrumb_content .single_post_author .text .post_tag {
  display: inline-block;
  padding-left: 12px;
}

.breadcrumb_content .single_post_author .text .post_tag:before {
  content: "";
  display: inline-block;
  height: 13px;
  width: 1px;
  background: var(--breadcrumb-before);
  margin-right: 12px;
}

.breadcrumb_content .single_post_author .text .c_blue {
  color: var(--breadcrumb_content-text);
}

.blog_area {
  padding: 100px 0 120px;
}

.blog_single_item .blog_single_img {
  display: block;
  margin-bottom: 25px;
}

.blog_single_item .blog_single_img img {
  width: 770px;
  height: 450px;
}

.blog_single_item p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 26px;
}

.blog_single_item p a {
  color: var(--main-color);
  text-decoration: underline;
}

blockquote {
  background: var(--blockquote);
  border-left: 4px solid var(--main-color);
  font-size: 20px;
  padding: 50px 40px;
  position: relative;
  z-index: 0;
  margin: 46px 0;
}

blockquote:before,
blockquote:after {
  content: "";
  position: absolute;
  z-index: -1;
}

blockquote:before {
  /* background: url("../img/blog-classic/quote_top.png") no-repeat scroll left top; */
  width: 132px;
  height: 81px;
  top: 0;
}

blockquote:after {
  /* background: url("../img/blog-classic/quote_bottom.png") no-repeat scroll left bottom; */
  width: 77px;
  height: 75px;
  right: 40px;
  bottom: 30px;
}

blockquote .c_head {
  color: var(--p_color);
  font-weight: 400;
  line-height: 34px;
  margin-bottom: 45px;
}

blockquote .author {
  font-weight: 500;
  font-size: 16px;
  color: var(--h_title);
}

.single_post_two {
  padding-top: 10px;
}

.single_post_two h2 {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 15px;
}

.single_post_two img {
  margin-bottom: 25px;
  max-width: 100%;
}

.single_post_two p {
  margin-bottom: 28px;
}

.blog_social {
  padding-top: 20px;
}

.blog_social h5 {
  font-size: 16px;
  margin-bottom: 0;
}

.blog_social .f_social_icon {
  display: inline-block;
  margin-top: 28px;
  position: relative;
  z-index: 0;
  padding-top: 0;
  padding-left: 24px;
  padding-right: 24px;
}

.blog_social .f_social_icon:before,
.blog_social .f_social_icon:after {
  content: "";
  width: 105%;
  position: absolute;
  top: 50%;
  height: 1px;
  background: var(--blog_social-bg);
}

.blog_social .f_social_icon:before {
  left: -103%;
}

.blog_social .f_social_icon:after {
  right: -103%;
}

.blog_social .f_social_icon li a {
  margin-right: 0;
  border: 1px solid var(--blog_social-border);
  color: var(--blog_social-color);
  width: 44px;
  height: 44px;
  line-height: 44px;
}

.blog_social .f_social_icon li+li {
  margin-left: 5px;
}

.blog_post_author {
  background: var(--blockquote);
  padding: 40px;
  padding-right: 70px;
  margin-top: 35px;
  border-radius: 5px;
}

.blog_post_author .author_img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin-right: 30px;
  overflow: hidden;
}

.blog_post_author .media-body h5 {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 20px;
}

.blog_post_author .media-body p {
  margin-bottom: 0;
}

.comment_inner {
  padding-top: 80px;
}

.comment_box {
  margin-bottom: 0;
}

.comment_box .post_comment .comment_author {
  padding-top: 40px;
}

.comment_box .post_comment .comment_author .img_rounded {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  margin-right: 30px;
}

.comment_box .post_comment .comment_author .media-body {
  border-bottom: 1px solid var(--blog_social-bg);
  padding-bottom: 24px;
}

.comment_box .post_comment .comment_author .media-body .comment_info h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}

.comment_box .post_comment .comment_author .media-body .comment_info .comment_date {
  font-size: 14px;
  font-weight: 400;
  color: var(--p_color);
  margin-bottom: 15px;
}

.comment_box .post_comment .comment_author .media-body .comment_reply {
  font-size: 14px;
  font-weight: 500;
  color: var(--h_title);
  transition: all 0.2s linear;
}

.comment_box .post_comment .comment_author .media-body .comment_reply i {
  vertical-align: middle;
  font-size: 18px;
  position: relative;
  top: -2px;
  padding-right: 5px;
}

.comment_box .post_comment .comment_author .media-body .comment_reply:hover {
  color: var(--main-color);
}

.comment_box .post_comment .reply_comment {
  padding-left: 80px;
}

.blog_comment_box {
  padding-top: 80px;
}

.blog_comment_box p {
  margin-bottom: 0;
}

.blog_comment_box .get_quote_form {
  padding-top: 40px;
}

.blog_comment_box .get_quote_form .form-group {
  margin-bottom: 30px;
}

.blog_comment_box .get_quote_form .form-group .form-control {
  height: 60px;
  border-radius: 4px;
  border: 1px solid var(--blog_comment_box-border);
  font-size: 14px;
  line-height: 1.4;
  padding-left: 30px;
}

.blog_comment_box .get_quote_form .form-group .form-control.placeholder {
  color: var(--p_color);
}

.blog_comment_box .get_quote_form .form-group .form-control:-moz-placeholder {
  color: var(--p_color);
}

.blog_comment_box .get_quote_form .form-group .form-control::-moz-placeholder {
  color: var(--p_color);
}

.blog_comment_box .get_quote_form .form-group .form-control::-webkit-input-placeholder {
  color: var(--p_color);
}

.blog_comment_box .get_quote_form .form-group .form-control:focus {
  box-shadow: 0 20px 30px 0 rgba(4, 73, 89, 0.1);
  border-color: var(--contact-form-textarea);
}

.blog_comment_box .get_quote_form .form-group .form-control.message {
  height: 160px;
  padding-top: 22px;
}

.blog_comment_box .get_quote_form .thm_btn {
  padding: 12px 35px;
  box-shadow: none;
}

.blog_comment_box .get_quote_form .thm_btn:hover {
  box-shadow: 0 20px 30px 0 rgba(12, 118, 142, 0.24);
}

.blog_related_post {
  padding-top: 80px;
}

.blog_related_post .c_head {
  margin-bottom: 45px;
}

.blog_related_post .row {
  margin-bottom: -40px;
}

.blog_related_post .blog_grid_post {
  box-shadow: none;
}

.blog_related_post .blog_grid_post img {
  border-radius: 4px;
  /* width: 370px; */
  /* height: 220px; */
  max-width: 100%;
}

.blog_related_post .grid_post_content {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.blog_related_post .grid_post_content .post_tag {
  padding-bottom: 4px;
}

.blog_related_post .grid_post_content .b_title {
  font-size: 18px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.blog_related_post .grid_post_content p {
  margin-bottom: 0;
}

/*=============== End Css ======= */
/*=========== Start blog_sidebar css ==========*/
.widget .c_head {
  margin-bottom: 35px;
}

.widget+.widget {
  margin-top: 53px;
}

.widget>ul.list-unstyled {
  margin-top: -10px;
}

.about_widget .img {
  border: 1px solid var(--blog_social-border);
  padding: 8px;
  border-radius: 4px;
}

.about_widget .img img {
  width: 330px;
  height: 250px;
  /* max-width: 100%; */
}

.about_widget .text {
  padding-top: 28px;
}

.about_widget .text h3 {
  font-family: var(--great);
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 12px;
}

.about_widget .text p {
  margin-bottom: 0;
}

.categorie_list {
  margin-bottom: 0;
}

.categorie_list li a {
  font-size: 16px;
  font-weight: 400;
  color: var(--h_title);
  position: relative;
  padding-left: 20px;
}

.categorie_list li a:before {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--category-border);
  position: absolute;
  left: 0;
  top: 6.5px;
}

.categorie_list li a span {
  padding-left: 10px;
}

.categorie_list li a:hover {
  color: var(--main-color);
}

.categorie_list li a:hover:before {
  background: var(--main-color);
}

.categorie_list li+li {
  margin-top: 8px;
}

.recent_post_item {
  align-items: center;
}

.recent_post_item img {
  border-radius: 4px;
  margin-right: 20px;
}

.recent_post_item .media-body h5 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  transition: color 0.2s linear;
}

.recent_post_item .media-body h5:hover {
  color: var(--main-color);
}

.recent_post_item .media-body .entry_post_date {
  font-size: 14px;
  color: var(--p_color);
}

.recent_post_item+.recent_post_item {
  margin-top: 20px;
}

.w_tag_list {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}

.w_tag_list li {
  margin: 4px;
}

.w_tag_list li a {
  color: var(--p_color);
  padding: 2px 18px;
  display: inline-block;
  background: var(--blockquote);
  font-size: 14px;
  border-radius: 4px;
  transition: all 0.2s linear;
}

.w_tag_list li a:hover {
  box-shadow: 0 10px 20px 0 rgba(12, 118, 142, 0.24);
  background: var(--main-color);
  color: var(--track-bg-color);
}

.comments_widget {
  margin-bottom: 0;
}

.comments_widget li h6 {
  font-size: 13px;
  font-weight: 500;
  color: var(--h_title);
  margin-bottom: 12px;
}

.comments_widget li h6 i {
  color: var(--p_color);
  padding-right: 8px;
}

.comments_widget li .text {
  display: block;
  background-color: var(--blockquote);
  border: 1px solid var(--comments_widget-border);
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--comments_widget-color);
  padding: 8px 24px;
}

.comments_widget li+li {
  margin-top: 23px;
}

.instragram_info {
  margin: -5px;
  display: flex;
  flex-wrap: wrap;
}

.instragram_info .instragram_item {
  display: block;
  margin: 5px;
  position: relative;
  z-index: 0;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.1s linear;
  width: calc(90% / 3);
}

.instragram_info .instragram_item img {
  max-width: 100%;
}

.instragram_info .instragram_item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(29, 39, 70, 0.5);
  z-index: 0;
  opacity: 0;
  transition: all 0.2s linear;
}

.instragram_info .instragram_item:hover:before {
  opacity: 1;
}

/*=========== End blog_sidebar css ==========*/

/* Fun Fact Style Two */
.active-animation .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  animation: dash 5s ease-in-out forwards;
}

@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }

  to {
    stroke-dashoffset: 0;
  }
}

.funfact-area {
  padding: 115px 0 90px;
  background-image: linear-gradient(35deg, #f5fdff 0%, var(--secondary-color) 100%);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

.funfact-area .smile {
  position: absolute;
  width: 200px;
  height: 200px;
  right: 95px;
  top: -25px;
}

.funfact-boxes {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 992px) {
  .funfact-boxes {
    flex-wrap: wrap;
    justify-content: center;
    width: calc(100% + 30px);
  }
}

@media (max-width: 420px) {
  .funfact-boxes {
    width: calc(100% + 15px);
  }
}

.funfact-boxes .funfact-box {
  border-radius: 10px;
  background: var(--primary-color);
  box-shadow: 0px 50px 80px 0px rgba(2, 47, 57, 0.12);
  min-width: 180px;
  padding: 30px 25px 20px;
  margin-bottom: 30px;
}

@media (max-width: 992px) {
  .funfact-boxes .funfact-box {
    width: calc(33.33% - 30px);
    margin-right: 30px;
  }
}

@media (max-width: 420px) {
  .funfact-boxes .funfact-box {
    width: calc(50% - 15px);
    margin-right: 15px;
  }
}

.funfact-boxes .funfact-box .fanfact-icon {
  margin-bottom: 20px;
}

.funfact-boxes .funfact-box .fanfact-icon i {
  -webkit-filter: drop-shadow(0px 20px 40px var(--funfact-box));
  filter: drop-shadow(0px 20px 40px var(--funfact-box));
}

.funfact-boxes .funfact-box .fanfact-icon .user-card {
  color: var(--track-bg-color);
}

.funfact-boxes .funfact-box .counter {
  font-size: 35px;
  font-weight: 500;
  color: var(--track-bg-color);
  margin-bottom: 10px;
}

.funfact-boxes .funfact-box .title {
  color: var(--track-bg-color);
  font-size: 18px;
  margin: 0;
  line-height: 26px;
}

.funfact-boxes .funfact-box.color-two .fanfact-icon .article-card {
  color: var(--track-bg-color);
}

.funfact-boxes .funfact-box.color-two .counter {
  color: var(--track-bg-color);
}

.funfact-boxes .funfact-box.color-three .fanfact-icon .ticket-card {
  color: var(--track-bg-color);
}

.funfact-boxes .funfact-box.color-three .counter {
  color: var(--track-bg-color);
}

.funfact-boxes .funfact-box.color-four .fanfact-icon .reply-card {
  color: var(--track-bg-color);
}

.funfact-boxes .funfact-box.color-four .counter {
  color: var(--track-bg-color);
}

.funfact-boxes .funfact-box.color-five .counter {
  color: var(--track-bg-color);
}

.funfact-boxes .funfact-box.color-five .fanfact-icon .faq-card {
  color: var(--track-bg-color);
}

/*============== End doc_fun_fact_area css =============*/
/*============== Start doc_faq_area css =============*/
.doc_faq_area .doc_tag {
  margin-bottom: 50px;
}

.doc_faq_info .card {
  border-radius: 4px;
  background: var(--track-bg-color);
  box-shadow: 0 20px 50px 0 rgba(4, 73, 89, 0.1);
  border: 0;
  margin-bottom: 30px;
}

.doc_faq_info .card .card-header {
  padding: 0;
  margin: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
}

.doc_faq_info .card .card-header h2 button {
  display: block;
  text-align: left;
  width: 100%;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  color: var(--secondary-color);
  text-decoration: none;
  padding: 19px 40px 19px 30px;
  position: relative;
}

.doc_faq_info .card .card-header h2 button i {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  display: none;
}

.doc_faq_info .card .card-header h2 button i+i {
  display: block;
}

.doc_faq_info .card .card-header h2 button.collapsed {
  color: var(--h_title);
}

.doc_faq_info .card .card-header h2 button.collapsed i {
  display: block;
}

.doc_faq_info .card .card-header h2 button.collapsed i+i {
  display: none;
}

.doc_faq_info .card .card-body {
  border: 0;
  line-height: 24px;
  padding: 0 30px 35px;
}

.doc_faq_info .card.active {
  position: relative;
  z-index: 1;
}
.fact_navigation_info {
  border-radius: 4px;
  background-color: var(--track-bg-color);
  box-shadow: 0 20px 40px 0 rgba(4, 73, 89, 0.1);
  padding: 40px 40px 28px;
}

.fact_navigation {
  border: 0;
  padding-top: 8px;
  margin: 0;
}
.fact_navigation .nav-item {
  display: block;
  width: 100%;
  padding: 12px 0;
}
.fact_navigation .nav-item .nav-link {
  display: block;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  color: rgba(235, 139, 30, 0.5);
  position: relative;
  padding-left: 28px;
  border: 0;
  border-radius: 0;
  transition: all 0.2s linear;
}
.fact_navigation .nav-item .nav-link:before {
  /* content: "5"; */
  font-family: var(--font-famaily);
  font-size: 20px;
  position: absolute;
  right: 0;
}
.fact_navigation .nav-item .nav-link i {
  position: absolute;
  left: 0;
  top: 2px;
}
.fact_navigation .nav-item .nav-link.active, .fact_navigation .nav-item .nav-link:hover {
  color: var(--secondary-color);
}
.fact_navigation .nav-item .nav-link.active:before, .fact_navigation .nav-item .nav-link:hover:before {
  color: var(--secondary-color);
}
.fact_navigation .nav-item + li {
  border-top: 1px solid #e6eeef;
}


/*============== End doc_faq_area css =============*/
/*============ Start doc_action_area css ==========*/
.doc_action_area {
  position: relative;
  z-index: 1;
  padding: 93px 0;
}

.doc_action_area .overlay_bg {
  background-image: linear-gradient(180deg, rgba(139, 152, 224, 0.6) 0%, rgba(5, 33, 70, 0.6) 100%);
}

.overlay_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(9, 19, 50, 0.8);
}

.doc_action_area .action_btn {
  border: 1px solid var(--secondary-color);
}

.doc_action_area .action_btn:hover {
  background: transparent;
  border-color: var(--track-bg-color);
  background-color: var(--track-bg-color);
  color: var(--secondary-color);
}

.action_text h2 {
  color: var(--track-bg-color);
  font-size: 40px;
  font-weight: 500;
}

.action_text p {
  font-size: 18px;
  line-height: 28px;
  color: var(--action_text-color);
  margin-bottom: 0;
}

/****** Ticket Community Area ----------- */
.community-posts-area {
  background-color: var(--track-bg-color);
  padding: 80px 0 50px;
}

.community-posts-area .section_title {
  margin-bottom: 73px;
}

.community-post {
  border-radius: 6px;
  background-color: var(--track-bg-color);
  box-shadow: 0 2px 8px 0 rgba(2, 47, 57, 0.1);
  padding: 23px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  transition: all 0.3s ease-in-out;
  border: 1px solid transparent;
}

.community-post.forum-item {
  padding: 23px 15px;
}

.community-post.forum-item .post-content p {
  font-size: 14px;
  line-height: 1.3;
}

@media (max-width: 667px) {
  .community-post {
    display: block;
  }
}

@media (max-width: 420px) {
  .community-post {
    padding: 20px 15px;
  }
}

.community-post:hover {
  box-shadow: 0 24px 40px 0 rgba(2, 47, 57, 0.12);
  border-color: var(--community-post-hoverr);
  transform: translateX(10px);
}

.community-post .post-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.community-post .post-content .author-avatar {
  width: 40px;
  margin-right: 25px;
  border-radius: 50%;
  overflow: hidden;
  height: 40px;
}

.community-post .post-content .author-avatar.forum-icon {
  border-radius: 0;
}

.community-post .post-content .author-avatar.forum-icon img {
  padding: 2px;
}

.community-post .post-content .author-avatar img {
  max-width: 40px;
}

@media (max-width: 667px) {
  .community-post .post-content .author-avatar {
    margin-right: 20px;
  }
}

@media (max-width: 420px) {
  .community-post .post-content .author-avatar {
    margin-right: 15px;
  }
}

.community-post .post-content .entry-content {
  flex: 2;
}

.community-post .post-content .entry-content .post-title {
  font-size: 18px;
  font-weight: 500;
  color: var(--h_title);
  margin-bottom: 0;
  line-height: 1.7;
}

.community-post .post-content .entry-content .post-title a {
  color: var(--h_title);
}

.community-post .post-content .entry-content .post-title a:hover {
  color: var(--secondary-color);
}

.community-post .post-content .entry-content p {
  margin: 0;
}

@media (max-width: 667px) {
  .community-post .post-meta-wrapper {
    margin-top: 15px;
    margin-left: 70px;
  }
}

.community-post .post-meta-wrapper .post-meta-info {
  margin: 0;
  padding: 0;
  list-style: none;
}

.community-post .post-meta-wrapper .post-meta-info li {
  display: inline-block;
}

.community-post .post-meta-wrapper .post-meta-info li:not(:last-child) {
  margin-right: 50px;
}

@media (max-width: 991px) {
  .community-post .post-meta-wrapper .post-meta-info li:not(:last-child) {
    margin-right: 20px;
  }
}

.community-post .post-meta-wrapper .post-meta-info li a {
  display: block;
  color: var(--community-post-li);
}

.community-post .post-meta-wrapper .post-meta-info li a i {
  margin-right: 10px;
}

.community-post .post-meta-wrapper .post-meta-info li a:hover {
  color: var(--main-color);
}

.community-post.style-two {
  margin-bottom: 0;
  border-radius: 0;
  box-shadow: none;
  position: relative;
}

.community-post.style-two:not(:last-child) {
  border-bottom: 1px solid var(--community-post-border);
}

.community-post.style-two .entry-content .post-title {
  font-size: 16px;
}

.community-post.style-two .post-meta-wrapper .post-meta-info li:not(:last-child) {
  margin-right: 30px;
}

.community-post.style-two .post-meta-wrapper .post-meta-info li i {
  transition: all 0.3s ease-in-out;
}

.community-post.style-two .post-meta-wrapper .post-meta-info li:nth-child(2):hover a {
  color: var(--community-post-style);
}

.community-post.style-two .post-meta-wrapper .post-meta-info li:nth-child(2):hover i {
  color: var(--post-style-color);
}

.community-post.style-two .post-content .entry-content .post-title {
  display: inline-block;
  margin-right: 10px;
}

.community-post.style-two .post-content .com-featured {
  position: absolute;
  right: 0;
  top: -2px;
  height: 30px;
  width: 30px;
  z-index: 2;
  text-align: center;
  color: var(--track-bg-color);
  padding: 0 15px;
}

.community-post.style-two .post-content .com-featured i {
  z-index: 22;
  position: relative;
  font-size: 14px;
}

.community-post.style-two .post-content .com-featured:after {
  content: "";
  top: 0;
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 0 solid transparent;
  border-top: 30px solid var(--community-post-style-border);
  z-index: 1;
}

.community-post.style-two .post-content .cat-wrap {
  display: inline-block;
  vertical-align: 3px;
}

.community-post.style-two .meta {
  margin: 0;
  padding: 0;
  list-style: none;
}

.community-post.style-two .meta li {
  display: inline-block;
  margin-right: 15px;
  color: var(--community-post-color);
  font-size: 14px;
}

.community-post.style-two .meta li img {
  display: inline-block;
  vertical-align: -2px;
}

.community-post.style-two .meta li i,
.community-post.style-two .meta li img {
  margin-right: 10px;
  font-size: 14px;
}

.community-post.style-two .meta li a {
  font-size: 14px;
  color: var(--community-post-color);
}

.community-post.style-two .meta li a:hover {
  color: var(--main-color);
}

.community-post.style-two:hover {
  background: var(--community-post-bg);
  transform: translateX(0);
  box-shadow: none;
  border-color: var(--community-post-bg);
}

.tab_shortcode .nav-tabs {
  border: 0;
}

.tab_shortcode .nav-tabs .nav-item .nav-link {
  font-size: 16px;
  font-weight: 500;
  color: var(--primary-color);
  border-radius: 0;
  padding: 9px 20px;
  background: var(--track-bg-color);
  border: 0;
  border-left: 1px solid #dbe1e4;
  position: relative;
}

.tab_shortcode .nav-tabs .nav-item .nav-link:before {
  content: "";
  width: 0;
  height: 2.1px;
  background: var(--primary-color);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: width 0.2s linear;
}

.tab_shortcode .nav-tabs .nav-item .nav-link.active {
  font-weight: 500;
  background: var(--track-bg-color);
  color: var(--primary-color);
}

.tab_shortcode .nav-tabs .nav-item .nav-link.active:before {
  opacity: 1;
  width: 100%;
}

.tab_shortcode .nav-tabs .nav-item:last-child .nav-link {
  border-right: 1px solid #dbe1e4;
}

.tab_shortcode .tab-content {
  color: var(--p_color);
  padding: 25px 30px;
  border: 1px solid #dbe1e4;
  border-radius: 5px;
  border-top-left-radius: 0;
}

.tab_shortcode {
  margin-bottom: 30px;
}

/* .button-container .all_doc_btn {
  margin-top: 40px;
} */

.pagination-wrapper {
  background: var(--track-bg-color);
  padding: 23px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  border-radius: 6px;
  box-shadow: 0 3px 6px 0 rgba(4, 73, 89, 0.06);
}

@media (max-width: 768px) {
  .pagination-wrapper {
    display: block;
    text-align: center;
  }

  .pagination-wrapper .view-post-of {
    margin-bottom: 20px;
  }
}

.pagination-wrapper p {
  margin: 0;
}

.pagination-wrapper .post-pagination {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 768px) {
  .pagination-wrapper .post-pagination {
    margin-top: 30px;
  }
}

.pagination-wrapper .post-pagination li {
  display: inline-block;
}

.pagination-wrapper .post-pagination li.pegi-disable {
  display: none;
}

.pagination-wrapper .post-pagination li:not(:last-child) {
  margin-right: 3px;
}

.pagination-wrapper .post-pagination li a {
  display: block;
  color: var(--p_color);
  height: 35px;
  width: 35px;
  text-align: center;
  line-height: 35px;
  background: var(--pagination-wrapper-bg);
  border-radius: 3px;
}

.pagination-wrapper .post-pagination li a:hover,
.pagination-wrapper .post-pagination li a.active {
  background: var(--primary-color);
  color: var(--track-bg-color);
}

@keyframes slideDown {
  0% {
    transform: translate3d(0, 15px, 0);
  }

  100% {
    transform: translate3d(0, 23px, 0);
  }
}

.doc_border_btn.border-light {
  border-color: var(--primary-color) !important;
}

.doc_border_btn.border-light svg {
  margin-left: 8px;
  vertical-align: 0;
  transition: all 0.3s ease-in-out;
}

.doc_border_btn.border-light:hover {
  border-color: var(--primary-color) !important;
}

.doc_border_btn.border-light:hover svg path {
  fill: var(--track-bg-color);
}

.all_doc_btn {
  padding: 10px 40px;
  margin-top: 30px;
}

.cancel_btn {
  padding: 10px 40px;
}

/*============ Start doc_feedback_area css ==========*/
/*============ Start doc_feedback_area css ==========*/
.doc_feedback_area {
  position: relative;
  z-index: 1;
  padding: 110px 0;
}

.overlay_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(9, 19, 50, 0.8);
}

.doc_feedback_info {
  position: relative;
}

.slider_nav .arrow {
  width: 25px;
  height: 2px;
  background: var(--slider_nav-bg);
  transition: all 0.3s ease-in-out;
  display: block;
  margin-top: 12px;
}

.slider_nav .arrow:before,
.slider_nav .arrow:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  left: -2px;
  background-color: var(--slider_nav-after-bg);
  transition: all 0.3s ease-in-out;
}

.slider_nav .prev,
.slider_nav .next {
  height: 25px;
  width: 27px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.slider_nav .prev:hover,
.slider_nav .next:hover {
  width: 40px;
}

.slider_nav .prev:hover .arrow,
.slider_nav .next:hover .arrow {
  width: 40px;
  background: var(--main-color);
}

.slider_nav .prev:hover .arrow:before,
.slider_nav .prev:hover .arrow:after,
.slider_nav .next:hover .arrow:before,
.slider_nav .next:hover .arrow:after {
  background: var(--main-color);
}

.slider_nav .prev {
  left: 0;
}

.slider_nav .prev .arrow:before {
  top: 17px;
  transform: rotate(45deg);
}

.slider_nav .prev .arrow:after {
  top: 7px;
  transform: rotate(-45deg);
}

.slider_nav .prev:hover {
  left: -20px;
}

.slider_nav .next {
  right: 0;
}

.slider_nav .next .arrow:before {
  transform: rotate(-45deg);
  right: -1px;
  left: auto;
  bottom: 6px;
}

.slider_nav .next .arrow:after {
  transform: rotate(45deg);
  right: -1px;
  left: auto;
  top: 6px;
}

.slider_nav .next:hover {
  right: -20px;
}

.doc_feedback_slider {
  max-width: 770px;
  margin: 0 auto 0 !important;
  text-align: center;
}

.doc_feedback_slider .item .author_img {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  overflow: hidden;
  margin: 0 auto 43px;
}

.doc_feedback_slider .item p {
  font-size: 18px;
  color: var(--track-bg-color);
  line-height: 30px;
  margin-bottom: 38px;
}

.doc_feedback_slider .item h5 {
  font-size: 20px;
  font-weight: 500;
  color: var(--track-bg-color);
}

.doc_feedback_slider .item h6 {
  font-size: 16px;
  color: var(--slider_nav-bg);
  font-weight: 400;
  margin-bottom: 0;
}

/*============ End doc_feedback_area css ==========*/
.post-header {
  display: flex;
  justify-content: space-between;
  background: var(--post-header-bg);
  padding: 17px 30px;
  border: 1px solid var(--post-header-border);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.post-header.forums-header {
  padding: 17px 15px;
  display: flex;
  text-align: left;
}

@media (max-width: 768px) {
  .post-header {
    display: block;
    text-align: center;
  }
}

@media (max-width: 576px) {
  .post-header {
    padding: 15px;
  }
}

.post-header .support-total-info {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 768px) {
  .post-header .support-total-info {
    margin-bottom: 20px;
  }
}

.post-header .support-total-info li {
  display: inline-block;
  font-size: 14px;
}

.post-header .support-total-info li.open-ticket {
  color: var(--h_title);
  font-weight: 500;
}

.post-header .support-total-info li.close-ticket a {
  color: var(--p_color);
}

.post-header .support-total-info li a {
  font-size: 14px;
  font-weight: 500;
}

.post-header .support-total-info li a:hover {
  color: var(--main-color);
}

.post-header .support-total-info li:not(:last-child) {
  margin-right: 20px;
}

.post-header .support-total-info li i {
  color: var(--community-post-style-border);
  margin-right: 10px;
  vertical-align: -2px;
}

.post-header .support-total-info li:nth-child(1) i {
  color: var(--post-header-li);
}

.post-header .category-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.post-header .category-menu li {
  display: inline-block;
}

.post-header .category-menu li .dropdown-menu {
  top: 12px !important;
  transform: translate3d(0, 23px, 0) !important;
}

.post-header .category-menu li:not(:last-child) {
  margin-right: 10px;
}

@media (max-width: 546px) {
  .post-header .category-menu li:not(:last-child) {
    margin-right: 0;
  }
}

.post-header .category-menu li:nth-child(4) .dropdown-menu,
.post-header .category-menu li:nth-child(3) .dropdown-menu {
  right: -11px;
  left: auto !important;
}

@media (max-width: 380px) {
  .post-header .category-menu li:nth-child(4) .dropdown-menu {
    width: 190px;
  }
}

.post-header .category-menu li:nth-child(3) .title:before,
.post-header .category-menu li:nth-child(3) .title:after {
  right: 40px;
}

.post-header .category-menu li:nth-child(1) .title:before,
.post-header .category-menu li:nth-child(1) .title:after {
  right: auto;
  left: 30px;
}

.post-header .category-menu li:nth-child(2) .title:before,
.post-header .category-menu li:nth-child(2) .title:after {
  right: auto;
  left: 25px;
}

.post-header .category-menu .dropdown-toggle {
  position: relative;
  background: transparent;
  box-shadow: none;
  border: 0;
  color: var(--p_color);
  padding: 0 15px;
  font-size: 14px;
}

.post-header .category-menu .dropdown-toggle:after {
  content: "3";
  font-family: var(--nav-item-font);
  border: 0;
  position: absolute;
  top: 50%;
  right: -5px;
  transform: translateY(-58%);
}

.post-header .category-menu .btn-secondary:not(:disabled):not(.disabled).active,
.post-header .category-menu .btn-secondary:not(:disabled):not(.disabled):active,
.post-header .category-menu .show>.btn-secondary.dropdown-toggle {
  background-color: transparent;
  border: none;
  color: var(--p_color);
  box-shadow: none;
}

.post-header .category-menu .dropdown-menu {
  border: 1px solid var(--nav-border);
  background: var(--track-bg-color);
  box-shadow: 0 30px 40px 0 rgba(4, 73, 89, 0.1);
  padding: 0;
  width: 260px;
  animation: slideDown 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards;
}

@media (max-width: 576px) {
  .post-header .category-menu .dropdown-menu {
    width: 210px;
  }
}

.post-header .category-menu .title {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  background: var(--post-header-bg);
  border-bottom: 1px solid var(--nav-border);
  padding: 14px 20px 11px;
  line-height: 1;
  color: var(--p_color);
  position: relative;
}

.post-header .category-menu .title:before {
  content: "";
  height: 16px;
  width: 16px;
  background: var(--nav-border);
  position: absolute;
  right: 30px;
  transform: rotate(45deg);
  top: -8px;
}

.post-header .category-menu .title:after {
  content: "";
  height: 16px;
  width: 16px;
  background: var(--post-header-bg);
  position: absolute;
  right: 30px;
  transform: rotate(45deg);
  top: -6px;
}

.post-header .category-menu .cate-search-form {
  padding: 0 20px;
  margin-top: 10px;
}

.post-header .category-menu .cate-search-form input {
  width: 100%;
  background: var(--category-menu-bg);
  border: 2px solid var(--category-menu-border);
  border-radius: 4px;
  padding: 6px 20px;
  font-size: 14px;
}

.post-header .category-menu .cate-search-form input::placeholder {
  color: var(--category-menu-color);
}

.post-header .category-menu .cate-search-form input:focus {
  background: var(--track-bg-color);
}

.post-header .category-menu .all-users {
  font-size: 14px;
  padding: 12px 22px;
  border-bottom: 1px solid var(--nav-border);
  font-weight: 500;
  color: var(--p_color);
}

.post-header .category-menu .all-users a {
  padding: 7px 0;
  color: var(--community-post-color);
}

.post-header .category-menu .all-users a span {
  border-radius: 4px;
  width: 16px;
  height: 16px;
  background: var(--category-menu-span);
  display: inline-block;
  margin-right: 10px;
  vertical-align: -3px;
}

.post-header .category-menu .all-users a span.color-pupple {
  background: var(--category-menu-purple);
}

.post-header .category-menu .all-users a span.color-yellow {
  background: var(--category-menu-yellow);
}

.post-header .category-menu .all-users a span.color-ass {
  background: var(--category-menu-ass);
}

.post-header .category-menu .all-users a span.color-green {
  background: var(--category-menu-green);
}

.post-header .category-menu .all-users a span.color-orange {
  background: var(--category-menu-orange);
}

.post-header .category-menu .all-users a span.color-light-green {
  background: var(--category-menu-light-green);
}

.post-header .category-menu .all-users a:not(:last-child) {
  border-bottom: 1px solid var(--nav-border);
}

.post-header .category-menu .all-users a img {
  width: 20px;
  margin-right: 10px;
  display: inline-block;
}

.post-header .category-menu .all-users a:hover,
.post-header .category-menu .all-users a:focus {
  background: transparent;
  color: var(--h_title);
}

.post-header .category-menu .short-by {
  padding: 10px 20px;
}

.post-header .category-menu .short-by a {
  padding: 7px 0 7px 20px;
  position: relative;
  color: var(--community-post-color);
  font-size: 14px;
}

.post-header .category-menu .short-by a.active-short {
  color: var(--h_title);
}

.post-header .category-menu .short-by a.active-short:before {
  content: "N";
  position: absolute;
  font-family: var(--nav-item-font);
  left: 0;
  top: 7px;
  color: #0abe76;
  font-size: 14px;
}

.post-header .category-menu .short-by a:hover {
  background: transparent;
  color: var(--h_title);
}

ul.forum-titles {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
  justify-content: flex-end;
}

ul.forum-titles li {
  text-align: right;
  font-size: 14px;
}

ul.forum-titles .forum-topic-count,
ul.forum-titles .forum-reply-count {
  flex-basis: 25%;
}

ul.forum-titles .forum-freshness {
  flex-basis: 50%;
}

ul.forum-titles .forum-freshness .freshness-box {
  display: flex;
  font-size: 14px;
  line-height: 1.3;
  flex-direction: column;
}

ul.forum-titles .forum-freshness .freshness-box a {
  color: var(--p_color);
}

ul.forum-titles .forum-freshness .freshness-box a:hover {
  color: var(--main-color);
}

ul.forum-titles .forum-freshness .freshness-box .freshness-btm {
  display: flex;
  justify-content: flex-end;
  padding-top: 5px;
  align-items: center;
}

ul.forum-titles .forum-freshness .freshness-box .freshness-btm a.bbp-author-link {
  padding-right: 10px;
}

ul.forum-titles .forum-freshness .freshness-box .freshness-btm .bbp-author-avatar img {
  max-width: 30px;
  border-radius: 50%;
}

.badge {
  font-size: 12px;
  background: var(--badge-bg);
  padding: 2px 5px 0;
  color: var(--track-bg-color);
  border-radius: 3px;
  margin-right: 5px;
  display: inline-block;
  line-height: 1.45;
  border-bottom: 1px solid var(--badge-border);
  vertical-align: middle;
  font-weight: 500;
  height: 22px;
}

.badge:hover {
  color: var(--track-bg-color);
}

.badge.color-yellow {
  background: var(--badge-color-yellow-bg);
  color: var(--h_title);
  border-color: var(--badge-color-yellow-border);
}

.badge.color-green {
  background: var(--badge-color-green-bg);
  border-color: var(--badge-color-green-border);
}

.bb-radius {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  overflow: hidden;
  box-shadow: 0 3px 6px 0 rgba(4, 73, 89, 0.06);
}

.related-communities .section_title {
  margin-bottom: 70px;
}

.dmt-4 {
  margin-top: 38px;
}

.communities-boxes {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -15px;
}

@media (max-width: 992px) {
  .communities-boxes {
    flex-wrap: wrap;
    justify-content: center;
    width: calc(100% + 30px);
  }
}

@media (max-width: 420px) {
  .communities-boxes {
    width: calc(100% + 15px);
  }
}

.communities-boxes .kbDoc-com-box {
  text-align: center;
  margin-bottom: 57px;
  width: 20%;
  flex: 0 0 205px;
}

@media (max-width: 1200px) {
  .communities-boxes .kbDoc-com-box {
    flex: 0 0 165px;
  }
}

@media (max-width: 991px) {
  .communities-boxes .kbDoc-com-box {
    flex: 0 0 180px;
  }
}

@media (max-width: 768px) {
  .communities-boxes .kbDoc-com-box {
    flex: 0 0 185px;
  }
}

@media (max-width: 420px) {
  .communities-boxes .kbDoc-com-box {
    flex: 0 0 150px;
  }
}

.communities-boxes .kbDoc-com-box .icon-container {
  border-radius: 6px;
  background: var(--track-bg-color);
  box-shadow: 0px 40px 70px 0px rgba(2, 47, 57, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  width: 100px;
  margin: 0 auto 34px;
}

.communities-boxes-ticket .kbDoc-com-box .icon-container {
  border-radius: 6px;
  background: var(--track-bg-color);
  box-shadow: 0px 40px 70px 0px rgba(2, 47, 57, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  width: 100px;
  /* margin: 0 auto 34px; */
}

.communities-boxes-ticket .kbDoc-com-box .icon-container img {
  height: 52px;
  width: 52px;
}

.communities-boxes .kbDoc-com-box .kbDoc-com-box-content .title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  color: var(--h_title);
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

.communities-boxes .kbDoc-com-box .kbDoc-com-box-content .title a {
  color: var(--h_title);
}

.communities-boxes .kbDoc-com-box .kbDoc-com-box-content .title a:hover {
  color: var(--main-color);
}

.communities-boxes .kbDoc-com-box .kbDoc-com-box-content .title:hover {
  color: var(--main-color);
}

.communities-boxes .kbDoc-com-box .kbDoc-com-box-content .total-post {
  color: var(--p_color);
  font-size: 14px;
}

.more-communities {
  padding: 22px 0;
  border-top: 1px solid #e8ecee;
}

.more-communities .collapse-btn {
  text-align: center;
  display: block;
  color: var(--main-color);
  font-weight: 500;
}

.more-communities .collapse-btn i {
  vertical-align: -1px;
}

.more-communities .collapse-btn.active i:before {
  content: "K";
}

.more-communities .collapse-wrap {
  margin-top: 80px;
  display: none;
}

.forum-page-content {
  background: var(--track-bg-color);
}

.forum-page-content .communities-boxes {
  margin: 0 -30px;
}

.answer-action {
  border-radius: 6px;
  background: var(--track-bg-color);
  box-shadow: 0px 3px 6px 0px rgba(4, 73, 89, 0.06);
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 70px;
}

@media (max-width: 768px) {
  .answer-action {
    display: block;
  }
}

.answer-action .action-content {
  display: flex;
  align-items: center;
}

.answer-action .action-content .image-wrap {
  margin-right: 30px;
}

.answer-action .action-content .ans-title {
  font-size: 20px;
  color: var(--h_title);
  font-weight: 500;
  margin-bottom: 0;
}

.answer-action .action-content p {
  margin: 0;
}

.answer-action .btn-ans {
  font-size: 16px;
  font-weight: 500;
  padding: 10px 25px;
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  transition: all 0.3s ease-in-out;
}

.answer-action .btn-ans:hover {
  background: transparent;
  background-color: var(--track-bg-color);
  color: var(--secondary-color);
}

@media (max-width: 768px) {
  .answer-action .btn-ans {
    margin-left: 130px;
    margin-top: 5px;
  }
}

.call-to-action {
  padding: 55px 0;
  background: var(--h_title);
  position: relative;
}

.call-to-action .container {
  position: relative;
}

.call-to-action .overlay-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  opacity: 0.5;
}

.call-to-action .action-content-wrapper {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 576px) {
  .call-to-action .action-content-wrapper {
    display: block;
    text-align: center;
  }
}

.call-to-action .action-content-wrapper .action-title-wrap {
  display: flex;
  align-items: center;
}

.call-to-action .action-content-wrapper .action-title-wrap img {
  padding-right: 45px;
}

.call-to-action .action-content-wrapper .action-title-wrap .action-title {
  color: var(--track-bg-color);
  font-size: 44px;
  line-height: 1.2;
  font-weight: 500;
}

@media (max-width: 991px) {
  .call-to-action .action-content-wrapper .action-title-wrap .action-title {
    font-size: 34px;
  }
}

.call-to-action .action-content-wrapper .action_btn {
  border: 1px solid var(--main-color);
  font-size: 16px;
  padding: 9px 25px;
  font-weight: 500;
}

.call-to-action .action-content-wrapper .action_btn:hover {
  background: transparent;
  border-color: var(--track-bg-color);
  color: var(--track-bg-color);
}

.status_widget .status {
  margin-bottom: 25px;
}

.status_widget .offline {
  color: var(--status_widget);
  border: 2px solid var(--status_widget-border);
  padding: 0px 13px;
  display: inline-block;
  border-radius: 4px;
  margin-left: 5px;
}

.status_widget .title-sm {
  font-size: 16px;
  color: var(--h_title);
  font-weight: 500;
  margin-bottom: 10px;
}

.status_widget .open-hours {
  margin-bottom: 30px;
}

.status_widget .open-hours p {
  margin-bottom: 0;
}

@media (min-width: 991px) {
  .status_widget .open-hours p {
    max-width: 240px;
  }
}

.status_widget .current-time {
  margin-top: 28px;
}

.status_widget .current-time:after {
  content: "";
  display: block;
  clear: both;
}

.status_widget .current-time li {
  float: left;
  width: 50%;
}

.w_tag_list.style-light li a {
  background: #f0f2f5;
}

.w_tag_list.style-light li a:hover {
  background: #e1f3f7;
  color: var(--main-color);
  box-shadow: none;
}

.usefull-links {
  margin: 0;
  padding: 0;
  list-style: none;
}

.usefull-links li {
  padding: 7px 0;
}

.usefull-links li i {
  margin-right: 10px;
}

.usefull-links li a {
  color: var(--p_color);
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
}

.usefull-links li a:hover {
  color: var(--main-color);
}

.ticket_categories li {
  padding: 12px 0 10px;
  position: relative;
}

.ticket_categories li:not(:last-child) {
  border-bottom: 1px solid #e4e7e9;
}

.ticket_categories li img {
  margin-right: 10px;
  margin-bottom: 5px;
}

.ticket_categories li a {
  font-size: 16px;
  color: var(--h_title);
}

.ticket_categories li a:hover {
  color: var(--main-color);
}

.ticket_categories li .count {
  position: absolute;
  right: 0;
  background: #ebedf0;
  padding: 4px 7px 2px;
  border-radius: 10px;
  color: var(--community-post-color);
  font-size: 14px;
  display: inline-block;
  line-height: 1;
}

.ticket_categories li .count.count-fill {
  right: 35px;
  background: #0abe76;
  color: var(--track-bg-color);
}

/*Ticket Detail Area ---*/
.forum-post-top {
  display: flex;
}

.forum-post-top .author-avatar img {
  border-radius: 50%;
  margin-right: 15px;
}

.forum-post-top .author-avatar img {
  width: 50px;
  height: 50px;
}

.forum-post-top .forum-post-author .author-name {
  font-size: 20px;
  font-weight: 500;
  color: var(--h_title);
}

.forum-post-top .forum-post-author .author-name:hover {
  color: var(--main-color);
}

.forum-post-top .forum-post-author .forum-author-meta {
  display: flex;
}

.forum-post-top .forum-post-author .forum-author-meta span,
.forum-post-top .forum-post-author .forum-author-meta a {
  color: var(--community-post-color);
  font-size: 14px;
}

.forum-post-top .forum-post-author .forum-author-meta a:hover {
  color: var(--main-color);
}

.forum-post-top .forum-post-author .forum-author-meta .author-badge svg {
  margin-top: -5px;
  margin-right: 5px;
}

.forum-post-top .forum-post-author .forum-author-meta .author-badge i {
  margin-right: 5px;
  color: var(--community-post-color);
}

.forum-post-top .forum-post-author .forum-author-meta .author-badge:first-child {
  margin-right: 20px;
}
.forum-post-author {
  display: flex;
  justify-content: space-between;
  align-items: center; /* Optional: aligns items vertically centered */
}
.author-badge {
  display: flex;
  align-items: center;
}

.action-button-container {
  display: flex;
  justify-content: flex-end;
}

.action-button-container.action-btns {
  justify-content: flex-start;
  margin-top: 30px;
}

.action-button-container.action-btns .action_btn {
  height: 35px;
  font-size: 16px;
  line-height: 30px;
  padding: 0 15px;
  font-weight: 500;
}

.action-button-container .ask-btn {
  font-size: 16px;
  font-weight: 500;
  padding: 10px 25px;
  box-shadow: none;
  border: 1px solid var(--secondary-color);
  /* box-shadow: none;
  font-size: 16px;
  font-weight: 500;
  padding: 8px 28px;
  margin-top: 2px; */
}

.action-button-container .ask-btn:hover {
  background: var(--track-bg-color);
  color: var(--secondary-color);
}

.action-button-container .reply-btn {
  margin-right: 10px;
}

.action-button-container .too-btn {
  background: var(--track-bg-color);
  border: 1px solid #d0d8dc;
  color: var(--h_title);
}

.action-button-container .too-btn:hover {
  background: var(--track-bg-color);
  border: 1px solid var(--h_title);
  color: var(--h_title);
}

.q-title {
  display: flex;
  padding: 40px 15px 15px 0;
}

.q-title h1 {
  font-size: 26px;
  color: var(--h_title);
  line-height: 1.4;
}

.q-title .badge {
  margin-left: 10px;
  line-height: 1.4;
  margin-top: 5px;
}

.forum-post-content {
  padding-left: 62px;
}

.forum-post-content .forum-post-btm {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e8ecee;
  padding-bottom: 20px;
  padding-top: 30px;
}

.forum-post-content .forum-post-btm .taxonomy {
  font-size: 14px;
}

.forum-post-content .forum-post-btm .taxonomy i,
.forum-post-content .forum-post-btm .taxonomy img {
  margin-right: 10px;
}

.forum-post-content .forum-post-btm .taxonomy a {
  color: var(--community-post-color);
}

.forum-post-content .forum-post-btm .taxonomy a:hover {
  color: var(--main-color);
}

.forum-post-content .forum-post-btm .taxonomy a+a {
  padding-right: 2px;
}

.question-icon {
  font-size: 50px;
  color: var(--h_title);
  margin-right: 15px;
  font-weight: 600;
}

/** Ticket Detail Comment /Reply Area -------------*/
.best-answer {
  background: #f1fdf3;
  padding: 30px 40px 30px 30px;
  margin-top: 60px;
  border-radius: 6px;
}

.best-answer .accepted-ans-mark {
  color: #0abe76;
  font-size: 14px;
  text-align: right;
}

.best-answer .accepted-ans-mark i {
  padding-right: 5px;
}

.best-answer .best-ans-content {
  margin-top: 30px;
}

.best-answer .best-ans-content .question-icon {
  margin-top: 10px;
  margin-right: 20px;
}

.best-answer .best-ans-content p {
  font-size: 15px;
}

.best-answer .best-ans-content p:last-child {
  margin-bottom: 0;
}

.all-answers {
  margin-top: 60px;
}

.all-answers .title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}

.all-answers .filter-bar {
  background: var(--post-header-bg);
  border: 1px solid var(--post-header-border);
  padding: 10px 30px;
  justify-content: space-between;
  border-radius: 4px;
}

.all-answers .filter-bar .custom-select {
  box-shadow: none;
}

.all-answers .filter-bar .custom-select:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem transparent;
  border: none;
}

.all-answers .filter-bar .custom-select::after {
  border-bottom: 1px solid var(--p_color);
  border-right: 1px solid var(--p_color);
  height: 6px;
  width: 6px;
  right: 5px;
}

.all-answers .filter-bar p {
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 14px;
  color: var(--p_color);
}

.all-answers .filter-bar .nice-select {
  background: var(--post-header-bg);
  height: 100%;
  border: 0;
  padding: 0 25px 0 0;
}

.all-answers .filter-bar .nice-select .list {
  width: 100px;
}

.all-answers .filter-bar .nice-select::-ms-expand {
  display: none;
}

.all-answers .forum-comment {
  margin-top: 30px;
}

.all-answers .forum-comment .comment-content {
  margin-left: 60px;
  margin-top: 10px;
  border-bottom: 1px solid #e8ecee;
  padding-bottom: 28px;
}

.all-answers .forum-comment .comment-content p {
  font-size: 14px;
  line-height: 1.6;
}

.all-answers .forum-comment .comment-content p:last-child {
  margin-bottom: 0;
}

.all-answers .forum-comment .comment-content .action-btns {
  margin-top: 20px;
  transition: all 1s ease-in;
}

.all-answers .pagination-wrapper {
  background: transparent;
  box-shadow: none;
  margin-top: 15px;
}

/*============ Create Ticket Area Css====*/
.thrid_pad {
  padding: 50px 0;
}

.ticket_box p {
  margin-bottom: 0;
}

.ticket_box .get_quote_form .form-group .form-control {
  height: 60px;
  border-radius: 4px;
  border: 1px solid var(--blog_comment_box-border);
  font-size: 14px;
  line-height: 1.4;
  padding-left: 30px;
}

.ticket_box .get_quote_form .form-group .form-control.placeholder {
  color: var(--p_color);
}

.ticket_box .get_quote_form .form-group .form-control:-moz-placeholder {
  color: var(--p_color);
}

.ticket_box .get_quote_form .form-group .form-control::-moz-placeholder {
  color: var(--p_color);
}

.ticket_box .get_quote_form .form-group .form-control::-webkit-input-placeholder {
  color: var(--p_color);
}

.ticket_box .get_quote_form .form-group .form-control:focus {
  box-shadow: 0 20px 30px 0 rgba(4, 73, 89, 0.1);
  border-color: #f4f8f8;
}

.ticket_box .get_quote_form .form-group .form-control.message {
  height: 160px;
  padding-top: 22px;
}

.ticket_box .get_quote_form .thm_btn {
  padding: 12px 35px;
  box-shadow: none;
}

.ticket_box .get_quote_form .thm_btn:hover {
  box-shadow: 0 20px 30px 0 rgba(12, 118, 142, 0.24);
}

.select2-container .select2-selection--single {
  border: 1px solid var(--light-color);
  background: var(--form-group);
  border-radius: 8px;
  padding: 8px;
  font-size: 14px;
  height: auto !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--main-color) !important;
}

.radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

.radio-group .custom-control {
  padding-left: 0;
  margin-right: 15px;
}

.radio-group .custom-control-label {
  margin-bottom: 0;
  background: var(--radio-group);
  padding: 6px 23px 6px 33px;
  border-radius: 100px;
  font-size: 16px;
}

.radio-group .custom-control-label::before,
.radio-group .custom-control-label:after {
  border-radius: 50%;
  top: 10px;
  left: 10px;
}

.radio-group .custom-control-label:after {
  display: none;
}

.radio-group .custom-control-label::before {
  background: transparent;
  border: 3px solid var(--radio-group-before);
}

.radio-group .custom-control-input:checked~.custom-control-label {
  background: var(--primary-color);
  color: var(--track-bg-color);
}

.radio-group .custom-control-input:checked~.custom-control-label::before {
  background: var(--primary-color);
  border-color: var(--track-bg-color);
}

/*=========== contact_area css =========*/
.get_info_area {
  position: relative;
  z-index: 1;
}

.get_info_item {
  border: 1px solid var(--info-color);
  border-radius: 6px;
  padding: 31px 35px;
  margin-left: 0;
  margin-right: 0;
}

.get_info_item .media img {
  margin-right: 60px;
}

.get_info_item .media .media-body h5 {
  margin-bottom: 4px;
  font-size: 22px;
}

.get_info_item .media .media-body p {
  margin-bottom: 0;
  color: var(--p_color);
}

.get_info_item .time {
  font-size: 16px;
  color: var(--p_color);
}

.get_info_item .time span {
  color: var(--h_title);
}

.get_info_item .doc_border_btn {
  max-width: 190px;
  width: 100%;
  display: block;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

.doc_border_btn_two,
.btn_small_three {
  padding: 10px 47px;
}

.get_info_item+.get_info_item {
  margin-top: 30px;
}

.contact_info {
  padding-top: 80px;
}

.contact_info .contact_form .form-group h6 {
  font-size: 16px;
}

.contact_info .contact_form .form-group .box_info {
  margin-left: -20px;
  margin-right: -20px;
}

.contact_info .contact_form .form-group .form-check {
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  color: var(--p_color);
  padding-left: 22px;
  margin: 20px 20px 15px;
}

.contact_info .contact_form .form-group .form-check input[type=checkbox] {
  width: 12px;
  position: absolute;
  outline: none;
  height: 12px;
  top: 1px;
  left: 0;
  margin: 0;
}

.contact_info .contact_form .form-group .form-check input[type=checkbox]:before {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border: 1px solid var(--p_color);
  top: 0;
  left: 0;
  border-radius: 2px;
  background-color: var(--track-bg-color);
}

.contact_info .contact_form .form-group .form-check input[type=checkbox]:after {
  content: "";
  display: block;
  width: 5px;
  height: 11px;
  border: solid var(--primary-color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: absolute;
  top: -2px;
  left: 5px;
  opacity: 0;
  transition: all 0.2s linear;
}

.contact_info .contact_form .form-group .form-check input[type=checkbox]:checked:before {
  border-color: var(--primary-color);
}

.contact_info .contact_form .form-group .form-check input[type=checkbox]:checked:after {
  opacity: 1;
}

.contact_info .contact_form .form-group .form-check input[type=checkbox]:checked+label {
  color: var(--primary-color);
}

.contact_info .contact_form .form-group .form-check input[type=radio] {
  width: 12px;
  position: absolute;
  outline: none;
  height: 12px;
  margin: 0;
  left: 0;
  top: 1px;
}

.contact_info .contact_form .form-group .form-check input[type=radio]:before {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border: 1px solid var(--p_color);
  border-radius: 50%;
  top: 0;
  left: 0;
  background-color: var(--track-bg-color);
  transition: all 0.2s linear;
}

.contact_info .contact_form .form-group .form-check input[type=radio]:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--primary-color);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -3px;
  transform: scale(0);
  transition: all 0.2s linear;
}

.contact_info .contact_form .form-group .form-check input[type=radio]:checked:before {
  border-color: var(--primary-color);
}

.contact_info .contact_form .form-group .form-check input[type=radio]:checked:after {
  transform: scale(1);
}

.contact_info .contact_form .form-group .form-check input[type=radio]:checked+label {
  color: var(--primary-color);
}

.contact_info .contact_form .form-group .form-control {
  height: 60px;
  line-height: 55px;
  background: var(--contact_info-bg);
  box-shadow: none;
  border-color: #d9e1e3;
  padding-left: 30px;
  font-weight: 400;
  transition: all 0.2s linear;
  border-radius: 6px;
}

.contact_info .contact_form .form-group .form-control.placeholder {
  color: var(--f-placeholder);
}

.contact_info .contact_form .form-group .form-control:-moz-placeholder {
  color: var(--f-placeholder);
}

.contact_info .contact_form .form-group .form-control::-moz-placeholder {
  color: var(--f-placeholder);
}

.contact_info .contact_form .form-group .form-control::-webkit-input-placeholder {
  color: var(--f-placeholder);
}

.contact_info .contact_form .form-group .form-control.message {
  height: 200px;
  padding-top: 0;
}

.contact_info .contact_form .form-group .form-control:focus {
  background: var(--contact-form);
  box-shadow: 0 20px 30px 0 rgba(4, 73, 89, 0.1);
}

.contact_info .contact_form .form-group:last-child {
  margin-bottom: 0;
}

.contact_info .contact_fill {
  padding-top: 20px;
}

.contact_form .form-group .action_btn {
  border: 0;
  padding: 15px 40px;
  box-shadow: none;
  font-weight: 500;
}

.contact_form .form-group {
  margin-bottom: 30px;
}

/*=========== contact_area css =========*/
/*========== Start footer_area css ==========*/
.footer_p_top {
  padding-top: 150px;
}

.footer_area {
  /* padding-top: 100px; */
  position: relative;
  z-index: 1;
}

.footer_area .leaf {
  right: 60px;
  bottom: 0;
  width: 180px;
  z-index: -1;
}

.footer_area .f_man {
  right: 280px;
  bottom: 40px;
}

.footer_area .f_man_two {
  bottom: 60px;
  left: 125px;
}

.footer_area .f_cloud {
  bottom: 410px;
  left: 150px;
}

.footer_area .f_email {
  left: 75px;
  bottom: 290px;
}

.footer_area .f_email_two {
  bottom: 200px;
  left: 250px;
}

.footer_top .border_bottom {
  margin-top: 20px;
}
.footer_link{
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}
.border_bottom {
  width: 100%;
  height: 1px;
  background: var(--footer-border);
}

.f_widget .f_title {
  color: var(--track-bg-color);
  font-size: 18px;
  margin-bottom: 30px;
}

.f_widget.subscribe_widget {
  padding-right: 40px;
}

.f_widget.subscribe_widget .f_logo {
  display: inline-block;
  margin-bottom: 32px;
}

.f_widget.subscribe_widget h4 {
  color: var(--track-bg-color);
  margin-bottom: 34px;
}

.f_widget.link_widget .link_list {
  margin-bottom: 0;
}

.f_widget.link_widget .link_list li a {
  color: var(--track-bg-color);
  font-size: 16px;
  font-weight: 500;
}

.f_widget.link_widget .link_list li a:hover {
  color: var(--secondary-color);
}

.f_widget.link_widget .link_list li+li {
  margin-top: 15px;
}

.footer_subscribe_form {
  position: relative;
}

.footer_subscribe_form .form-control {
  border-radius: 4px;
  background: var(--track-bg-color);
  box-shadow: 0 20px 30px 0 rgba(4, 73, 89, 0.08);
  height: 56px;
  border: 1px solid transparent;
  color: var(--h_title);
  padding-left: 25px;
  position: relative;
  transition: all 0.2s linear;
}

.footer_subscribe_form .form-control.placeholder {
  color: var(--f-placeholder);
}

.footer_subscribe_form .form-control:-moz-placeholder {
  color: var(--f-placeholder);
}

.footer_subscribe_form .form-control::-moz-placeholder {
  color: var(--f-placeholder);
}

.footer_subscribe_form .form-control::-webkit-input-placeholder {
  color: var(--f-placeholder);
}

.footer_subscribe_form .form-control:focus {
  outline: none;
}

.footer_subscribe_form .s_btn {
  border: 0;
  font-size: 16px;
  font-weight: 400;
  background: var(--primary-color);
  border-radius: 4px;
  color: var(--track-bg-color);
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 8px;
  padding: 7px 22px;
}

/* .f_social_icon {
  padding-top: 40px;
} */

.f_social_icon li {
  display: inline-block;
}

.f_social_icon li a {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 2px solid var(--track-bg-color);
  font-size: 14px;
  line-height: 45px;
  text-align: center;
  display: block;
  color: var(--track-bg-color);
  margin-right: 6px;
}

.f_social_icon li a:hover {
  background: var(--secondary-color);
  border-color: var(--secondary-color);
  box-shadow: 0 10px 20px 0 rgba(12, 118, 142, 0.2);
  color: var(--track-bg-color);
}

.footer_bottom {
  padding: 20px 0 20px;
  position: relative;
  z-index: 1;
}

.footer_bottom p {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  color: var(--track-bg-color);
}

.footer_bottom p a {
  font-size: 20px;
  font-weight: 600;
  color: var(--secondary-color);
}

.footer_bottom p a:hover {
  color: var(--primary-color);
}

.pl_30 {
  padding-left: 30px;
}

.pl_70 {
  padding-left: 70px;
}

.simple_footer {
  padding: 30px 0;
  position: relative;
  z-index: 1;
  background: var(--h_title);
}

.simple_footer .row {
  align-items: center;
}

.simple_footer .leaf_right {
  position: absolute;
  right: 170px;
  bottom: 0;
  z-index: -1;
}

.simple_footer p {
  margin-bottom: 0;
  font-size: 16px;
  color: var(--footer-p-color);
}

.simple_footer p a {
  color: var(--main-color);
}

.simple_footer .f_social_icon {
  margin-bottom: 0;
  padding-top: 0;
}

.simple_footer .f_social_icon li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: var(--footer-li-color);
  border-color: var(--footer-li-color);
}

.simple_footer .f_social_icon li a:hover {
  background: var(--main-color);
  border-color: var(--main-color);
  color: var(--track-bg-color);
}

/*========== End footer_area css ==========*/
/*============== End theme_doc_area css =============*/
.theme_doc_area{
  background-color: aliceblue;
}
.doc_action_info {
  border-radius: 4px;
  background: var(--track-bg-color);
  box-shadow: 0 50px 150px 0 rgba(4, 73, 89, 0.1);
  padding: 50px 50px;
  position: relative;
  z-index: 2;
}

.doc_action_info.mt_130 {
  margin-bottom: -130px;
}

.doc_action_info .media img {
  margin-right: 30px;
}

.doc_action_info .media .media-body h2 {
  margin-bottom: 13px;
}

.doc_action_info .media .media-body p {
  margin-bottom: 0;
  font-size: 18px;
}

.doc_action_info .action_btn {
  box-shadow: none;
}

.doc_action_info .action_btn:hover {
  box-shadow: 0 20px 30px 0 rgba(12, 118, 142, 0.24);
  color: var(--track-bg-color);
}

.mobile_dropdown_icon {
  display: none;
}
/*============== Start theme_doc_area css =============*/
.theme_doc_area .row {
  margin-bottom: -30px;
}

.theme_doc_item {
  box-shadow: 0 4px 8px 0 rgba(4, 73, 89, 0.05);
  border-radius: 6px;
  background: #fff;
  padding: 30px;
  margin-bottom: 30px;
  transition: all 0.3s linear;
  cursor: pointer;
  height: 320px;
}
.theme_doc_item img {
  margin-right: 30px;
}
.theme_doc_item .c_head {
  margin-bottom: 14px;
  transition: color 0.2s linear;
}
.theme_doc_item .c_head:hover {
  color: #10b3d6;
}
.theme_doc_item p {
  margin-bottom: 0;
}
.theme_doc_item:hover {
  box-shadow: 0 30px 40px 0 rgba(4, 73, 89, 0.08);
}
.float-md-right {
  float: right !important;
}
/*============== End theme_doc_area css =============*/