/*
Template Name: Tejarat - Multipurpose Business & Corporate HTML Template
Template URI: https://themeforest.net/user/aazztech/portfolio
Author: Aazztech
Author URI: https://themeforest.net/user/aazztech
Version: 1.1.0
NB: this file contains the list of components/scss partial along with the style.scss contents order.
*/
/**                              **
**       TABLE OF CONTENTS       **
**                               **
-----------------------------------*/
/*
  01.COMMON
    -- reset
    -- helper
    -- theme
    -- general
    -- mixins

  02.COMPONENTS
    -- menu
    -- sidebar
    -- btn
    -- product
    -- social
    -- accordion
    -- breadcrumb
    -- modal
    -- table
    -- progressbar
    -- timeline
    -- team
    -- pricing
    -- datepicker
  03. MENU AREA
  04. HERO AREA
  05. FEATURE AREA
  06. PRODUCTS AREA
  07. FEATURED PRODUCTS AREA
  08. FOLLOWERS FEED
  09. COUNTER UP AREA
  10. WHY CHOOSE AREA
  11. SELL BUY AREA
  12. TESTIMONIAL AREA
  13. LATEST NEWS AREA
  14. SPECIAL FEATURE
  15. CALL TO ACTION
  16. FOOTER AREA
  17. PROMOTION AREA
  18. OVERVIEW AREA
  19. PARTNER AREA
  20. SEARCH AREA2
  21. SINGLE PRODUCT1 AREA
  22. OVERVIEW AREA
  23. AUTHOR AREA
  24. DASHBOARD AREA
  25. NOTIFICATIONS AREA
  26. MESSAGE AREA
  27. CART PAGE AREA
  28. CHECKOUT AREA
  29. SUPPORT AREA
  30. HOW IT WORKS AREA
  31. FORUM AREA
  32. ABOUT US  HERO AREA
  33. ABOUT AND MISSION AREA
  34. GALLERY ARE
  35. TESTIMONIAL VIDEO
  36. PRICING AREA
  37. FAQ AREA
  38. AFFILIATE PAGE
  39. TERM AND CONDITION AREA
  40. BLOG AREA
  41. CONTACT AREA
  42. 404 AREA
  43. JOB HERO HERO
  44. JOB  AREA
  45. FEATURE AREA
  46. JOB DETAIL
  47. DETAIL AREA
  48. EVENT AREA
  49. EVENT DETAIL
  50. MAP AREA
  51. TICKET AREA
  52. RESPONSIVE CSS
***************************/

.m-top-10 {
    margin-top: 10px;
}

.m-top-30 {
    margin-top: 30px;
}

.m-top-45 {
    margin-top: 45px;
}

.m-right-15 {
    margin-right: 15px;
}

.m-bottom-20 {
    margin-bottom: 20px;
}

.m-bottom-50 {
    margin-bottom: 50px;
}

.m-left-10 {
    margin-left: 10px;
}

.p-top-30 {
    padding-top: 30px;
}

.p-bottom-30 {
    padding-bottom: 30px;
}

.h-100 {
    height: 100px;
}

.icon-box-three:before {
    background: var(--zenind-primary-color);
}

a:hover, footer .footer__big .widget ul.links li a:hover {
    color: var(--zenind-secondary-color);
}

.blockquote.blockquote4 p, footer.footer5.footer--bw .footer__big .widget ul.links a:hover, footer.footer5.footer--bw .footer__big .widget .widget__title {
    color: #ffffff;
}

.icon-box-three {
    background: #ffffff;
}

.blockquote p {
    color: #272B41;
}

footer.footer5.footer--bw, footer.footer5.footer--bw .footer__big .widget ul.links a {
    color: rgba(255, 255, 255, 0.5);
}

footer.footer5.footer--bw .footer__big .widget .widget__title:before {
    background: rgba(255, 255, 255, 0.5);
}

