@charset "UTF-8";

/*
Theme Name: Leanworks
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: SD
Author URI: https://wordpress.org/
Description: Wordpress template for Leanworks
Requires at least: 5.3
Tested up to: 6.5
Requires PHP: 5.6
Version: 2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/














@font-face {
    font-family: 'Aptos-ExtraBold';
    src: url('font/Aptos-ExtraBold.eot');
    src: url('font/Aptos-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('font/Aptos-ExtraBold.woff2') format('woff2'),
        url('font/Aptos-ExtraBold.woff') format('woff'),
        url('font/Aptos-ExtraBold.ttf') format('truetype'),
        url('font/Aptos-ExtraBold.svg#Aptos-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos-SemiBold';
    src: url('font/Aptos-SemiBold.eot');
    src: url('font/Aptos-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('font/Aptos-SemiBold.woff2') format('woff2'),
        url('font/Aptos-SemiBold.woff') format('woff'),
        url('font/Aptos-SemiBold.ttf') format('truetype'),
        url('font/Aptos-SemiBold.svg#Aptos-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('font/Aptos.eot');
    src: url('font/Aptos.eot?#iefix') format('embedded-opentype'),
        url('font/Aptos.woff2') format('woff2'),
        url('font/Aptos.woff') format('woff'),
        url('font/Aptos.ttf') format('truetype'),
        url('font/Aptos.svg#Aptos') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos-Bold';
    src: url('font/Aptos-Bold.eot');
    src: url('font/Aptos-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/Aptos-Bold.woff2') format('woff2'),
        url('font/Aptos-Bold.woff') format('woff'),
        url('font/Aptos-Bold.ttf') format('truetype'),
        url('font/Aptos-Bold.svg#Aptos-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos-Light';
    src: url('font/Aptos-Light.eot');
    src: url('font/Aptos-Light.eot?#iefix') format('embedded-opentype'),
        url('font/Aptos-Light.woff2') format('woff2'),
        url('font/Aptos-Light.woff') format('woff'),
        url('font/Aptos-Light.ttf') format('truetype'),
        url('font/Aptos-Light.svg#Aptos-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

a:link, a:active,a:visited {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}



body { font-family: 'Aptos-Light';}

p {font-size:1.2em; font-family: 'Aptos';margin-bottom: 1.5rem;}


p a:link,
p a:visited,
p a:active {color:#27aae1;text-decoration: none;font-weight:bold;border-bottom:2px dotted #27aae1}

p a:hover {color:#231f20;text-decoration: none;font-weight:bold;border-bottom:2px solid #231f20}

h1{font-size:3.6em}
h2{font-size:2.6em;margin-bottom:0.5em}
h3{}

.header-sub{text-transform: uppercase;font-family: 'Aptos-Bold';color:#27aae1;margin-bottom:20px;}

.img-fluid {max-width:100%;width:100%;height:auto;}


section.grey{background:#eee;}


#hero {background-color:#27aae1;padding-top:150px;padding-bottom:150px;

    background-image: url(img/hex-banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
overflow:hidden;height:700px;
}


#hero.page {background-color:#27aae1;padding-top:150px;padding-bottom:150px;

    background-image: url(img/hex-banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
overflow:hidden;height:450px;
}

.hero-line1{color:#fff;}
.hero-line2{color:#fff;}



#hero .hero-line1 h1 {font-size:3.8em;font-family: 'Aptos-Light';}
#hero .hero-line2{padding:10px 0 0;}
#hero .hero-line2 p {font-size:1.6em;font-family: 'Aptos-Light';}
#hero .header-sub{color:#fff;}
body.page.home #hero img {width:170%;max-width: 170%;margin-top:-100px}


body.page #hero img {width:120%;max-width: 120%;margin-top:-100px}

.navbar{padding-top:20px;padding-bottom:20px;}
.navbar-brand img.img-fluid{height:50px;}
.navbar-nav {font-family: 'Aptos-Bold';font-size:1.1em;}

.nav-item{margin:0 0 0 15px}
.nav-item a {color:#231f20;}
.nav-item a:hover {color:#27aae1;}


section {padding-top:120px;padding-bottom:120px;}

footer {background:#231f20;color:#fff;padding-top:100px;padding-bottom:100px;font-size:1.1em}
 



#why {background:#eee;}




.more{margin-top:40px;}
.more a:link,
.more a:visited,
.more a:active {background:#27aae1;color:#fff;border-radius:0;padding:15px 20px;font-family:'Aptos-Bold';border:0;font-size:1.2em;margin-right:10px; text-decoration: none; ;}
.more a:hover {background:#231f20;color:#fff;}

.mt-6 {    margin-top: 4rem;}
.mt-7 {    margin-top: 5rem;}
.mt-8 {    margin-top: 6rem;}


.more.white a:link,
.more.white a:visited,
.more.white a:active{background:#fff;color:#27aae1}
.more.white a:hover{background:#231f20;color:#fff}


.more a:last-child{margin-right:0;}

.icon .wrapper{text-align: center;
    background-image: url(img/hex-bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    margin:0 0 15px 0;
}
.icon h3{font-family: 'Aptos-Bold';}
.icon i{font-size:2em;margin:20px;color:#fff;}
.icon p {line-height:normal;font-size:1.2em; width:60%;margin-left:auto;margin-right:auto}
.icon p::last-child{margin-bottom: 0;}

.icon.large img{width:210px;border-radius: 100%;padding:30px}



.process h3{font-family: 'Aptos-Bold';margin-bottom:30px;}
.process h4{font-family: 'Aptos-Bold';font-size:1.1em;color:#27aae1}
.process h3 span.number{color:#27aae1}
.process h3 span.lines{color:#999;margin:0 10px}

.process i{font-size:2em;margin:20px;color:#fff;}
.process p {line-height:normal;font-size:1.1em;padding-right:30px;}
.process p::last-child{margin-bottom: 0;}

.process{padding-left:30px;}


.marker {height:100px;width:10px;background:#27aae1;display:block;margin:20px auto}




#quote{
    background-color: #27aae1;
    background-image: url(img/hex-banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding-top: 200px;
    padding-bottom: 200px;
}


 
 






.quote-text{font-size:2.4em;line-height: normal;margin-bottom:15px;color:#fff; }
.quote-from{font-size:1.4em; font-family: 'Aptos-Bold';color:#fff;}
 

#quote .header-sub{color:#fff;}

#quote.thomas {background-color:#333;}


.footer-branding{}
.footer-branding img{margin:0 0 30px;width:85%}
.footer-branding p{font-size:0.9em}

.footer-nav li {display:inline-block;margin:0 10px}
.footer-nav li:last-child {margin-right:0px}
.footer-nav li a:link,
.footer-nav li a:visited,
.footer-nav li a:active {color:#fff;text-decoration: none;font-family:'Aptos-Bold';}
.footer-nav li a:hover {color:#27aae1;}


.legal-nav li {display:inline-block;margin:0 10px}
.legal-nav li:last-child {margin-right:0px}
.legal-nav li a:link,
.legal-nav li a:visited,
.legal-nav li a:active {color:#fff;text-decoration: none;font-size:0.9em}
.legal-nav li a:hover {color:#27aae1;}


.social-nav li {display:inline-block;margin:0 10px}
.social-nav li:last-child {margin-right:0px}
.social-nav li a:link,
.social-nav li a:visited,
.social-nav li a:active {color:#fff;text-decoration: none;font-size:1.5em}
.social-nav li a:hover {color:#27aae1;}
 























/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    body{border-top:0px solid red;}
    .mt-8{margin-top:0;}
    .icon{margin:0 0 50px 0;}
    .navbar-brand img.img-fluid {
        height: 40px;
    }
    .nav-item a{margin:10px 0;text-align: center;}
    .navbar-toggler,
    .navbar-toggler:focus{border:0;box-shadow: none;;}
    section {padding-top: 50px;padding-bottom: 50px;padding-left:20px;padding-right:20px; text-align: center;}
    #quote,
    #quote.thomas,
    footer,
    #hero.page,
    #hero{height:auto; text-align: center;padding-top: 50px;padding-bottom: 50px;}
    .footer-branding{text-align: center;}
    ul.footer-nav,
    ul.social-nav,
    ul.legal-nav{margin:0;padding:0; text-align: center;}
    ul.footer-nav li,
    ul.social-nav li,
    ul.legal-nav li{width:100%;margin:0 0 20px;}
    .footer-branding p {        font-size: 0.8em;    }
    .footer-branding img {        width: 65%;    }
    #hero .hero-line1 h1 {font-size: 2.5em;}
    h2 {font-size:2em;}
    section.white img{margin-bottom:20px;}
section.the-process img{width:50%;margin:0 0 30px}
    section.white img,
    section.grey img{width:50%}
    body.page #hero img,
    body.page.home #hero img {
        width: auto;
        max-width: 100%;
        margin-top: 0;
    }
    .process p,
    .process{padding:0;}
    .process h3 span.lines{display: none;}
    .process h3 span.number {
     
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    

    hero .hero-line2 p {
        font-size: 1.1em;}
  

    .more a:link, .more a:visited, .more a:active {display: inline-block;width:100%;margin:0 0 30px 0}


        .quote-text {font-size: 2.0em;}
        .quote-from {font-size: 1em;}



}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
    body{border-top:10px solid green;}

    section {padding-top: 50px;padding-bottom: 50px;padding-left:20px;padding-right:20px;}

   
    
    
    
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
    body{border-top:10px solid pink;}

 
    
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 

    body{border-top:10px solid orange;}



    
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 


    
}