/*!
Theme Name: Bexon
Theme URI: https://bexon.themejunction.net/
Author: Theme Junction
Author URI: https://themeforest.net/user/theme-junction/portfolio
Description: Bexon - Corporate Business WordPress Theme.
Version: 1.1.0
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bexon
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Bexon Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

.ml-20{
    margin-left:20px;
}

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

.mt-100{
    margin-top:100px !important;
}

p.large{
    font-size: 20px !important;
}

h6.large{
    font-size: 16px !important;
}

.py-15{
    padding-top:15px;
    padding-bottom:15px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    p.large{
        font-size: 14px !important;
        text-align: justify !important;
    }
}

.text-justify{
    text-align: justify !important;
}

.tj-primary-btn.clear{
    background-color: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    margin-left:20px;

}

.highlight{
    color: #009247 !important;
}

.white{
    color: #fff !important;
}

.text-center{
    text-align: center !important;
}

img.app_logo{
    height:25px !important;
}

img.app_logo_double{
    height:45px !important;
}

.slider-content img.app_logo_slide{
    height:40px !important;
    margin-bottom: 20px;
}

img.app_logo_slide {
    height:40px !important;
    margin-bottom: 0px;
}


.spacer{
    padding-top:200px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .spacer{
        padding-top:0px !important;
    }

    img.app_logo_slide{
        height:22px !important;
        margin-bottom: 0px;
    }
}

ul.desc{
    margin-top:20px
}

ul.desc li {
    color: var(--tj-color-text-body-2);
}

/*------------GENERIC SLIDE IMAGE STYLES----------------------------------*/
.cs_border {
    position: relative;
    border-width: 6px !important;
    border-style: solid;
    border-radius: 8px;
    display: inline-block;
    margin: 25px;
    padding: 25px !important;
    width: auto !important;
    transition: all .2s ease-in-out !important;
}

.cs_border::before,
.cs_border::after {
    content: "";
    position: absolute;
    transition: all .2s ease-in-out !important;
}

.cs_border img {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    z-index: 5;
    transition: transform .2s ease-in-out !important;
}

.cs_border::before {
    width: calc(100% + 48px);
    height: calc(100% - 48px);
    top: 24px;
    left: 0;
    transform: translateX(-24px);
    z-index: 1;
}

.cs_border:hover::before {
    width: calc(100% + 48px);
    height: calc(100% - 48px);
    top: 24px;
    left: 0;
    transform: translateX(-24px);
    z-index: 1;
}

.cs_border::after {
    height: calc(100% + 48px);
    width: calc(100% - 48px);
    left: 24px;
    top: 24px;
    transform: translateY(-48px);
    z-index: 1;
}

.cs_border:hover::after {
    height: calc(100% + 48px);
    width: calc(100% - 48px);
    left: 24px;
    top: 24px;
    transform: translateY(-48px);
    z-index: 1;
}

.cs_border:hover {
    border-width: 12px !important;
    border-radius: 8px;
    display: inline-block;
    margin: 19px;
    padding: 19px;
    width: auto;
}

.cs_border:hover img {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    z-index: 5;
    transform: scale(.9) !important;
}





.border_white{
    border-color:#009247;
}

.border_white::before,
.border_white::after {
    background: #FFF;
}


.project-image{
    width: 40%;
}

@media (max-width: 1024px) {
    .project-image {
        width: 100% !important;
    }
}


.tj-check-list-2 ul{
    list-style-type: none !important;
}

.tj-check-list-2 ul i{
    font-size: 10px;
    color: #009247;
    margin-right: 10px;
}

@media only screen and  (max-width: 575px) {

  .tj-primary-btn {
    margin-left:0px !important;
    margin-top:10px;
  }

  .large{
    font-size: 16px !important;
  }

  element.elementor-element-17a1225 .tj-el-btn .btn-text {
    font-size: 16px !important;
    }
}