.btn-secondary {
    -webkit-box-shadow: 0 10px 20px rgba(6, 181, 144, 0.2);
    -moz-box-shadow: 0 10px 20px rgba(6, 181, 144, 0.2);
    box-shadow: 0 10px 20px rgba(6, 181, 144, 0.2);
}

html {
    font-size: 15px;
}

body {
    direction: ltr;
    text-align: left;
}

img {
    max-width: 100%;
}

a {
    transition: all 0.3s ease;
}

p {
    line-height: 2rem;
}

ul {
    list-style: none;
    padding: 0;
}

/* gradient bg */

/* got to top*/

.btn-secondary {
    -webkit-box-shadow: 0 10px 20px rgba(6, 181, 144, 0.2);
    -moz-box-shadow: 0 10px 20px rgba(6, 181, 144, 0.2);
    box-shadow: 0 10px 20px rgba(6, 181, 144, 0.2);
}

.btn {
    text-transform: capitalize;
    font-size: 0.93333rem;
    font-weight: 500;
}

.btn.btn-sm {
    font-size: 0.86rem;
}

/* custom photo upload */

/* custom upload */

p {
    line-height: 2rem;
}

h1, h3, h4, h6 {
    font-weight: 600;
}

.blockquote {
    border: 1px solid #e4e8ed;
    padding: 2.5rem 3.33333rem;
    border-radius: 0.3rem;
    margin: 0;
}

.blockquote p {
    margin: 0;
    font-size: 1.33rem;
    line-height: 2.4rem;
    font-weight: 500;
}

.blockquote .quote-author {
    margin-top: 1.66rem;
}

.blockquote.blockquote4 {
    border: 0 none;
    border-radius: 0;
    background: linear-gradient(to right, var(--zenind-primary-color), var(--zenind-secondary-color));
}

.blockquote.blockquote4 p {
    font-weight: 400;
}

/* Accordion one */

/* accordion two */

/* accordion three */

/* accordion four */

/* alerts css */

/* section title css */

/* icon box styles */
/* icon-box1 */

/* icon box 1 */

/* icon-box3 */
.icon-box-three {
    margin-bottom: 2rem;
    border-radius: 0.3rem;
    box-shadow: 0 5px 10px rgba(105, 106, 119, 0.05);
    padding: 3rem 2rem;
    position: relative;
}

.icon-box-three:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0;
    margin: 0;
    visibility: hidden;
    transition: 0.5s ease;
    border-radius: 0 0 6px 6px;
    transform: scale(0);
}

.icon-box-three:hover:before {
    transform: scale(1);
    visibility: visible;
}

.icon-box-three h6 {
    margin-bottom: 1.13333rem;
}

.icon-box-three p {
    margin-bottom: 0;
}

/* icon box 4 */

/* Icon Box 5 */

/* icon box 6 */

/* icon-box 8 */

/* icon-box 9 */

/* icon box 10 */

/* icon box 11 */

/* icon-box 12 */

/* icon box - 13 */

/* icon box - 14 */

/* icon-box-fifteen */

/* list styles */
ul {
    margin: 0;
}

/* arrow lists */

/* progress bar css */

/* pagination css */

/* table css */

/* chart styles */

/* filter css */

/* social css */
.social ul li {
    margin-right: 0.66667rem;
}

.social ul li:last-child {
    margin-right: 0;
}

.social ul li a {
    line-height: 2.53333rem;
    width: 2.53333rem;
    display: inline-block;
    text-align: center;
    border-radius: 33.33333rem;
    background: #29292d;
    color: #fff;
}

.social ul li a span {
    font-size: 0.86667rem;
}

.social ul li a:hover {
    background-color: var(--zenind-primary-color);
    color: #fff;
}

.social.social--small ul li a {
    line-height: 2.53333rem;
    width: 2.53333rem;
    transition: all 0.3s ease;
}

.social.social--small ul li a span {
    color: #fff;
    transition: all 0.3s ease;
}

