﻿body {}

.odoo-software-wrap {
	background: url(../images/software-banner-3.jpg) no-repeat;
	height: 80vh;
	background-size: cover;
	flex-direction: column;
	justify-content: center;
}

.odoo-software-wrap h1 {
	font-size: 45px;
	color: #21272B;
	font-weight: 900;
	margin-bottom: 20px;
	line-height: 60px;
}

.odoo-software-wrap p {
	font-size: 18px;
	color: #000;
	line-height: 1.7;
	margin-bottom: 20px !important;
}

.softwareh1 {
	color: #00A09D !important
}

.software-content {
	background-color: #00A09D;
	padding: 20px;
	border-radius: 7px;
	box-shadow: 0 0 3px 2px #0000001f;
	margin-bottom: 20px;
	height: 240px;
}

a:hover,
a:focus {
	color: #ffffff;
	text-decoration: underline;
}

.odoo-software2 p.col-md-12 {
	text-align: justify;
	font-size: 14px;
}

.software-content img {
	width: 60px;
}

. .odoo-software {
	background-color: #f8f9fa;
}

.odoo-software 1 {
	background-color: #fff;
}

.odoo-compare1 {
	background: linear-gradient(150deg, #875A7B 20%, #62495B 80%) !important;
}

.odoo-compare1 h1 {
	color: #fff;
	margin-bottom: 20px;
}

.odoo-compare1 p {
	color: #fff;
	font-size: 17px;
}

.odoo-software h1 {
	margin-bottom: 20px;
	font-weight: 900;
	display: flex;
	justify-content: center;
}

.odoo-software p {
	font-size: 17px;
	display: flex;
	justify-content: center;
}

.odoo-software-p {
	color: #000;
	font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing: antialiased !important;
	margin: 0 !important;
	line-height: 33px;
	font-size: 17px;
}

.odoo-software-2 {
	margin-top: 200px;
}

img {
	width: 100%;
}

.container-fluid.odoo-software1 {
	background-color: #fff;
}

.container-fluid.odoo-software {
	background-color: #f8f9fa;
}

.software-content i.fa.fa-users {
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 13px;
	display: inline-flex;
	color: #fff;
}

.software-content h3 {
	color: #fff;
	font-weight: 500;
}

.software-content p {
	color: #fff;
}

.software-content1 h3 {
	color: #000;
	font-weight: 500;
}

.software-content1 h3 {
	color: #000;
	font-weight: 500;
}

.software-content1 {
	background-color: #fff;
}

.odoo-software2 h1 {
	margin-bottom: 20px;
	font-weight: 900;
	display: flex;
	justify-content: center;
}

.odoo-software2 p {
	
	font-size: 17px;
	display: flex;
	justify-content: center;
}

.software-content1 {
	margin-top: 11px;
    height: 95px;
    background-color: white;
    padding: 20px;
    box-shadow: 2px 0px 6px 4px #c5c5c526;
}

.software-content1 h4 {
	height: 30px;
	font-size: 14px;
	float: initial;
}

img.col-md-2.col-md-2.col-sm-3.col-xs-12 {
	width: 70px;
}

.soft {
	margin-bottom: 20px;
	font-weight: 900;
}

.software-content2 {
	background-color: #ffffff;
	padding: 20px;
	border-radius: 7px;
	box-shadow: 0 0 3px 2px #b9b9b91f;
	margin-bottom: 20px;
	height: 300px;
}

.software-content2 h3 {
	text-align: center;
	color: #ccc;
	font-size: 17px;
	color: #875A7B !important;
}

@media only screen and (max-width: 764px) {
	.odoo-software2 img.col-md-2.col-md-2.col-sm-3.col-xs-12 {
		width: 60px;
		float: left;
	}
	.odoo-software-wrap h1 {
		font-size: 24px;
		color: #21272B;
		font-weight: 900;
		margin-bottom: 20px;
		line-height: 32px;
	}
	.odoo-software-wrap {
		background: url(../images/software-banner-3.jpg) no-repeat;
		height: 80vh;
		background-size: cover;
		flex-direction: column;
		justify-content: center;
	}
	.odoo-software-p {
		color: #000;
		font-family: 'Montserrat', sans-serif;
		-webkit-font-smoothing: antialiased !important;
		margin: 0 !important;
		line-height: 33px;
		font-size: 17px;
		text-align: justify;
	}
	
	.software-content1 {
    margin-top: 11px;
    height: 95px;
    background-color: white;
    padding: 20px;
    box-shadow: 2px 0px 6px 4px #c5c5c526;
}
	.software-content {
		background-color: #00A09D;
		padding: 20px;
		border-radius: 7px;
		box-shadow: 0 0 3px 2px #0000001f;
		margin-bottom: 20px;
		height: 270px;
	}
	.odoo-software-2 {
		margin-top: 137px;
	}
}



                            /*call to action buttons*/
                            .call-to-action {
                                display: flex;
                                align-items: center;
                                padding-top: 2rem;
                            }
                            .btn-action
                            {
                                border-radius: 30px;
                                height: 55px !important;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                width: 200px;
                                font-weight: 500;
                                margin-top: 1rem;
                                float: left;
                                font-size: 14px;
                                padding: 17px;
                                letter-spacing: 1px;
                                transition:all .5s;
                                margin: 0 1rem;
                                outline: none !important;
                            }
                            a.btn-action:hover {
                                color: #fff;
                                opacity: .8;
                            }
                            .btn-whatsapp {
                                color: #fff;
                                background-color: #25d366;
                            }
                            .btn-chat
                            {
                                background-color: #282F33;
                                color: #fff;
                            }
                            .btn-moreinfo
                            {
                                background: #00A09D;
                                color: #fff;
                            }
                            .fa-comment-dots:before {
                                content: "\f4ad";
                            }
                            .fa-info-circle:before {
                                content: "\f05a";
                            }
                            a.btn-action i {
                                margin-right: 5px;
                                font-style: normal;
                                font-size: 20px;
                            }
                            .call-to-action.action-body {
                                justify-content: flex-start;
                            }
                            .call-to-action.action-body .btn-action {
                                margin-right: 2rem;
                                border-radius: 5px;
                            }
                            .far, .fas {
                                font-family: "Font Awesome 5 Free";
                            }
                            @media(max-width:992px)
                            {
                                .call-to-action {
                                    width: 100%;
                                }
                            }
                            @media(max-width:767px)
                            {
                               .btn-action {
                                    border-radius: 30px;
                                    height: 42px !important;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    width: auto;
                                    font-weight: 500;
                                    margin-top: 1rem;
                                    float: left;
                                    font-size: 12px;
                                    padding: 17px;
                                    letter-spacing: 1px;
                                    transition: all .5s;
                                }
                            }
                            @media(max-width:450px)
                            {
                                a.btn-action i {
                                    margin-right: 5px;
                                    font-style: normal;
                                    font-size: 14px;
                                }
                                .call-to-action {
                                    flex-direction: column;
                                }
                                .btn-action {
                                    width: 100%;
                                }
                            }
                            /*//call to action buttons*/


.odoo-comparison h1 {
    margin-bottom: 20px;
    font-weight: 900;
    display: flex;
    justify-content: center;
}


.odoo-comparison h2 {
    margin-bottom: 20px;
    font-weight: 900;
    display: flex;
    justify-content: center;
}

.odoo-comparison p {
    font-weight: 300;
    font-size: 17px;
    display: flex;
    justify-content: center;
}

.comparison-content2 {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 7px;
    box-shadow: 0 0 3px 2px #b9b9b91f;
    margin-bottom: 20px;
    height: 300px;
}

.comparison-content2 h3 {
    text-align: center;
    color: #ccc;
    font-size: 17px !important;
    color: #875A7B !important;
}

.comparison-content2 a
{
    text-decoration:none;
    
    }
    
  @media only screen and (max-width: 764px) 
{  
.comparison-content2 a {
    text-decoration: none;
    display:flex;
    justify-content: center;
    align-items: center;
    
}

.comparison-content2 img {
    width: 25%;
}

.comparison-content2 {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 7px;
    box-shadow: 0 0 3px 2px #b9b9b91f;
    margin-bottom: 20px;
    height:auto;
}

}    




                     