.container {
    width: 75%;
    margin: 0 auto;
}
.meet-our-customers-section{
    background: url("./Assets/customer-blue.svg");
    padding: 4.5rem 0;
    background-position: -10px;
    min-height: 320px;
}
.meet-our-customers-main-parent{
    display: flex;
justify-content: space-between;
width: 82%;
margin: auto;
}
.meet-our-customers-content {
    color: white;
}
.meet-our-customers-content h1{
    font-size: 3rem;
line-height: 3.625rem;
margin-bottom: 5.5rem;
font-weight: 500;
}
.meet-our-customers-content p{ font-size: 1.1rem;
margin-bottom: 0;
line-height: 1.75rem;
}
.meet-our-customers-image{
width: 32%;
text-align: center;
display: flex;
align-items: center;
position: relative;
}
.meet-our-customers-content{
width:57%;
}
.meet-our-customers-image img{
width: 365px;
min-height: 310px;
}
.play-icon{
width: 15px !important;
background: #ffda00;
position: absolute;
left: 45%;
border-radius: 50%;
padding: 13px;
top: 44%;
min-height: revert !important;
}
.hidden {
display: none;
}
button.pagination-number{
align-items: center;
border: 2px solid #1d1f48;
border-radius: 50%;
color: #1d1f48;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: center;
justify-content: center;
height: 2rem;
width: 2rem;
cursor: pointer;
background: transparent;
margin-right: 5px;
margin-left: 5px;
}
button.pagination-number.active {
background-color: #1d1f48;
color: #fff;

}
#pagination-numbers{
display: flex;
justify-content: space-between;
}
.pagination-container{
display: flex;
align-items: center;
justify-content: space-between;
margin: auto;
}
#prev-button img{
transform: rotate(180deg);
}
.pagination-button {
       display: flex;
align-items: center;
background: transparent;
border: 0.125rem solid #1d1f48;
border-radius: 1.5rem;
height: 2rem;
padding: 0 0.5rem;
transition: all .3s ease-in-out;
color: #1d1f48;
margin-right: 5px;
margin-left: 5px;
cursor: pointer;
}
.pagination-button.disabled{
opacity: .1;
cursor: not-allowed;
}
.right-white{
display:none;
}
.pagination-button:hover{
background-color: #1d1f48;
color: #fff;
text-decoration: none;
}
.pagination-button:hover .right-white{
display:block;
}
.pagination-button:hover .right-dark-blue{
display:none;
}
  @media only screen and (min-width:2001px) {
    .container {
        width: 55%;
    }
}
 @media only screen and (min-width:1280px) and (max-width:1800px) {
    .ready-to-transform-main-parent{
        width:100% !important;
    }
 }
 @media only screen and (min-width:1441px) and (max-width:1919px) {

    .container {
        width: 80%;
    }
}
 @media only screen and (min-width:1200px) and (max-width:1440px) {
    .container {
        width: 98%;
    }
    .ready-to-transform-main-parent{
        width:100% !important;
    }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
    .ready-to-transform-content h2{
        font-size: 2rem;
         line-height: 2.5rem;
    }
     .ready-to-transform-main-parent {
        width: 100% !important;
    }
    .meet-our-customers-main-parent{
        width:100%;
    }
    .meet-our-customers-image img{
        width: 100%;

    }
    .ready-to-transform-button a{
        text-align:center;
    }
}
 @media only screen and (min-width:768px) and (max-width:991px) {
    .ready-to-transform-main-parent {
        width: 100% !important;
        display: block !important;
    }
    .breadcrumb-main-parent{
        width:100% !important;
    }
    .ready-to-transform-content {
        width: calc(100% - 2rem) !important;
    }

    .ready-to-transform-button {
        width: calc(100% - 2rem) !important;
        justify-content: flex-start !important;
    }

    .ready-to-transform-content h2 {
        margin-bottom: 15px !important;
        font-size: 2rem !important;
        line-height: 2.5rem !important;
    }

    .ready-to-transform {

        margin-top: 3rem !important;
        padding: 3rem 0 !important;
    }
    .container {
        width: auto;
        padding: 0 15px;
    }
    .meet-our-customers-main-parent{
        display:block;
        width:100%;
    }
    .meet-our-customers-content{
        width:100%;
    }
    .meet-our-customers-image{
        width:100%;
    }
    .meet-our-customers-image img{
        width:100%;
    }
    .meet-our-customers-section{
        background-position: -737px 0px;
        background-size: cover;
    }
    .meet-our-customers-content h1{
        margin:0;
        font-size:2.5rem;
    }
 }

 @media only screen and (max-width:320px) {
    .pagination-button{
        height: 1.5rem !important;
    }
    button.pagination-number{
        height: 1.5rem !important;
width: 1.5rem !important;
    }
 }
  @media only screen and (max-width:767px) {
    .Our-customer-mobile-image{
        display: block !important;
    }
    .Our-customer-desktop-image{
        display:none;
    }
    .play-icon{
        width: 24px !important;
    }
    .logo-slider {
        padding: 2.5rem 0;
    }

    .logo-slider-topic {
        margin-bottom: 1.5rem !important;
        text-align: center !important;
        font-family: Infra !important;
        font-weight: 500 !important;
        font-size: 1.5rem !important;
        line-height: 2rem !important;
    }
    .pagination-button{
        margin: 0;
    }
    .container {
        width: auto;
        padding: 0 15px;
    }
    .meet-our-customers-main-parent{
        display:block;
        width:100%;
    }
    .meet-our-customers-content{
        width:100%;
    }
    .meet-our-customers-image{
        width:100%;
    }
    .meet-our-customers-image img{
        width:100%;
    }
    .meet-our-customers-section{
        background-position: -471px 0px;
        background-size: cover;
        padding: 3.5rem 0;
    }
    .meet-our-customers-content h1{
        margin:0;
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .meet-our-customers-content p{
        font-size: 1.1rem;
        margin-bottom: revert;
    }
    .ready-to-transform-main-parent {
        width: 100% !important;
        display: block !important;
    }

    .ready-to-transform-content {
        width: calc(100% - 2rem) !important;
    }

    .ready-to-transform-button {
        width: calc(100% - 2rem) !important;
        justify-content: flex-start !important;
        flex-wrap: wrap;
    }

    .ready-to-transform-content h2 {
        font-size: 1.5rem !important;
        line-height: 2rem !important;
        margin-bottom: 0 !important;
    }

    .ready-to-transform {

        margin-top: 3rem !important;
        padding: 3rem 0 !important;
    }
    .ready-to-transform-button a{
        text-align:center;
    }
    .breadcrumb-main-parent{
        width: 100% !important;
        flex-wrap:wrap;
    }
    .breadcrumb-main-parent li{
        margin-bottom:15px;
    }
}

  @media only screen and (max-width:374px) {
    button.pagination-number {margin-right: 1px;
margin-left: 1px;
    }
  }
  /* CSS For E-Commerce-section  Start*/

.e-commerce-tips-content {
width: 31.5%;
border: 0.0625rem solid #ececec;
position: relative;
border-radius: 10px;
margin-bottom: 35px;
}

.e-commerce-tips-content img {
width: 100%;
border-radius: 10px 10px 0px 0px;
}

.e-commerce-tips-sub-content {
padding: 1.5rem;
}

.e-commerce-tips-sub-content a {
font-family: Infra;
font-weight: 500;
border-bottom: 0.0625rem solid #0081ff;
color: #0081ff;
transition: all .3s ease-in-out;
}

.e-commerce-tips-sub-content h5 {
margin-bottom: 2rem;
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 500;
margin-top: 0;
}

.e-commerce-tips-sub-topic {
width: 100%;
text-align: right;
}

.e-commerce-tips-main-topic {
width: 100%;
}

.e-commerce-tips-sub-parent {
display: flex;
justify-content: space-between;
flex-wrap:wrap;
padding-left:0;
}


.e-commerce-tips-main-parent {
width: 82%;
margin: auto;
}

.e-commerce-tips-section {
padding: 75px 0;
}
.e-commerce-tips-sub-content p{
line-height: 1.75rem;
margin-bottom: 1rem;
font-size: 15px;
}
/* CSS For E-Commerce-section  Start */
@media only screen and (min-width:992px) and (max-width:1199px) {
.e-commerce-tips-main-parent {
width: 100%;
}
.e-commerce-tips-content {
width: 31%;
}
.discover-boomi-commerce-cloud-main-parent{
width:100% !important;
}
.discover-boomi-commerce-cloud-button button{
font-size:15px !important;
}

}

@media only screen and (min-width:768px) and (max-width:991px) {

.discover-boomi-commerce-cloud-main-parent{
width:100% !important;
display:block !important;
text-align:center;
}
.discover-boomi-commerce-cloud-button{
margin-top:15px;
}
.e-commerce-tips-main-parent {
width: 100%;
}

.e-commerce-tips-sub-parent {
flex-wrap: wrap;
justify-content: center;
}

.e-commerce-tips-content {
margin-bottom: 40px;
width: calc(50% - 2rem);
margin-right: 10px;
margin-left: 10px;
}
}

@media only screen and (max-width:767px) {

.discover-boomi-commerce-cloud-main-parent{
width:100% !important;
display:block !important;
text-align:center;
}
.discover-boomi-commerce-cloud-button{
margin-top:15px;
}
.discover-boomi-commerce-cloud-content h5{
font-size:19px !important;
}
.e-commerce-tips-main-parent {
width: 100%;
}

.e-commerce-tips-sub-parent {
flex-wrap: wrap;
width:100%;
}

.e-commerce-tips-content {
width: 100%;
margin-bottom: 30px;
}
}


.discover-boomi-commerce-cloud-section{
background-color: #0081ff;
color: #fff;
padding-bottom: 1.1875rem;
padding-top: 1.1875rem;
}
.discover-boomi-commerce-cloud-main-parent{
display: flex;
align-items: center;
justify-content: space-between;
width: 82%;
margin: auto;
}
.discover-boomi-commerce-cloud-content h5{
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 500;
margin-top: 0;
margin-bottom: 0.5rem;
}
.discover-boomi-commerce-cloud-content p{
margin: 0;
line-height: 1.75rem;
}
.discover-boomi-commerce-cloud-button button{
border: 1px solid;
color: #fff;
font-size: 1rem;
font-family: Infra;
font-weight: 500;
border-radius: 3rem;
cursor: pointer;
display: -ms-inline-flexbox;
display: inline-flex;
line-height: 1;
padding: 0.6875rem 1rem;
position: relative;
background: transparent;
}

.logo-slider {
    padding: 5rem 0;
}
.logo-slider-topic {
    margin: auto;
    margin-bottom: 2.5rem;
    font-size: 2rem;
    line-height: 2.5rem;
    font-family: Infra;
    font-weight: 500;
    text-align: center;
}

 /* Ready to transform section end  */

 .ready-to-transform {
    background: url("./Assets/Pricing-and-plans.svg");
    background-repeat: no-repeat;
    padding: 5rem 0;
    background-size: cover;
}

.ready-to-transform-main-parent {
    width: 82%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ready-to-transform-content {
    width: calc(50% - 2rem);
}

.ready-to-transform-content h2 {
    font-size: 2rem;
line-height: 2.5rem;
    color: white;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 0;
    text-decoration: none;
}
.request:hover{
    background-color: #fff;
color: #1d1f48 !important;
}
.ready-to-transform-button a {
    text-decoration: none;
    font-family: Infra;
    font-weight: 500;
    border: 0.0625rem solid transparent;
    border-radius: 3rem;
    color: #1d1f48;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    line-height: 1;
    padding: 7px 17px;
    position: relative;
    transition: all .3s ease-in-out;
}

.discover {
    display: flex;
    align-items: center;
    background-color: #ffda00;
    color: #1d1f48;
    margin: 0.5rem 0;
    margin-right: 1rem;
    padding: 7px 20px !important;
}

.ready-to-transform-button {
    width: calc(50% - 2rem);
    display: flex;
    justify-content: flex-end;
}

.discover img {
    margin-left: 5px;
}
.request {
border-color: #fff !important;
color: #fff !important;
margin: 0.5rem 0;
align-items: center;
}
a.request{
        padding: 0.6875rem 1rem !important;
    }
/* Ready to transform section end   */
/* breadcrumb-scetion start */

.breadcrumb-main-parent{
    display: flex;
list-style: none;
width: 82%;
margin: auto;
padding: 24px 0;
}
.breadcrumb-main-parent li{
    margin-right: 15px;
    color: #7483a6;
}
.boomi-commerce {
    cursor: pointer;
}
.boomi-commerce a:hover {
text-decoration: underline;
color: #0a0a0a;
}
.boomi-commerce:after{
content:url("./Assets/rightDropDownIcon.png");
position: relative;
top: 3px;
}
.breadcrumb-main-parent li:nth-child(2) {
margin-top: 2px;
}
.boomi-commerce a{
margin-right: 10px;
}
.breadcrumb-scetion{
border-bottom: 1px solid #ececec;
}
.Our-customer-mobile-image{
display: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
.logo-slider {
    margin-top: 25px !important;
}
}
.e-commerce-tips-section {
    padding: 3px 0 !important;
    margin-top: 50px !important;
}
/*  breadcrumb-scetion end */