.social.social--small ul li a:hover span {
    color: #fff;
}

.social.social--colored ul li a.facebook {
    background: #3b5998;
}

.social.social--colored ul li a.twitter {
    background: #47adfa;
}

.social.social--colored ul li a.linkedin {
    background: #0677b4;
}

.top_bar {
    min-height: 3.33333rem;
}

.top_bar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.top_bar .top_bar--lang {
    cursor: pointer;
}

/* all the menu scss goes here */
.menu_area {
    box-shadow: 0.33333rem 0 1.33333rem rgba(87, 87, 87, 0.1);
    position: relative;
}

.menu_area .navbar {
    padding: 1rem;
}

.menu_area .navbar .navbar-nav .nav-item {
    position: relative;
}

.menu_area .navbar .navbar-nav .nav-item.has_mega-lg {
    position: static;
}

.menu_area .navbar .navbar-nav .nav-item:hover .mega-menu {
    visibility: visible;
    opacity: 1;
    top: 4.53333rem;
}

.menu_area .navbar .navbar-nav .nav-item:hover .mega-menu-lg {
    top: 5.6rem;
}

.menu_area .navbar .navbar-nav .nav-item .nav-link:after {
    position: absolute;
    width: 100%;
    content: '';
    height: 1rem;
    bottom: -1.06667rem;
    left: 0;
}

@media (min-width: 992px) {
    .menu_area .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        display: block;
        top: 6.66667rem !important;
        border-radius: 0;
        transition: all 0.3s ease;
        box-shadow: 0 0 30px rgba(41, 41, 59, 0.1);
        opacity: 0;
        visibility: hidden;
        padding: 2rem;
    }
    .menu_area .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
        top: 4.66667rem !important;
        opacity: 1;
        visibility: visible;
    }
}

.menu_area .navbar .navbar-nav .nav-item.dropdown .nav-link {
    position: relative;
}

.menu_area .navbar .navbar-nav .nav-item.dropdown .nav-link:before {
    position: absolute;
    content: '\f107';
    font-size: 0.66667rem;
    font-family: "Line Awesome Free";
    color: rgba(0, 0, 0, 0.5);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 900;
}

.menu_area .navbar-nav .nav-link {
    font-weight: 500;
    text-transform: capitalize;
    padding: 1.2rem 1rem;
}

@media (min-width: 992px) {
    .menu_area .mega-menu {
        position: absolute;
        box-shadow: 0 0 30px rgba(41, 41, 59, 0.1);
        background: #ffffff;
        width: 46.66667rem;
        left: -2.66667rem;
        top: 6.66667rem;
        z-index: 10;
        transition: all 0.3s ease;
        opacity: 0;
        visibility: hidden;
    }
}

.menu_area .mega-menu ul {
    padding: 2.66667rem;
    flex: 1;
}

.menu_area .mega-menu ul li {
    margin-bottom: 1rem;
}

@media (min-width: 992px) {
    .menu_area .mega-menu.mega-menu-lg {
        width: 100%;
        left: 0;
    }
}

.menu--sticky.sticky--on {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: 0.3s ease;
    background: #fff !important;
    box-shadow: 0.33333rem 0 1.33333rem rgba(87, 87, 87, 0.1) !important;
}

/* navbar variations */

@media (max-width: 991.98px) {
    .navbar .navbar-toggler {
        padding: 0.33333rem 0.66667rem;
        font-size: 1.66667rem;
        color: var(--zenind-primary-color);
        box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
        border: 1px solid #f2f2f2;
    }
    .navbar .navbar-brand {
        width: 25%;
        margin: 0;
    }
    .navbar .navbar-brand img {
        max-width: 100%;
    }
    .navbar .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        background: #ffffff;
        width: 100%;
        z-index: 100;
        max-height: 300px;
        overflow: scroll;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    }
}

/* breadcrumb styles */

