.new-container{
    padding: 50px 6.5rem;
}
.section-heading{
    font-size: 50px;
    font-weight: 400;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
}
.section-heading-para{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-bottom: 40px;
    line-height: 1.2;
}
.img-fluid{
    width: 100%;
}
a {
    text-decoration: none;
}
/* For Chrome, Safari, Edge, and Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}  

/*section{*/
/*    padding: 60px 0;*/
/*}*/
/* -------------------- Header ---------------------------- */
.header-section{
    background-image: url("../img/banner.webp");
    /*background-position: center;*/
    background-repeat: no-repeat;
    background-size: cover;
    
}
.header-section .new-container{
    padding: 20px 6.5rem;
}

.left-logo{
    width: 50%;
    display: flex;
    align-items: center;
}
.left-logo img{
    width: 40%;
}
.right-logo img{
    width: 18%;
}
.right-logo{
    width: 50%;
    display: flex;
    justify-content: end;
    align-items: center;
}
.header-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 0 20px;
    min-height: 60vh;
}
.left-contain h1{
    font-size: 32px;
    color: #000;
    margin-bottom: 40px;
    font-weight: 400;
}
.left-contain h1 span{
    display: block;
}
.left-contain p span{
    display: block;
}
.left-contain p{
    font-size: 20px;
    color: #000;
}
.header-list p span{
    display: inline;
}
.header-list{
    margin-top: 20px;
}
.header-list p{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.header-list p a{
    text-decoration: none;
    color: #000;
}
.header-list img{
    width: 25px;
}
.right-form{
    display: flex;
    justify-content: end;
}
.contact-form{
    background-color: #f8f1fd;
    padding: 20px 0;
    box-shadow: 0 0 50px lightblue;
    border-radius: 20px;
    width: 50%;
}
.contact-form form{
    padding: 0 25px;
}
.contact-form p{
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
.contact-form input{
    width: 100%;
    outline: none;
    border: none;
    padding:  8px 5px;
    border-radius: 2px;
    font-size: 14px;
}
.contact-form textarea{
    width: 100%;
    outline: none;
    border: none;
    padding:  10px 5px;
    border-radius: 5px;
    font-size: 16px;
}
.contact-form input[type=submit ]{
    background-color: #f40808;
    border-radius: 0;
    color: #fff;
    font-size: 18px;
}
.contact-form input[type=submit ]:hover{
    background-color: #000;
}

/* -------- SAP B1 Modules -------------- */
.b1-modules{
    padding-top: 50px;
} 
.b1-modules h3{
    text-align: center;
    font-size: 38px;
    font-weight: bold;
    color: #000;
    margin-bottom: 50px;
    text-decoration: underline;
    text-underline-offset: 8px;
}
.what-list{
    display: flex;
    margin-bottom: 25px;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    color: #000;
    line-height: 1.2;
}
.what-list img{
    margin-right: 20px;
    width: 55px;
}

/* --------------------- Key Features of SAP Business One ERP ----------------- */
.features-left{
    background-color: #f9f9f9;
    padding: 20px;
    padding-bottom: 0;
}
.features-left p{
    width: 90%;
    font-size: 22px;
    margin-bottom: 30px;
}
.features-left ul {
    padding-left: 0px;
}
.features-left ul li{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.features-left ul li {
  list-style: none;
}
.features-left li::before {
    content: '';
    display: inline-block;
    height: 15px;
    width: 15px;
    background-image: url('../img/check.png');
    background-size: contain;
    margin-right: 10px;
    background-repeat: no-repeat;
}

.features-right{
    background-image: url("../img/features-right.webp");
    background-repeat: no-repeat;
    background-size: cover;
}

/* ----------------------------------- Benefits of SAP B1 for SMEs --------------------------  */
.benefits-first img{
    height: 50%;
}
.benefits-second-img{
    height: 25%;
    width: 100%;
}
.benefits-second-img-2{
    height: 41%;
    width: 100%;
}
/* .benefits{
    padding-top: 60px;
} */
.card-business {
    background-color: #fefafa;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*justify-content: center;*/
    margin-bottom: 10px;
    padding: 10px 5px;
    height: 33%;    
}
.card-business h4{
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}
.card-business img{
    width: 25%;
    margin-bottom: 20px;
}
.card-business p {
    text-align: center;
    margin-bottom: 0;
    line-height: 1.2;
}
.benefits .row>*{
    padding-right: 5px;
    padding-left: 5px;
}

/* --------------------------- FairFax Solution -------------------- */
.fairFax-solution-outer{
    background-image: url("../img/fairFax-solution.jpg");
    padding: 50px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
}
.fairFax-solution-inner{
    width: 80%;
}
.fairFax-solution-inner h2{
    font-size: 30px;
    line-height: 1.2;
    color: #000;
}
.fairFax-solution-inner p{
    width: 80%;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 40px;
    color: #000;
    line-height: 1.2;
}
.fairFax-solution-inner h3{
    font-size: 30px;
    font-weight: 700;
    color: #000;
    margin-bottom: 40px;
    margin-top: 10px;
    border-left: 4px solid #ff0000;
    padding: 0;
    padding-left: 10px;   
}
.fairFax-solution-inner .row{
    width: 80%;
}
.fairFax-solution-inner .row>* {
    padding-left: 0;
    padding-right: 0;
}
.why-fairfax-card{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.why-fairfax-card, .why-fairfax-card p{
    font-size: 18px;
    color: #000;
    text-align: center;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1.1;
    
}
.why-fairfax-card span{
    font-size: 35px;
    font-weight: bold;
    color: #ff0000;
    display: block;
    text-align: center;
}
.first-row{
    margin-bottom: 40px;
}
.why-fairfax-card img{
    width: 25%;
}

/* ----------------------- FairFax Add-Ons and Integration -------------------- */
.integration-card{
    background: linear-gradient(270deg, #EAF1FC 0%, #F6F1FD 100%);
    /* height: 100%; */
    margin-bottom: 10px;
    padding: 10px;
    min-height: 250px;
}
.integration-card img{
    width: 30%;
}
.integration-card h4{
    font-size: 18px;
    color: #1e1b34;
    font-weight: 700;
    margin: 10px 0;
    line-height: 1.1;
}
.integration .row{
    --bs-gutter-x: 0.5rem;
}
.integration p{
    margin-bottom: 0;
    line-height: 1.1;
}

/* --------------------- Industry-specific SAP Business One Solutions ------------------------ */

.industry-specific .accordion-item{
    margin-bottom: 20px;
}

.industry-specific .accordion-button:not(.collapsed), .industry-specific .accordion-button{
    background-color: #ff002a;
    box-shadow: inset #b5263e 0px 0px 6px 2px;
    /* margin-bottom: 10px; */
    padding-left: 45px;
    min-height: 50px;
    font-weight: 600;
    color: #fff;
}
.industry-specific .accordion-header{
    display: flex;
    justify-content: center;
    align-items: center;
}
.industry-specific .accordion-item img{
    width: 22%;
    margin-right: -35px;
    z-index: 5;
}
.industry-specific .accordion-button::after{
    display: none;
}
/* h2#flush-heading1:before{
    content: url('../img/manufacturing.png');
} */

.industry-specific-left{
    background-image: url("../img/industry-specific-left.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.industry-specific-right .accordion-body{
    font-size: 15px;
    line-height: 1.2;
}
.industry-specific-right .row>*{
    padding-left: 10px;
    padding-right: 10px;
}


/* ----------------- Some of our Clients ------------------- */
.clients {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.clients .section-heading-para{
    width: 50%;
}
.client-heading-divider{
    width: 15%;
    height: 2px;
    background-color: #303031;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.client-heading-divider span{
    width: 20%;
    height: 5px;
    background-color: #0f83df;
    display: block;

}
.clients-logos-img-mobile{
    display: none;
}

/* ------------------- ERP Implementation Case Studies --------------- */
.studies-card{
    background-color: #f5f5f5;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    flex-direction: column;
    height: 100%;
}
/* .studies-card-details{
    margin-bottom: 10px;
} */
.studies-card-title{
    background-color: #ff0000;
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding: 2px 10px;
}
.studies-card-desc{
    color: #1e1b34;
    text-align: center;
    padding: 0 10px;
    font-size: 18px;
    line-height: 1.2;
}
.studies-button{
    margin: 10px 20px;
    font-size: 18px;
    background-color: #2b2626;
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 0;
}
.studies-button:hover{
    background-color: #f40808;
    color: #fff;
}


/*  */
/* -------------------------- FAQ's ------------------------- */
.faq-left{
    padding-right: 100px;
}
.faq-left .accordion{
    border: none;
    --bs-accordion-border-width: 0;
    outline: none;
    border-radius: 0;
}
.faq-left .accordion-button:not(.collapsed){
    background: transparent;
}
.faq-left .accordion-item{
    border: none;
    border-bottom: 1px solid grey;
    border-radius: 0;
}
.faq-left .accordion-button{
    padding-left: 0;
    font-size: 20px;
    font-weight: 600;
    color: #1e1b34;
    padding-bottom: 10px;
}
.faq-left .accordion-body{
    padding-left: 0;
    padding-top: 15px;
    border-radius: 0;
    font-size: 14px;
    line-height: 1.2;
}
.faq-left .button{
    font-size: 20px;
}
.faq-left .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{
    border-radius: 0;
}
.faq-left .accordion-button::after{
    margin-left: 50px;
}
.faq-right{
    background-image: url("../img/faq-right.jpg");
    background-size: cover;
    background-position: center;
    background-repeat:  no-repeat;
}

/* ----------------- Request Call to Action ---------- */
.call-to-action-inner{
    background: linear-gradient(270deg, #EAF1FC 0%, #F6F1FD 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
}
.call-to-action-inner h3{
    font-size: 30px;
    color: #1e1b34;
    font-weight: 700;
    margin-right: 50px;
}
.call-to-action-inner button{
    outline: none;
    border: none;
    font-size: 22px;
    color: #fff;
    background-color: #1083de;
    padding: 10px 35px;
    border-radius: 50px;
}
.call-to-action-inner button:hover{
    background-color: #000;
}
/* .call-to-action-inner a{
    text-decoration: none;
    color: #fff;
} */

/* ----------------------- Fixed Button -------------------------- */
.buttonLink {
    color: #275d8b;
  }
  
  .verticalButton {
    padding:0px 0px 0px 0px;
      width: 200px;
      height:50px;
      background: #1083de;
      color: #fff;
      border-radius: 0px;
      -moz-transform:rotate(90deg);
      -ms-transform:rotate(90deg);
      -o-transform:rotate(90deg);
      -webkit-transform:rotate(270deg);
      position: fixed;
      right: -75px;
    top: 50%;
    font-size: 20px;
    border: none;
  }
.hide {
    opacity:0;
}
.show {
    opacity:1;
}



/* ------------------- Footer ------------------------- */
.footer{
    background-color: #2c2d2f;
    color: #fff;
}
section.footer.container-fluid.new-container {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: -50px;
}
.footer-contact-details h3{
    font-size: 18px;
}
.footer-contact-details span{
    display:block;
}
.footer-address p span{
    display: block;
}
.footer-list span{
    display: inline;
}
.footer-left{
    color: #fff;
}
.footer-left h3{
    font-size: 25px;
}
.footer-left p{
    font-size: 18px;
}
.footer-list{
    display: flex;
}
.footer-list a{
    text-decoration: none;
    margin-right: 25px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}
.footer-right{
    display: flex;
    justify-content: space-between;
    align-items: end;
    flex-direction: column;
}
.social-icons svg {
    font-size: 20px;
    margin-right: 15px;
}
.social-icons a{
    text-decoration: none;
    color: #fff;
}
.social-icons a:hover{
    color: #1083DE;
}


/* -------------------- Popup Form ------------------------------ */
.modal-content{
    background-color: #f8f1fd;
    /* padding-top: 20px; */
    box-shadow: 0 0 50px rgb(92, 91, 91);
    border-radius: 20px;
    width: 100%;
}
.contact-form-popup form{
    padding: 0 25px;
}
.contact-form-popup p{
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.contact-form-popup input{
    width: 100%;
    outline: none;
    border: none;
    padding:  10px;
    border-radius: 2px;
    font-size: 14px;
}
.contact-form-popup textarea{
    width: 100%;
    outline: none;
    border: none;
    padding:  10px 5px;
    border-radius: 5px;
    font-size: 16px;
}
.contact-form-popup input[type=submit ]{
    background-color: #f40808;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
}
.contact-form-popup input[type=submit ]:hover{
    background-color: #000;
}
.contact-form-popup .modal-body{
    padding-top: 0;
}


/* ------------ Back to top button --------------- */
#button-bottom-top {
    display: inline-block;
    background-color: #ff0000;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 100px;
    right: 28px;
    transition: background-color .3s, 
      opacity .5s, visibility .5s;
    opacity: 0;
    /* visibility: hidden; */
    z-index: 1000;
  }
  #button-bottom-top::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: 100;
    font-size: 2em;
    line-height: 60px;
    color: #fff;
  }
  #button-bottom-top:hover {
    cursor: pointer;
    background-color: #333;
  }
  #button-bottom-top:active {
    background-color: #555;
  }
  #button-bottom-top.show-button-bottom-top {
    opacity: 1;
    visibility: visible;
  }
  
  
  
  /* Toast/Modal container */
.alert-container {
    position: fixed;
    top: 50%;
    right: 40%;
    width: 300px;
    padding: 15px;
    background-color: #f44336; /* Red background for error */
    color: white;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    /*transition: opacity 0.5s, transform 0.5s, visibility 0.5s;*/
    z-index: 1000;
}

/* Show the alert */
.alert-container.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Close button */
.alert-container .close-btn {
    position: absolute;
    top: 5px;
    right: 10px;
    color: white;
    font-weight: bold;
    cursor: pointer;
}


/* ------------------------------ Media Query ------------------------------- */
@media screen and (max-width: 1800px){
    .contact-form{
        width:60%;
    }
    .b1-modules{
        padding: 5.5rem;
    } 
}
@media screen and (max-width: 1500px){
    .new-container{
        padding: 50px;
    }
    .header-section .new-container {
        padding: 50px;
    }
    .header-section{
        background-position: center;
    }
}

@media screen and (max-width: 1200px){
    .left-contain h1 {
        font-size: 35px;       
    }
    .left-contain p {
        font-size: 22px;
    }
    .section-heading {
        font-size: 40px;
    }
    .section-heading-para {
        font-size: 22px;
    }
    .b1-modules h3 {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .fairFax-solution-inner{
        width: 100%;
    }
}

@media screen and (max-width: 800px){
    .new-container{
        padding: 20px;
    }
    .header-section .new-container {
        padding: 10px 0;
    }
    .container-fluid{
        padding-left: 20px;
        padding-right: 20px;
    }
    .b1-modules {
        padding: 20px;
    }
    .footer{
        overflow: hidden;
    }
    .left-logo img{
        width: 90%;
    }
    .right-logo img{
        width: 70%;
    }
    .header-section{
        background-position: right;
    }
    .left-contain h1 span{
        display: inline;
    }
    .left-contain p span{
        display: inline;
    }
    .left-contain h1 {
        font-size: 30px;
    }
    .left-contain h1{
        margin-bottom: 40px;
    }
    .left-contain p {
        font-size: 20px;
    }
    .header-list p a{
        font-size: 18px;
    }
    .header-list {
        margin-top: 35px;
    }
    .contact-form{
        width: 100%;
        margin-top: 30px;
    }
    .section-heading {
        font-size: 30px;
    }
    .section-heading-para {
        font-size: 20px;
    }
    .b1-modules h3{
        font-size: 25px;
    }
    .what-list{
        margin-bottom: 20px;
    }
    .features-left ul li{
        font-size: 20px;
    }
    .benefits-first, .benefits-second, .benefits-third, .benefits-fourth{
        margin-top: 20px;
    }
    .fairFax-solution-outer {
        padding: 40px 20px;
    }
    .fairFax-solution-inner h2{
        font-size: 30px;
    }
    .fairFax-solution-inner p {
        width: 100%;
        font-size: 20px;
    }   
    .fairFax-solution-inner h3 {
        font-size: 25px;
        margin-bottom: 30px;
    } 
    .fairFax-solution-inner .row{
        width: 100%;
    }
    .why-fairfax-card{
        margin-bottom: 20px;
    }
    .why-fairfax-card span {
        font-size: 30px;
    }
    .why-fairfax-card p{
        font-size: 16px;
    }
    .integration-card {
        min-height: 250px;
    }
    .clients .section-heading-para{
        width: 100%;
    }
    .studies-card {
        height: auto;
        margin-top: 10px;
    }
    .faq-left {
        padding-right: 0;
    }
    .faq-left .accordion-button{
        font-size: 20px;
    }
    .call-to-action-inner{
        padding: 30px;
        flex-direction: column;
    }
    .call-to-action-inner h3 {
        font-size: 28px;
        margin-right: 0;
        text-align: center;
    }
    .call-to-action-inner button {
        font-size: 18px;
        margin-top: 20px;
    }
    .footer-address p span{
        display: inline;
    }
    .footer-list {
        flex-direction: column;
    }
    .footer-right {
        margin-top: 25px;
    }
    .footer-right{
        align-items: center;
    }
    .copyright{
        text-align: center;
        margin-top: 10px;
    }
    .fairFax-solution-outer {
        background-position: left center;
    }
    .integration-card img {
        width: 20%;
    }
    .industry-specific .accordion-item img {
        width: 20%;
    }
    .footer-contact-details span {
        display: inline;
    }
    .verticalButton {
        width: 150px;
        height: 40px;
        right: -55px;
        font-size: 16px;       
    }
    .list-double-line::before {
        width: 25px !important;
        margin-right: 5px !important;
    }
    .card-business{
        height: auto;
        padding: 15px 10px !important;
    }
    .benefits-first-img, .benefits-second-img, .benefits-second-img-2{
        display: none;
    }
    .benefits-first img {
        height: 100%;
    }
    .clients-logos-img-desktop{
        display: none;
    }
    .clients-logos-img-mobile{
        display: block;
    }
}