/* menu css */
.navbar {
  background: transparent;
}

.elementor-invisible {
  visibility: inherit;
}

.post-meta i {
  font-size: 12px;
  margin-right: 8px;
  position: relative;
  top: -2px;
}

.logged-in.admin-bar .navbar_fixed .navbar {
  top: 32px;
}

a.comment_link {
  text-decoration: none;
}

a.comment_link:hover {
  color: var(--hovercolor) !important;
}

.post-meta span:not(:last-child):after {
  display: none;
}

span.post_date_loop {
  padding-right: 20px;
}

.comment-form .btn-comment-form:hover {
  background-color: var(--headings-color) !important;
  color: var(--color-white) !important;
}

.wp-block-archives-dropdown select,
.wp-block-categories-dropdown.wp-block-categories select {
  width: 100%;
}

.pagination .page-numbers {
  margin-right: 10px;
}

.blog_single_info table td,
.blog_single_info table th {
  text-align: center;
}

.breadcrumbs .breadcrumbs__link,
.breadcrumbs .breadcrumbs__current,
.breadcrumbs .breadcrumbs__separator {
  color: var(--headings-color);
}
.breadcrumbs .breadcrumbs__link,
.breadcrumbs .breadcrumbs__current {
  color: var(--primary-color);
}
.entry-content table td a {
  text-decoration: none;
}

.page-links a {
  color: var(--primary-color);
  margin-left: 4px;
}

@media (max-width: 576px) {
  .logged-in.admin-bar .navbar_fixed .navbar {
    top: 0px;
  }
}

.btn_get {
  font-weight: 700;
  font-family: var(--body-font-family);
  font-size: 16px;
  background: var(--primary-color);
  border-radius: 5px;
  padding: 12px 30px;
  color: #ffffff;
  border: 0px;
  text-decoration: none;
}

.btn_get:hover {
  background-color: var(--headings-color);
  color: var(--color-white);
}

/*blog css*/
.wp-block-latest-posts .wp-block-latest-posts__featured-image img {
  width: 80px;
  height: 90px;
  max-width: 100%;
  border-radius: 5px;
}

button.wp-block-search__button::before {
  content: "";
  background-image: url(https://quomodo.quomodolab.com/wp-content/uploads/2022/08/siderbar-search.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 3px;
  right: 0;
  bottom: 0;
}

button.wp-block-search__button {
  position: relative;
}

button.wp-block-search__button svg {
  display: block;
}

.wp-block-search.wp-block-search__button-inside
  .wp-block-search__inside-wrapper {
  padding: 15px 19px 15px 19px;
  border: none;
  background: #f4f5f6;
  border-radius: 5px;
}

input#wp-block-search__input-1 {
  background: transparent;
  font-family: var(--body-font-family);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 40px;
  color: #606A79;
  border:1.2px solid #EEEEEE !important;
  border-radius: 50px;
  padding-left: 20px;
  width: 100%;
}

input#wp-block-search__input-1:focus{
  outline: none !important;
  border-color: var(--primary-color) !important;
}

button.wp-block-search__button {
  background-color: transparent;
  border: none;
}

.widget_block .widget-title,
.widget_block h2,
.wp-block-search__label {
  font-family: var(--headings-font-family);
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 27px;
  color: var(--headings-color);
  margin-bottom: 30px;
}

.wp-block-latest-posts .wp-block-latest-posts__post-title {
  font-family: var(--headings-font-family);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.444em;
  color: var(--headings-color);
  display: block;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  word-break: break-word;
  margin-bottom: 10px;
}

.wp-block-latest-posts .wp-block-latest-posts__post-date {
  font-family: var(--body-font-family);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: var(--color-body);
}

.wp-widget-group__inner-blocks .wp-block-latest-posts li {
  padding: 0;
  border: none !important;
}

.wp-block-categories .cat-item {
  display: flex;
  justify-content: space-between;
  font-family: var(--body-font-family);
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: -0.01em;
  color: var(--body-color);
  margin-bottom: 0px;
}

.wp-block-categories .cat-item a {
  font-family: var(--body-font-family);
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  color: var(--body-color);
  text-transform: capitalize;
}

.wp-block-categories .cat-item:hover {
  color: var(--primary-color);
}

.tagcloud .tag-cloud-link,
.tagcloud a,
.wp-block-tag-cloud .tag-cloud-link,
.wp-block-tag-cloud a {
  background: transparent;
  border: 1px solid #e0e1e3;
  border-radius: 50px;
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: var(--body-color);
  padding: 8px 29px;
}

/*comment*/
.comment-form .form-group textarea {
  background-color: #f7f8fb;
  border-radius: 8px;
}

