/********** hardware page css **********/
.HardwarePgTopCont{
    background-image: url("../../../404.html\ group.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 213px;
    display: flex;
    justify-content: center;
    align-items: center;

}
.HardwarePgTopCont h1{
    font-family: 'Roboto' sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 85px;
    text-align: center;
}

.HardwarePgNavLinks{
    display: flex;
    justify-content: space-between;
    padding: 0 100px;
}
.HardwarePgNavLinks a{
    font-family: 'Roboto' sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    background-color: rgba(204, 233, 255, 1);
    width: 24%;
    height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    color: rgba(36, 60, 92, 1);
}

.HardwarePgNavLinks a:hover{
    border: 1px solid rgba(24, 116, 210, 1);
    background-color: rgba(36, 60, 92, 1) !important;
    box-shadow: 0px 4px 20px 0px rgba(21, 110, 220, 1);
    border-radius: 8px;
    color:rgba(255, 255, 255, 1) !important;
    font-family: 'Roboto' sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    text-align: center;
    width: 24%;
    height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.HardwarePgNavLink-Active{
    border: 1px solid rgba(24, 116, 210, 1);
    background-color: rgba(36, 60, 92, 1) !important;
    box-shadow: 0px 4px 20px 0px rgba(21, 110, 220, 1);
    border-radius: 8px;
    color:rgba(255, 255, 255, 1) !important;
    font-family: 'Roboto' sans-serif;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 25px;
    text-align: center;
    width: 24%;
    height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
}


 /* POS Machine container  */
.POSmachineRightContMain{
    position: relative;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.POSmachineRightCont{
    background-repeat: no-repeat;
    background-size: cover;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.POSmachineRightCont img{
    width: 100%;
    max-width: 350px;
}
.POSmachineHeadings{
    font-family: 'Roboto' sans-serif;
    font-size: 33px;
    font-weight: 700;
    line-height: 46px;
    text-align: left;
    color: rgba(36, 60, 92, 1);
    margin-bottom: 10px;
    text-transform: capitalize;
}

.POSmachineRightCont2 img {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: -15px;
    right: 0px;
    transition: transform 0.3s ease; 
}
  
.POSmachineRightCont2 img:hover {
   transform: scale(1.1);
}

.POSmachineFeatures{
    margin-top: 10px;
    display: flex;
}

.POSmachineFeatures img{
    max-width: 38px;
}

.POSmachineFeatures h5{
    font-family: 'Roboto' sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    text-align: left;
    color: rgba(36, 60, 92, 1);
    text-transform: capitalize;
}
.POSmachineFeatures p{
    font-family: 'Roboto' sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    color: rgba(0, 0, 0, 1);
    /* padding-right: 18%; */
}
.POSmachineBtns{
    display: flex;
    gap:20px;
    padding: 20px 10px 10px 0px;
}
.POSmachineBtns a{
    width: 181px;
    height: 46px;
    font-family: 'Roboto' sans-serif;
    font-size: 16px;
    font-weight: 550;
    line-height: 25px;
    text-align: left;
    color: rgba(24, 116, 210, 1);
    border: 1px solid rgba(24, 116, 210, 1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}
.windowPOSRightCont2 img {
    width: 90%;
    height: auto;
    position: absolute;
    bottom: 0px;
    right: 30px;
    transition: transform 0.3s ease; 
}
.windowPOSRightCont2 img:hover {
    transform: scale(1.1);
 }
  
.POSmachineBtns img:hover{
    color: #fff !important;
}
.POSmachineBtns a:hover{
    background-color: rgba(24, 116, 210, 1);
    color: #fff;
}

/* mobile POS cont css */
.mobilePOScont{
    background: linear-gradient(269.81deg, #CCE9FF 0.15%, rgba(204, 233, 255, 0) 100.45%);
}

.MobilePOSRightCont2 img {
    width: 75%;
    height: auto;
    position: absolute;
    bottom: 5px;
    right: 30px;
    transition: transform 0.3s ease; 
}
  
.MobilePOSRightCont2 img:hover {
   transform: scale(1.1);
}

.barcodePOSRightCont2 img {
    width: 55%;
    height: auto;
    position: absolute;
    bottom: 60px;
    right: 110px;
    transition: transform 0.3s ease; 
} 
.printerPOSRightCont2 img:hover {
   transform: scale(1.1);
}

.printerPOSRightCont2 img {
    width: 55%;
    height: auto;
    position: absolute;
    bottom: 60px;
    right: 110px;
    transition: transform 0.3s ease; 
}
  
.barcodePOSRightCont2 img:hover {
   transform: scale(1.1);
}
.cashPOSRightCont2 img {
    width: 70%;
    height: auto;
    position: absolute;
    bottom: 60px;
    right: 80px;
    transition: transform 0.3s ease; 
}
  
.cashPOSRightCont2 img:hover {
   transform: scale(1.1);
}



/***** windows POS detail details page css ******/
.windPOSdetailTopCont{
    background-color: rgba(204, 233, 255, 1);
}

.windPOSdetailTopLeft{
    padding: 70px 0px 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    user-select: none;
}

.windPOSdetailSubImges{
    display: flex;
    justify-content: space-between;
    width: 70%;
    padding: 40px 0;
    user-select: none;
}

.windPOSdetailSubImges span{
    border: 2px solid rgba(36, 60, 92, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    user-select: none;
    cursor: pointer;
    width: 88px;
    height: 89px;
    padding: 10px;
}
.windPOSdetailHeading h2{
    font-family: 'Roboto' sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    text-align: left;
    color:rgba(36, 60, 92, 1);
}
.windPOSdetailHeading2 h2{
    font-family: 'Roboto' sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    text-transform: capitalize;
}
.selected-span {
    border: 2px solid rgba(24, 116, 210, 1) !important;
    border-radius: 8px !important;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.windPOSdetailTopRight{
    padding: 70px 0 0 0;
}

.windPOSdetailTopRight h2{
    font-family: 'Roboto' sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    text-align: left;
    color: rgba(36, 60, 92, 1);
    text-transform: capitalize;
}

.windPOSdetailTopRight p{
    font-family: 'Roboto' sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    color: rgba(36, 60, 92, 1);
    padding: 25px 150px 0 0 ;
}

.windPOSdetailTopRight div{
    display: flex;
    gap: 30px;
    padding-top: 65px;
}
.windPOSdetailTopRight div a{
    width: 181px;
    height: 46px;
    background: rgba(243, 243, 243, 1);
    font-family: 'Roboto' sans-serif;
    font-size: 16px;
    font-weight: 550;
    line-height: 32px;
    text-align: center;
    color: rgba(24, 116, 210, 1);
    border: 1px solid rgba(24, 116, 210, 1);
    border-radius: 8px;
}
#mainImage{
    height: 213px ;
}
.windPOSdetailTopRight div a:hover{
    color: rgba(243, 243, 243, 1);
    background-color: rgba(24, 116, 210, 1);
}

.windPOSdetailTabBtn{
    width: 98%;
}

.img-circle img{
    max-width: 38px !important;
}
.NavTabBody{
    border-radius: 8px;
    padding: 10px 0px 40px 0px;
    width: 100%;
}

.windPOSdetailTabBtn button{
    font-family: 'Roboto' sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    width: 200px;
    height: 50px;
    text-align: center;
    color: rgba(36, 50, 56, 1) !important;
    background-color: #fff !important;
    margin-bottom: 10px;
    border-radius: 8px !important;
    border: 1px solid rgba(38, 38, 38, 1);
    margin-right: 20px;
}

.windPOSdetailTabBtn .active{
    background-color:rgba(24, 116, 210, 1) !important;
    border: 1px solid rgba(24, 116, 210, 1);
    color: rgba(255, 255, 255, 1) !important;
    border-radius: 0;
    font-family: 'Roboto' sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    width: 200px;
    height: 50px;
    border-radius: 8px;
    position: relative;
}

.active .arrow-down{
    position: absolute;
    width: 0px;
    height: 0px;
    border-left: 20px solid transparent ;
    border-right: 20px solid transparent ;
    border-top: 20px solid rgba(24, 116, 210, 1);
    bottom: -15px;
    right: 80px;
}

.list-group-item-disc {
    list-style-type: disc;
}


.windPOSdetailFeatures h5{
    font-family: 'Roboto' sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    text-align: left;
    color: rgba(36, 60, 92, 1);
    text-transform: capitalize;
}
.windPOSdetailFeatures p{
    font-family: 'Roboto' sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    color: rgba(0, 0, 0, 1);
}
.windSpecificationsCont{
    background-image: url("../img/productDetailsPage/banner-sec-l.png");
}

.NavTabBody2{
    padding: 10px 15px 40px 15px;
    width: 100%;
    display: flex;
    justify-content: space-between;
   
}
.NavTabBody2 div{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 304px;
    height: 223px;
    gap: 15px;
    border-radius: 8px;
    opacity: 0px;
    background-color: rgba(0, 46, 91, 1);
    box-shadow: 0px 4px 20px 0px rgba(21, 110, 220, 1);
    margin-top: 40px;
}
.NavTabBody2 div:hover{
    border: 2px solid rgba(21, 110, 220, 1);
    cursor: pointer;
}

.NavTabBody2 img{
    width: 71.01px;
    height: 65.7px;
}
.NavTabBody2 h4{
    font-family: 'Roboto' sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    color:rgba(255, 255, 255, 1);
}

.NavTabBody2 p{
    font-family: 'Roboto' sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    color:rgba(255, 255, 255, 1);
}

/* Highlights of Windows POS */
.windPOSHighlightsCont{
    background-image: url("../../../404.html\ 1.png");
    padding: 20px 0px !important; 
}
.windPOSHighlights{
    width: 100%;
}
.windPOSHighlightsCont h4{
    font-family: 'Roboto' sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 45px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.windPOSHighlightsCont h2{
    font-family: 'Roboto' sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.windPOSHighlights div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px;
    margin-top: 40px;
    user-select: none;
}
.windPOSHighlights img {
    transition: transform 0.6s ease; 
}
  
.windPOSHighlights img:hover {
    transform: rotateY(180deg); 
}

.windPOSHighlights h5{
    font-family: 'Roboto' sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 75px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
}

.windPOSHighlights p{
    font-family: 'Roboto' sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    padding: 0 32px;
}

.pos-img-cont{
    height: 400px;
    position: relative;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.pos-img-cont .pos-outer-images1 {
    background-image: url('../img/hardwarePage/Android-pos.png') !important;
    background-size: contain;
    background-position: center;
    height: 70%;
    position: absolute;
    width: 90%;
    bottom: 27px;
    right: 12px;
    background-repeat: no-repeat;
}

.pos-img-cont .pos-outer-images1:hover {
    background-image: url('../img/hardwarePage/windows-pos.png') !important;
    background-size: contain;
    background-position: center;
    height: 70%;
    position: absolute;
    width: 90%;
    bottom: 27px;
    right: 12px;
    background-repeat: no-repeat;
}
.pos-img-cont .pos-outer-images2 {
    background-image: url('../img/hardwarePage/windows-pos.png') !important;
    background-size: contain;
    background-position: center;
    height: 70%;
    position: absolute;
    width: 90%;
    bottom: 27px;
    right: 12px;
    background-repeat: no-repeat;
}

.pos-img-cont .pos-outer-images2:hover {
    background-image: url('../img/hardwarePage/Android-pos.png') !important;  
    background-size: contain;
    background-position: center;
    height: 70%;
    position: absolute;
    width: 90%;
    bottom: 27px;
    right: 12px;
    background-repeat: no-repeat;
}
.pos-img-cont .pos-outer-images3 {
    background-image: url('../img/hardwarePage/mobile-pos.png') !important;
    background-size: contain;
    background-position: center;
    height: 80%;
    position: absolute;
    width: 100%;
    bottom: -20px;
    right: -10px;
    background-repeat: no-repeat;
}

.pos-img-cont .pos-outer-images3:hover {
    background-image: url('../img/hardwarePage/mobile-pos-2.png') !important;
    background-size: contain;
    background-position: center;
    height: 60%;
    position: absolute;
    width: 100%;
    bottom: 25px;
    right: -10px;
    background-repeat: no-repeat;
}
.pos-img-cont .pos-outer-images4 {
    background-image: url('../img/hardwarePage/printer-new.png') !important;
    background-size: contain;
    background-position: center;
    height: 55%;
    position: absolute;
    width: 100%;
    bottom: 70px;
    right: -10px;
    background-repeat: no-repeat;
}

.pos-img-cont .pos-outer-images4:hover {
    background-image: url('../img/hardwarePage/printer-new-2.png') !important;
    background-size: contain;
    background-position: center;
    height: 55%;
    position: absolute;
    width: 100%;
    bottom: 70px;
    right: -10px;
    background-repeat: no-repeat;
}
.pos-img-cont .pos-outer-images5 {
    background-image: url('../img/hardwarePage/bar-code-scanner.png') !important;
    background-size: contain;
    background-position: center;
    height: 45%;
    position: absolute;
    width: 100%;
    bottom: 70px;
    right: -5px;
    background-repeat: no-repeat;
}

.pos-img-cont .pos-outer-images5:hover {
    background-image: url('../img/hardwarePage/bar-code-scanner-2.png') !important;
    background-size: contain;
    background-position: center;
    height: 45%;
    position: absolute;
    width: 100%;
    bottom: 70px;
    right: -5px;
    background-repeat: no-repeat;
}
.pos-img-cont .pos-outer-images6 {
    background-image: url('../img/hardwarePage/Cash-drawer.png') !important;
    background-size: contain;
    background-position: center;
    height: 50%;
    position: absolute;
    width: 100%;
    bottom: 70px;
    right: 25px;
    background-repeat: no-repeat;
}

.pos-img-cont .pos-outer-images6:hover {
    background-image: url('../img/hardwarePage/Cash-drawer-2.png') !important;
    background-size: contain;
    background-position: center;
    height: 55%;
    position: absolute;
    width: 100%;
    bottom: 70px;
    right: -10px;
    background-repeat: no-repeat;
}

/* Efficiency meets Innovation with Windows POS */
.EfficiencyMeetsCont{
    padding: 50px 0px;
}
.EfficiencyMeetsCont h4{
    font-family: 'Roboto' sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 40px;
    text-align: left;
    color: rgba(24, 116, 210, 1);
}

.EfficiencyMeetsCont h2{
    font-family: 'Roboto' sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 46px;
    text-align: left;
    color:rgba(36, 60, 92, 1);
    text-transform: capitalize;
}

.EfficiencyMeetsText{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
}
.EfficiencyMeetsText p{
    font-family: 'Roboto' sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    color: rgba(0, 0, 0, 1);
    padding-right: 50px;
}

/* similar products css */
.similarProductsCont{
    background-image: url("../img/productDetailsPage/banner-2.png");
    padding: 30px 0 50px 0;
}
.similarProductsCont h4{
    font-family: 'Roboto' sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 45px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.similarProductsCont h2{
    font-family: 'Roboto' sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 46px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
}

.similarProductsCardCont{
    padding-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center !important;
}
.similarProductsCardCont .owl-item{
    display: flex;
    justify-content: center;
}

.similarProductsCardCont .product{
    position: relative;
    height: 282px;
    width: 270px;
    border-radius: 8px ;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

.similarProductsCardCont .product a{
    position: absolute;
    width: 277px;
    height: 49px;
    background-color:rgba(24, 116, 210, 1);
    border-radius: 8px;
    font-family: 'Roboto' sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 50px;
    text-align: center;
    color:rgba(255, 255, 255, 1);
    bottom: 30px;
    text-transform: capitalize;
}

.similarProductsCardCont .product a:hover{
    background-color: rgba(36, 60, 92, 1);
    box-shadow: 0px 4px 20px 0px rgba(21, 110, 220, 1);
    color: rgba(255, 255, 255, 1);
    font-size: 15px;
    font-weight: 600;
}
.similarProductsCardCont .owl-nav button.owl-next{
   display: flex;
   justify-content: center;
   align-items: center;
   padding-bottom: 10px !important;
}
.similarProductsCardCont .owl-nav button.owl-prev{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px !important;
 }
.similarProductsCardCont .owl-prev{
    width: 41px !important;
    height: 41px !important;
    background: rgba(255, 255, 255, 1) !important;
    color: rgba(24, 24, 24, 1) !important;
    border-radius: 50% !important;
    position: absolute;
    left: -17px;
    bottom: 40%;
    box-shadow: 4px 0px 8px 0px rgba(0, 0, 0, 0.25);
    font-size: 35px !important;
    font-weight: 400 !important;
    line-height: 25px !important;
    padding-bottom: 4px !important;
}

.similarProductsCardCont .owl-next{
    width: 41px !important;
    height: 41px !important;
    background: rgba(255, 255, 255, 1) !important;
    color: rgba(24, 24, 24, 1) !important;
    border-radius: 50% !important;
    position: absolute;
    right: -17px;
    bottom: 40%;
    box-shadow: -4px 0px 8px 0px rgba(0, 0, 0, 0.25);
    font-size: 35px !important;
    font-weight: 400 !important;
    line-height: 25px !important;
    padding-bottom: 4px !important;
}

.clints-marquee {
    height: 120px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.clints-marquee div {
    display: block;
    width: 200%;
    height: auto;
    position: absolute;
    overflow: hidden;
    animation: clints-marquee 10s linear infinite;
}
.clints-carosel-cardCont img{
    width: 45%;
    height: auto;
}
.clints-marquee span {
    float: left;
    width: 11%;
}

@keyframes clints-marquee {
    0% { left: 0; }
    100% { left: -100%; }
}

/******* enter prise page css *******/
.entprise-L p{
    font-family: 'Roboto' sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    color: rgba(0, 0, 0, 1);
    /* padding-right: 17%; */
}

.entpriseCont-2{
    background: linear-gradient(269.81deg, #CCE9FF 0.15%, rgba(204, 233, 255, 0) 100.45%);
}
/* software page css */
.softwareImgCont{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.softwareImgCont .outer-img{
   position: absolute;
   bottom: -10px;
}
.softwareImgCont .POSmachineRightCont img{
  width: 100%;
  max-width: 400px;
}


/********* softeware details page **********/
.softwareTopRight{
    padding: 70px 0 0 0;
}

.softwareTopRight h2{
    font-family: 'Roboto' sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 46px;
    text-align: left;
    color: rgba(36, 60, 92, 1);
}

.softwareTopRight p{
    font-family: 'Roboto' sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    color: rgba(36, 60, 92, 1);
    padding: 15px 20px 0 0 ;
}

.softwareTopRight div{
    display: flex;
    gap: 30px;
    padding-top: 35px;
}
.softwareTopRight div a{
    width: 181px;
    height: 46px;
    background: rgba(243, 243, 243, 1);
    font-family: 'Roboto' sans-serif;
    font-size: 16px;
    font-weight: 550;
    line-height: 32px;
    text-align: center;
    color: rgba(24, 116, 210, 1);
    border: 1px solid rgba(24, 116, 210, 1);
    border-radius: 8px;
}

.softwareTopRight div a:hover{
    color: rgba(243, 243, 243, 1);
    background-color: rgba(24, 116, 210, 1);
}

.NavTabBody3{
    box-shadow: 0px 4px 10px 0px rgba(23, 23, 23, 0.2);
    border-radius: 8px;
    padding: 10px 30px 40px 30px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    border: 2px solid rgba(24, 116, 210, 1)
}
.NavTabBody3 div{
    width: 22%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.25);
    padding: 20px;
    margin-top: 15px;
    border: 2px solid white;
}
.NavTabBody3 div:hover{
  border: 2px solid rgba(36, 60, 92, 1);
  cursor: pointer;
}

.NavTabBody3 img{
    width: 100%;
    height: auto;
}
.NavTabBody3 h4{
    font-family: 'Open Sans' sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: rgba(36, 60, 92, 1);
    line-height: 20px;
    padding: 10px 0 10px 0;
}
.NavTabBody3 p{
    font-family: 'Open Sans' sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    color: rgba(36, 60, 92, 1);
}

/* thernal detail page */
.NavTabBody4{
    padding: 10px 15px 40px 15px;
    width: 100%;
    display: flex;
    justify-content: space-between;
   
}
.NavTabBody4 div{
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 304px;
    height: 420px;
    gap: 15px;
    padding-top: 25px;
    border-radius: 8px;
    background-color: rgba(0, 46, 91, 1);
    border: 2px solid rgba(0, 46, 91, 1);
    box-shadow: 0px 4px 20px 0px rgba(21, 110, 220, 1);
    margin-top: 40px;
    transition: all 0.5s;
}
.NavTabBody4 div:hover{
    border: 2px solid #fff;
    cursor: pointer;
    transition: all 0.5s;
}

.NavTabBody4 img{
    width: 253px;
    height: 170px;
    border-radius: 4px;
}
.NavTabBody4 h4{
    font-family: 'Roboto' sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    color:rgba(255, 255, 255, 1);
}

.NavTabBody4 p{
    font-family: 'Roboto' sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color:rgba(255, 255, 255, 1);
}

/*Service list details pages css  */

/* ivr Service */
.ivr-feature-rcont{
    width: 63%;
    padding-top: 10px;
}
.ivrlimgcont {
    user-select: none;
}

.services-sec .fontSize1{
  font-size: 22px;
}
.services-sec .fontSize2{
    font-size: 34px;
}

.services-section .fontSize1{
    font-size: 22px;
}
.services-section .fontSize2{
    font-size: 34px;
}
.boxSize div{
    width: 200px;
    height: 160px;
    gap: 10px;
    border-radius: 4px;
    box-shadow: 0px 4px 10px 0px rgba(23, 23, 23, 0.2);
    background: rgba(243, 243, 243, 1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    border: 2px;
    padding-top: 30px;
    cursor: pointer;
}

.boxSize div:hover{
    border: 2.5px solid rgba(24, 116, 210, 1);
}
.boxSize p{
    font-family: 'Roboto' sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    color: rgba(0, 0, 0, 1);
}
.font-Size18_line {
    font-size: 18px;
    line-height: 39px;
}
/*Major highlights Automate tasks */
.ivrHighlightsCont{
    background: linear-gradient(269.81deg, #CCE9FF 0.15%, rgba(204, 233, 255, 0) 100.45%);
    padding: 20px 0px !important; 
}

.ivrHighlightsCont2 h4{
    font-family: 'Roboto' sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 45px;
    text-align: left;
    color: rgba(24, 116, 210, 1);
}

.ivrHighlightsCont2 h2{
    font-family: 'Roboto' sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    text-align: left;
    color:  rgba(36, 60, 92, 1);
}
.ivrContHighlights div{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;
    margin-top: 40px;
    user-select: none;
}
.ivrContHighlights img {
    transition: transform 0.6s ease; 
}
  
.ivrContHighlights img:hover {
    transform: rotateY(180deg); 
}

.ivrContHighlights h5{
    font-family: 'Roboto' sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 75px;
    text-align: center;
    color: rgba(38, 38, 38, 1);
}

.ivrContHighlights p{
    font-family: 'Roboto' sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    text-align: center;
    color: rgba(83, 83, 83, 1);
    padding: 0 32px;
}



/*services-section */
.services-section{
    background: linear-gradient(269.81deg, #CCE9FF 0.15%, rgba(204, 233, 255, 0) 100.45%);
    padding-top: 20px;
    padding-bottom: 20px;
}

.services-section .services-cards{
    display: flex;
    justify-content: space-between;
}
.services-section .servicesBox{
    border-radius:8px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    position: relative;
    padding-top: 33%;
    color: #1874D2;
    font-family: 'Roboto' sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
}
.services-section .servicesBox::before{
    top: -29px;
    content: "";
    position: absolute;
    width: 93px;
    height: 85px;
    left: 65px;
    border-radius: 8px;
    box-shadow: 0px 0px 1.5 0px rgba(0, 0, 0, 0.25);
    background: rgba(255, 255, 255, 1);
}
.ivrlimgcont{
    display: flex;
    justify-content: center;
    align-items: center;
}





/* hover effect on  services-section */
/* first box */
.services-section .servicesBox1{
    position: relative;
}
.services-section .servicesBox1::after{
    content: "";
    position: absolute;
    background-image: url(../img/servicesDeatils/mad-b-1.png);
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: -15px;
    width: 31%;
    height: 60px;
    left: 75px;
}
.services-section .servicesBox:hover{
    background: #1874D2;
    color: #fff;
 }
.services-section .servicesBox:hover::before{ 
    background: #1874D2;
    box-shadow: 0px 4px 4px 0px #00000040;
}

.services-section .servicesBox1:hover::after{
    background-image: url(../img/servicesDeatils/mad-b2-1.png); 
    width: 40%;
}
/* second box */
.services-section .servicesBox2{position: relative;}
.services-section .servicesBox2::after{
   content: "";
    position: absolute;
    background-image: url(../img/servicesDeatils/mad-b-2.png);
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: -15px;
    width: 31%;
    height: 60px;
    left: 75px;
}
.services-section .servicesBox2:hover::after{
    background-image: url(../img/servicesDeatils/mad-b2-2.png); 
    width: 40%;
}
/* third box */
.services-section .servicesBox3{position: relative;}
.services-section .servicesBox3::after{
    content: "";
    position: absolute;
    background-image: url(../img/servicesDeatils/mad-b-3.png);
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: -15px;
    width: 31%;
    height: 60px;
    left: 75px;
}
.services-section .servicesBox3:hover::after{
    background-image: url(../img/servicesDeatils/mad-b2-3.png); 
    width: 40%;
}
/* four box */
.services-section .servicesBox4{position: relative;}
.services-section .servicesBox4::after{
   content: "";
    position: absolute;
    background-image: url(../img/servicesDeatils/mad-b-4.png);
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: -15px;
    width: 31%;
    height: 60px;
    left: 75px;
}
.services-section .servicesBox4:hover::after{
    background-image: url(../img/servicesDeatils/mad-b2-4.png); 
    width: 40%;
}
/* five box */
.services-section .servicesBox5{position: relative;}
.services-section .servicesBox5::after{
    content: "";
    position: absolute;
    background-image: url(../img/servicesDeatils/mad-b-5.png);
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: -15px;
    width: 31%;
    height: 60px;
    left: 75px;
}
.services-section .servicesBox5:hover::after{
    background-image: url(../img/servicesDeatils/mad-b2-5.png); 
    width: 40%;
}

.services-section .services-cards div{
    margin-top: 30px;
    width: 227px;
    height: 133px;
}


/* E-comerce service section*/
.services-section .e-com-Box1::after{
    content: "";
    position: absolute;
    background-image: url(../img/servicesDeatils/ivr-b-3.png);
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: -15px;
    width: 31%;
    height: 60px;
    left: 75px;
}
.services-section .e-com-Box1:hover::after{
    background-image: url(../img/servicesDeatils/ec-b-1.png); 
    width: 40%;
}
/* second box */
.services-section .e-com-Box2{position: relative;}
.services-section .e-com-Box2::after{
    content: "";
    position: absolute;
    background-image: url(../img/servicesDeatils/ec-b2-2.png);
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: -15px;
    width: 31%;
    height: 60px;
    left: 75px;
}
.services-section .e-com-Box2:hover::after{
    background-image: url(../img/servicesDeatils/ec-b-2.png); 
    width: 40%;
}
/* third box */
.services-section .e-com-Box3{position: relative;}
.services-section .e-com-Box3::after{
    content: "";
    position: absolute;
    background-image: url(../img/servicesDeatils/ec-b2-3.png);
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: -15px;
    width: 31%;
    height: 60px;
    left: 75px;
}
.services-section .e-com-Box3:hover::after{
    background-image: url(../img/servicesDeatils/ec-b-3.png); 
    width: 40%;
}
/* four box */
.services-section .e-com-Box4{position: relative;}
.services-section .e-com-Box4::after{
    content: "";
    position: absolute;
    background-image: url(../img/servicesDeatils/ec-b2-4.png);
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: -15px;
    width: 31%;
    height: 60px;
    left: 75px;
}
.services-section .e-com-Box4:hover::after{
    background-image: url(../img/servicesDeatils/ec-b-4.png); 
    width: 40%;
}
/* five box */
.services-section .e-com-Box5{position: relative;}
.services-section .e-com-Box5::after{
    content: "";
    position: absolute;
    background-image: url(../img/servicesDeatils/ec-b2-5.png);
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: -15px;
    width: 31%;
    height: 60px;
    left: 75px;
}
.services-section .e-com-Box5:hover::after{
    background-image: url(../img/servicesDeatils/ec-b-5.png); 
    width: 40%;
}

/* ivr service page */
.services-section .ivr-Box1::after{
    content: "";
    position: absolute;
    background-image: url(../img/servicesDeatils/ivr-b-1.png);
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: -15px;
    width: 31%;
    height: 60px;
    left: 75px;
}
.services-section .ivr-Box1:hover::after{
    background-image: url(../img/servicesDeatils/ivr-b2-1.png); 
    width: 40%;
}
/* second box */
.services-section .ivr-Box2{position: relative;}
.services-section .ivr-Box2::after{
    content: "";
    position: absolute;
    background-image: url(../img/servicesDeatils/ivr-b-2.png);
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: -15px;
    width: 31%;
    height: 60px;
    left: 75px;
}
.services-section .ivr-Box2:hover::after{
    background-image: url(../img/servicesDeatils/ivr-b2-2.png); 
    width: 40%;
}
/* third box */
.services-section .ivr-Box3{position: relative;}
.services-section .ivr-Box3::after{
    content: "";
    position: absolute;
    background-image: url(../img/servicesDeatils/ivr-b-3.png);
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: -15px;
    width: 31%;
    height: 60px;
    left: 75px;
}
.services-section .ivr-Box3:hover::after{
    background-image: url(../img/servicesDeatils/ivr-b2-3.png); 
    width: 40%;
}
/* four box */
.services-section .ivr-Box4{position: relative;}
.services-section .ivr-Box4::after{
    content: "";
    position: absolute;
    background-image: url(../img/servicesDeatils/ivr-b-4.png);
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: -15px;
    width: 31%;
    height: 60px;
    left: 75px;
}
.services-section .ivr-Box4:hover::after{
    background-image: url(../img/servicesDeatils/ivr-b3-3.png); 
    width: 40%;
}
/* five box */
.services-section .ivr-Box5{position: relative;}
.services-section .ivr-Box5::after{
    content: "";
    position: absolute;
    background-image: url(../img/servicesDeatils/ivr-b-5.png);
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: -15px;
    width: 31%;
    height: 60px;
    left: 75px;
}
.services-section .ivr-Box5:hover::after{
    background-image: url(../img/servicesDeatils/ivr-b4-4.png); 
    width: 40%;
}


/* automation page css */
.automationImgCont{
   position: relative;
   justify-content: center;
   align-items: center;
}
.outer-img{
    position: absolute;
    bottom: 36px;
}
.outer-img img {
    transition: transform 0.3s ease; 
    cursor: pointer;
}
.outer-img img:hover {
   transform: scale(1.1);
}

/* enterprise page css */
.enterprise-img-cont{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0 30px 0;
}
.enterprise-img-cont .POSmachineRightCont img{
    width: 100%;
    max-width: 314px;
}
.enterprise-img-cont .POSmachineRightContMain{
    position: absolute;
    bottom: 14px;
}
.enterprise-img-cont .POSmachineRightContMain img{
    transition: transform 0.3s ease; 
    cursor: pointer;
}
.enterprise-img-cont .POSmachineRightContMain img:hover{
    transform: scale(1.1);
}