.o_banner_announcement {
     color: white;
     font-size: 13px;
     font-weight: 500;
     line-height: 1;
}

.o_banner_announcement:after {
     display: none;
}

.s_banner .btn-lg {
     font-size: 1rem;
}

.form-inner {
     padding: 16px;
     background-color: white; 
     z-index: 9;
     border: 7px solid #3696d2;
}
@media (max-width: 768px)
{
.form-inner {
    width: 100%;
}
}
@media (max-width: 420px)
{
.form-inner {
    padding: 16px;
}
}
@media (min-width: 420px) and (max-width: 767px)
{
.form-inner {
    padding: 28px 90px;
}    
}


input[type=text], input[type=password] {
     width: 100%;
     padding: 8px;
     margin: 5px 0 22px 0;  
}

input[type=text]:focus, input[type=password]:focus {
     outline: none;
}

.my-btn {
     background-color: #5f3c55;
     color: white;
     padding: 8px 12px;
     border: none;
     cursor: pointer;
     width: 100%;
     opacity: 0.9;
}

.o_apps_list_col_title {
     font-size: 22px !important;
}

.logo-top .img-2 {
     float: right;
     padding-right: 40px;
}

.logo-top {
     padding: 10px 0px;
}

.my-btn:focus {
     outline: none;
}

.services-six {
     margin-bottom: 40px;
     color: #633f59;
}

.btn-migrate {
     background: #25aed7;
     color: white;
     box-shadow: 0px 0px 12px #84aec9 inset;
}

.btn-migrate:hover {
     background: #000;
     color: white;
}

.migrate-field label {
     font-weight: 500;
}

.migrate-field .form-control {
     font-size: 15px;
     padding: 0.4rem 0.75rem;
}

.customer_content {
     margin: 15px 0px;
     padding: 30px 40px;
     box-shadow: 0 10px 30px 0px rgb(0 0 0 / 10%);
}

.section-white {
     background: white;
     padding: 3rem 0 5rem 0;
}

.customer_content h3 {
     margin-bottom: 18px;
     text-shadow: 2px 2px 1px #80808033;
     font-weight: 700;
}

.customer_content .customer-count {
     font-weight: 500;
}

.logos-feature .logo-feature img {
     width: 100px;
}

.logo-feature span {
     margin: 0px 10px;
}

.pd-right {
     padding-right: 60px;
}

/*----- Pricing Table Start ------*/
.customers-price{
     background: #e5ebf1a8!important;
}
.customers-price h1 {
    text-align: center;
    font-weight: 700;
}
.customers-price h2 {
    text-align: left;
    font-size: 24px;
    font-weight: 700;
}
.customers-price .blink-soft{
     color: blue;
     font-weight: 800;
     margin-bottom: 0;
    font-size: 18px;
}

@media only screen and (max-width: 768px) {
.customers-price h2{
     margin-bottom: 10px;
}
.customers-price .blink-soft{
     font-size: 15px;
    text-align: center;
    margin-top: 10px;
}
.odo-free-content{
     margin-top: 0px !important;
}
}
.pricing-plans {
     position: relative;
     margin: 0 auto;
     max-width: 100%;
}

.pricing-plans .plan {
     width: 90%;
     margin: 0 auto;
     min-width: 0;
     transition: all 0.3s ease-in-out;
     padding: 2.25rem 0;
     position: relative;
     will-change: transform;
     text-align: center;
}
.pricing-plans .plan.options {
     font-size: 0.75rem;
}

.pricing-plans .plan.popular .plan-header {
     border-right: 1px solid rgba(0, 0, 0, .125) !important;
}

.pricing-plans .plan.popular .list-group-item {
     border-right: 1px solid rgba(0, 0, 0, .125) !important;
}
.pricing-plans .plan .plan-header {
     border: 1px solid #ddd;
     border-right-color: transparent;
     border-bottom-color: transparent;
     background-color: RGB(221, 221, 221, 0.2);
     display: flex;
     flex-direction: column;
     align-content: center;
     vertical-align: top;
     position: relative;
     padding: 1rem;
     background: #d36360;
}

.plan-header h6 {
     margin-bottom: 0px;
     font-weight: 500;
     font-size: 15px;
     color: white;
}

.pricing-plans .plan .plan-header.first {
     border-color: transparent;
     background-color: transparent;
}

.pricing-plans .plan .plan-header.last {
     border-right: 1px solid #ddd;
}

.pricing-plans .plan .plan-header h3 {
     font-size: 2rem;
     margin: 0;
     text-align: center;
}

.pricing-plans .plan .plan-header h3 .label {
     display: block;
     font-size: 1rem;
     letter-spacing: 1px;
     margin: 0 auto 0px;
     text-transform: uppercase;
     font-weight: 700;
}