/*start blog*/
.quomodo_blog .blog-grid-item:hover {
  box-shadow: 0px 10px 85px rgba(198, 198, 207, 0.35);
  border-style: hidden !important;
  transition: 0.5s;
}

.quomodo_blog .dl_single_info_box_content a i {
  font-size: 12px;
}

.quomodo_blog .blog-grid-item:hover {
  border-style: hidden !important;
  transition: 0.5s;
}

/*end blog*/

/* Nav */
.navbar .container-fluid {
  padding-left: 60px;
  padding-right: 60px;
}

.site-header .navbar .collapse .navbar-nav.menu {
  margin-left: auto;
  margin-right: 0;
}

.site-header .navbar .header_area.nav_bar .btn_get {
  display: inline-block;
}

.site-header .navbar .collapse .navbar-nav .menu-item.sub-menu {
  position: relative;
  margin-right: 12px;
}

.site-header .navbar .collapse .navbar-nav .menu-item.sub-menu::after {
  position: absolute;
  content: "\f078";
  font-family: "FontAwesome";
  width: 10px;
  font-size: 10px;
  right: -15px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
}

.site-header
  .navbar
  .collapse
  .navbar-nav
  .menu-item.sub-menu
  .dropdown-menu.sub-menu.submenu
  .menu-item.submenu::after {
  right: 15px;
}

.menu > .nav-item:hover:after,
.site-header
  .navbar
  .collapse
  .navbar-nav
  .menu-item.sub-menu
  .dropdown-menu.sub-menu.submenu
  .menu-item.submenu::after {
  color: var(--primary-color);
}

@media (max-width: 1209px) {
  .menu > .nav-item {
    margin-left: 25px;
  }
}

@media (max-width: 1174px) {
  .menu > .nav-item {
    margin-left: 12px;
  }

  .site-header .navbar .header_area.nav_bar .btn_get {
    padding: 9px 18px;
  }

  .menu > .nav-item > .nav-link {
    font-size: 15px;
  }
}

@media (max-width: 1090px) {
  .navbar .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
  }

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

@media (max-width: 1024px) {
  .sub-menu {
    display: block;
  }
}

@media (max-width: 991px) {
  .site-header .navbar .header_area.nav_bar {
    margin-left: auto;
    margin-right: 10px;
  }

  .site-header .navbar .collapse.show .navbar-nav {
    background: #fff;
  }

  .site-header .menu > .nav-item:after,
  .site-header
    .navbar
    .collapse
    .navbar-nav
    .menu-item.sub-menu
    .dropdown-menu.sub-menu.submenu
    .menu-item.submenu::after,
  .site-header .navbar .collapse .navbar-nav .menu-item.sub-menu::after {
    display: none;
  }

  .site-header .navbar .collapse .navbar-nav .menu-item.sub-menu::after {
    right: 0;
  }

  .site-header .navbar .collapse .navbar-nav .menu-item.sub-menu {
    margin-right: 0;
  }

  .site-header .navbar .menu > .nav-item {
    margin-left: 0;
    margin-right: 0;
  }

  .site-header .navbar .collapse .navbar-nav.menu {
    margin-right: auto;
  }
}

