.gray-light-bg{
background: #f7f7f7;
}
.ptb-100{
padding: 100px 0;
}
/*sccreenshot css*/
.screen-slider-content {
position: relative
}
.screenshot-frame {
background-image: url(../img/phone-frame2.png);
background-repeat: no-repeat;
background-size: 100% 100%;
display: block;
width: 285px;
height: 518px;
position: absolute;
top: -10px;
left: calc(50% + 0.5px);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2;
border-radius: 40px;
}
@media (min-width: 768px) and (max-width: 992px){
.screen-slider-content{
margin-bottom: 40px;
}
}
@media (min-width: 320px) and (max-width: 1200px){
.screenshot-frame{
display: none;
}
}
.screen-carousel .owl-item img {
-webkit-transform: scale(.85);
transform: scale(.85);
-webkit-transition: 0.3s;
transition: 0.3s;
border: 1px solid #ebebeb;
border-radius: 30px
}
.screen-carousel .owl-item.active.center img {
-webkit-transform: scale(1);
transform: scale(1)
}
.dot-indicator.owl-theme button.owl-dot span{
display: inline-block;
width: 12px;
height: 12px;
box-sizing: border-box;
background: #d8d8d8;
border-radius: 50%;
-webkit-transform: scale(0.8);
transform: scale(0.8);
transition: 0.3s;
}
.dot-indicator.owl-theme button.owl-dot:focus{
border: none;
outline: none;
}
.dot-indicator.owl-theme button.owl-dot.active span{
background: #9629e6;
border: 2px solid transparent;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.screen-carousel.dot-indicator.owl-theme .owl-nav.disabled+.owl-dots{
margin-top: 20px;
}
.section-white{
background: white;
padding: 2rem 0 2rem 0;
}
.video-banner {
position: relative;
min-height: 90vh;
-js-display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
width: 100%;
}
.overlay-banner {
position: relative;
width: 100%;
}.overlay-banner:before {
position: absolute;
content: '';
background-image: linear-gradient(to left, rgb(244 176 60 / 89%),
rgb(244 176 60 / 88%), rgb(244 176 60 / 62%), rgb(244 176 60 / 92%),
rgb(253 175 0 / 90%));
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.mobile-cover {
z-index: 10;
object-fit: cover;
display: flex;
flex-direction: row;
-webkit-box-pack: center;
justify-content: center;
position: relative;
width: 100%;
overflow: hidden;
}
.mobile-img {
object-fit: cover;
height: 100%;
width: 100%;
z-index: 10;
transition: all 400ms ease-in 0s;
}
.video-mobile-app {
box-sizing: border-box;
min-height: 1px;
left: auto;
flex-wrap: wrap;
-webkit-box-align: center;
align-items: center;
z-index: 5;
justify-items: flex-end;
position: absolute;
right: 8%;
max-width: 350px;
flex: 0 0 38%;
top: -70px;
}
.video-content {
vertical-align: baseline;
position: absolute;
height: 100%;
box-sizing: border-box;
top: -2px;
font: inherit;
padding: 12px;
overflow: hidden;
}
.video-content video {
transform-style: preserve-3d;
text-align: center;
height: 100%;
max-width: 100%;
margin: 0 auto;
background: black;
border-radius: 10px;
}
@media (max-width: 768px){
.video-mobile-app{
top: 0;
}
.video-content{
	padding: 15px;
}
}

@media (min-width: 320px) and (max-width: 768px){
.video-mobile-app{
top: 0;
}
}
@media (min-width: 767px) and (max-width: 991px){
.video-mobile-app{
top: 20px;
}
}
@media (max-width: 900px){
.video-mobile-app{
position: inherit;
right: auto;
}
}
.pbottom{
padding-bottom: 100px;
}
.p-top{
padding-top: 150px;
}
@media (max-width: 768px){
.pbottom{
padding-bottom: 40px;
}
.download-txt h2{
font-size: 25px;
}
.download-txt .lead{
font-size: 17px;
}
.p-top{
padding-top: 150px;
}
}
.odoo-community-icon{
box-shadow: 1px 1px 7px black;
}
.odoo-community-img img{
width: 80px;
height: 78px;
}
.ptb-100 {
padding: 40px 0;
}
.section-head{
font-size: 40px;
text-transform: uppercase;
font-weight: 700;
text-shadow: 1px 3px 0px #0a0a0a29;
}
.section-lead{
font-size: px;
color: #808080;
}
.shape-bottom img.bottom-shape {
position: absolute;
left: 0;
right: 0;
bottom: -2px;
z-index: 1;
width: 100%;
margin: 0 auto;
}
.shape-bottom-1 img.bottom-shape {
position: absolute;
left: 0;
right: 0;
bottom: -2px;
z-index: 1;
top: 1085px;
width: 100%;
margin: 0 auto;
transform: rotate(180deg);
}
.shape-bottom2 img.bottom-shape {
position: absolute;
left: 0;
right: 0;
bottom: -2px;
z-index: 1;
top: 70rem;
width: 100%;
margin: 0 auto;
}
.solid-white-btn {
background: #ffffff;
border-color: #ffffff;
color: #7202bb;
border-radius: 30px;
font-weight: 700;
padding: 12px 30px;
}
.outline-white-btn {
border-radius: 30px;
color: #ffffff;
border-color: #ffffff;
font-weight: 700;
padding: 12px 30px;
}
.solid-white-btn:hover {
background: transparent;
color: #ffffff;
}
.outline-white-btn:hover {
background: #ffffff;
color: #7202bb;
}
.features-grid-image{
background: transparent;
padding: 10px;
border-radius: 10px;
text-align: center;
/*box-shadow: 0px 20px 50px 0px rgb(0 0 0 / 20%);*/
}
.features-grid{
position: relative;
padding-top: 80px;
}
.features-grid .feature-head{
font-weight: 700;
text-shadow: 1px 3px 0px #0a0a0a29;
}
.features-grid .feature-p{
color: #808080;
text-align: justify;
}
.background-shape-img {
position: relative;
}
@media (max-width: 768px){
.features-grid .feature-p {
color: #808080;
font-size: 15px;
text-align: justify;
}
.features-grid-image img{
width: 100%;
height: auto;
}
.features-grid{
padding-top: 10px;
}
.features-grid .feature-head {
text-align: center;
font-size: 25px;
}
}
@media (min-width: 768px) and (max-width: 992px){
.features-grid{
padding-top: 1px;
}
}
.background-shape-img:before {
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
background-image: url(../bg-image.svg);
background-repeat: no-repeat;
background-size: cover;
}
.bg-top{
background: transparent;
margin-top: -138px;
}
.curved-bg-div {
background: url(../download.jpg) no-repeat;
background-position: 0px -140px;
background-size: cover;
width: 100%;
height: 300px;
}
.bg-gray{
background: #d3d3d31a;
}
.shadow-lg{
box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%) !important;
}
/*@media screen and (max-width: 1400px){
.curved-bg-div {
background-position: 100% -20px;
}}*/
.bg-section{
background: #e7a3451c;
border-top: 5px solid #e7a345;
padding: 50px 50px;
}
/*---------------*/
.background-shape-img {
position: relative;
}
.background-shape-img:before {
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
background-image: url(../download.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: 0px -140px;
background-size: cover;
width: 100%;
height: 300px;
}
.background-shape-img:after {
content: "";
position: absolute;
z-index: -1;
bottom: 0;
transform: rotate(180deg);
background-image: url(../download.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: 0px -140px;
background-size: cover;
width: 100%;
height: 300px;
}
.gradient-overlay1 {
position: relative;
width: 100%;
}
.gradient-overlay1:before {
position: absolute;
content: '';
background-image: linear-gradient(to left, rgb(244 176 60 / 89%),
rgb(244 176 60 / 88%), rgb(244 176 60 / 62%), rgb(244 176 60 / 92%),
rgb(253 175 0 / 90%));
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.curved-bg-div {
background: url(../download.jpg) no-repeat;
background-position: 0px -140px;
background-size: cover;
width: 100%;
height: 300px;
}
@media screen and (max-width: 1400px){
.curved-bg-div {
background-position: 100% -30px;
}
}
.curved-bg-div-1 {
background: url(../download.jpg) no-repeat;
background-position: 0px -140px;
background-size: cover;
width: 100%;
height: 300px;
transform: rotate(180deg);
}
@media screen and (max-width: 1400px){
.curved-bg-div-1 {
background-position: 100% -60px;
}
}
.section-parallax {
color: #fff;
background-attachment: fixed;
background-position: center;
}
.parallax-bg {
/*background: linear-gradient(to left, rgb(141 17 235 / 89%),
rgb(190 60 244 / 72%), rgb(241 162 27 / 85%), rgb(247 156 0),
rgb(153 42 230 / 65%));*/
/*background: rgb(4 9 32 / 88%);*/
background: rgb(222 159 59 / 94%);
padding: 2rem 0rem 0rem 0rem;
}
.background-shape1{
position: relative;
}
.background-shape1:before {
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
background-image: url(../bg-image.svg);
background-repeat: no-repeat;
background-size: cover;
}
.screenshot-frame {
background-image: url(../phone-frame.png);
background-repeat: no-repeat;
background-size: 100% 100%;
display: block;
width: 310px;
height: 616px;
position: absolute;
top: -10px;
left: calc(50% + 0.5px);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2;
border-radius: 40px;
}
@media (max-width: 768px){
.screenshot-frame{
display: none;
}
}
.grid2 {
border: 1px solid #ffffff;
border-radius: 0px;
overflow: hidden;
box-shadow: none !important;
text-align: center;
}
.owl-nav .owl-prev {
left: -0.8%;
background: #fff!important;
height: 40px;
text-align: center;
width: 40px;
border-radius: 40px;
color: black!important;
padding-top: 5px;
border: 1px solid white;
transition: 0.25s;
box-shadow: 0px 10px 25px rgb(0 0 0 / 25%);
}
.owl-nav .owl-next {
right: -0.8%;
background: #fff!important;
height: 40px;
text-align: center;
width: 40px;
border-radius: 40px;
color: black!important;
padding-top: 5px;
border: 1px solid white;
transition: 0.25s;
box-shadow: 0px 10px 25px rgb(0 0 0 / 25%);
}
.owl-nav>div {
margin-top: -10px;
position: absolute;
top: 150px;
color: #cdcbcd;
}
/*----------*/
.site-footer {
margin: 0;
padding: 2.25rem 0 1px;
display: block;
width: 100%;
clear: both;
text-align: center;
background: #08223b url(../footer.png) no-repeat 50%;
background-size: cover;
color: #fff;
}
.footer-copyright{
border-top: 1px solid #8b8e92;
padding: 15px 0px 1px 0px;
margin-top: 10px;
}
.footer-copyright p{
color: #8b8e92;
font-size: .90rem;
font-weight: 600;
line-height: 1.563rem;
}
/*.footer-icon{
margin: 35px 0px 0px;
}*/
.footer__item {
position: relative;
width: 100%;
float: left;
margin-top: 20px;
margin-bottom: 20px;
z-index: 2;
}
.footer__item1 {
position: relative;
width: 100%;
float: left;
margin-top: 20px;
margin-bottom: 20px;
z-index: 2;
}
.footer__item h6{
text-align: left;
}
.footer__item__title{
margin-bottom: 20px;
}
.footer__area-copyright-right ul li {
display: inline-block;
}
.footer__area-copyright-right ul li a {
color: #fff;
text-transform: uppercase;
font-size: 16px;
line-height: 24px;
font-weight: 500;
margin-right: 15px;
padding-right: 15px;
text-decoration: none;
/*border-right: 2px solid #fff;*/
/*opacity: 80%;*/
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.google-play-btn{
}
@media (max-width: 768px){
.footer__item {
margin-top: 0px;
margin-bottom: 10px;
}
/*.footer__item1 {
text-align: left;
margin: 0px 0px;
}
.footer__item__title {
margin-top: 0px;
}.footer__item1 .footer__item__title{
margin-bottom:  5px;
}
.footer__item .footer__item__title{
text-align: left;
}
.footer-icon{
text-align: left;
}
.footer__area-copyright-right ul{
padding: 0;
text-align: left;
}
.footer__area-copyright-right ul li {
display: flex;
}
.footer__area-copyright-right ul li a{
text-transform: none;
font-size: 22px;
}*/
.google-play-btn{
margin: 5px 0px;
}
}
@media (min-width: 768px) and (max-width: 992px){
/*.footer__area-copyright-right ul{
text-align: left;
}*/
.google-play-btn{
margin: 4px 0px;
}
}
.site-social-icons a {
width: 2.5rem;
height: 2.5rem;
border: 0.063rem solid #4f708f;
border-radius: 12.5rem;
overflow: hidden;
position: relative;
text-align: center;
margin: 0.1875rem;
transition: .3s linear;
transition-property: background,color,border-color;
}
.site-social-icons i.fa, .site-social-icons span {
color: #fff;
font-size: .938rem;
font-weight: 400;
line-height: 2.5rem;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
height: 100%;
width: 100%;
}
.site-copyright {
color: #8b8e92;
font-size: .90rem;
font-weight: 400;
line-height: 1.563rem;
margin-top: 1.25rem;
}
/*.site-subscribe {
padding: 0;
display: block;
width: 100%;
clear: both;
color: #fff;
position: relative;
margin: -6.25rem 0 0;
}*/
.site-subscribe .site-box {
/*line-height: 4.625rem;
background-color: #103558;*/
/*border-radius: 2.25rem;
padding: 0 2.1875rem;*/
/*position: relative;
top: 2.375rem;*/
}
.site-subscribe {
border-top: 2px solid black;
}
.site-subscribe p {
color: #000;
font-family: inherit;
font-size: 1rem;
font-weight: 400;
line-height: 2rem;
margin: 0;
display: inline-block;
padding: 0 0 0 1.25rem;
}
.site-subscribe .site-form {
position: relative;
margin: 0;
padding: 0;
display: block;
width: 100%;
clear: both;
}
.site-subscribe label {
width: 100%;
margin: 0;
padding: 0;
display: inline-block;
position: relative;
overflow: hidden;
vertical-align: middle;
}
.site-subscribe input[type=email], .site-subscribe input[type=text] {
width: 100%;
height: 2.688rem;
line-height: 2.688rem;
border: 0.063rem solid #fff;
border-radius: 1.3125rem;
background: none;
display: block;
margin: 0;
font-weight: 400;
outline: none!important;
caret-color: white;
padding: 0 11.25rem 0 1.25rem;
}
.site-subscribe input[type=submit]:hover {
background: #ff8309;
color: #fff;
}
.site-subscribe input[type=submit] {
width: 9.375rem;
min-width: 0.625rem;
height: 2.688rem;
min-height: 0.625rem;
line-height: 2.688rem;
margin: auto 0;
background-color: #fff;
border-radius: 1.3125rem;
box-shadow: none;
color: #0a2b4a;
font-family: inherit;
font-size: .813rem;
font-weight: 700;
text-transform: uppercase;
position: absolute;
top: 4px;
right: 0;
bottom: 0;
transition: .3s linear;
transition-property: background,color;
border: 0.063rem solid #fff;
}
.footer-icon a {
color: #fff;
text-align: center;
border: 2px solid #4f708f;
background-color: #08223b;
font-size: 18px;
border-radius: 50%;
display: inline-block;
width: 41px;
height: 41px;
line-height: 38px;
margin-right: 15px;
transition: all .4s ease-out;
}
.footer-icon a:hover {
color: #7c4fe0;
border: 2px solid #fff;
background-color: #fff;
}
.btn-sm {
padding: 10px 30px;
font-size: 1.0625rem;
border-radius: 10px;
line-height: 1.53;
letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 992px){
.btn-sm {
padding: 8px 20px;
font-size: 1.0625rem;
border-radius: 10px;
line-height: 1.53;
letter-spacing: 0.02em;
}
}
.btn1 {
background: #08223b;
/* position: relative; */
/* display: inline-flex; */
/* align-items: center; */
/* justify-content: center; */
border-width: 0.125rem 0.125rem 0.125rem 0.1875rem;
border-style: solid;
border-color: transparent;
font-weight: 500;
/* outline: none; */
/* background-image: linear-gradient(166deg, transparent 0% 50%, #2D3135 50%, #3E4248 100%), linear-gradient(166deg, #3E4248 0%, #2A2E32 50%, #3E4248 50%, #313437 100%); */
/* background-position: 0% 0%, 100% 100%; */
/* background-size: 200% 200%; */
/* background-clip: padding-box, border-box; */
/* background-origin: padding-box, border-box; */
color: #b4c0ce;
box-shadow: 8px 8px 22px rgb(21 22 24 / 38%), -4px -2px 16px rgb(195 200 205 / 8%);
transition: 0.5s ease-in-out;
}
.btn1:hover, .btn1.hover, .btn1:active, .btn1.active {
outline: none;
text-decoration: none;
background: #dd982b;
color: #08223b;
border-width: 0.125rem 0.125rem 0.125rem 0.1875rem;
border-style: solid;
border-color: transparent;
font-weight: 500;
box-shadow: 8px 8px 22px rgb(21 22 24 / 38%), -4px -2px 16px rgb(195 200 205 / 8%), inset -2px -2px 4px rgb(54 54 57 / 16%), inset 2px 2px 4px rgb(30 30 32 / 18%);
}
.site-box p{
color: #132c44;
font-size: 1.25rem;
line-height: 2.7;
letter-spacing: 0;
font-weight: 700;
}
@media (max-width: 768px){
.site-box p {
font-size: 19px;
line-height: 1.4;
letter-spacing: 0;
font-weight: 700;
text-align: center;
margin-bottom: 24px;
}
}
@media (min-width: 768px) and (max-width: 992px){
.site-box p{
line-height: 1.5;
}
}
/*----------*/
.fh5co-bottom-outer {
width: 100%;
height: 572px;
background: url(../yellow-bg.webp) no-repeat center;
margin-top: 120px;
overflow-x: hidden;
}
.button-store .custom-btn {
min-width: 180px;
padding: 10px 25px;
border: 1px solid #fff;
font-weight: 500;
border-radius: 3px;
text-decoration: none;
}
.button-store .custom-btn i {
font-size: 27px;
margin-right: 10px;
color: #fff;
transition: all 0.3s;
}
.button-store .custom-btn p {
display: block;
font-size: 17px;
line-height: 1.4;
color: #fff;
font-weight: 700;
margin: 0;
transition: all 0.3s;
}
.button-store .custom-btn p em {
display: block;
clear: both;
font-style: normal;
font-size: 12px;
margin: 0;
color: #fff;
font-weight: 500;
transition: all 0.3s;
}
.button-store .custom-btn:hover {
border-color: #fff;
background-color: #fff;
}
.button-store .custom-btn:hover i,
.button-store .custom-btn:hover p,
.button-store .custom-btn:hover p em{
color: #7c4fe0;border-color: #fff;
background-color: #fff;
}
.banner-right{
margin-right: 1.5rem;
}
.mobile-cover{
margin-bottom: 40px;
}
@media (max-width: 768px){
.banner-right{
margin-right: 0;
}
.button-store{
text-align: center;
}
.button-store .custom-btn{
min-width: 152px;
padding: 8px 5px;
margin: 4px;
}
}
/*---*/
.button-store1{
margin-top: 10px;
}
.button-store1 .custom-btn1 {
min-width: 135px;
padding: 5px 10px;
border: 1px solid #fff;
font-weight: 500;
border-radius: 3px;
text-decoration: none;
}
.button-store1 .custom-btn1 i {
font-size: 20px;
margin-right: 10px;
color: #fff;
transition: all 0.3s;
}
.button-store1 .custom-btn1 p {
display: block;
font-size: 14px;
line-height: 1.4;
color: #fff;
font-weight: 700;
margin: 0;
transition: all 0.3s;
}
.button-store1 .custom-btn1 p em {
display: block;
clear: both;
font-style: normal;
font-size: 12px;
margin: 0;
color: #fff;
font-weight: 500;
transition: all 0.3s;
}
.button-store1 .custom-btn1:hover {
border-color: #fff;
background-color: #fff;
}
.button-store1 .custom-btn1:hover i,
.button-store1 .custom-btn1:hover p,
.button-store1 .custom-btn1:hover p em{
color: #7c4fe0;
}
/*-----------*/
.banner-parallax {
background-image: linear-gradient(to left, rgb(244 176 60 / 89%),
rgb(244 176 60 / 88%), rgb(244 176 60 / 62%), rgb(244 176 60 / 92%),
rgb(253 175 0 / 90%));
padding: 7rem 0rem 3rem 0rem;
}
.banner-parallax h1{
color: white;
text-align: center;
font-size: 42px;
font-weight: 600;
text-transform: uppercase;
font-family: sans-serif;
}
@media (max-width: 768px){
.banner-parallax {
padding: 6rem 0rem 1rem 0rem;
}
.banner-parallax h1{
font-size: 26px;
}
}
.app-banner {
position: relative;
min-height: 35vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
width: 100%;
background-position: center;
background-repeat: no-repeat;
}
.app-banner-content{
margin-top: 7rem;
}
.app-gradient-overlay {
position: relative;
width: 100%;
}
.app-gradient-overlay:before {
position: absolute;
content: '';
background-image: linear-gradient(to left, rgb(244 176 60 / 89%),
rgb(244 176 60 / 88%), rgb(244 176 60 / 62%), rgb(244 176 60 / 92%),
rgb(253 175 0 / 90%));
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.odoo-app .odoo-apph {
font-size: 28px;
font-weight: 700;
text-shadow: 1px 3px 0px #0a0a0a29;
}
.odoo-app .odoo-appp {
font-size: 15px;
font-weight: 400;
color: #808080;
text-align: justify;
}
@media (max-width: 768px){
.odoo-app .odoo-appp {
text-align: justify;
}
}
.bg-app{
background: #f7f7f7;
}
.app-banner-content .app-banner-h{
color: white;
text-align: center;
font-size: 42px;
font-weight: 600;
text-transform: uppercase;
font-family: sans-serif;
}
@media (max-width: 768px){
.banner-content h1{
font-size: 24px;
margin-top: 6rem;
padding: 0px 14px;
}
}
.ul-box-list {
padding-left: 0px;
}
.ul-box-list li {
position: relative;
font-size: 15px;
list-style: none;
padding-left: 26px;
/*font-weight: 500;*/
color: #fff;
margin: 6px 0px;
}
.ul-box-list li i {
position: absolute;
top: 3px;
left: 0;
line-height: 20px;
font-size: 14px;
color: #fff;
padding-left: 2px;
}
.section-parallax-1 {
background-image: url(../BANNER-1.jpg);
color: #fff;
background-attachment: fixed;
background-position: center;
}
.parallax-bg-1 {
/*background: linear-gradient(to left, rgb(141 17 235 / 89%),
rgb(190 60 244 / 72%), rgb(241 162 27 / 85%), rgb(247 156 0),
rgb(153 42 230 / 65%));*/
/*background: rgb(4 9 32 / 88%);*/
background: rgb(222 159 59 / 94%);
padding: 2rem 0rem 2rem 0rem;
}
/*.section-parallax-top {
color: #fff;
background-attachment: fixed;
background-position: center;
}
.section-parallax-bg-top {
background: rgb(3 75 147 / 64%);
padding: 5rem 0rem 5em 0rem;
}*/
.features-app{
}
.features-app-h{
font-size: 32px;
text-align: center;
text-transform: uppercase;
font-weight: 700;
text-shadow: 1px 3px 0px #0a0a0a29;
}
.features-app-p{
color: #808080;
font-size: 14px;
text-align: justify;
}
.features-app-ph{
text-align: center;
font-weight: 700;
}
.features-app-content{
padding: 25px;
margin: 16px 0px;
box-shadow: 0 0 10px 4px rgb(31 66 135 / 10%);
}
.featuresapp-image{
text-align: center;
margin-bottom: 10px;
}
.featuresapp-image img{
width: 90px;
height: 90px;
}
.featuresapp-content h3{
text-align: center;
font-size: 22px;
font-weight: 700;
text-shadow: 2px 2px 1px #80808033;
}
.featuresapp-content p{
text-align: center;
font-size: 15px;
color: #808080;
height: 132px;
overflow: hidden;
}
@media (max-width: 768px){
.featuresapp-content p{
height: auto;
overflow: visible;
}
}
/*----------------*/
.odooapp-box{
border-top: 2px solid black;
}
.odooapp-box .odoo-heading{
text-align: center;
color: #08223b;
font-weight: 700;
margin-bottom: 22px;
text-shadow: 1px 3px 0px #0a0a0a29;
}
.odooapp-content{
padding: 12px;
margin: 22px 0px 10px 0px;
box-shadow: 0 0 10px 4px rgb(31 66 135 / 10%);
}
.odooapp-content:hover{
padding: 12px;
border: 1px solid #f4b13c45;
box-shadow: 0 0 10px 4px rgb(31 66 135 / 4%);
}
.odooapp-image img{
box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}
@media (max-width: 768px){
}
.odooapp-text h3{
text-align: center;
color: black;
font-weight: 700;
font-size: 22px;
margin-top: 12px;
text-shadow: 2px 2px 1px #80808033;
}
/*------ read more start ------*/
.read-more-state {
display: none;
}
.read-more-wrap {
margin-bottom: 20px;
font-size: 14px;
text-align: justify;
color: #525151d9;
font-weight: 500;
float: left;
}
.read-more-target {
opacity: 0;
max-height: 0;
font-size: 0;
transition: .25s ease;
}
.read-more-state:checked ~ .read-more-wrap .read-more-target {
opacity: 1;
font-size: inherit;
max-height: 999em;
font-size: 14px;
text-align: justify;
}
.read-more-state ~ .read-more-trigger:before {
content: 'Read more';
}
.read-more-state:checked ~ .read-more-trigger:before {
content: 'Read less';
}
.read-more-trigger {
font-weight: bold;
cursor: pointer;
display: inline-block;
color: #f4b03c;
font-size: .9em;
background-color: #fff;
border-color: #f4b03c;
padding: 8px 30px 8px 30px;
border-radius: 3px;
border: 1px solid #f4b03c;
transition: .5s;
}
.read-more-trigger:hover {
border: 1px solid #08223b;
color: #f4b03c;
background-color: #08223b;
}
@media (max-width:768px) {
.read-more-wrap {
margin-bottom: 20px;
font-size: 14px;
text-align: justify;
}
}

.bg-color1{
background:  #d3d3d31a;
}
.odoocommunity-app{
text-align: center;
padding: 20px 15px;
margin: 15px 0px;
box-shadow: 0 2px 40px rgb(0 0 0 / 8%);
}
.odoocommunity-app .odoo-content-app{
margin: 20px 0px 10px 0px;
}
.odoocommunity-app .odoo-content-app h1{
font-size: 16px;
font-weight: 500;
line-height: 25px;
color: black;
}
.odoocommunity-app .odoo-content-app h1{
font-size: 16px;
font-weight: 500;
line-height: 25px;
color: black;
}
.odoocommunity-app:hover  h1{
color: #fcb71f;
}
.app-href a:hover{
text-decoration: none;
}