.pricing-plans .plan .plan-header h3 .figure {
     padding: 5px 0 5px;
     position: relative;
}

.pricing-plans .plan .plan-header h3 .figure span {
     display: inline-block;
}

.pricing-plans .plan .plan-header h3 .figure .amount {
     font-size: 4rem;
     font-weight: 700;
     letter-spacing: -3px;
     line-height: 1;
}

.pricing-plans .plan .plan-header h3 .figure .amount:before {
     content: "$";
     font-size: 1.3rem;
     font-weight: 400;
     vertical-align: top;
     letter-spacing: normal;
}

.pricing-plans .plan .plan-header h3 .figure .amount:after {
     position: relative;
     top: -6px;
     content: "/MO";
     letter-spacing: normal;
     font-weight: 400;
     vertical-align: bottom;
     font-size: 0.8rem;
     text-transform: uppercase;
}

.pricing-plans .plan .plan-header h3 .foreword {
     display: block;
     font-size: 0.8rem;
     text-transform: uppercase;
     padding: 0;
}

.pricing-plans .plan .plan-header h3 .afterword {
     font-size: 0.7rem;
     text-transform: uppercase;
     padding: 0;
     white-space: nowrap;
     color: #84949c;
     letter-spacing: 0px;
}

.pricing-plans .plan .plan-header h3 .text {
     font-size: 1rem;
     line-height: 1.5;
     margin: 0px;
     text-align: left;
}

.pricing-plans .plan .plan-header .button {
     margin-top: auto;
     display: block;
}

.pricing-plans .plan .plan-info .list-group .list-group-item {
     border-radius: 0px;
     border-width: 1px;
     border-right-color: transparent;
     font-weight: 700;
     font-size: 15px;
}

@media only screen and (min-width:1200px) {
     .pricing-plans .plan .plan-info .list-group.first {
          margin-top: 11.75rem;
     }

}

.pricing-plans .plan .plan-info .list-group.first .list-group-item {
     border-color: transparent;
     padding: 0.9rem 1rem;
}

.pricing-plans .plan .plan-info .list-group.last .list-group-item {
     border-right-color: #ddd;
}

.list-price {
     height: 90px;
}

.list-price .old-price {
     font-size: 18px;
     text-decoration: line-through;
     color: red;
     font-weight: 900;
}

.list-price p {
     font-size: 26px;
}

.list-group-item .btn-list {
     background: #d36360;
     color: white;
     padding: 10px 50px;
}

@media screen and (max-width:768px) {
     .pricing-plans .plan .plan-header {
          border: 1px solid #d36360;
     }

     .plan-info {
          border: 1px solid #ddd;
     }

     .list-blank {
          display: none;
     }

     .plan-header h6 {
          font-size: 22px;
     }

     .pricing-plans .plan .plan-info .list-group .list-group-item {
          font-size: 16px;
     }
     .customers-price h2{
          margin-bottom: 0px;
          text-align: center;
     }
     .pricing-plans .plan{
          padding: 1.25rem 0;  
     }
}
@media (min-width: 768px) and (max-width: 992px){
     .list-blank {
          display: none;
     }
}
@media (min-width: 768px) and (max-width: 1024px) {
     .pricing-plans .plan .plan-header {
          padding: 12px 5px;
     }
     .plan-info {
          border: 1px solid #ddd;
     }
     
     .list-group-item .btn-list {
          padding: 10px 40px;     
     }
     .customers-price h2{
          margin-bottom: 0px;
          text-align: center;
     }
     .pricing-plans .plan{
          padding: 1.25rem 0;  
     }
}

/*----- Pricing Table End ------*/

/*----- carousel start ------*/
.owl-nav .owl-prev {
     border: none !important;
     background: none !important;
     box-shadow: 1px 1px 1px transparent !important;
     font-size: 85px !important;
     position: absolute;
     top: 22%;
     left: 3.4%;
     background: #fff;
     height: 40px;
     text-align: center;
     width: 40px;
     border-radius: 40px;
     color: #56354d !important;
     padding-top: 5px;
     transition: 0.25s;
     box-shadow: 0px 10px 25px rgb(0 0 0 / 25%);
}

.owl-nav .owl-next {
     position: absolute;
     top: 22%;
     right: 3.4%;
     background: #fff;
     height: 40px;
     text-align: center;
     width: 40px;
     border-radius: 40px;
     color: #56354d !important;
     padding-top: 5px;
     transition: 0.25s;
     box-shadow: 0px 10px 25px rgb(0 0 0 / 25%);
     border: none !important;
     background: none !important;
     box-shadow: 1px 1px 1px transparent !important;
     font-size: 85px !important;
}

.owl-nav .owl-prev {
     font-size: 20px;
}

