:root{
    --color-main:#002B5B;
    --color-main-75:#002B5B75;
    --color-second:#34C759;
}

.navbar-brand>img {
    width: 200px;
    height: auto !important;
}

footer .f-item > img {
    width:200px;
}

.services-area .services-items .item{
    text-align: center;
}

#language{
    display: flex;
    justify-content: end;
}

#language a{
    display: grid;
}


#language .language-item{
}

#language .language-item img{
    width: 15px;
    height: 15px;
    border-radius:15px;
}

.attr-nav > ul#language > li > a {
    padding: 12px 5px !important;
}

.module-icon{
    mask-position:center center;
    -webkit-mask-position:center center;
    cursor:pointer;
    mask-size: auto 100% ;
    -webkit-mask-size: auto 100% ;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background:#437eeb;
}

.blog-area .item blockquote::after {
    content: "›";
    font-family: calibri !important;
    text-align: center;
}

.blog-area .item blockquote{
    padding-left: 2em;
}

.blog-area .item blockquote p{
    padding:.5em 1em;
}

.blog-area .blog-items .info > ul li::after {
    background:#437eeb;
}

.blog-area .blog-items .info > ul li strong {
    color:#437eeb;
}

.blog-area .blog-items .info > ul li{
    margin:0px;
}


/* --- Page design --- */

#page-content{
    /* box-shadow: 0 0 10px #cccccc; */
    background: #ffffff;
    border-radius: 10px;
    max-width: 1140px;
    margin:2em auto;
    /* padding:2em 4em; */
    font-size: 14pt;
}

#page-content ul li{
}

#page-content ul li:before{
    content:"›";
    padding: 0px .5em;
    color:#437eeb;
    font-weight: bold;
    font-size:15pt;
}

#page-content blockquote{
    margin:1em 0px;
    padding:2em;
    background: #cccccc;
    background-image: linear-gradient(90deg, rgba(2, 59, 166, 1) 0%, rgba(67, 126, 235, 1) 100%);
    background-color: var(--color-main);
    border-radius: .5em;
    background-image: url(/public/assets/img/shape/1.png);
}

#page-content blockquote p{
    color:white;
}

nav.navbar.bootsnav ul.nav > li > a {
    font-weight: 600;
}

.banner-area.text-combo h2 {
    font-weight: 600;
}

nav.navbar.bootsnav.navbar-fixed {
    border-bottom: 1px solid #DEDAD5;
}

nav.navbar.bootsnav.navbar-fixed {
    border-bottom: 1px solid #DEDAD5;
}


nav.navbar.bootsnav ul.nav > li.active > a {
    color: var(--color-second) !important;
}

nav.navbar.bootsnav ul.nav > li > a{
    color: var(--color-main);
}

nav.navbar.bootsnav ul.nav > li:hover > a{
    color: var(--color-second) !important;
}

.center-tabs .nav-tabs li a {
    color: var(--color-main);
}

.bg-gradient {
    background-image: linear-gradient(90deg, var(--color-main) 0%, var(--color-second) 100%);
    background-color:var(--color-main);
}

.bg-gradient-page {
    background-image: linear-gradient(90deg, var(--color-main) 0%, var(--color-main) 100%);
    background-color:var(--color-main);
    padding: 120px 0px 30px 0px;
}

.bg-gradient-page h2{
    color:var(--color-second);
}

.center-tabs .nav-tabs li a.active{
    background: var(--color-second);
}

.center-tabs .tab-content {
    border-top: 3px solid var(--color-second);
}

.contact-area form button {
    background: var(--color-second);
    color: #fff;
}

.contact-area form button i{
    background:none;
}

.contact-area .right-item h2 {
    color: var(--color-main);
}

.contact-area .left-item .info-items .item .icon i {
    background: var(--color-second);
    background-clip: text;
}

.banner-area.text-combo h2{
    color: var(--color-main);
}

.company-size-message h3{
    color:var( --color-second);
    font-weight: 800;
}

.company-size-message ul{
    margin:auto;
    display:table;
}

.company-size-message ul li{
    list-style: none;
    float: left;
    color:var( --color-main);
    margin:.5em;
    border-radius: 5px;
    padding: 10px 25px;
    border: 2px solid var(--color-second);
}

.company-size-message ul li:hover{
    color:#fff;
    background:var(--color-second);
}

#modules .info{
    text-align: center;
}

#modules h2{
    padding:0px;
    margin:0px;
}


.choseus-items .info ul li i {
    color: #fff;
}

.choseus-items .info ul li i::after {
    background: var(--color-second);
}

.choseus-items .info ul li span {
    color: var(--color-main)
}

.about-area .about-items .info h2,
.pricing-area .pricing-item .pricing-header h2{
    color: var(--color-main)
}

.pricing-area .pricing-item .pricing-header h5{
    color: var(--color-second);
}

.pricing-area .pricing-item:hover .pricing-header h2,
.pricing-area .pricing-item:hover .pricing-header h5{
    color: #fff;
}

.choseus-area .info h5,
.site-heading h4{
    color: var(--color-second);
    text-transform: uppercase;
}

#modules h2,
.site-heading h2{
    color: var(--color-main)
}

.choseus-items .info h4{
    color: var(--color-second);
    text-align: center;
}

.pricing-items li.footer {
    text-align: center;
}

.pricing-items li.footer a{
    background: var(--color-second);
}

.pricing-items:hover li.footer a{
    background: #fff;
    color: var(--color-main) !important;
}

.pricing-area .pricing-item::after {
    background: linear-gradient(to bottom, #437eeb 0%, var(--color-main) 100%);
}

.features-list .item {
    background: linear-gradient(to bottom, #437eeb 0%, var(--color-main) 100%);
}

.pricing-items li i {
    color: var(--color-second);
    font-weight: bold;
}

.pricing-items .pricing-header .icon i{
    color:var(--color-main);
}

.pricing-items .single-item:nth-child(2) .pricing-header .icon i{
    color:var(--color-second);
}

#footer-information{
    text-align: center;
    padding: 1em;
    font-weight: bold;
    color: var(--color-main);
}

.start-us-area .thumb img {
    border-radius: 5%;
}

#tabsContent ul{
    margin:1em;
}

#tabsContent h3{
    color: var(--color-main);
}

#tabsContent ul li{
    color: var(--color-main);
    font-weight: bold;
}

#tabsContent ul li:before{
    content:"»";
    padding: 0px .5em;
    color: var(--color-second);
    font-weight: bold;
    font-size:15pt;
}


.page-container ul{
    margin:1em;
}

.page-container ul li{
    color: var(--color-second);
    font-weight: bold;
}

.page-container ul li:before{
    content:"»";
    padding: 0px .5em;
    color: var(--color-second);
    font-weight: bold;
    font-size:15pt;
}


#footer-shortcuts{
    margin:auto;
    display: table;
}

#footer-shortcuts li{
    list-style: none;
    float:left;
    padding:0px 1em;
    border-right:1px solid #ddd;
}

#footer-shortcuts li:last-child{
    border-right:0px;
}

#footer-shortcuts li a{
    color:var(--color-second);
}


@media (min-width: 1024px) {
    nav.navbar.bootsnav .navbar-brand {
        padding: 28px 15px;
    }
}

@media only screen and (max-width: 900px) {
    footer {
        text-align: center;
    }

    .mobile-center{
        text-align: center;
    }

}