/* footer styles */
footer {
    /* general footer style */
    background: #f4f4f4;
    /* dark footer style  */
    /* light footer style */
    /* footer style 2 */
    /* Footer style 3 */
    /* Footer style 4 */
}

footer .footer__big {
    padding: 7.33333rem 0 3.33333rem;
}

footer .footer__big .widget {
    margin-bottom: 4rem;
}

footer .footer__big .widget .widget__title {
    font-size: 1.06667rem;
    text-transform: uppercase;
    line-height: normal;
    font-weight: 600;
    position: relative;
}

footer .footer__big .widget ul.links li {
    margin-bottom: 0.66667rem;
}

footer .footer__big .widget ul.links li:last-child {
    margin-bottom: 0;
}

footer .footer__big .widget ul.links li a {
    color: #5a6671;
}

footer.footer5.footer--bw .footer__big {
    background: #111115;
}

/* timeline css */

/* counter styles */

/* carousel styles */

/* clients logo grid & carousel styles */

/* logo carousel four */

/* dropdown css */
.dropdown .dropdown-toggle:focus {
    box-shadow: none !important;
}

.dropdown .dropdown-menu {
    top: 0.66667rem !important;
    min-width: 16.66667rem;
    margin: 0;
    padding: 0;
    box-shadow: 0 5px 30px rgba(41, 41, 59, 0.1);
    border: 0 none;
}

/* gallery styles */

/* range slider css */

/* parallax cta css */

/* splitted bannder css */

/* subscribe css */

/* subscribe eight */

/* twitter feed css */

/* call to action styles */

/* process css */

/* team css */

/* faq's css */

.widget-wrapper .widget-default {
    border-radius: 0.26667rem;
    border: 1px solid #e4e8ed;
    margin-bottom: 2rem;
}

.widget-wrapper .widget-header .widget-title {
    margin: 0;
    border-bottom: 1px solid #e4e8ed;
    padding: 1.33333rem 2rem 1.33333rem 2rem;
}

.widget-wrapper .widget-content {
    padding: 2rem 2rem 2rem;
}

.sidebar-post .post-single {
    margin-bottom: 1.66667rem;
}

.sidebar-post .post-single:last-child {
    margin-bottom: 0;
}

.sidebar-post .post-single P {
    margin: 0 0 0 1rem;
}

/* address carouesl styles */

/* footer styles */
footer {
    /* general footer style */
    background: #f4f4f4;
    /* dark footer style  */
    /* light footer style */
    /* footer style 2 */
    /* Footer style 3 */
    /* Footer style 4 */
}

footer .footer__big {
    padding: 7.33333rem 0 3.33333rem;
}

footer .footer__big .widget {
    margin-bottom: 4rem;
}

footer .footer__big .widget .widget__title {
    font-size: 1.06667rem;
    text-transform: uppercase;
    line-height: normal;
    font-weight: 600;
    position: relative;
}

footer .footer__big .widget ul.links li {
    margin-bottom: 0.66667rem;
}

footer .footer__big .widget ul.links li:last-child {
    margin-bottom: 0;
}

footer .footer__big .widget ul.links li a {
    color: #5a6671;
}

footer.footer5.footer--bw .footer__big {
    background: #111115;
}

/* ================
  intro area css
================== */
/* intro area */

/* Slider area scss */
/* rev silder styles */

/* bullet style */

/*some common css*/

/* Case studies area */

/*services area*/

/* service two */

/* About Page (One) */

/* About Page (Two) */

/* Search Styles */

/* Careers Page */

/* Career Single */

/* Apply Form Page */

/* team single page */

/* service page three */

/* Event Details Page */

/* 404 page styles */

/* Login / Register Page Styles */

/* Coming Soon Styles */

/* Project Grid Styles */

/* project masonry */

/* Project Single Styles */

/* Product page styles */

/* shopping cart */

/* checkout page */

/* checkout confirm */

/* ==============================
  blog pages
================================*/