.owl-nav>div {
     margin-top: -10px;
     position: absolute;
     top: 150px;
     color: #56354d;
}

.carousel-box button:focus {
     outline: none;
}

/*----- carousel end ------*/
.discount-tag {
     background: #714b67;
     color: #ffffff;
}

.discount-tag .content-off {
     text-align: center;
     padding: 2rem 0 2rem 0;
}

.discount-tag .content-off p {
     font-size: 30px;
     font-weight: 700;
     margin-bottom: 0;
}

.expert-click-btn {
     display: block;
}

@media screen and (max-width:768px) {
     .pd-right {
          padding-right: 15px;
     }

     .feature-download .title {
          font-size: 28px;
          text-align: center;
          font-weight: 600;
          margin-top: 46px;
     }

     .discount-tag .content-off p {
          font-size: 24px;
     }

     .expert-click-btn {
          display: none;
     }

}

/*---------------*/
.section-white {
     background: #e5ebf1a8;
     padding: 2rem 0px 2rem 0px;
}

.group-popup {
     position: relative;
     margin-bottom: 35px;
}

.group-popup input {
     font-size: 18px;
     padding: 5px 10px 10px 5px;
     display: block;
     width: 100%;
     border: none;
     border-bottom: 1px solid #aaa;
     background: transparent;
}

.group-popup input:focus {
     outline: none;
}

.group-popup label {
     color: #1e3c50cc;
     font-size: 16px;
     font-weight: 500;
     position: absolute;
     pointer-events: none;
     left: 5px;
     top: 10px;
     transition: 0.2s ease all;
     -moz-transition: 0.2s ease all;
     -webkit-transition: 0.2s ease all;
}

input:focus ~ label, input:valid ~ label {
     top: -20px;
     font-size: 14px;
     color: #1caad9;
}

.bar {
     position: relative;
     display: block;
     width: 100%;
}

.bar:before, .bar:after {
     content: '';
     height: 2px;
     width: 0;
     bottom: 1px;
     position: absolute;
     background: #fff;
     transition: 0.2s ease all;
     -moz-transition: 0.2s ease all;
     -webkit-transition: 0.2s ease all;
}

.bar:before {
     left: 50%;
}

.bar:after {
     right: 50%;
}

input:focus ~ .bar:before, input:focus ~ .bar:after {
     width: 50%;
}

.highlight {
     position: absolute;
     height: 60%;
     width: 100px;
     top: 25%;
     left: 0;
     pointer-events: none;
     opacity: 0.5;
}
input:focus ~ .highlight {
     -webkit-animation: inputHighlighter 0.3s ease;
     -moz-animation: inputHighlighter 0.3s ease;
     animation: inputHighlighter 0.3s ease;
}

.modal-header button.close {
     outline: none;
}

/* form ending stylings -------- */
.box-1 {
     order: 0;
}

.box-2 {
     order: 2;
}

@media screen and (max-width:768px) {
     .box-1 {
          order: 2;
          margin-top: 30px;
     }

     .box-2 {
          order: 1;
     }

}

/*------------*/

.blink-soft {
          margin-bottom: 20px;
          animation: blinker 1.5s linear infinite;
     }

     @keyframes blinker {
          50% {
               opacity: 0;
          }

     }

}
/*----------*/
.section-parallax {
    background-image: url(https://www.o2btechnologies.com/static/o2b_campaign_odoo_migration/Better-Communicatio.jpg);
    color: #fff;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}
.parallax1 {
    background: rgb(255 255 255 / 87%);
    padding: 2rem 0rem 2rem 0rem;
}
.services_area .services_title {
    font-size: 34px;
    font-weight: 700;
    text-align: center;
    color: #874b5f;
    margin-bottom: 25px;
    text-shadow: 2px 2px 1px #80808033;
}
.services_area .parallax-content {
    padding: 24px;
    margin: 20px 0px;
    box-shadow: 1px 1px 5px #0e92e263;
}
.services_area .title {
    font-size: 32px;
    font-weight: 700;
    color: #874b5f;
    margin-bottom: 25px;
    text-shadow: 2px 2px 1px #80808033;
}
.services_area .subtitle {
    color: #525151d9;
    text-align: justify;
}
/*------*/

.btn-whatsapp .expert-click {
    background: #1c9d0d;
    color: #fff;
    padding: 4px 15px 8px 15px;
    font-size: 20px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    border: 1px solid transparent;
    margin-top: 20px;
    transition: .5s;
}
.btn-whatsapp .expert-click:hover {
    background: #fff;
    color: #1c9d0d;
    border: 1px solid #1c9d0d;
    transition: .5s;
}
@media screen and (max-width: 768px) {
  .btn-whatsapp .expert-click {
    font-size: 18px;
}  
}