@media (max-width: 768px) {
  .site-header .navbar .header_area.nav_bar .btn_get {
    max-height: 50px;
    padding: 9px 20px;
  }

  .blog_breadcrumbs_area_two,
  .blog_breadcrumbs_area_two.archive-banner,
  .blog_breadcrumbs_area_two.banner-404,
  .blog_breadcrumbs_area_two.blog-single-page,
  .blog_breadcrumbs_area_two.page-banner {
    padding: 70px 0;
  }

  .sec_padding {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.media_blog_content .post_bottom .learn_btn_two {
  font-family: var(--body-font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  display: inline-flex;
  align-items: center;
  transition: 0.5s;
}

/* .widget .wp-block-archives > li a,
.widget ul > li a {
	color: #677789;
} */
.widget .wp-block-archives > li,
.widget ul > li {
  color: var(--body-color);
}

.breadcrumbs a {
  text-decoration: none;
}

/* Nav */
/* text effect */
.quomodo_cricle_effect span {
  position: relative;
}

.quomodo_cricle_effect span::before {
  content: "";
  background-image: url(https://quomodo.quomodolab.com/wp-content/uploads/2022/09/cricle.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 101%;
  height: 60px;
  z-index: -1;
  background-size: contain;
}

.quomodo_line_effect span {
  position: relative;
}

.quomodo_line_effect span::before {
  content: "";
  background-image: url(https://quomodo.quomodolab.com/wp-content/uploads/2022/09/line.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 45px;
  width: 100%;
  height: 15px;
  z-index: -1;
  background-size: contain;
}

.related_portfolio .portfolio_filter {
  display: none;
}

/* text effect */
@media (max-width: 575px) {
  .quomodo_cricle_effect span::before {
    width: 100%;
    height: 40px;
  }

  .quomodo_line_effect span::before {
    top: 31px;
  }
}

/* text effect */
@media (max-width: 1201px) {
  .desk_tabsss .tab-pane .col-lg-5 {
    padding-right: 64px;
  }

  .desk_tabsss div #pills-tabContent {
    margin-right: 10px;
  }
}

@media (max-width: 768px) {
  .desk_processs .process_items .single_item .s_no {
    left: 68%;
  }

  .desk_processs .process_items .single_item .icon {
    width: 130px;
    height: 130px;
  }
}

@media (max-width: 767px) {
  .desk_tabsss .tab-pane .col-lg-5 {
    padding-right: 0;
  }

  .desk_tabsss div #pills-tabContent {
    margin-right: 0;
  }

  .quomodo_subscribe_form
    .dl_pro_subscribe_form_action.dl-pro-sub-block
    .dl_pro_subscribe_form {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 10px;
  }

  .desk_processs .process_items .single_item .s_no {
    left: 55%;
  }
}

/* hostin demo */
.search_host .available {
  text-align: center;
  margin-top: 10px;
}

.search_host .not-available {
  text-align: center;
  margin-top: 10px;
}

.search_host .domains button {
  height: 0;
  padding: 27px 10px 28px 10px;
}

.comment-respond .comment-reply-title small {
  margin-left: 5px;
  font-size: 16px;
}

.comment-respond .comment-reply-title small a {
  color: var(--body-color);
}

.comment-form .logged-in-as {
  margin-top: -13px;
}

.comment-respond .comment-reply-title {
  margin-bottom: 20px;
  font-size: 24px;
  margin-top: 10px;
  font-weight: 500;
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
  display: block;
}

/* sidebar */
.widget_block .wp-block-group .wp-block-latest-posts li:not(:last-child) {
  border-bottom: 0;
}

.widget_block .widget-title,
.widget_block h2 {
  margin-bottom: 30px;
}

/*  customize  */

.sidebar_right.blog .wp-block-search .wp-block-search__input {
  border: none !important;
}

.grid_blogs .wp-block-search input#wp-block-search__input-1 {
  border: none;
}

/* 404 css */
.error-404 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.content-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.content-404 h1 {
  color: var(--headings-color);
  font-size: 45px;
  margin: 60px 0px 16px 0px;
}

.content-404 p {
  padding: 0;
  margin: 0;
  color: var(--body-color);
  font-size: 25px;
}

.content-404 p a {
  color: var(--primary-color);
  text-decoration-line: underline;
}

@media (max-width: 575px) {
  .error-404 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .content-404 p {
    font-size: 20px;
  }
}

.post_bottom .share {
  display: flex;
  align-items: center;
  gap: 10px;
}

.post_bottom .share ul.social_icon {
  display: flex;
  gap: 10px;
  align-items: center;
}

.post_bottom .share ul.social_icon li {
  margin: 0;
}

.blog_breadcrumbs_area_two:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

@media (max-width: 768px) {
  div#navbarSupportedContent {
    overflow-y: scroll;
    max-height: 500px;
  }
}

/* blog grid */
.blog_grid {
  display: block;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.blog_grid .blog_title {
  font-size: 26px;
  line-height: 35px;
}

.post-footer {
  margin-top: 15px;
}

input.qsd-form-input:focus {
    outline: none !important;
}

@media (min-width: 1440px) {
    .single-post .container {
        max-width: 1200px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .blog .container {
        max-width: 1200px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.sidebar_right{
border:1px solid #e5e5e5;
padding: 30px 25px !important;
border-radius: 12px;
}

.comment-form .btn-comment-form, .comment-form .form-group input{
  border-radius: 50px;
}

.comment-reply-title, .comments-title, .author-details .auther-info h4{
  font-weight: 500;
}

@media (min-width: 1200px) {
    .container .row {
        margin-right: calc(var(--bs-gutter-x) / -1.6);
        margin-left: calc(var(--bs-gutter-x) / -1.6);
       --bs-gutter-x: 70px; 
    }
    .container .comments-area .row {
       --bs-gutter-x: 15px; 
    }
}

.author-details{
  background-color: #F8F9FB;
  padding: 30px 40px;
  border-radius: 12px;
}
.author-details .auther-avater{
  height: 95px;
  width: 95px;
}

.write-review .comment-respond{
  border: none !important;
}
.form-item-inner-box, .comment-form textarea{
  border-radius: 8px;
}

.subscriber__email:focus{
  outline: none !important;
  border-color: var(--primary-color) !important;
}


/* ===============================
   Quomodo Image Animation
================================ */

.animate {
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 4s;
    animation-delay: 0s;
    animation-direction: alternate;
    will-change: transform;
}

/* ===============================
   ANIMATION NAME MAPPINGS
================================ */

/* Movement */
.MoveLeft {
    animation-name: MoveLeft;
}

.MoveRight {
    animation-name: MoveRight;
}

.MoveTop {
    animation-name: MoveTop;
}

.MoveBottom {
    animation-name: MoveBottom;
}

/* Circular Motion */
.MoveCircle {
    animation-name: MoveCircle;
}

.MoveCircleSmall {
    animation-name: MoveCircleSmall;
}

.MoveCircle360 {
    animation-name: MoveCircle360;
/* 	animation-direction: normal; */
}

/* Zoom Animations */
.zoomIn {
    animation-name: zoomIn;
}

.zoomInUp {
    animation-name: zoomInUp;
    animation-direction: normal;
}

.zoomInDown {
    animation-name: zoomInDown;
}

.zoomInLeft {
    animation-name: zoomInLeft;
}

.zoomInRight {
    animation-name: zoomInRight;
}

/* Scale */
.scaleIn {
    animation-name: scaleIn;
}

/* =================
   ZOOM ANIMATIONS
=================== */

@keyframes zoomIn {
    from { opacity: 0; transform: scale(0.3); }
    50% { opacity: 1; }
}

@keyframes zoomInUp {
    from { opacity: 0; transform: translateY(100px) scale(0.7); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes zoomInDown {
    from { opacity: 0; transform: translateY(-60px) rotateX(90deg); }
    to { opacity: 1; transform: translateY(0) rotateX(0deg); }
}

@keyframes zoomInLeft {
    from { opacity: 0; transform: translateX(-160px) rotateY(-90deg); }
    to { opacity: 1; transform: translateX(0) rotateY(0deg); }
}

@keyframes zoomInRight {
    from { opacity: 0; transform: translateX(160px) rotateY(90deg); }
    to { opacity: 1; transform: translateX(0) rotateY(0deg); }
}

/* ===============================
   SCALE
================================ */

@keyframes scaleIn {
    from { transform: translateY(20px) scale(1.1); }
    to { transform: translateY(0) scale(1); }
}

/* ===============================
   MOVEMENT
================================ */

@keyframes MoveLeft {
    from { transform: translateX(0); }
    to { transform: translateX(70px); }
}

@keyframes MoveRight {
  from { transform: translateX(0); }
  to { transform: translateX(-70px); }
}

@keyframes MoveTop {
  from { transform: translateY(0); }
  to { transform: translateY(-70px); }
}

@keyframes MoveBottom {
  from { transform: translateY(0); }
  to { transform: translateY(70px); }
}

/* ===============================
   CIRCULAR MOTION
================================ */

@keyframes MoveCircle {
  from { transform: rotate(0deg) translateX(-100%) rotate(0deg); }
  to { transform: rotate(360deg) translateX(-100%) rotate(-360deg); }
}

@keyframes MoveCircleSmall {
  from { transform: rotate(0deg) translateX(-10%) rotate(0deg); }
  to { transform: rotate(360deg) translateX(-10%) rotate(-360deg); }
}

@keyframes MoveCircle360 {
  to { transform: rotate(360deg); }
}

.mf-form-wrapper .metform-form-content .metform-form-main-wrapper .mf-input-wrapper .mf-input:focus{
  border:1px solid #dfe2e7 !important;
}

.mf-form-wrapper .metform-form-content .metform-form-main-wrapper .mf-input-wrapper .mf-input:focus-visible{
  border:1px solid #dfe2e7 !important;
}

input#wp-block-search__input-1:focus {
  outline: 0 !important;
  border: 1px solid #dfe2e7 !important;
}

.widget_search .wp-block-search__inside-wrapper{
  position: relative;
}

.widget_search .wp-block-search__input{
  width: 100%;
  height: 50px;
  border-radius: 50px;
  border: 1px solid #e5e5e5;
  padding: 0 50px 0 20px;
  background: #f5f5f5;
  outline: none;
}

/* Hide default button text */
.widget_search .wp-block-search__button{
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: none;
  background: transparent;
  font-size: 0;
  cursor: pointer;
}
button.wp-block-search__button::before {
  content: "";
  background-image: url(https://tf.quomodosoft.com/listn/wp-content/uploads/2026/03/search.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 8px;
  right: 0;
  bottom: 0;
}