.blog-single-wrapper .post-details img {
    width: 100%;
}

.blog-single-wrapper .post-details .post-head {
    margin-bottom: 2.46667rem;
}

.blog-single-wrapper .post-details .post-content .post-header {
    margin-bottom: 2rem;
}

.blog-single-wrapper .post-bottom {
    align-items: center;
    padding: 2rem 0;
    border-top: 1px solid #e4e8ed;
    border-bottom: 1px solid #e4e8ed;
    margin: 3rem 0 4.66667rem 0;
}

.blog-single-wrapper .post-bottom .social-share {
    flex: 1;
    justify-content: flex-end;
}

.comments-area .comment-title {
    margin-bottom: 1.66667rem;
    text-align: center;
}

/* video background */

/* news area homepage 16 */

/* home page 17 */

/*****************************
	RESPONSIVE
*****************************/
/*this is responsive scss*/
/* ========================
    992 TO 1199
=========================== */
@media (min-width: 992px) and (max-width: 1199px) {
    /* Header */
    /* PAGES */
}

/* =======================
  991
========================== */
@media (max-width: 991px) {
    /* COMPONENTS */
    /* MobileMenu */
    .menu_area .navbar .navbar-nav .nav-item.dropdown .nav-link:before {
        right: 20px;
        font-size: 13px;
    }
    .menu_area .navbar .navbar-nav .nav-item .nav-link {
        padding: 10px 20px;
        color: #272B41;
    }
    .menu_area .navbar-nav .nav-item > .nav-link {
        color: #272B41;
    }
    .menu_area .mega-menu, .menu_area .dropdown-menu {
        width: 100%;
        box-shadow: 0 0 0;
        background: #f9f9f9;
        left: auto;
        position: initial;
        padding: 10px 20px;
    }
    .menu_area .mega-menu ul, .menu_area .dropdown-menu ul {
        flex: initial;
        padding: 0 15px;
    }
    .menu_area .mega-menu ul + ul, .menu_area .dropdown-menu ul + ul {
        margin-top: 7px;
    }
    .menu_area .mega-menu ul li, .menu_area .dropdown-menu ul li {
        margin-bottom: 8px;
    }
    /*//carousels*/
    /* Elements */
    /* MODULES */
    /* PAGES */
    .widget-wrapper:last-child .widget-default {
        margin-bottom: 0;
    }
}

/* =======================
  768 TO 991
========================== */
@media (min-width: 768px) and (max-width: 991px) {
    html {
        font-size: 14.5px;
    }
    /* COMPONENTS */
    /* CONTENT BLOCK */
}

/* =======================
  767
========================== */
@media screen and (max-width: 767px) {
    /* COMPONENTS */
    /* cards */
    /* ELEMENTS */
    /* MODULES */
    /* PAGES */
    .blog-single-wrapper .post-bottom {
        flex-direction: column;
        justify-content: flex-start !important;
        align-items: start;
    }
    .blog-single-wrapper .post-bottom .social-share {
        margin-top: 1.33333rem;
    }
    /* Gallery images */
    /* content block */
    html {
        font-size: 14px;
    }
}

/* ======================
  320 TO 576
========================= */
@media (min-width: 320px) and (max-width: 575.98px) {
    /* COMPONENTS */
    /* MODULES */
    /* PAGES */
    /* section padding fix */
    footer .footer__big {
        padding: 75px 0 20px;
    }
}

@media screen and (max-width: 479px) {
    html {
        font-size: 13px;
    }
    body {
        font-size: 14px;
    }
    .top_bar .top_bar--lang {
        display: none;
    }
    .top_bar .topbar_content {
        justify-content: center !important;
    }
    .navbar .navbar-brand {
        width: 40%;
    }
}

@media (min-width: 480px) and (max-width: 575px) {
    html {
        font-size: 14px;
    }
}

/*# sourceMappingURL=maps/style.css.map */