body {
    margin: 0px;
}

* {
    margin: 0px;
}

#rb-main p {
    margin: 0;
}
.checkbox-flex {
    display: flex;
    align-items: center;
}

.wrap-sales-footer {
    display: flex;
    text-align: left;
    justify-content: space-between;
}

.sales-footer-txt{
    font-size: 12px;
    line-height: 16px;
    margin-left: 2.8%;
}

.hidden-rows{
    display: none;
}

input.sales-checkbox {
    margin-right: 10px;
}

.sales-pagination{
    display: flex ;
    justify-content: end;
    margin-right: 2.8%;
    margin-bottom: 10px;
}
#rb-main {
    padding: 15px;
}

.disable-click{
    pointer-events: none;
}

.pop-color-band{
    background-color: #0085D5;
    height: 5px;
}

.pop-color-one{
    height: 5px;
    background-color: #0085D5;
    width: 40%;
    float: left;
}

.pop-color-two{
    height: 5px;
    background-color: #00A9E0;
    width: 10%;
    float: left;
}

.pop-color-three{
    height: 5px;
    background-color: #00426A;
    width: 20%;
    float: left;
}



.main-faqs , .rb-landingpage{
    position: relative;
}

.sales-req-quo{
    float: inline-end;
    margin-right: 2.8% !important;
   
}

.wrap-sales-footer{
    margin-bottom: 10px !important;
}

.sales-req-quo:hover{
    border: 1px solid #00426A !important;
}

.sales-disabled{
    pointer-events: none;
    background-color: #888b8d !important;
    border: 1px solid #888b8d !important;
}

.rb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8); 
    z-index: 6;
    pointer-events: none;
    display: none;
  }

  .disable-popup  {
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white; /* Popup background color */
  /* padding: 20px; */
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 7; 
  display: none;
  text-align: left;
  }

  .disable-popup-wrapper{
    padding: 20px;
  }
  .sales-pop {
    position: absolute;
  top: -10px;
  /* left: 50%; */
  /* transform: translate(-50%, -50%); */
  background-color: white; /* Popup background color */
  /* padding: 20px; */
  margin: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  text-align: center;
  z-index: 7; 
  display: none;
  }

  .sales-table-wrapper{
    height: 340px;
    overflow: scroll;
  }

#rb-mainDiv {
    width: 1170px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 17px;
    font-family: Roboto, Arial, Helvetica, sans-serif ;
    font-weight: 400;
    position: relative;
}

.dpc2-left p {
    padding-bottom: 10px;
}

.disable-pop-container-2{
    display: flex;
    margin-top: 10px;
}

.disable-pop-container-2 img{
    max-width: 156px !important;
}

.dpc1-right img{
    max-width: 50px;
}

.dpc2-left-txt2{
    font-size: 12px;
    line-height: 16px;
}

.disable-pop-container-1{
    display: flex;
    justify-content: space-between;
    color: #0085D5;
}

.dpc1txt1 , .dpc1txt3 {
    font-size: 16px;   
    font-weight: 600;
    line-height: 20px;
}

.dpc1txt2{
    font-size: 36px;
    line-height: 40px;
    font-weight: 300;
}

.dpc1txt1{
    margin-bottom: 5px !important;
}

.dpc1txt3{
    /* margin-top: 7px; */
}

#rb-lab {
    font-size: 14px;
    line-height: 17px;
    font-family: 'Roboto', Arial, sans-serif, Helvetica !important;
    font-weight: 400;
    position: relative;
    display: none;
}

#rb-mainDiv ::-webkit-scrollbar {
    width: 4px;
}

#rb-mainDiv ::-webkit-scrollbar-thumb {
    background-color: #d5d5d5;
}

#rb-mainDiv ::-webkit-scrollbar-thumb:hover {
    background-color: #d5d5d5;
}

#popupOverlay {
    text-align: center;
    position: absolute;
    display: none;
    width: 100%;
    height: 652px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.7;
    animation-name: fadeInDown;
}


.booth2,
.booth3,
.explore-how-popup,
.used-instrument-popup,
.trade-buyback-popup,
.explore-tool-popup,
.explore-tool-popup,
.cpoExplore-popup,
.financial-guide-popup,
.emission-popup,
.popUpDataContainer,
.catalog {
    display: none;
}

;

#header {
    height: 60px;
    background-color: #003A63;
}

/* bottom arrow */
.bottom {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    border: 0.2em solid #F2F2F2;
    border-radius: 50%;
    background-color: #F2F2F2;
}

.explore-arrow-img:hover .bottom {
    border: 0.2em solid #003A63;
    background-color: #003A63;
}

.cpo-explore-arrow-img:hover .bottom {
    border: 0.2em solid #003A63;
    background-color: #003A63;
}

.topic2 {
    padding-bottom: 15px;
}
#lobby-btn{
    display: none;
}
.bottom:after {
    content: '';
    display: inline-block;
    margin-top: 0.2em;
    margin-left: 0.37em;
    width: 0.6em;
    height: 0.6em;
    border-top: 0.2em solid #0085D5;
    border-right: 0.2em solid #0085D5;
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.explore-arrow-img:hover .bottom:after {
    border-top: 0.2em solid #fff;
    border-right: 0.2em solid #fff;
}

.cpo-explore-arrow-img:hover .bottom:after {
    border-top: 0.2em solid #fff;
    border-right: 0.2em solid #fff;
}

/* right arrow */
.right {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    border: 0.2em solid #F2F2F2;
    border-radius: 50%;
    background-color: #F2F2F2;
}

.e-tool-arrow:hover .right {
    border: 0.2em solid #fff;
    background-color: #003A63;
}

img.icon-img {
    width: 61px;
    height: 61px;
    position: relative;
    z-index: 2;

}

.right:after {
    content: '';
    display: inline-block;
    margin-top: 0.38em;
    margin-left: -0.2em;
    width: 0.6em;
    height: 0.6em;
    border-top: 0.2em solid #0085D5;
    border-right: 0.2em solid #0085D5;
    -moz-transform: rotate(408deg);
    -webkit-transform: rotate(408deg);
    transform: rotate(408deg);
}

.e-tool-arrow:hover .right:after {
    border-top: 0.2em solid #fff;
    border-right: 0.2em solid #fff;
}

.tradeInBuybackImg {
    position: relative;
    top: -2px;
}

.tool-flex {
    display: flex;
    gap: 4%;
    padding: 30px;
}

.tool-p1 {
    font-size: 16px;
    color: #303030;
    padding-left: 30px;
    padding-top: 15px;
}

.trade-in-text {
    position: absolute;
    top: 25%;
    right: 5%;
}


img.i-img {
    position: relative;
    width: 28px;
}

.tool-text {
    font-size: 14px;
    color: #202020;
    padding-bottom: 50%;
    line-height: 20px;
}

img.nextRB {
    position: relative;
    text-align: center;
    top: -8px;
    width: 7%;
}

.t1 {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: lighter;
    margin-bottom: 5%;
}

.t2 {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 10%;
}

.video-div {
    /* width: 181%; */
    width: 160%;
}

/* .text-div13 {
    padding-left: 6.5%;
} */
.text-div1{
    padding-left:1.5%;
}

.white-div {
    width: 179px;
    height: 146px;
    background: #fff;
    border-top: 5px solid #0185D5;
    margin-top: 10%;
    padding: 5%;
    padding: 10px;
}

.t3 {
    font-size: 14.5px;
    color: #303030;
    font-weight: 400;
}

.t4 {
    font-weight: lighter;
    font-size: 13px;
    color: #000000;
    text-align: center;
    margin-top: 6px;

}

.accordion-menu {
    padding: 4%;
}

.accordion-menu a {
    text-decoration: none;
}

.accordion-menu a:hover {
    color: #00426A;
    text-decoration: underline;
}

.p-bottom {
    margin-top: 6% !important;
    color: #202020;
}

.cta-button {
    font-family: Roboto, Arial, sans-serif, Helvetica;
    font-size: 12px;
    padding: 12px 17px;
    /* padding: 0.8vw 1.2vw; */
    /* padding: 14px 19px; */
    font-weight: 400 !important;
    line-height: 100% !important;
    color: #ffffff;
    background-color: #0085D5;
    clear: both;
    border: 1px solid #0085D5;
    display: inline-block;
    width: max-content;
    margin: auto;
    text-transform: none !important;
    text-decoration: none !important;
}

.cta-button-main {
    font-family: Roboto, Arial, sans-serif, Helvetica;
    font-size: 16px;
    padding: 5% 6%;
    font-weight: 400 !important;
    line-height: 100% !important;
    color: #ffffff !important;
    background-color: #0085D5;
    clear: both;
    border: 1px solid #fff;
    display: inline-block;
    width: fit-content;
    margin: auto !important;
    text-transform: none !important;
    text-decoration: none !important;
    cursor: pointer;
}

.cta-buttone4 {
    border: 1px solid #fff;
    padding: 12px 17px;
    /* padding: 0.8vw 1.2vw; */
}

.contact-btn {
    background-color: #ffffff;
    color: #0085d5 !important;
    border: 1px solid #0085d5;
    padding: 12px 17px;
    /* padding: 0.8vw 1.2vw; */
}

.contact-btn:hover {
    background-color: #003A63;
    color: #fff !important;
    border: 1px solid #fff;
}

.cta-button a,
.cta-button-main {
    color: #fff;
    text-decoration: none;
}

.cta-button a:hover,
.cta-button-main:hover {
    background-color: #003A63;
    color: #fff;
    text-decoration: none;
}

.cta-button.learn-more-btn {
    font-family: "Roboto", Arial, sans-serif, Helvetica;
    font-size: 12px !important;
    padding: 12px 17px;
    /* padding: 0.8vw 1.2vw; */
    font-weight: 400 !important;
    line-height: 100% !important;
    clear: both;
    display: -webkit-inline-flex;
    display: inline-flex;
    align-self: flex-end;
    margin: auto !important;
    text-transform: none !important;
    text-decoration: none !important;
    background-color: #fff;
    color: #0085D5;
    border: 1px solid #0085D5;
}


.cta-button.learn-more-btn {
    color: #0085D5 !important;
    text-decoration: none;

}

.cta-button.learn-more-btn a {
    color: #0085D5;
    text-decoration: none;

}

.cta-button.learn-more-btn:hover {
    background-color: #003A63;
    color: #fff !important;
    text-decoration: none;
}

.cta-button.e2 {
    margin-top: 16px !important;
    margin-bottom: 14px;
}

.images1 {
    margin-top: 15px;
    text-align: center;
}

.cta-button:hover {
    background-color: #00426a;
    border: 1px solid #fff;
    text-decoration: none !important;
    cursor: pointer;
}

.e3:hover {
    border: 1px solid #00426a;
}

.cta-button.e2:hover {
    border: 1px solid #00426a;
}

.cta-button.e5 {
    position: absolute;
    top: 57%;
    left: 44%;
    transform: translate(-50%, -50%);
}

.cancel-btn {
    color: #FFFFFF;
    font-size: 12px;
    position: absolute;
    top: 57%;
    left: 57%;
    transform: translate(-50%, -50%);
}
/* 
.cancel-btn:hover {
    text-decoration: underline;
    color: #003A63;
    cursor: pointer;
} */

.trade-buyback-popup,
.explore-how-popup,
.Sustainibility-disposal-popup,
.used-instrument-popup,
.explore-tool-popup,
.video-literature-popup,
.cpoExplore-popup,
.cpo-interact-tool-popup,
.financial-guide-popup,
.emission-popup,
.sus-video-literature-popup,
.sustainabilityDrivenPopup,.SustainExplorePopup,.SustainQualityPopup {
    width: 79.8%;
    /* height: 550px; */
    height: 580px;
    top: -3%;
    left: 0%;
    background: #fff;
    position: absolute;
    left: 10%;
    z-index: 6;
    display: none;
}

.sus-video-literature-popup {
    top: -3%;
}

.sustainabilityDrivenPopup,.SustainExplorePopup,.SustainQualityPopup {
    height: 590px;
}

.used-instrument-popup {
    overflow: hidden;
}

.explore-how-heading {
    background: #EDEFF0;
    margin-bottom: 42px;
    display: flex;
}

.explore-how-heading:nth-child(1) {
    margin-bottom: 3.5%;
}

.garden-img img {
    width: 100%;
}

.usedinstrument-heading,
.cpo-usedinstrument-heading {
    background: #EDEFF0;
    display: flex;

}

.SustainExplorePopup{
    display: none;
}

.trade-buyback-heading {
    background: #EDEFF0;
    display: flex;
}

.explore-how-cards {
    display: flex;
    gap: 4%;
    padding: 0% 12%;
}

.arrow-color-div1 {
    width: 6px;
    height: 50%;
    top: 20%;
    background-color: #00BAB3;
    right: -6px;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    position: absolute;
}

.used-instrument-p1 {
    font-size: 16px;
    color: #000;
    padding-top: 2.1%;
    padding-left: 30px;
    margin-bottom: 8px;
}

.arrow-color-div1::after {
    content: '';
    height: 0;
    width: 0;
    top: 41%;
    position: absolute;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #00BAB3;
}

.arrow-color-div2 {
    width: 6px;
    height: 50%;
    top: 20%;
    background-color: #84BD00;
    right: -6px;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    position: absolute;
}

.arrow-color-div2::after {
    content: '';
    height: 0;
    width: 0;
    top: 41%;
    position: absolute;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #84BD00;
}

.arrow-color-div3 {
    width: 6px;
    height: 50%;
    top: 20%;
    background-color: #F2A900;
    right: -6px;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    position: absolute;
}

.arrow-color-div3::after {
    content: '';
    height: 0;
    width: 0;
    top: 40%;
    position: absolute;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #F2A900;
}

.arrow-color-div4 {
    width: 6px;
    height: 50%;
    top: 20%;
    background-color: #E87700;
    right: -6px;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    position: absolute;
}

.emission-head {
    text-align: center;
    font-size: 18px;
    color: #0085D5;
    font-weight: 500;
    margin-bottom: 35px;
}

.e3-btn {
    text-align: center;
    padding: 6%;
}

.ecard {
    position: relative;
    width: 150px;
    height: 240px;
    background: #EDEFF0;
}

.ecard-img {
    position: relative;
    text-align: center;
    top: 18%;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

.ecard-img img {
    padding-bottom: 13px;
    width: 65%;


}

.ecard-img p {
    font-size: 14px;
    color: #303030;
    font-weight: 500;
}

.ar-div {
    position: relative;
    margin-top: 30px;
    padding: 0% 12%;

}

.bottom-div-arrow {
    position: relative;
    width: 92%;
    background: #EDEFF0;
    padding: 1% 0%;
    font-size: 14px;
    color: #53565A;
    vertical-align: middle;
    text-align: center;
}

.bottom-div-arrow::after {
    content: " ";
    width: 0;
    position: absolute;
    right: -6%;
    top: -25%;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 26px solid transparent;
    border-left: 47px solid #EDEFF0;

}

.circle_center:hover .bottom {
    border: 0.2em solid #003A63;
    background-color: #003A63;
}

.circle_center:hover .bottom:after {
    border-top: 0.2em solid #fff;
    border-right: 0.2em solid #fff;
}

#warning-message {
    display: none;
}

.explore-heading {
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 3.2%;
    font-size: 18px;
    color: #303030;
    font-weight: 300;
}

.u-heading {
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 30px;
    font-size: 18px;
    color: #303030;
    font-weight: 300;
}

.sales-heading{
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 2.5%;
    font-size: 18px;
    color: #303030;
    font-weight: 300;
}

img.catalog-close {
    position: absolute;
    right: 2%;
}

img.catalog-close:hover {
    cursor: pointer;
}

.c-img,
.c2-img,
.c3-img,
.c3-img-sales,
.c4-img,
.c5-img,
.c6-img,
.cpo-explore-close,
.cpo-info,
.cpo-tool,
.financeguide-close,
.emission-close,
.sus-info-close,
.driven-close {
    position: absolute;
    right: 0%;
    padding: 2%;
    cursor: pointer;
}

.sus-info-close {
    left: 77%;
}

.driven1 {
    color: #53565A;
    font-size: 15px;
    padding-left: 3.2%;
    width: 63%;
    position: relative;
}

.driven2 {
    width: 20%;
    height: 369px;
    background: #D8F1FA;
    margin-left: 5%;
    padding: 2.5%;
}

.contact-us {
    position: absolute;
    display: inline-block;
    left: 4%;
    bottom: 8%;

}

.driven2 img {
    width: 112px;
    height: 132px;
    position: relative;
    left: 18%;
    margin-bottom: 8.6%;
}

.dp2 {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-bottom: 13.4%;
}

.d-info1 {

    position: relative;
    display: flex;
    margin-top: 2.5%;
}

.d-info-img {
    width: 38px;
    height: 38px;
    position: relative;
    z-index: 5;
}

.drivenline {
    content: " ";
    position: absolute;
    width: 151px;
    height: 1px;
    background-color: #0085D5;
    top: 13%;
    left: 6%;
    z-index: 1;
}

.drivenline {
    display: none;
}

@keyframes drivenlineAnimation {
    from {
        width: 0px;
    }

    to {
        width: 155px;
    }
}

.drivenlineAnimation {
    animation: drivenlineAnimation 0.5s both;
}

.d-info-div {
    width: 255px;
    height: 42px;
    z-index: 1;
    position: relative;
    left: -4%;
    top: -1px;
    background-color: #F2F2F2;
    color: #53565A;
    font-size: 14px;

}

.d-head {
    font-weight: 500;
    padding-left: 17%;
}

.d-info-div1::after {
    content: " ";
    width: 5px;
    left: 100%;
    top: 4%;
    height: 91%;
    position: absolute;
    background: #26BCB4;
    border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;
}

.d-info-div2::after {
    content: " ";
    width: 5px;
    left: 100%;
    top: 4%;
    height: 91%;
    position: absolute;
    background: #009F49;
    border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;
}

.d-info-div3::after {
    content: " ";
    width: 5px;
    left: 100%;
    top: 4%;
    height: 91%;
    position: absolute;
    background: #FDB515;
    border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;
}

.d-info-div4::after {
    content: " ";
    width: 5px;
    left: 100%;
    top: 4%;
    height: 91%;
    position: absolute;
    background: #F57F29;
    border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;
}

.d-info-div5::after {
    content: " ";
    width: 5px;
    left: 100%;
    top: 4%;
    height: 91%;
    position: absolute;
    background: #82C341;
    border-top-right-radius: 17px;
    border-bottom-right-radius: 17px;
}

.d-info-div p {
    position: relative;
    top: 25%;
}

@keyframes drivenslideright {
    from {
        left: -4%;
        height: 58px;
        width: 349px;
    }

    to {
        left: 26%;
        height: 162px;
        width: 349px;
    }
}

@keyframes drivenrightslidearrow {
    from {
        right: 52.5%;
    }

    to {
        right: 7%;
        transform: scaleX(-1);
    }
}
@keyframes drivenleftslidearrow {
    from {
        right: 36.5%;
        transform: scaleX(1);
    }

    to {
        right: 52.5%;

    }
}

.drivenslideright {
    animation: drivenslideright 0.5s both;
}

.drivenrightslidearrow {
    animation: drivenrightslidearrow 0.5s both;
}

@keyframes drivensliderleft {
    from {
        left: 12%;
        height: 150px;
    }

    to {
        left: -4%;
        height: 42px;
    }
}


.drivensliderleft {
    animation: drivensliderleft 0.5s both;
}

.drivenleftslidearrow {
    animation: drivenleftslidearrow 0.5s both;
}

.d-info-arrow {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 53.3%;
    top: 21%;
    cursor: pointer;
    transform: scaleX(1);
    z-index: 1;
}

@keyframes drivenwidth {
    from {
        width: 255px;
    }

    to {
        width: 60px;
    }
}

.drivenwidth {
    animation: drivenwidth 0.5s both;
}

.driven-des {
    display: none;
    font-size: 14px;
    color: #53565A;
    position: relative;
    top: 9%;
    padding: 9.2%;
}

.dp1 {
    font-size: 14px;
    color: #53565A;
}

.u-p1 {
    font-size: 16px;
    color: #303030;
    font-weight: 300;
    line-height: normal;
}

.u-p2 {
    font-size: 12px;
    font-weight: 400;
    color: #202020;
    padding-top: 2%;
}

.u-p3 {
    font-size: 12px;
    width: 39%;
    margin-left: 27%;
    margin-top: 5%;
    padding-bottom: 2.5%;
    padding-top: 2.5%;
    color: #fff;
    background: #003A63;
    text-align: center;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
}

.u-p3,
#div1,
#div2,
#div3:hover {
    cursor: pointer;
}

.line6 {
    position: absolute;
    width: 9%;
    height: 1px;
    background: #D0D0CE;
    top: 33%;
    right: 73%;
}

.line7 {
    position: absolute;
    width: 1px;
    height: 28%;
    background: #D0D0CE;
    left: 18%;
    top: 33%;
}

.line8 {
    position: absolute;
    width: 1px;
    height: 28%;
    background: #D0D0CE;
    left: 46.3%;
}

.line9 {
    position: absolute;
    top: 33%;
    left: 74%;
    background: #D0D0CE;
    height: 28%;
    width: 1px;
}

.line10 {
    position: absolute;
    width: 8%;
    height: 1px;
    background: #D0D0CE;
    top: 33%;
    left: 66%;
}

.popup-u-p3 {
    font-size: 12px;
    width: 14.6%;
    position: absolute;
    padding-bottom: 1%;
    padding-top: 1%;
    color: #fff;
    background: #003A63;
    text-align: center;
    left: 28%;
    top: 25%;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
}

.used-instrument-text {
    position: absolute;
    padding-top: 2%;
    top: 27%;
    left: 26%;
    width: 30%;
}

#instrument , #instrument-sales {
    border-collapse: collapse;
    border-collapse: collapse;
    position: relative;
    width: 95%;
    left: 2.5%;
}


#instrument td,
#instrument th,  #instrument-sales th {
    padding: 1.5% 1% 1.5% 1.4%;
}

#instrument-sales td{
    padding: 1.2% 1% 1.2% 1%;
}

/* #instrument-sales tr td:nth-child(1){
    display: flex;
    align-items: center;
} */

#instrument tr:nth-child(even) {
    background-color: #f2f2f2;
}

#instrument-sales tr:nth-child(even){
    background-color: #f2f2f2;
}

tr {
    border-bottom: 1px solid #303030;
}

#instrument th , #instrument-sales th {
    text-align: left;
    background-color: #EEF7FC;
    color: #303030;
    font-size: 16px;
    font-weight: 700;
}

#instrument td  , #instrument-sales td{
    font-size: 15px;
}

.used-instrument-img {
    padding-top: 4.1%;
    display: flex;
    gap: 8%;
    justify-content: center;
}

.popup-used-instrument-img {
    display: flex;
    gap: 12%;
    position: relative;
    top: 21%;
    left: 3%;
    justify-content: center;
}

.sub-popup1 {
    width: 403px;
    padding: 20px;
    padding-top: 60px;
    height: 100px;
    background: #F2F2F2;
    position: absolute;
    top: 100%;
    animation: sub-popup1-animation 2s;
}

.sub-popup2 {
    width: 403px;
    padding: 20px;
    padding-top: 60px;
    height: 100px;
    background: #F2F2F2;
    position: absolute;
    top: 100%;
}

.sub-popup {
    width: 403px;
    padding: 20px;
    padding-top: 60px;
    height: 100px;
    background: #F2F2F2;
    position: absolute;
    top: 100%;
}

.line1 {
    width: 11.5%;
    height: 1px;
    background: #D0D0CE;
    position: absolute;
    top: 28%;
    left: 16.5%;
}

.line2 {
    width: 1px;
    height: 26%;
    background: #D0D0CE;
    position: absolute;
    top: 28%;
    left: 16.5%;
}

.line2-active {
    height: 40%;
}

.line3 {
    width: 1px;
    height: 26%;
    background: #D0D0CE;
    position: absolute;
    top: 33%;
    left: 35.4%;
}

.line3-active {
    height: 40%;
}

.line4 {
    width: 1px;
    height: 26%;
    background: #D0D0CE;
    position: absolute;
    top: 28%;
    left: 52.8%;
}

.line4-active {
    height: 40%;
}

.line5 {
    width: 10%;
    height: 1px;
    background: #D0D0CE;
    position: absolute;
    top: 28%;
    left: 42.7%;
}

.sub-popup:after {
    content: " ";
    position: absolute;
    height: 5px;
    bottom: 0%;
    width: 443px;
    background: #E2066F;
    left: 0%;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
}

.sub-popup2:after {
    content: " ";
    position: absolute;
    height: 5px;
    bottom: 0%;
    width: 443px;
    background: #82C341;
    left: 0%;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
}

.sub-popup1:after {
    content: " ";
    position: absolute;
    height: 5px;
    bottom: 0%;
    width: 443px;
    background: #FDB515;
    left: 0%;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
}

p.popup-text-heading {
    font-size: 14px;
    font-weight: 500;
    color: #53565A;
    margin-bottom: 11px;
    /* margin-top: 4%; */
    margin-bottom: 11px !important;
}

p.popup-text-para {
    font-size: 14px;
    color: #707070;
    font-weight: 400;
}

th:nth-child(1) {
    width: 19%;
}

th:nth-child(2) {
    width: 11%;
}

th:nth-child(3) {
    width: 15%;
}

th:nth-child(4) {
    width: 15%;
}

th:nth-child(5) {
    width: 19%;
}

tr:nth-child(1) {
    width: 100%;
}

td:nth-child(1) {
    color: #0085D5;
}

td:nth-child(2) {
    color: #888B8D;
}

td:nth-child(3) {
    color: #202020;
}

td:nth-child(4) {
    color: #202020;
}

td:nth-child(5) {
    color: #0085D5;
}

td:nth-child(5):hover {
    cursor: pointer;
}


.trade-header {
    position: absolute;
    top: 8%;
    left: 34.5%;
    font-size: 23px;
    color: #0085D5;
}

.trade-header3 {
    position: absolute;
    top: 8%;
    left: 35.5%;
    font-size: 23px;
    color: #0085D5;
}

.information-centre3 {
    position: absolute;
    top: 37%;
    right: 27%;
}

.logo-text {
    position: absolute;
    color: #ffff;
    font-size: 15;
    font-weight: 300;
    top: 51%;
    width: 10%;
    left: 12%;
}

.logotext1 {
    margin-bottom: 15%;
}

.cta-button.e4 {
    border: 1px solid #fff;
}

.used-instrument-img img {
    height: 45px;
    width: 45px;
    position: relative;
    z-index: 2;
}

.popup-img-div1,
.popup-img-div2,
.popup-img-div3 {
    position: relative;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
    right: 17%;
    top: -24%;
    width: 92px;
    height: 80px;
    z-index: 1;
    background: #F2F2F2;
}

.popup-img-div1 .p1,
.popup-img-div2 .p1,
.popup-img-div3 .p1 {
    position: relative;
    top: 53%;
    text-align: center;
    font-size: 14px;
    color: #53565A;
    font-weight: 500;
}

.img-div1 p,
.img-div2 p,
.img-div3 p {
    font-size: 12px;
    color: #53565A;
    font-weight: 500;
    position: relative;
    text-align: center;
    top: 49%;
}

#div1,
#div2,
#div3 {
    z-index: 5;
}

.used-instrument-flex {
    display: flex;
    width: 100%;
    position: relative;
}

.img-div1,
.img-div2,
.img-div3 {
    position: relative;
    left: -18%;
    top: -24%;
    width: 70px;
    height: 51px;
    background: #F2F2F2;
    z-index: 1;
}

.img-div1::after {
    content: " ";
    position: absolute;
    height: 5px;
    bottom: 0%;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    background: #F2A900;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
}

.img-div2::after {
    content: " ";
    position: absolute;
    height: 5px;
    bottom: 0%;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    background: #84BD00;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
}

.img-div3::after {
    content: " ";
    position: absolute;
    height: 5px;
    bottom: 0%;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    background: #CE0F69;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
}

.popup-img-div1::after {
    content: " ";
    position: absolute;
    height: 5px;
    bottom: 0%;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    left: 0%;
    background: #FDB515;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
}

.down-arrow-img1,
.down-arrow-img2,
.down-arrow-img3 {
    position: absolute;
    top: 62%;
    left: 22%;
    cursor: pointer;
    width: 22px;
    z-index: 2;
}

.up-arrow-img1,
.up-arrow-img2,
.up-arrow-img3 {
    width: 22px;
    z-index: 2;
}

.up-arrow-img1 {
    position: absolute;
    top: 126%;
    left: 213%;
    cursor: pointer;
    transform: scaleY(-1);
}

.up-arrow-img2 {
    position: absolute;
    top: 126%;
    left: 22%;
    cursor: pointer;
    transform: scaleY(-1);

}

img.e-tool-arrow {
    margin-top: 6px;
}

.up-arrow-img3 {
    position: absolute;
    top: 126%;
    left: -159%;
    cursor: pointer;
    transform: scaleY(-1);
}

.popup-img-div2::after {
    content: " ";
    position: absolute;
    height: 5px;
    bottom: 0%;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    left: 0%;
    background: #82C341;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
}

.popup-img-div3::after {
    content: " ";
    position: absolute;
    height: 5px;
    bottom: 0%;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    left: 0%;
    background: #E2066F;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
}

.u-instu {
    width: 68%;
}

.estimator-tool {
    width: 22%;
    background: #D8F1FA;
    margin-left: 3%;
    margin-top: 3%;
    padding: 2.2%;
}

.financesolution {
    width: 198px;
    height: 369px;
    background: #D8F1FA;
    margin-left: 5%;
    margin-top: 3%;
    padding: 2.3%;
}

.read-more,
.read-less {
    font-size: 12px;
    color: #0185D5;
    display: inline-block;
}

.read-more:hover,
.read-less:hover {
    color: #003A63;
    cursor: pointer;
    text-decoration: underline;
}

.fcb-text {
    color: #707070;
    font-size: 14px;
    padding-top: 4%;
}

.fi-footer {
    position: absolute;
    bottom: 0%;
}

.footer-panel ul {
    list-style-type: circle;
    padding-left: 15px;
    padding-bottom: 10px;
}

.footer-panel li::marker {
    font-size: 14px;
}

.finance-content,
.fi-content {
    background-color: #F2F2F2;
    position: relative;
    z-index: 2;
    left: 4%;
    width: 88%;
}

.fi-content {
    padding: 2% 3.2%;
    border-top: 1px solid #0085D5;

}

.finance-content ul li {
    list-style-type: circle;
    font-size: 13px;
    padding: 4px;
}

.footerDataPanel {
    display: none;
}

.blue-block {
    height: 72px;
    background-color: #00426A;
    color: #fff;
    z-index: 1;
    top: -12%;
    position: relative;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.f-arrow {
    position: relative;
    top: -1.8em;
}

.f-arrow-line:after {
    content: " ";
    width: 1px;
    height: 30px;
    background-color: #0085D5;
    position: absolute;
    left: 52%;
    top: 110%;
}

.footer-title {
    background-color: #F2F2F2;
    width: 584px;
    height: 23px;
    padding-top: 1%;
}

.fi-content {
    display: none;
}

@keyframes financeleftright {
    from {
        top: -14%;
        width: 31%;
    }

    to {
        top: 4%;
        width: 88%;
    }
}

.fi-content1 {
    animation: financeleftright 0.2s;
    animation-fill-mode: both;
}

@keyframes financetopbottom {
    from {

        top: -14%;
        transform: scale(400px);
    }

    to {
        top: 4%;
        transform: scale(514px);
    }
}

.fi-content2 {
    animation: financetopbottom 0.2s;
    animation-fill-mode: both;
}

@keyframes financerightleft {
    from {
        top: -4%;
        left: 8%;
    }

    to {
        top: 4%;
        left: 4%;
    }
}

.fi-content3 {
    animation: financerightleft 0.2s;
    animation-fill-mode: both;
}

.footer-p1 {
    font-size: 12px;
    color: #000;
}

@keyframes financeopacity {
    from {
        opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}

.financeopacity {
    animation: financeopacity 0.4s infinite;
}

@keyframes readlessbg {
    from {
        background-color: #FFf;

    }

    to {
        background-color: lightseagreen;
    }
}

@keyframe iconfadein {
    from {
        opacity: 0;

    }

    to {
        opacity: 1;
    }
}

.iconfadein {
    animation: iconfadein 0.3s infinite;
}

.readlessbg {
    animation: readlessbg 0.5s infinite 0.5s;
}

.footer-p2 {
    font-size: 14px;
    color: #0085D5;
}

.footer-p2:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #00426A;
}

.p-head {
    font-size: 12px;
    font-weight: 500;
    color: #000;
    width: 562px;
}

.footer-panel {
    font-size: 11px;
    color: #000;
    width: 562px;
}

.tool-p12 {
    color: #0185D5;
    font-size: 16px;
    font-weight: 500;
}

.fcb-p1 {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 17% !important;
}

.fcb-p2 {
    display: flex;
    gap: 10%;
    margin-bottom: 15.2%;
}

.fcb-p3 {
    font-size: 12px;
    color: #000;
}

.fcb-p4 {
    font-size: 14px;
    color: #0085D5;
    cursor: pointer;
    text-decoration: none;
}

.fcb-p4:hover {
    color: #00426a !important;
    text-decoration: underline !important;
}

.emission-type {
    display: flex;
    gap: 5%;
    text-align: center;
    padding-left: 5%;
}

.emission {
    width: 245px;
    height: 170px;
    z-index: 1;
    position: relative;
}

.emission img:first-child {
    width: 46px;
    height: 46px;
    position: relative;
    z-index: 5;
}

.emission-div {
    height: 146px;
    background-color: #F2F2F2;
    color: #fff;
    z-index: 1;
    top: -12%;
    position: relative;

}

.certificate-text {
    position: absolute;
    top: 27%;
    right: 8%;
}

.cr1 {
    font-size: 13px;
    font-weight: 300;
    color: #1A1A1A;
}

.cr2 {
    font-size: 12px;
    color: #333333;
    margin-left: 21%;
}

.cr3 {
    font-size: 12px;
    color: #333333;
    margin-left: 41%;
    margin-top: 5%;
}

.cr4 {
    font-size: 12px;
    color: #333333;
    margin-left: 38%;
}

.emission1::after {
    content: " ";
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    left: 0%;
    height: 6px;
    bottom: -1%;
    position: absolute;
    background: #00BAB3;
    z-index: 1;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
}

.emission2::after {
    content: " ";
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    left: 0%;
    height: 6px;
    bottom: -1%;
    position: absolute;
    background: #009F49;
    z-index: 1;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
}

.emission3::after {
    content: " ";
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    left: 0%;
    height: 6px;
    bottom: -1%;
    position: absolute;
    background: #82C341;
    z-index: 1;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
}

.emission-p1 {
    font-size: 14px;
    font-weight: 500;
    color: #0085D5;
    padding-bottom: 5.2%;
}

.emission-p2 {
    font-size: 30px;
    font-weight: 400;
    color: #0085D5;
    padding-bottom: 5.2%;
}

.emission-p3 {
    font-size: 14px;
    font-weight: 500;
    color: #53565A;
}

.emission-down1 {
    width: 22px;
    position: absolute;
    top: 92%;
    left: 44%;
    cursor: pointer;
    z-index: 5;
}

.div-text {
    text-align: left;
    top: 21%;
    padding-left: 14px;
    position: relative;
}

.finance-type {
    margin-top: 4.5%;
    display: flex;
    gap: 5%;
    text-align: center;
}

.pay-type {
    width: 182px;
    height: 145px;
    z-index: 1;
}

.pay-type img {
    position: relative;
    left: 2%;
    z-index: 5;
}

.estimator-tool img {
    padding-top: 25px;
    padding-bottom: 34px;
    width: 100%;
}

.bp1 {
    position: relative;
    top: 37%;
}

.tool-p2 {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    padding-bottom: 10px;
}

.tool-p3 {
    font-size: 14px;
    color: #202020;
    padding-bottom: 12px;
}

.explore {
    position: absolute;
    left: 41%;
    top: -3%;
    font-size: 12px;
    color: #0185D5;
    cursor: pointer;
}

.explore-arrow-img {
    position: absolute;
    left: 43%;
    top: 4%;
    margin-top: 5px;
    cursor: pointer;
}

.cpo-explore {
    position: absolute;
    left: 26%;
    top: -4%;
    font-size: 12px;
    color: #0085D5;
    cursor: pointer;
}

.explore:hover {
    text-decoration: underline;
    color: #003A63;

}

.cpo-icons {
    position: relative;
    z-index: 0;
}

.checkpoints {
    position: absolute;
    top: 47%;
    left: 50%;
}

.c-point {
    display: flex;
    margin-bottom: 16px;
    gap: 8%;
    color: #202020;
    font-size: 12px;
}

.c-point img {
    width: 16px;
    padding-top: 2px;
}

.u-front {
    position: absolute;
    padding-top: 3%;
    top: 49%;
    /* left: 27%; */
    left: 27.6%;
    width: 30%;
}

.cpo-explore-arrow-img {
    position: absolute;
    left: 28%;
    top: 2%;
    margin-top: 11px;
    cursor: pointer;
}

.used-instrument-p2 {
    font-size: 14px;
    color: #000;
    padding-left: 30px;
}

.used-instrument-p2 {
    font-size: 14px;
    color: #202020;
}

#popup-div1,
#popup-div2,
#popup-div3 {
    z-index: 5;
    position: relative;
    width: 14.5%;
    height: 147px;
}

#popup-div3 {
    left: 0.5%;
}
#popup-div2 {
    left: 1.5%;
}

.popup-img-div1-active,
.popup-img-div2-active,
.popup-img-div3-active {
    width: 403px;
    padding: 22%;
    padding-top: 52%;
    height: 104px;
    background: #F2F2F2;

}

.driven-des ul,
.e-desc ul {
    list-style-type: none;
}

.driven-des ul li,
.e-desc ul li {
    padding-bottom: 1%;
}

.e-desc ul li {
    padding-bottom: 3%;
}

.driven-des ul li::before,
.e-desc ul li::before {
    content: '–';
    position: absolute;
    margin-left: -5%;
}

.teaser830 .panel {
    padding-bottom: 1.71%;
}

.navigationPanel {
    width: 98.2%;
    position: absolute;
    z-index: 0;
    color: #0085D5;
    line-height: 20px;
    border: 1px solid #d2d2d2;
    background: #fff;
    padding: 0.9%;
}

.navigationBtn:first-child {
    float: left;
    margin-left: 2%;
}

.navigationBtn {
    cursor: pointer;
    font-weight: 400;
    font-size: 15px;
    color: #0185D5;
}

/* .navigationBtn:hover {
    color: #003A63;
    text-decoration: underline;
} */

.navigationBtn:hover:not(.touch) {
    color: #003A63;
    text-decoration: underline;
}

.navigationBtn:last-child {
    float: right;
    margin-right: 2%;
}

.pre-booth::before {
    content: url('https://www.agilent.com/cs/promotions/images/pre-booth-16-5-23.svg');
    position: absolute;

    left: 1.2%;
    top: 35%;
}

.pre-booth-hover::before {
    content: url('https://www.agilent.com/cs/promotions/images/pre-booth-hover-16-5-23.svg');
    position: absolute;
    left: 1.2%;
    top: 35%;
}

.next-booth::after {
    content: url('https://www.agilent.com/cs/promotions/images/next-booth-16-5-23.svg');
    position: absolute;
    padding-left: 10px;
    padding-top: 5px;

}

.next-booth-hover::after {
    content: url('https://www.agilent.com/cs/promotions/images/next-booth-hover-16-5-23.svg');
    position: absolute;
    padding-left: 10px;
    padding-top: 5px;

}

.receptionist {
    position: absolute;
    right: 1%;
    bottom: 3%;
    width: 8.8%;
}

.receptionist2 {
    position: absolute;
    left: 0.3%;
    bottom: 19.8%;

}

.receptionist3 {
    position: absolute;
    left: 3%;
    bottom: 20%;
    width: 11.5%;
}

@keyframes fadeRight {
    0% {
        width: 92px;
    }

    100% {
        width: 403px;

    }
}

@keyframes fadeRightReverse {
    0% {
        width: 403px;
        right: -80%;
    }

    10% {
        width: 92px;
        right: 17%;
    }
}

@keyframes icon1Animation {
    0% {
        top: 0px;
    }

    100% {
        top: 112px;
    }
}

@keyframes icon1AnimationReverse {
    0% {
        top: 112px;
    }

    100% {
        top: 0px;
    }
}

@keyframes topBottom {
    0% {
        transform: scaleX(50%);
    }

    100% {
        transform: scaleX(100%);
    }
}

@keyframes topBottomReverse {
    0% {
        transform: scaleX(110%);
    }

    100% {
        transform: scaleX(100%);
    }
}

@keyframes fadeLeft {
    0% {
        width: 92px;
        left: 0%;
    }

    100% {
        width: 403px;
        left: -381%;
    }
}

@keyframes fadeLeftReverse {
    0% {
        width: 403px;
        left: -381%;
    }

    100% {
        width: 92px;
        left: -16%;
    }
}

@keyframes fadeLeftArrow {
    0% {
        left: 0%;
    }

    100% {
        left: -159%;
    }
}

@keyframes fadeRightArrow {
    0% {
        left: 0%;
    }

    100% {
        left: 213%;
    }
}

.up-arrow-img3 {
    animation: fadeLeftArrow 0.5s;
    animation-fill-mode: both;
}

.up-arrow-img1 {
    animation: fadeRightArrow 0.5s;
    animation-fill-mode: both;
}

.div1-animation {
    animation: fadeRight 0.5s;
    animation-fill-mode: both;
}

.div1-animation-reverse {
    animation: fadeRightReverse 0.5s;
    animation-fill-mode: both;
}

.div2-animation-reverse {
    animation: topBottomReverse 0.4s;
    animation-fill-mode: both;
}

.icon1-animation {
    animation: icon1Animation 0.5s;
    animation-fill-mode: both;
}

.icon1-animation-reverse {
    animation: icon1AnimationReverse 0.5s;
    animation-fill-mode: both;
}

.popup-img-div2-active {
    animation: topBottom 0.5s;
    animation-fill-mode: both;
}

.div3-animation {
    animation: fadeLeft 0.5s;
    animation-fill-mode: both;
}

.div3-animation-reverse {
    animation: fadeLeftReverse 0.2s;
    animation-fill-mode: both;
}

.popup-img-div2-active {
    position: relative;
    left: -202%;
}

.down-arrow-img3-active,
.down-arrow-img1-active,
.down-arrow-img2-active {
    display: none;
}

.information-centre {
    position: absolute;
    top: 31%;
    right: 26%;
}

.info-para {
    font-size: 15px;
    font-weight: 300;
    color: #303030;
}

.info-imgs {
    text-align: center;
    position: absolute;
    top: 334%;
    width: 42px;
    height: 42px;
    left: 34%;
}

.i-1 {
    margin-bottom: 47%;
}

.e-tool {
    position: absolute;
    top: 341%;
    left: -9%;
    text-align: center;
    cursor: pointer;

}

.estimator-tool-title {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 400;
    position: relative;
    line-height: normal;
    margin-bottom: 10%;
    top: -3px;
}

.cpo-InterAct-tool-title {
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 400;
    position: relative;
    line-height: normal;
    margin-bottom: 5px;
    top: -3px;
}

#id1,
#id2 {
    color: #0085D5;
    margin-right: 7px;
    background-color: #fff;
    border: none;
    border: 1px solid #9A9A9A;
}

#sid1,#sid2{
    color: #0085D5;
    margin-right: 7px;
    background-color: #fff;
    border: none;
    border: 1px solid #9A9A9A;
    cursor: pointer;
}

#id1 {
    margin-left: 7px;
}

div#buttons {
    position: absolute;
    bottom: 3%;
    right: 2.5%;
}

.active-table {
    background-color: #D8D9DB !important;
}

img.pre-btn-img {
    position: relative;
    left: 16%;
    bottom: -7px;
    height: 21px;
}

img.nxt-btn-img {
    position: relative;
    left: -17%;
    bottom: -7px;
    height: 21px;
}

input.pre-btn,
input.nxt-btn {
    opacity: 0;
    position: relative;
    z-index: 1;
}

.pre-btn-img,
.nxt-btn-img,
.pre-btn,
.nxt-btn {
    display: none;
}

.s-p1 {
    font-size: 15px;
    color: #202020;
    margin-top: 2.1% !important;
    margin-left: 3.3% !important;
}

.blue-img-div {
    width: 90%;
    margin: 2.5% 3.3%;
    position: relative;
    text-align: center;
}

.explore-now {
    font-size: 15px;
    position: absolute;
    color: #FFFFFF;
    justify-content: center;
    text-align: center;
    top: 37%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.etool-imgcontent {
    display: flex;
    position: absolute;
    top: 24%;
    gap: 4%;
    padding: 0px 3.43% 0px 3.11%;
    line-height: normal;
}

.e-question {
    font-size: 16px;
    color: #303030;
    font-weight: 500;
}

.e-para {
    font-size: 16px;
    color: #202020;
    font-weight: 400;
    margin-bottom: 9.7% !important;
    padding-top: 3%;
}

.video-icon img,
.literature-icon img,
.webinar-icon img:hover {
    cursor: pointer;
}

.cpo-video-icon img,
.cpo-literature-icon img,
.cpo-webinar-icon img:hover {
    cursor: pointer;
}

.sus-video-icon img,
.sus-literature-icon:hover {
    cursor: pointer;
}

.sus-video-icon,
.sus-literature-icon {
    padding-bottom: 76%;
}

.info-imgs3 {
    text-align: center;
    position: absolute;
    top: 385%;
    width: 40px;
    height: 40px;
    left: 35%;
}

#popUpData .tabList {
    display: flex;
    width: 100%;
    text-align: center;
    padding-top: 1.45%;

}

#popUpData .tabList .tabCaption {
    position: relative;
    float: left;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #0185D5;
    cursor: pointer;
    border: none;
    outline: none;
}

#popUpData .tabList .tabCaptionselected {
    color: #202020;
}

#popUpData .tabList .tabCaption:hover {
    color: #003A63;
    text-decoration: underline;
}

.teaser830 {
    height: 450px;
    overflow: hidden;
    overflow-y: auto;
    position: relative;
}

.dataContainer {
    width: 98%;
    margin-top: 2.2%;
    height: 94%;
    overflow-y: scroll;
}

.video-width {
    width: 71%;
    margin-top: 2.2%;
}

.video {
    display: block;
}

#popUpData {
    margin-left: 30px;
}

.sus-bottom {
    position: absolute;
    top: 80%;
    right: 4.5%;
    font-size: 15px;
    color: #fff;
    font-weight: 300;
}

.sus-bottomp1 {
    margin-bottom: 10px;
}

.video-text {
    margin-top: 1.6% !important;
    font-size: 16px;
    color: #707070;
}

#tab-divide-line {
    display: inline-block;
    height: 20px;
    width: 2px;
    background-color: #dedede;
    margin: 0 2.3%;
}

#tab-divide-line:last-child {
    display: none;
}

.dataContainer ul {
    list-style-type: none;
    color: #000;
    font-size: 13px;
    padding-left: 2%;
    line-height: 18px;

}

.dataContainer ul li:before {
    content: '\2013';
    float: left;
    margin-left: -20px;
}

.literature-para {
    color: #202020;
    font-size: 14px;
    padding-top: 1.16%;
    padding-bottom: 0.58%;
}

.headingBold {
    font-weight: 500;
    font-size: 13px;
    margin-left: 8px;
    color: #202020;
}

.literature-link {
    font-size: 14px;
    color: #0085D5;
    text-decoration: none;
}

.literature-link:hover {
    color: #00426a !important;
    text-decoration: underline !important;
}

.blue-line {
    width: 19px;
    height: 1px;
    top: -3px;
    position: relative;
    display: inline-block;
    background: #0085D5;
}

img.blue-next-arrow {
    top: 1px;
    position: relative;
    width: 19%;
}

p.blueline-para {
    position: relative;
    display: inline-block;
    margin: 0px 3px;
    font-weight: 500;
    color: #888B8D;
}

.trade-header1 {
    position: absolute;
    top: 8%;
    text-align: center;
    left: 27%;
    font-size: 23px;
    color: #0085D5;
}

.cpo-btn1,
.cpo-btn2 {
    border: 1px solid #fff;
}

.sus-btn2 {
    border: 1px solid #fff;
}

.trade-in-text1 {
    position: absolute;
    top: 15%;
    width: 17%;
    right: 6%;
}

.cp1 {
    font-size: 20px;
    color: #fff;
    font-weight: lighter;
    margin-bottom: 3%;
}

.cpo-offer {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    position: absolute;
    bottom: 27%;
    right: 10.5%;
    height: 8%;
    width: 13%;
    padding-top: 0.88%;
    text-align: center;
    background-image: url('https://www.agilent.com/cs/promotions/images/exclusiveband1-16-5-23.svg');
    background-repeat: no-repeat;

}

.cpo-offer:hover,
.autoslider:hover {
    cursor: pointer;
}

.cp2 {
    color: #FFFFFF;
    font-weight: 300;
    font-size: 15px;
    margin-bottom: 2px;
}

.cp3 {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 6px;
}

.cpo-bottom {
    position: absolute;
    bottom: 7%;
    right: 10%;
}

.information-centre1 {
    position: absolute;
    top: 32%;
    right: 27.7%;
}

.info-imgs1 {
    text-align: center;
    position: absolute;
    top: 266%;
    width: 40px;
    height: 40px;
    left: 33%;
}

.ci-1 {
    margin-bottom: 30%;
}

.right1 {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    border: 0.2em solid #F2F2F2;
    border-radius: 50%;
    background-color: #F2F2F2;
}

.right1:after {
    content: '';
    display: inline-block;
    margin-top: 0.3em;
    margin-left: -0.2em;
    width: 0.4em;
    height: 0.4em;
    border-top: 0.2em solid #0085D5;
    border-right: 0.2em solid #0085D5;
    -moz-transform: rotate(408deg);
    -webkit-transform: rotate(408deg);
    transform: rotate(408deg);
}

.e-tool-arrow:hover .right1::after {
    border-top: 0.2em solid #fff;
    border-right: 0.2em solid #fff;
}

.e-tool-arrow:hover .right1 {
    border: 0.2em solid #fff;
    background-color: #003A63;
}

.e-tool2 {
    position: absolute;
    top: 440%;
    left: -45%;
    width: 195%;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

.quickacess-arrow {
    position: absolute;
    top: 72%;
    left: 48.5%;
    cursor: pointer;
}

.quick-access-tab {
    width: 217px;
    position: absolute;
    height: 136px;
    background-color: #003A63;
    padding: 0.6%;
    top: 49%;
    left: 39.5%;
    display: none;
}

.lobby-btn {
    position: absolute;
    right: 3%;
    bottom: 3%;
    display: flex;
}
.m-img img {
    width: 33px;
    height: 33px;
}
.m-img {
    margin-top: 1%;
}

.cta-button.lobby-cta {
    font-family: "Roboto", Arial, sans-serif, Helvetica;
    font-size: 12px;
    /* padding: 12px 17px; */
    font-weight: 400 !important;
    line-height: 100% !important;
    color: #ffffff;
    background-color: #0085D5;
    clear: both;
    /* border: 1px solid #ffffff; */
    display: inline-block;
    display: flex;
    width: max-content;
    margin: auto !important;
    text-transform: none !important;
    text-decoration: none !important;
    align-items: center;
}
.cta-button.lobby-cta:hover {
    background: #003A63;
    color: #fff;
      /* border: 1px solid #ffffff; */
}
.quick-tab {
    background-color: #fff;
}

.tab-head {
    color: #fff;
    font-size: 16px;
    background-color: #0185D5;
    padding: 2% 3%;
}

.mainVideoPopup {
    position: absolute;
    top: 0%;
    width: 100%;
    height: 540px;
}

.mainVideoPopup::before {
    content: '';
    position: absolute;
    background-color: #003A63;
    opacity: 0.9;
    top: 0%;
    width: 100%;
    height: 100%;
}

.mainVideo {
    opacity: 1;
    position: absolute;
    top: 0%;
    display: none;
    display: flex;
    gap: 5%;
    padding: 4%;
}

.mainVideo p:nth-child(1) {
    padding-bottom: 9%;
}

.mainVideo p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    /* line-height: 19px; */
    line-height: 22px;
    font-weight: lighter;
}

.exploreBooth {
    margin-top: 30px;
}

.tab-row {
    border: 1px solid #fff;
    border-top: 1px solid #EDEFF0;
    padding: 2% 3%;
    color: #0185D5;
    font-size: 14px;
    cursor: pointer;
}

.tab-row:hover {
    border: 1px solid #fff !important;
    background-color: #003A63;
    color: #fff;

}

.webinarComingSoon {
    text-align: center;
    padding-top: 20%;
    font-size: 32px;
    height: 48%;
    width: 90%;
    background: #d2d2d2;
    position: relative;
    overflow: hidden;
    color: #202020;
}

.q-access {
    position: absolute;
    color: #fff;
    font-size: 16px;
    top: 68.2%;
    left: 45.5%;
}

.close-quickaccess,
.mainvideoClose {
    cursor: pointer;
}

.close-quickaccess {
    width: 13%;
    padding: 2% 0px 0px 44%;
}

.e-tool2:hover {
    text-decoration: underline;
}

.menu {

    overflow: hidden;
}

.item {
    border-bottom: 1px solid #D4D9DD;
    overflow: hidden;
    padding-left: 5%;
}

.btn {
    padding: 1.222vw 1.222vw;
    background: #fff;
    color: #303030;
    position: relative;
    font-size: 14px;
    font-weight: 500;
}

.smenu {
    background: #fff;
    transition: max-height 0.3s;
    max-height: 0;
}

.smenu-title {
    display: block;
    padding: 4.4% 7%;
    color: #808A8E;
    font-size: 14px;
    position: relative;
    border-top: 1px solid #D4D9DD;
    cursor: pointer;
}

.back-arrow {
    margin: -3px;
    margin-right: 20px;
}

.smenu-title:last-child {
    border: none;
}

.smenu-title:nth-child(8) {
    border-bottom: 1px solid #D4D9DD;
}

#sale-Genomics.smenu-title:nth-child(7) {
    border-bottom: 1px solid #D4D9DD;
}

#sale-Automation.smenu-title {
    border-bottom: none;
}

.smenu-title::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 100%;
    background: #F57F29;
    left: 0;
    top: 0;
    /* transition: 0.3s; */
    opacity: 0;
}

#saved-products {
    font-weight: 500;
    color: #0185D5;
    padding: 7px;
    padding-left: 33px;

}

#saved-products:hover {
    color: #00426A;
    text-decoration: underline;
}

.smenu-title.active-menu::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 100%;
    background: #F57F29;
    left: 0;
    top: 0;
    /* transition: 0.3s; */
    opacity: 1;
}

.smenu {
    max-height: 9em;
    overflow-y: scroll;
}

#cpo-booth {
    margin: 0 auto;
    padding: 15px;
}

.toggle-btn span {
    display: block;
    background-color: black;
    width: 30px;
    height: 5px;
    margin: 3px;

}

#cpo-mainDiv {
    width: 1200px;
    height: 590px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 17px;
    font-family: 'Roboto', Arial, sans-serif, Helvetica !important;
    font-weight: 400;
    position: relative;
}

#header {
    background-color: #003A63;
    box-shadow: 0px 5px 6px #00000029;
    position: relative;
    border-bottom: 3px solid #0185D5;
}

.head-text {
    font-size: 24px;
    color: #FFFFFF;
    padding: 1.9% 1.9%;
    font-weight: lighter;
}

.fullscreen,
.header-video {
    position: absolute;
    top: 29%;
    cursor: pointer;
    display: none;
    right: 7%;
}

.fullscreen {
    right: 2.5%;
    top: 31%;
}

.normal-screen {
    position: absolute;
    top: 29%;
    cursor: pointer;
    display: none;
    right: 2.5%;

}

.home-icon,
.mainvideoClose {
    position: absolute;
    top: 29%;
    color: #FFFFFF;
    right: 6%;
    cursor: pointer;
    display: none;
}

.mainvideoClose {
    right: 2.5%;
}

.mainvideoClose {
    display: block;
}

.popUpDataContainer {
    background-color: #ffffff;
    position: absolute;
    top: -2%;
    width: 79%;
    height: 100%;
    left: 10%;
    z-index: 1;
    margin: 0 auto;
    transition: transform .5s;
}

#popup-head {
    font-size: 18px;
    padding: 20px;
    font-weight: lighter;
    background-color: #EDEFF0;
    color: #303030;
}

#instrument-div {
    position: relative;
    height: 464px;
    width: 100%;
    margin-right: 6px;
    background-color: #F9F9FA;

}

.left-menu {
    width: 18%;
    height: 61%;
}

.menu-head {
    background: #00426A;
    color: #fff;
    padding: 8.5% 6.5%;
    font-size: 12px;
}

.catalog {
    display: flex;
    position: relative;
}

.menu-bar {
    position: relative;
    width: 29%;
}

.menu-bar.activemenu {
    left: 0%;
}

.instruments {
    padding-top: 2%;
    width: 97%;
    padding-left: 3%;
}

.istrument-img-div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 424px;
    overflow: scroll;
}

.instrument-heading {
    font-size: 16px;
    color: #000000;
    margin-left: 0.5%;
    padding-bottom: 2%;
}

.instrument-img-card {
    height: 184px;
    width: 210px;
    border: 1px solid #D4D9DD;
    margin-right: 30px;
    text-align: center;
    border-top: 5px solid #00426A;
    box-shadow: 0px 2px 2px #00000040;
    margin-top: 10px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    margin: 0.9% 0.9%;
    background-color: #fff;
}

.instrument-img-card img:nth-child(5) {
    z-index: 2;
}

.flex-div {
    display: flex;
}

.book-img {
    width: 35%;
    height: 121px;
    position: relative;
    left: 12%;
}

.b-p1 {
    font-size: 12px;
    color: #5A6772;
}

.b-p2 {
    font-size: 14px;
    color: #5A6772;
}

.b-p3 {
    color: #0185D5;
    font-size: 16px;
}

.b-img {
    position: absolute;
    cursor: pointer;
    right: 2%;
    bottom: 79%;
}

.b-img.b-img2 {
    bottom: 78%;
    left: 95.5%;
}

.saved-istrument-img-div {
    overflow-y: scroll;
    width: 98%;
    height: 70%;
}

.bookmarked-instrument-card {
    width: 82%;
    height: 36%;
    box-shadow: 0px 2px 2px #00000040;
    margin: 4%;
    border-top: 5px solid #00426A;
    background: #fff;
    position: relative;
}

.b-text {
    width: 65%;
}

.b-text.b-text2 {
    margin-top: 4%;
}

.bookid {
    color: #fff;
    width: 0px;
    height: 0px;
}

.card-text {
    color: #5A6772;
    font-size: 12px;
    padding: 0% 5.5% 3.5% 5.5%;
}

.card-link {
    color: #0185D5;
    font-size: 12px;
    cursor: pointer;
}

.card-link:hover {
    color: #00426A;
    text-decoration: underline;
}

.img-div {
    width: 174px;
    height: 142px;
    padding-top: 10px;
    position: relative;
}

img.bookmark-img {
    position: absolute;
    right: 2%;
    top: 2%;
    width: 13px;
    height: 17px
}

img.sale-img {
    position: absolute;
    top: 0%;
    left: 0%;
}

.book-img img {
    position: relative;

}

.b-text img.sale-img {
    position: relative;
}

img.sale-img.bsale-img {
    left: -53.8%;
}

.accordion {
    cursor: pointer;
    border-bottom: 1px solid #D0D0CE;
    width: 90%;
    text-align: left;
    padding-bottom: 15px;
    padding: 1.71% 0px 1.71% 0px;

}

.panel {
    padding: 0px 2.3%;
    text-align: left;
    border-bottom: 1px solid #D0D0CE;
    background-color: white;
    overflow: hidden;
    display: none;
    width: 85%;
}

.accordion-menu .panel {
    width: 89%;
}

#products.panel:nth-child(0) {
    display: block;
}

.lc-instrument,
.GCMS-instrument,
.LCMS-instrument,
.atomic-spectroscopy,
.molecular-spectroscopy,
.cell-analysis,
.Genomics,
.Automation,
.sale-gc-instrument,
.sale-lc-instrument,
.sale-GCMS-instrument,
.sale-LCMS-instrument,
.sale-atomic-spectroscopy,
.sale-molecular-spectroscopy,
.sale-cell-analysis,
.sale-Genomics,
.sale-Automation {
    display: none;
}

.webinar-heading {
    color: #707070;
    font-size: 14px;
    padding-bottom: 2px;
}

.topic1 {
    padding: 15px 0px 15px 0px;
}

.instru-heading {
    color: #303030;
    font-size: 20px;
    margin-top: 1.2%;
    padding-left: 2.5%;
    display: flex;
}

.popup-flex-div {
    display: flex;
    margin-top: 3.2%;
    padding-left: 6.5%;
    gap: 3%;
}

.desc-imgdiv {
    border: 1px solid #D4D9DD;
    position: relative;
}

.d2 {
    padding-right: 8.5%;
}

.p1-light {
    color: #53565A;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
}

.description-p2 {
    color: #000000;
    font-size: 32px;
    line-height: 43px;
}

.description-p3 {
    font-size: 14px;
    color: #000000;
    line-height: 21px;
}

.description-p4 {
    font-size: 28px;
    color: #0185D5;
    line-height: 37px;
}

.description-p5 {
    color: #303030;
    font-size: 18px;
    line-height: 24px;
}

.description-p6 {
    color: #53565A;
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 25px;
    margin-left: 14px;
}

.btn-div {
    display: flex;
    gap: 6%;
}

.left-arrow:hover {
    cursor: pointer;
}


.pagination {
    position: absolute;
    text-align: center;
    margin: 16px 0px 0px;
    user-select: none;
    right: 11%;
}

.pagination li {
    display: inline-block;
    margin: 5px;
    box-shadow: 0 5px 25px rgb(1 1 1 / 10%);
}

.pagination li a {
    color: #0185D5;
    text-decoration: none;
}

.excel-text {
    position: absolute;
    right: 24%;
    background: red;
    color: white;
}

ul {
    padding: 0px;
}

.c-p2 {
    font-size: 12px;
    font-weight: 400;
    color: #202020;
    padding-top: 2%;
    padding-right: 12.6%;
}

.vertical-gray-line {
    position: absolute;
    top: 40%;
    left: 49%;
    width: 1px;
    background: #00000040;
    height: 32%;
}

.logo-text {
    width: 7%;
}

.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.dot {
    height: 6px;
    width: 6px;
    margin: 0 2px;
    background-color: #003A63;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active-dot {
    background-color: #fff;
    color: #fff;
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

.autoslider {
    position: absolute;
    top: 34%;
    right: 4.5%;
}

.block1,
.block2 {
    display: flex;
    margin-top: 0px;
}

.block1 img,
.block2 img {
    width: 36px;
    height: 36px;
    z-index: 5;
    position: relative;
}

.block2 {
    position: relative;
    left: 6%;
}

.img-curve {
    border-radius: 1px solid red;
    background: transparent radial-gradient(closest-side at 50% 0%, #990E57 84%, #BC0E63 93%, #CE0F69 98%) 0% 0% no-repeat padding-box;
    height: 40px;
    width: 36px;
    z-index: -1;
    top: 0%;
    position: absolute;
    border-radius: 40px 40px 40px 40px
}

.bottom-border1,
.bottom-border2,
.bottom-border3,
.bottom-border4,
.bottom-border5,
.bottom-border6,
.bottom-border7 {
    cursor: pointer;
}

.bottom-border1 {
    z-index: 1;
    margin: 4px;
    position: relative;
}

.bottom-border1::after {
    content: ' ';
    position: absolute;
    border-radius: 0px 0px 20px 20px;
    width: 39px;
    height: 19px;
    top: 61%;
    z-index: 1;
    left: -3.4%;
    background: transparent radial-gradient(closest-side at 50% 0%, #990E57 84%, #BC0E63 93%, #CE0F69 98%) 0% 0% no-repeat padding-box
}

.bottom-border2 {
    z-index: 1;
    margin: 4px;
    position: relative;
}

.bottom-border2::after {
    content: ' ';
    position: absolute;
    border-radius: 0px 0px 20px 20px;
    width: 39px;
    height: 19px;
    top: 61%;
    z-index: 1;
    left: -4%;
    background: transparent radial-gradient(closest-side at 50% 0%, #A5021D 83%, #BE001C 89%, #CF001C 96%, #D6001C 100%) 0% 0% no-repeat padding-box;
}

.bottom-border3 {
    z-index: 1;
    margin: 4px;
    position: relative;
}

.bottom-border3::after {
    content: ' ';
    position: absolute;
    border-radius: 0px 0px 20px 20px;
    width: 39px;
    height: 19px;
    top: 61%;
    z-index: 1;
    left: -3.12%;

    background: transparent radial-gradient(closest-side at 50% 0%, #AF5214 84%, #B55615 86%, #E87722 100%) 0% 0% no-repeat padding-box;
}

.bottom-border4 {
    z-index: 1;
    margin: 4px;
    position: relative;

}

.bottom-border4::after {
    content: ' ';
    position: absolute;
    border-radius: 0px 0px 20px 20px;
    width: 40px;
    height: 19px;
    top: 61%;
    z-index: 1;
    left: -7%;
    background: transparent radial-gradient(closest-side at 50% 2%, #C18102 85%, #D49001 89%, #EAA200 96%, #F2A900 100%) 0% 0% no-repeat padding-box;
}

.bottom-border1,
.bottom-border2,
.bottom-border3,
.bottom-border4 {
    margin: 2.9%;
}

.bottom-border5,
.bottom-border6,
.bottom-border7 {
    z-index: 1;
    margin: 2.9%;
    position: relative;
}

.bottom-border5::after {
    content: '';
    position: absolute;
    border-radius: 0px 0px 20px 20px;
    width: 41px;
    height: 19px;
    top: 61%;
    z-index: 1;
    left: -7.5%;
    background: transparent radial-gradient(closest-side at 50% 3%, #005913 83%, #008522 100%) 0% 0% no-repeat padding-box;
}

.bottom-border6::after {
    content: '';
    position: absolute;
    border-radius: 0px 0px 20px 20px;
    width: 40px;
    height: 19px;
    top: 61%;
    z-index: 1;
    left: -5%;
    background: transparent radial-gradient(closest-side at 50% 0%, #678C02 82%, #84BD00 100%) 0% 0% no-repeat padding-box;
}


.bottom-border7::after {
    content: '';
    position: absolute;
    border-radius: 0px 0px 20px 20px;
    width: 41px;
    height: 19px;
    top: 61%;
    z-index: 1;
    left: -7.5%;
    background: transparent radial-gradient(closest-side at 50% 1%, #009186 81%, #00BAB3 100%) 0% 0% no-repeat padding-box;
}

.cpo-title {
    font-size: 15px;
    position: relative;
    color: #53565A;
    text-align: center;
    top: 40px;
}

.p-block1 {
    text-align: center;
    display: flex;
    gap: 10%;
    align-content: center;
    justify-content: center;
}

.feature1 {
    z-index: 1;
    position: relative;
    width: 92px;
    height: 147px;
    display: inline-block;
    z-index: 5;
}

.feature-img {
    width: 59px;
    height: 59px;
    position: relative;
    left: 3%;
    z-index: 5;
}

.feature-div {
    width: 155px;
    height: 100px;
    position: relative;
    top: -22%;
    left: -33%;
    background: #F2F2F2;
    z-index: 1;
}

.fp1 {
    font-weight: 500;
    font-size: 16px;
    color: #53565A;
    position: absolute;
    top: 45%;
}

.feature-down-img1 {
    width: 22px;
    position: absolute;
    top: 78%;
    left: 40%;
    cursor: pointer;
    z-index: 5;
}

.fp {
    left: 9%;
}

.fp3 {
    left: 5%
}

.fp4 {
    left: 6%
}

.fp6 {
    left: 16%
}

.fp7 {
    left: 7%
}


.feature-div1:after {
    content: " ";
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    left: 0%;
    height: 6px;
    bottom: 0%;
    position: absolute;
    background: #FDB515;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
}

.feature-div2:after {
    content: " ";
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    left: 0%;
    height: 6px;
    bottom: 0%;
    position: absolute;
    background: #F57F29;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
}

.feature-div3:after {
    content: " ";
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    left: 0%;
    height: 6px;
    bottom: 0%;
    position: absolute;
    background: #E52823;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
}

.feature-div4:after {
    content: " ";
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    left: 0%;
    height: 6px;
    bottom: 0%;
    position: absolute;
    background: #E2066F;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
}

.feature-div5:after {
    content: " ";
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    left: 0%;
    height: 6px;
    bottom: 0%;
    position: absolute;
    background: #26BCB4;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
}

.feature-div6:after {
    content: " ";
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    left: 0%;
    height: 6px;
    bottom: 0%;
    position: absolute;
    background: #82C341;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
}

.feature-div7:after {
    content: " ";
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    left: 0%;
    height: 6px;
    bottom: 0%;
    position: absolute;
    background: #009F49;
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
}

.desc {
    display: none;
}

.d-none {
    display: none;
}

.d-block {
    display: block !important;
}

.desc {
    position: relative;
    top: 50%;
    padding: 6.1%;
    color: #53565A;
    font-size: 14px;
}

.cpo-features {
    position: relative;
    top: 14%;
}

.garden-img {
    position: absolute;
    bottom: 0%;
    width: 100%;
}

.s-t1 {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    padding-bottom: 6px;
}

.s-t2 {
    font-size: 22PX;
    color: #fff;
    font-weight: 300;
    padding-bottom: 6px;
    width: max-content;
}

.s-spam {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
}

.s-t3 {
    font-size: 11px;
    color: #fff;
    font-weight: 300;
    padding-bottom: 6px;
}

.trade-in-text3 {
    position: absolute;
    top: 50%;
    right: 13%;
    /* padding: 2.1% 1.9% 0% 1.9%; */
}

/* emission */
@keyframes ActiveEmission {
    from {
        height: 146px;
    }

    to {
        height: 330px;
    }
}

.ActiveEmission {
    animation: ActiveEmission 0.5s;
    animation-fill-mode: both;
}

@keyframes inactiveEmission {
    from {
        height: 296px;
    }

    to {
        height: 146px;
    }
}

.inactiveEmission {
    animation: inactiveEmission 0.5s both;
}


.ActiveEmissionarrow {
    animation: ActiveEmissionarrow 0.5s;
    animation-fill-mode: both;
    transform: scaleY(-1);
}

@keyframes ActiveEmissionarrow {
    from {
        top: 92%;
    }

    to {
        top: 200%;
    }
}

@keyframes inActiveEmissionarrow {
    from {
        top: 180%;
    }

    to {
        top: 92%;
    }
}

.inActiveEmissionarrow {
    animation: inActiveEmissionarrow 0.5s;
    animation-fill-mode: both;
    transform: scaleY(1);
}

@keyframes Activediv {
    from {
        width: 155px;
        height: 100px;
    }

    to {
        width: 165px;
        height: 246px;
    }
}

@keyframes ActivedivTop {
    from {
        width: 165px;
        height: 246px;
    }

    to {
        width: 155px;
        height: 100px;
    }
}

.ActivedivTop {
    animation: ActivedivTop 0.5s both;
}

@keyframes TopArrow {
    from {
        top: 176%;
    }

    to {
        top: 78%;
    }
}

.TopArrow {
    animation: TopArrow 0.5s both;
}

@keyframes topimg-reverse {
    from {
        top: -80px;
    }

    to {
        top: 0px;
    }
}

.topimg-reverse {
    animation: topimg-reverse 0.5s both;
}

@keyframes topslidereverse {
    from {

        top: -80%;
        width: 165px;
        height: 246px;

    }

    to {
        top: -22%;
        width: 155px;
        height: 100px;
    }
}

.topslidereverse {
    animation: topslidereverse 0.3s both;
}

@keyframes Activeparareverse {
    from {
        top: 35%;
    }

    to {
        top: 78%;
    }
}

.Activeparareverse {
    animation: Activeparareverse 0.5s both;
}

@keyframes Activearrow {
    from {
        top: 78%;
    }

    to {
        top: 176%;
       
    }
}

@keyframes Activepara {
    from {
        top: 78%;
    }

    to {
        top: 35%;
    }
}

.Activediv {
    animation: Activediv 0.5s;
    animation-fill-mode: both;
}

.Activearrow {
    animation: Activearrow 0.5s;
    animation-fill-mode: both;
    transform: scaleY(-1);
    left: 46%;
}

.Activepara {
    animation: Activepara 0.5s;
    animation-fill-mode: both;
}

.e-desc {
    font-size: 14px;
    color: #53565A;
    position: relative;
    top: 18%;
    display: none;
    padding: 13% 6%;
    text-align: left;
    padding-left: 11%;

}

/*  */
@keyframes Rightslideimg {
    from {
        left: 0px;
    }

    to {
        left: 72%;
    }
}

@keyframes Rightslidediv {
    from {
        left: -33%;
        width: 155px;
    }

    to {
        left: 72%;
        width: 90px;
    }
}

@keyframes Rightslidearrow {
    from {
        left: 40%;
    }

    to {
        left: 110%;
    }
}

.Rightslideimg {
    animation: Rightslideimg 0.5s;
    animation-fill-mode: both;

}

.Rightslidediv {
    animation: Rightslidediv 0.5s;
    animation-fill-mode: both;

}

.Rightslidearrow {
    animation: Rightslidearrow 0.5s;
    animation-fill-mode: both;
}

@keyframes Leftslide {
    from {
        left: -33%;
        width: 155px;
    }

    to {
        left: -60%;
        width: 90px;
    }
}

@keyframes Leftslideimg {
    from {
        left: 0%;
    }

    to {
        left: -60%;
    }
}

@keyframes Leftslidearrow {
    from {
        left: 40%;
    }

    to {
        left: -22%;
    }
}

.Leftslide {
    animation: Leftslide 0.5s;
    animation-fill-mode: both;
}

.leftslideimg {
    animation: Leftslideimg 0.5s;
    animation-fill-mode: both;

}

.Leftslidearrow {
    animation: Leftslidearrow 0.5s;
    animation-fill-mode: both;
}

@keyframes footertopslide {
    from {
        bottom: -1%;
    }

    to {
        bottom: 0%;
    }
}

.footertopslide {
    animation: footertopslide 0.2s;
    animation-fill-mode: both;
}

@keyframes footerdownslide {
    from {
        bottom: 2%;
    }

    to {
        bottom: 0%;
    }
}

.footerdownslide {
    animation: footerdownslide 0.2s;
    animation-fill-mode: both;
}




@keyframes topslide {
    from {
        top: -22%;
        width: 155px;
        height: 100px;
    }

    to {
        top: -80%;
        width: 165px;
        height: 246px;
    }
}

.topslide {
    animation: topslide 0.5s;
    animation-fill-mode: both;
}

@keyframes topimg {
    from {
        top: 0px;
    }

    to {
        top: -80px;
    }
}

.topimg {
    animation: topimg 0.5s;
    animation-fill-mode: both;
}

@keyframes toparrowslide {
    from {
        top: 78%;
    }

    to {
        top: 118%;
    }
}

.toparrowslide {
    animation: toparrowslide 0.5s;
    animation-fill-mode: both;
left: 46%;
    transform: scaleY(-1);
}

.videos-tab {
    display: flex;
    gap: 2%;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 1.82%;
}

.video-img {
    width: 205px;
    cursor: pointer;
    margin-bottom: 2.27%;
}

.v-text {
    font-size: 14px;
    color: #0185D5;
    margin-top: 4.9% !important;
}

.v-text:hover {
    color: #003A63;
    text-decoration: underline;
}

/* video playlist */

.container {
    display: flex;
    align-items: flex-start;
    gap: 6%;


}

video.video-link {
    height: 0px;
    width: 0px;
}

.container .main-video-container,
.main-video-container2 {
    width: 600px;
    position: relative;
}

.container .main-video-container .main-video {
    margin-bottom: 7px;
    width: 100%;
}

.container .main-video-container2 .main-video {
    margin-bottom: 7px;
    width: 100%;
}

.container .main-video-container .main-vid-title {
    font-size: 14px;
    color: #707070;
}

.container .video-list-container {
    width: 22%;
    height: 354px;
    overflow-y: scroll;
    padding-right: 10px;
}

.container .video-list-container::-webkit-scrollbar {
    width: 4px;
}

.container .video-list-container::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 5px;
}

.container .video-list-container::-webkit-scrollbar-thumb {
    background-color: #CECECE;
    border-radius: 5px;
}
/* firefox */
@-moz-document url-prefix() {
    .sus-video-literature-popup{
width: 85.8%;
    }
    
  }

.container .video-list-container .list {
    align-items: center;
    gap: 15px;
    padding: 0% 5.3%;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 10px;
    font-weight: lighter;
    position: relative;
}

.container .video-list-container .list:last-child {
    margin-bottom: 0;
}

.container .video-list-container .list.active {
    /* background-color: #000; */
    /* opacity: 0.9; */
}
.container .video-list-container .list.active .listv-img.active {
    background-color: #000;
    opacity: 0.3;
}
.listv-img-container{
    position: relative;
}
.listv-img-container.active:after{
    content: 'Watch next';
    position: absolute;
    top: 50%;
    left: 48%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    font-size: 14px;
    display: inline-block;
    width: max-content;
    padding: 25% 29%;
    background-color: rgba(0, 0, 0, 0.7);
   
}
.main-video-container:after {
    content: '';
    height: 100%;
    position: absolute;
    background: #C5C5C5;
    width: 0.16%;
    top: 0%;
    right: -5%;
}

.container .video-list-container .list.active .list-title {
    color: #0185D5;
}

.container .video-list-container .list .list-video {
    width: 0px;
    border-radius: 5px;
}

.container .video-list-container .list .list-title {
    font-size: 14px;
    color: #0185D5;
    margin-top: 5.5%;
    margin-bottom: 11%;
}

.fc-p1 {
    color: #53565A;
    font-size: 15px;
    padding-top: 4%;
    padding-left: 30px;
    width: 584px;
    position: relative;
}

/* Left screen css */

/* Css Explore Sustainability Initiatives */

.Para_left {
    position: absolute;
    width: 6%;
    color: #fff;
    top: 50%;
    left: 12%;
    font-weight: lighter;
}

.Para_left {
    font-size: 15px;
}

.headtext {
    display: none;
}

.Para_left button {
    padding: 12px 17px;
    /* padding: 0.8vw 1.2vw; */
    cursor: pointer;
    color: #fff;
    margin-top: 38%;
    position: relative;
    z-index: 1;
    background-color: #0085D5;
    border: 1px solid #fff;
    font-size: 12px;
    font-family: "Roboto", Arial, sans-serif, Helvetica;
}

.Para_left button:hover {
    background-color: #003A63;
}

/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 10px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* overflow: auto; */
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.6);
}

/* Modal Content */
.modal-content {
    background-color: #FFFFFF;
    margin: auto;
    border: 1px solid #888;
    width: 75%;
    height: 600px;
}

.modal_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.17% 1.95%;
    background-color: #EDEFF0;
    /* height: 60px; */
}

.modal_head p {
    font-size: 18px;
    color: #303030;
    font-weight: 300;
}

/* The Close Button */
.close {
    color: #0085D5;
    float: right;
    font-size: 40px;
    font-weight: lighter;
    position: relative;
    top: -9%;
}

.close:hover,
.close:focus {
    color: #0085D5;
    text-decoration: none;
    cursor: pointer;
}

.sub_section {
    flex: 100%;
    display: flex;
    padding: 0px 50px;

}

.sub_section_1,
.sub_section_2,
.sub_section_3 {
    flex: 33%;
    display: flex;
    justify-content: center;
    margin-top: 19%;
    margin-bottom: -35%;
    z-index: 100;
}

.area_section {
    display: flex;
    justify-content: center;

}

/* .area_section_2,.area_section_3{
    background-color: #0185D5;
    width: 260px;
    height: 350px;
} */
.area_section_2 {
    margin: 0% 2%;
}

.area_part,
.area_part_2,
.area_part_3 {
    background-color: #0185D5;
    width: 260px;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.area_part p:nth-child(1),
.area_part_2 p:nth-child(1),
.area_part_3 p:nth-child(1) {
    font-size: 17px;
    color: #fff;
    text-align: center;
    font-weight: 500;
}

.area_part p:nth-child(2),
.area_part_2 p:nth-child(2),
.area_part_3 p:nth-child(2) {
    color: #fff;
    margin-top: 13%;
    padding: 0% 15% 0% 19%;
}

.lineGreen {
    height: 5px;
    background-color: #82C341;

}

.lineBlue {
    height: 5px;
    background-color: #003A63;
}



/* Css of circular_part */

.circular_part {
    width: 31.4%;
    position: absolute;
    top: 30%;
    left: 27%;
}

.Explore_img {
    margin-left: 21%;
    margin-top: 4.5%;
    position: relative;
}

.circle_para,
.circle_para1,
.circle_para2,
.circle_para3,
.circle_para4,
.circle_para5 {
    color: #888B8D;
    font-size: 12px;
    width: 29%;
}

.circle_para {
    position: absolute;
    top: -5%;
    left: -10%;
    width: 30%;
}

.circle_para1 {
    position: absolute;
    top: 26%;
    left: -20%;
}

.circle_para2 {
    position: absolute;
    top: 65%;
    left: -23%;
}

.circle_para3 {
    position: absolute;
    top: 23%;
    left: 69%;
}

.circle_para4 {
    position: absolute;
    top: 64%;
    left: 70%;
}

.circle_para5 {
    position: absolute;
    top: 102%;
    left: 20%;
}

.circle_center {
    position: absolute;
    top: 46%;
    left: 37%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 72px;
    width: 72px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    color: #0085D5;
}

.circle_center:hover {
    color: #003A63;
}

.circle_center p {
    font-size: 13px;
    margin-bottom: 8.34%;
}

/*  */
div#para1 {
    position: relative;
    width: 100%;
}

.center_earth {
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 37%;
}

.earth_icon,
.earth_icon1,
.earth_icon2,
.earth_icon3,
.earth_icon4,
.earth_icon5 {
    background-repeat: no-repeat;
    color: #0185D5;
    cursor: pointer;
    font-size: 16px;
}

.path6 {
    position: absolute;
    top: 92px;
    left: 40%;
    z-index: 100;
}

.earth_icon {
    position: absolute;
    width: 214px;
    height: 114px;
    top: 40px;
    left: 45%;
}

.earth_icon:hover {
    color: #003A63;
    text-decoration: underline;
}

.earth_icon1 {
    position: absolute;
    width: 284px;
    height: 80px;
    top: 115px;
    left: 58%;
}

.earth_icon1 p {
    position: absolute;
    top: 31%;
    left: 33%;
}

.earth_icon1:hover {
    color: #003A63;
    text-decoration: underline;
}

.path1 {
    position: absolute;
    top: 97px;
    left: 54.2%;
    z-index: 100;
}

.earth_icon2 {
    position: absolute;
    width: 218px;
    height: 80px;
    top: 259px;
    left: 59.2%;
}

.earth_icon2 p {
    position: absolute;
    top: 40%;
    left: 42%;
}

.earth_icon2:hover {
    color: #003A63;
    text-decoration: underline;
}

.path2 {
    position: absolute;
    top: 217px;
    left: 62%;
    z-index: 100;
}

.earth_icon3 {
    position: absolute;
    width: 106px;
    height: 110px;
    top: 332px;
    left: 44.8%;
}

.earth_icon3 p {
    position: absolute;
    top: 80%;
    left: -8%;
}

.earth_icon3:hover {
    color: #003A63;
    text-decoration: underline;
}

.path3 {
    position: absolute;
    top: 333px;
    left: 56%;
    z-index: 100;
}

.earth_icon4 {
    position: absolute;
    width: 95px;
    height: 80px;
    top: 261px;
    left: 31.5%;
}

.earth_icon4 p {
    position: absolute;
    top: 31%;
    left: -184%;
}

.earth_icon4:hover {
    color: #003A63;
    text-decoration: underline;
}

.path4 {
    position: absolute;
    top: 330px;
    left: 40%;
    z-index: 100;
}

.earth_icon5 {
    position: absolute;
    width: 95px;
    height: 80px;
    top: 124px;
    left: 30.5%;
}

.earth_icon5 p {
    position: absolute;
    top: 20%;
    left: -134%;
}


.earth_icon5:hover {
    color: #003A63;
    text-decoration: underline;
}

.path5 {
    position: absolute;
    top: 218px;
    left: 32%;
    z-index: 100;
}

.earth_icon p {
    position: absolute;
    top: -23%;
    left: -32%;
}

.main_circle_earth_1 {
    display: none;
}

/* main_circle_earth_1 */
.main_circle_earth_1 {
    height: 450px;
    position: relative;
}

.sub_earth_icon,.sub_earth_icon.active {
    height: 70px;
    width: 70px;
    position: absolute;
    left: 46%;
    top: -1%;
}
.Sub_path1 {
    position: absolute;
    top: 12%;
    left: 58%;
}
.sub_earth_icon1,.sub_earth_icon1.active {
    height: 70px;
    width: 70px;
    position: absolute;
    top: 21%;
    left: 63%;
}
.Sub_path2 {
    position: absolute;
    top: 48%;
    left: 68%;
}
.sub_earth_icon2,.sub_earth_icon2.active {
    height: 70px;
    width: 70px;
    position: absolute;
    top: 61%;
    left: 65%;
}
.Sub_path3 {
    position: absolute;
    top: 80%;
    left: 60%;
}

.sub_earth_icon3,.sub_earth_icon3.active {
    height: 70px;
    width: 70px;
    position: absolute;
    top: 82%;
    left: 46.2%;
}
.Sub_path4 {
    position: absolute;
    top: 81%;
    left: 38%
}
.sub_earth_icon4,.sub_earth_icon4.active {
    height: 70px;
    width: 70px;
    position: absolute;
    top: 62%;
    left: 29%;
}
.Sub_path5 {
    position: absolute;
    top: 48%;
    left: 28%;
}

.sub_earth_icon5,.sub_earth_icon5.active {
    height: 70px;
    width: 70px;
    position: absolute;
    top: 23%;
    left: 28%;
}
.Sub_path6 {
    position: absolute;
    top: 9%;
    left: 38%;
}
.earth_btn {
    position: absolute;
    top: 67%;
    left: 48.8%;
    width: 22px;
    height: 22px;
    border: 1px solid #0085D5;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #0085D5;
    cursor: pointer;
}

.earth_btn:hover {
    background-color: #003A63;
    color: #fff;
}

.speakerData {
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dataAll {
    width: 20%;
    z-index: 1;
}

.speakerData p:nth-child(1) {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #000;
    text-align: center;
}

#speakerData {
    color: #202020;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

#speakerData2 {
    color: #202020;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    margin-top: 8%;
}

/* left screen css end */

/* Lobby Work */
.rb-landingpage {
    font-size: 14px;
    line-height: 17px;
    font-family: 'Roboto', Arial, sans-serif, Helvetica !important;
    font-weight: 400;
    position: relative;
}

.lobby-img {
    width: 100%;
    position: relative;
}

.cpo-lobby-img,
.tradeIn-lobby-img,
.sustain-lobby-img {
    position: absolute;
    cursor: pointer;
}

.cpo-lobby-img {
    width: 41%;
    left: 29.5%;
    top: 25%;
}

.sustain-lobby-img {
    width: 28%;
    right: 1%;
    top: 26%;
}

.tradeIn-lobby-img {
    width: 30%;
    left: 0%;
    top: 25%;
}

.cpo-lobby,
.Sustainability-lobby,
.tradeIn-lobby {
    width: fit-content;
    background-color: #0085D5;
    color: #fff;
    position: absolute;
    padding: 1% 3%;
    top: 17%;
    font-size: 18px;
    cursor: pointer;
}

.cpo-lobby {
    left: 35%;
    top: 17%;
}

.Sustainability-lobby {
    right: 2%;
}

.tradeIn-lobby {
    padding: 1% 2%;
    left: 2%;
}

.cpo-lobby-icon,
.sustain-lobby-icon,
.tradeIn-lobby-icon {
    position: absolute;
    top: 0%;
    width: 46px;
    height: 46px;
    top: 7%;
    cursor: pointer;
}

.cpo-lobby-icon {
    right: 47%;
    top: 7%;
}

.sustain-lobby-icon {
    right: 10%;
}

.tradeIn-lobby-icon {
    left: 11%;
}

.faqaccordion {
    cursor: pointer;
    padding: 1.2% 0%;
    border-bottom: 1px solid #D0D0CE;
}

.faqpanle {
    display: none;
}

.faqpanle ul {
    list-style-type: none;
    padding-left: 21px;
}

.faqpanle ul li {
    padding-top: 2px;
}

.faqpanle ul li::before {
    content: '–';
    position: absolute;
    margin-left: -20px;
}

.faqhead {
    font-size: 20px;
    color: #303030;
    padding: 3.6% 0% 1% 0%;
}

.main-faqs {
    line-height: 18px;
}

.faq {
    font-size: 13px;
    font-weight: 500;
    color: #202020;
    padding-left: 0.5%;
    padding-bottom: 10px;
}

.faqpanle {
    font-size: 14px;
    color: #707070;
    border-bottom: 1px solid #D0D0CE;
    padding: 0px 0px 1% 1.6%;

}

.headingBold2 {
    margin-left: 1px;
}

.t2-mobile {
    color: #fff;
    font-weight: 500;
    margin-bottom: 10%;
    display: none;
}

.mySlides img {
    width: 94%;
}

.dotp {
    text-align: center;
    position: absolute;
    bottom: 0%;
    left: 39%;
}

.main-earth {
    position: absolute;
    left: 32.5%;
    top: 13%;
    z-index: 0;
}

.estimator-toolimg img {
    width: 486px;
}

@media(max-width:1200px) {

  /* .e-tool2{  top: 400%; } */
  
  .e-tool{
    top:325%;
  }

  .info-imgs1{
    top: 205%;
  }
}

@media(max-width:1180px) {

    .sales-table-wrapper {
        height: 325px;
    }

    .f-arrow{
        top: -30px;
    }
    .trade-in-text{
        right: 61px;
    }
    .information-centre1 {
        top: 27%;
    }
    
    .main-earth {
        left: 32%;
    }
    .trade-header1 {
        font-size: 1.830vw;
    }
    .rbFull .information-centre1 {
        position: absolute;
        top: 31%;
        right: 28%;
    }
    .rbFull .info-imgs1 {
        top: 306%;
    }
    .rbFull .e-tool2 {
        top: 427%;
    }
    .rbFull .circle_para1 {
        left: -31%;
    }
    .earth_icon {
        left: 46%;
    }
    .path1 {
        left: 56.2%;
    }
    .earth_icon1 {
        left: 59%;
    }
    .path2 {
        left: 63%;
    }
    .earth_icon2 {
        left: 60.1%;
    }
    .earth_icon3 {
        left: 45%;
    }
    .earth_icon4 {
        left: 31.4%;
    }
    .earth_icon5 {
        left: 30%;
    }
    .path3 {
        left: 56.5%;
    }
}

@media(max-width:1160px){
    .info-imgs{
        top: 266%;
    }
}

@media (max-width:1115px) {

    .sales-table-wrapper {
        height: 315px;
    }

    .Sub_path2{
        left: 69%;
    }
    
    .modal{
        overflow-y: scroll;
    }
    .f-arrow{
        top: -19%;
    }
    .trade-in-text{
        right: 5%;
    }
    .cta-button,
    .cta-buttone4,
    .contact-btn,
    .cta-button.learn-more-btn,
    .Para_left button {
        padding: 0.8vw 1.2vw;
    }

    .cpo-interact-tool-popup {
        width: 79.8%;
        height: 608px;
    }

    .Sustainibility-disposal-popup,
    .used-instrument-popup,
    .explore-tool-popup,
    .explore-how-popup,
    .cpoExplore-popup,
    .financial-guide-popup,
    .sustainabilityDrivenPopup,
    .emission-popup,.SustainExplorePopup,.SustainQualityPopup {
        height: 50.833vw;
    }

    .right1 {
        margin-top: -4px;
    }

    #popupOverlay {
        height: 70vw;
    }

    .bottom-div-arrow::after {
        top: -25%;
        border-top: 1.667vw solid transparent;
        border-bottom: 2.167vw solid transparent;
        border-left: 3.917vw solid #EDEFF0;
    }

    .estimator-toolimg img {
        width: 100%;
    }

    .earth_icon5 p {
        left: -48%;
    }

    .earth_icon4 p {
        left: -69%;
    }

    .path2 {
        left: 63%;
    }

    .img-sub {
        width: 5.833vw;
        height: 5.833vw;
    }

    .earth_btn {
        width: 1.833vw;
        height: 1.833vw;
    }

    .main_circle_earth_1 {
        height: 37.5vw;
    }

    .main-earth {
        width: 27vw;
        height: 26.5vw;
        left: 32.5%;
        top: 13%;
    }

    .speakerData {
        height: 33.333vw;
    }

    .earth_icon {
        top: 2.667vw;
        left: 45%;
    }

    .earth_icon1 {
        top: 9.583vw;
        left: 59%;
    }

    .earth_icon2 {
        top: 21.583vw;
        left: 59.7%;
    }

    .earth_icon3 {
        top: 27.667vw;
        height: 9.167vw;
    }

    .earth_icon4 {
        top: 21.75vw;
        left: 31.2%;
    }

    .earth_icon5 {
        top: 10.333vw;
        left: 30%;
    }

    .center_earth img {
        width: 18.75vw;
        height: 26.417vw;
    }

    .Explore_img img {
        width: 15.667vw;
        height: 16.75vw;
    }

    .circle_center {
        width: 6vw;
        height: 6vw;
    }

    .earth_icon img,
    .earth_icon1 img,
    .earth_icon2 img,
    .earth_icon3 img,
    .earth_icon4 img,
    .earth_icon5 img {
        width: 6.667vw;
        height: 6.667vw;
    }

    .path1 img,
    .path2 img,
    .path3 img,
    .path4 img,
    .path5 img,
    .path6 img,
    .Sub_path1 img,
    .Sub_path2 img,
    .Sub_path1 img,
    .Sub_path3 img,
    .Sub_path4 img,
    .Sub_path5 img,
    .Sub_path6 img {
        width: 2.25vw;
        height: 2.5VW;
    }

    .close {
        font-size: 3.333vw;
    }

    .driven2 img {
        width: 9.333vw;
        height: 11vw;
    }

    img.left-arrow {
        width: 2.5vw;
        height: 2vw;
    }

    img.sale-img {
        width: 23%;
    }

    .e-tool2 {
        top: 426%;
    }

    .rbFull .e-tool2 {
        top: 427%;
    }

    .autoslider {
        top: 34%;
        right: 5.6%;
    }

    .mySlides img {
        width: 17.1vw;
        right: 4.5%;
    }

    .dotp {
        left: 40%;
    }

    .tool-flex {
        flex-wrap: wrap;
    }

    .tool-text {
        padding: 5% 0%;
    }

    .tool-video video {
        height: 28vw;
        width: 50vw;
    }

    .listv-img {
        width: 13.667vw;
    }

    .container .video-list-container {
        height: 28vw;
        width: 16.917vw;
    }

    .container .main-video-container,
    .main-video-container2 {
        width: 50vw;
    }

    .ecard {
        height: 19.25vw;
    }

    #tab-divide-line {
        height: 1.667vw;
    }

    img.icon-img {
        width: 5.083vw;
        height: 5.083vw;
    }

    .receptionist2 {
        width: 12%;
    }

    .c4-img img,
    .c2-img img,
    .c6-img img,
    .c5-img img,
    .c3-img img,
    .c3-img-sales img,
    .c-img img,
    .cpo-explore-close img,
    .cpo-tool img,
    .financeguide-close img,
    img.catalog-close,
    .emission-close img,
    .driven-close img,.close_multi img {
        width: 1.667vw;
        height: 1.667vw;
    }

    .quickacess-arrow img {
        width: 1.7vw;
        height: 1.75vw;
    }

    .cpo-lobby,
    .Sustainability-lobby,
    .tradeIn-lobby {
        top: 14%;
    }

    .cpo-lobby-icon,
    .sustain-lobby-icon,
    .tradeIn-lobby-icon {
        top: 4%;
    }

    .cpo-lobby-icon,
    .sustain-lobby-icon,
    .tradeIn-lobby-icon {
        width: 3.833vw;
        height: 3.833vw;
    }

    div#faqaccordion img,
    .accordion img,
    .accordion-menu img {
        width: 1vw;
        height: 1vw;
    }

    .faq {
        font-size: 1.083vw;
    }

    .mainVideo p {
        font-size: 1.5vw;
    }

    .faqhead {
        font-size: 1.667vw;
    }

    .info-imgs,
    .info-imgs1,
    .info-imgs3 {
        width: 3.5vw;
        height: 3.5vw;
    }

    .area_part,
    .area_part_2,
    .area_part_3 {
        width: 21.667vw;
        height: 29.167vw;
    }

    .sub_section_1 img,
    .sub_section_2 img,
    .sub_section_3 img {
        width: 15.333vw;
        height: 15.333vw;
    }

    @keyframes icon1Animation {
        0% {
            top: 0vw;
        }

        100% {
            top: 9.333vw;

        }
    }

    @keyframes icon1AnimationReverse {
        0% {
            top: 9.333vw;
        }

        100% {
            top: 0vw;
        }
    }

    .popup-img-div1,
    .popup-img-div2,
    .popup-img-div3 {
        width: 7.667vw;
        height: 6.667vw;
    }

    .popup-img-div1-active,
    .popup-img-div2-active,
    .popup-img-div3-active {
        width: 33.583vw;
        height: 8.667vw;
    }

    @keyframes fadeRight {
        0% {
            width: 7.667vw;
        }

        100% {
            width: 33.583vw;

        }
    }

    @keyframes fadeRightReverse {
        0% {
            width: 33.583vw;
            right: -80%;
        }

        10% {
            width: 7.667vw;
            right: 17%;
        }
    }

    @keyframes fadeLeft {
        0% {
            width: 7.667vw;
            left: 0%;
        }

        100% {
            width: 33.583vw;
            left: -381%;
        }
    }

    @keyframes fadeLeftReverse {
        0% {
            width: 33.583vw;
            left: -381%;
        }

        100% {
            width: 7.667vw;
            left: -16%;
        }
    }

    .popup-used-instrument-img {
        top: 26%;
        left: 4%;
    }

    .img-div1,
    .img-div2,
    .img-div3 {
        width: 5.833vw;
        height: 4.25vw;
    }

    .used-instrument-img img {
        height: 3.75vw;
        width: 3.75vw;
    }

    #popup-div1,
    #popup-div2,
    #popup-div3 {
        height: 12.25vw;
    }

    .down-arrow-img1,
    .down-arrow-img2,
    .down-arrow-img3,
    .up-arrow-img1,
    .up-arrow-img2,
    .up-arrow-img3,
    .feature-down-img1,
    .f-arrow,
    .emission-down1 {
        width: 1.833vw;
    }

    .right:after {
        margin-top: 0.3em;
    }

    .feature1 {
        width: 7.667vw;
        height: 12.25vw;
    }

    .feature-img {
        width: 4.917vw;
        height: 4.917vw;
    }

    .feature-div {
        width: 12.917vw;
        height: 8.33vw;
    }

    @keyframes Activediv {
        from {
            width: 12.917vw;
            height: 8.33vw;
        }

        to {
            width: 13.75vw;
            height: 20.5vw;
        }
    }

    @keyframes ActivedivTop {
        from {
            width: 13.75vw;
            height: 20.5vw;
        }

        to {
            width: 12.917vw;
            height: 8.33vw;
        }
    }

    @keyframes Leftslide {
        from {
            left: -33%;
            width: 12.917vw;
        }

        to {
            left: -60%;
            width: 7.5vw;
        }
    }

    @keyframes Rightslidediv {
        from {
            left: -33%;
            width: 12.917vw;
        }

        to {
            left: 72%;
            width: 7.5vw;
        }
    }

    @keyframes topimg {
        from {
            top: 0vw;
        }

        to {
            top: -6.667vw;
        }
    }

    @keyframes topimg-reverse {
        from {
            top: -6.667vw;
        }

        to {
            top: 0vw;
        }
    }

    @keyframes topslide {
        0% {
            top: -22%;
            width: 12.917vw;
            height: 8.33vw;
        }

        100% {
            top: -80%;
            width: 13.75vw;
            height: 20.5vw;
        }
    }

    @keyframes topslidereverse {
        0% {
            top: -80%;
            width: 13.75vw;
            height: 20.5vw;
        }

        100% {
            top: -22%;
            width: 12.917vw;
            height: 8.33vw;
        }
    }

    .blue-block {
        height: 6vw;
    }

    .fi-content {
        margin-top: 0.6vw;
    }

    .f-arrow-line:after {
        height: 3.1vw;
    }

    .footer-title {
        width: 48.667vw;
        height: 1.917vw;
    }

    .fc-p1 {
        width: 46vw;
    }

    .financesolution {
        width: 16.5vw;
        height: 31.75vw;
    }

    .block1 img,
    .block2 img {
        width: 3vw;
        height: 3vw;
    }

    .bottom-border1::after,
    .bottom-border2::after,
    .bottom-border3::after,
    .bottom-border4::after {
        height: 1.583vw;
        width: 3.25vw;
        border-radius: 0vw 0vw 1.667vw 1.667vw;
    }

    .bottom-border5::after,
    .bottom-border6::after,
    .bottom-border7::after {
        width: 3.417vw;
        height: 1.583vw;
        border-radius: 0vw 0vw 1.667vw 1.667vw;
    }

    .instrument-img-card {
        width: 17.5vw;
        height: 15.333vw;
    }

    .istrument-img-div {
        height: 31.33vw;
    }

    #instrument-div {
        height: 35.167vw;
    }

    .p1-light {
        line-height: 1.333vw;
    }

    .description-p2 {
        line-height: 3.183vw;
    }

    .description-p3,
    .description-p6 {
        line-height: 1.75vw;
    }

    .description-p4 {
        line-height: 3.083vw;
    }

    .desc-imgdiv {
        width: 33.333vw;
    }

    .desc-imgdiv img:nth-child(1) {
        width: 30vw;
    }

    .emission {
        width: 20.417vw;
        height: 14.167vw;
    }

    .emission img:first-child {
        width: 3.833vw;
        height: 3.833vw;
    }

    .emission-div {
        height: 12.167vw;
    }

    @keyframes ActiveEmission {
        0% {
            height: 12.167vw;
        }

        100% {
            height: 27.5vw;
        }
    }

    @keyframes inactiveEmission {
        0% {
            height: 24.667vw;
        }

        100% {
            height: 12.167vw;
        }
    }

    .d-info-img {
        width: 3.167vw;
        height: 3.167vw;
    }

    .drivenline {
        width: 12.583vw;
    }

    .d-info-div {
        width: 21.25vw;
        height: 3.5vw;
    }

    @keyframes drivenslideright {
        0% {
            left: -4%;
            height: 4.833vw;
            width: 29.083vw;
        }

        100% {
            left: 26%;
            height: 13.5vw;
            width: 29.083vw;
        }
    }

    @keyframes drivensliderleft {
        0% {
            left: 12%;
            height: 12.5vw;
        }

        100% {
            left: -4%;
            height: 3.5vw;
        }
    }

    .driven2 {
        height: 30.75vw;
    }

    .driven1 {
        width: 48.667vw;
    }

    @keyframes drivenwidth {
        0% {
            width: 21.25vw;
        }

        100% {
            width: 5vw;
        }
    }

    @keyframes drivenlineAnimation {
        0% {
            width: 0vw;
        }

        100% {
            width: 12.917vw;
        }
    }

    .d-info-arrow {
        width: 1.5vw;
        height: 1.5vw;
    }

    img.imgpath {
        width: 10vw;
        height: 9vw;
    }

    .video-img {
        width: 17.083vw;
    }

    .video-img img {
        width: 100%;
    }

    .white-div {
        width: 14.917vw;
        height: 12.167vw;
    }

    img.i-img {
        width: 2.333vw;
    }

    #rb-lab {
        line-height: 1.417vw;
    }

    .trade-header,
    .trade-header1,
    .trade-header3 {
        font-size: 1.917vw;
    }

    .trade-header1 {
        font-size: 1.830vw;
    }

    .description-p4 {
        font-size: 2.333vw;
    }

    .u-p1,
    .logo-text,
    .cpo-offer,
    .u-p1,
    .s-t1,
    .used-instrument-p1,
    .tool-p12,
    #instrument th,
    #instrument-sales th,
    #popUpData .tabList .tabCaption,
    .video-text,
    .e-question,
    .e-para,
    .q-access,
    .fp1,
    .instrument-heading,
    .fcb-p1,
    .tool-p1,
    .earth_icon,
    .earth_icon1,
    .earth_icon2,
    .earth_icon3,
    .earth_icon4,
    .earth_icon5,
    .speakerData p:nth-child(1),
    .dp2,
    .t1,
    .tab-head,
    .cta-button-main {
        font-size: 1.333vw;
    }

    .u-p2,
    .u-p3,
    .img-div1 p,
    .img-div2 p,
    .img-div3 p,
    .t2,
    .estimator-tool-title,
    .c-p2,
    .c-point,
    .cpo-InterAct-tool-title,
    .circle_para,
    .circle_para1,
    .circle_para2,
    .circle_para3,
    .circle_para4,
    .circle_para5,
    .cr2,
    .cr3,
    .cr4,
    .popup-u-p3,
    .cancel-btn,
    .menu-head,
    .card-text,
    .card-link,
    .p1-light,
    .description-p6,
    .footer-p1,
    .p-head,
    .read-more,
    .read-less,
    .fcb-p3,
    .explore,
    .cta-button,
    .cpo-explore,
    .cta-button.learn-more-btn,
    .Para_left button {
        font-size: 1vw !important;
    }

    .description-p2 {
        font-size: 2.6667vw;
    }

    .logo-text,
    .t3,
    .info-para,
    .cp2,
    .Para_left,
    .sus-bottom,
    .s-p1,
    .explore-now,
    #instrument td,
    #instrument-sales td,
    .cpo-title,
    .fc-p1,
    .driven1,
    .navigationBtn {
        font-size: 1.25vw;
    }

    .t4,
    .cp3,
    .circle_center p,
    .cr1,
    .headingBold,
    .finance-content ul li {
        font-size: 1.083vw;
    }

    .cp1,
    .instru-heading {
        font-size: 1.667vw;
    }

    .s-t2 {
        font-size: 1.833vw;
    }

    .s-t3,
    .footer-panel {
        font-size: 0.917vw;
    }

    .u-heading,
    .sales-heading,
    .explore-heading,
    .cpo-lobby,
    .Sustainability-lobby,
    .tradeIn-lobby,
    #popup-head,
    .modal_head p,
    .emission-head {
        font-size: 1.5vw;
    }

    #rb-lab,
    .used-instrument-p2,
    .popup-img-div1 .p1,
    .popup-img-div2 .p1,
    .popup-img-div3 .p1,
    .tool-p2,
    .tool-p3,
    .ecard-img p,
    .bottom-div-arrow,
    .p-bottom,
    p.popup-text-heading,
    p.popup-text-para,
    .literature-para,
    .literature-link,
    .v-text,
    .container .main-video-container .main-vid-title,
    .container .video-list-container .list .list-title,
    .desc,
    .btn,
    .smenu-title,
    .description-p3,
    .footer-p2,
    .fcb-text,
    .fcb-p4,
    .tool-text,
    .area_part p:nth-child(2),
    #speakerData,
    .emission-p1,
    .emission-p3,
    .e-desc,
    .driven-des,
    .d-info-div,
    .tab-row,
    .faqpanle,
    #speakerData2,.listv-img-container.active:after {
        font-size: 1.167vw;
    }

    .emission-p2 {
        font-size: 2.5vw;
    }

    .head-text {
        font-size: 2vw;
    }

    .area_part p:nth-child(1),
    .area_part_2 p:nth-child(1),
    .area_part_3 p:nth-child(1) {
        font-size: 1.417vw;
    }

    .pay-type img:nth-child(1) {
        width: 5.75vw;
        height: 5.75vw;
    }

    .pay-type {
        width: 15.176vw;
        height: 12.083vw;
    }

    .modal-content {
        top: 5%;
        position: relative;
        width: 76.667vw;
        height: 56.833vw;
    }

    .earth_icon {
        width: 17.833vw;

    }

    .earth_icon1 {
        width: 23.667vw;

    }

    .earth_icon2 {
        width: 18.167vw;

    }

    .earth_icon3 {
        width: 8.833vw;

    }

    .earth_icon4,
    .earth_icon5 {
        width: 21.75vw;

    }

    .center_earth {
        height: 37.5vw;
    }

    .path1 {
        top: 8vw;
        left: 55.2%;
    }

    .path2 {
        top: 18.167vw;
    }

    .path3 {
        top: 28vw;
    }

    .path4 {
        top: 27.417vw;
    }

    .path5 {
        top: 18.167vw;
    }

    .path6 {
        top: 7.667vw;
    }

    .normal-screen,
    .home-icon,
    .mainvideoClose,
    .fullscreen,
    .header-video {
        width: 2%;
    }

    .quick-access-tab {
        width: 15.083vw;
        height: 12.333vw;
        top: 46%;
        left: 41%;
    }

    .tab-head,
    .tab-row {
        padding: 3% 4%;
    }

    .footer-panel,
    .p-head {
        width: 46.833vw;
    }

    .fcb-p2 img {
        width: 5vw;
        height: 5vw;
    }
}

@media(min-width:1900px) {
    .modal-content {
        width: 52%;
    }
}

@media (max-width: 1199px) and (orientation: landscape) {


    #rb-mainDiv {
        width: 100%;
        height: 100%;
    }

    #cpo-mainDiv {
        width: 100%;
    }

    .mainVideoPopup {
        max-height: 100%;
    }

    .u-heading {
        width: 85%;
    }

    .blue-img-div img {
        width: 100%;
    }

}

@media (max-width: 1024px){

    .sales-table-wrapper {
        height: 285px;
    }
}

@media(max-width:992px) {
    .sales-table-wrapper {
        height: 275px;
    }

    .m-img{
        margin-top: 0%;
    }
    .white-div{
        padding: 5px;
    }
    .main_circle_earth,
    .main_circle_earth_1 {
        top: 8%;
    }

    .Sustainibility-disposal-popup,
    .used-instrument-popup,
    .explore-tool-popup,
    .explore-how-popup,
    .sus-video-literature-popup,
    .cpoExplore-popup,
    .financial-guide-popup,
    .sustainabilityDrivenPopup,
    .emission-popup,.SustainExplorePopup,.SustainQualityPopup {
        height: 56.833vw;
    }

    .cta-button-main {
        padding: 6% 6%;
    }

    .up-arrow-img3,
    .up-arrow-img2,
    .up-arrow-img1 {
        top: 139%;
    }

    .popup-img-div1-active,
    .popup-img-div2-active,
    .popup-img-div3-active {
        height: 9.667vw;
    }

    .cpo-interact-tool-popup {
        width: 79.8%;
        height: 550px;
    }

    .tab-head,
    .tab-row {
        padding: 0.5%;
    }

    .close-quickaccess {
        padding: 0% 0% 0% 44%;
    }

    .cp {
        display: none;
    }
    .c-p2 {
        padding-top: 6%;
    }
    .u-front {
        top: 42%;
        left: 32%;
    }
    .u-front.tu-front {
        top: 36%;
        left: 27%;
    }
    .explore-how-cards {
        gap: 6%;
    }
    .etool-imgcontent {
        top: 20%;
    }
    .estimator-toolimg img {
        width: 305px;
        height: 170px;
    }
    .img-div1,
    .img-div2,
    .img-div3 {
        left: -17%;
    }
    .u-p2 {
        padding-top: 5%;
    }
    .used-instrument-text {
        top: 22%;
    }
    .right {
        width: 1em;
        height: 1em
    }
    .right:after {
        content: '';
        display: inline-block;
        margin-top: 0.2em;
        margin-left: -0.2em;
        width: 0.4em;
        height: 0.4em;
    }
    .receptionist2 {
        left: -0.7%
    }
    .t2-mobile {
        display: block;
    }
    .explore,
    .explore-arrow-img,
    .images1,
    .t4,
    .t2,
    .vertical-gray-line,
    .checkpoints,
    .cp2,
    .circle_para,
    .circle_para1,
    .circle_para2,
    .circle_para3,
    .circle_para4,
    .circle_para5 {
        display: none;
    }

    .trade-buyback-popup,
    .used-instrument-popup {
        width: 91.8%;
        left: 4%;
    }
}

@media(max-width:920px){
    .sales-table-wrapper {
        height: 235px;
    }
}



@media(max-width:851px) {

    .disable-popup{
        width: 70%;
    }
    .sales-pop-wrapper .sales-heading{
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .c3-img-sales{
        padding: 1%;
    }

    .trade-in-text3 {
        right: 11.5%;
    }
    .dataContainer {
        height: 65%;
    }
    .trade-buyback-popup {
        height: 485px;
    }
}

@media(max-width:820px){
    .sales-table-wrapper {
        height: 220px;
    }

    #sid1, #sid2{
        font-size: 10px;
        line-height: 12px;
    }
}

@media(max-width:768px) {

    .sales-footer-txt{
        font-size: 10px;
        line-height: 14px;
    }

    .sales-table-wrapper {
        height: 210px;
    }
   
    .receptionist3 {
        left: 2%;
    }

    .trade-buyback-popup {
        height: 395px;
    }

    .ci-1 {
        margin-bottom: 15%;
    }
}

@media(max-width:728px){
    .sales-table-wrapper{
        height:195px;
    }
}

@media(max-width:712px){

    .disable-popup{
        width: 90%;
    }
    .sales-table-wrapper {
        height: 195px;
    }

    .sales-pop{
        margin: 10px;
    }
}

@media (max-width:688px){
    .sales-table-wrapper {
        height: 195px;
    }
    .sales-pagination{
        margin-bottom: 5px;
    }
    /* .sales-req-quo{
        margin-bottom: 5px;
    } */

    .wrap-sales-footer{
        margin-bottom: 5px;
    }
}

@media(max-width:667px) {

    .sales-pop{
        top: -40px;
    }

    .disable-pop-container-2 img {
        max-width: 140px !important;
    }

    .disable-popup-wrapper{
        padding: 10px;
    }

    span {
        font-size: 12px;
    }

    .e-tool2 {
        top: 360%;
    }

    .sales-table-wrapper {
        height: 195px;
    }
    .Sub_path2{
        left: 69%;
    }
    .earth_icon2 {
        left: 60.2%;
    }
    .modal-content {
        height: 385px;
    }
    .popup-used-instrument-img {
        top: 28%;
    }
    .quick-access-tab {
        top: 44%;
        left: 41%;
    }
    .e-tool2{
        left: -51%;
    }
   
}

/* @media(max-width:654px){
    .sales-table-wrapper {
        height: 180px;
    }
} */

/* @media (max-width: 642px) {
    .sales-table-wrapper {
        height: 181px;
    }
} */
@media (max-width:912px) and (orientation:portrait) {

    .main-container,
    .header,
    .rb-landingpage,
    .navigationPanel,
    .main-faqs,
    #popupOverlay {
        display: none !important;
    }

    #rb-mainDiv {
        width: 100%;
        padding: 0;
    }

    .white-div {
        width: 81px;
        height: 60px;
    }

    #warning-message {
        width: 100%;
        height: 100%;
        color: #ffffff;
        font-size: 20px;
        line-height: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-image: url("https://www.agilent.com/cs/promotions/images/mobile-portraitRB.svg");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .rotateImg {
        margin-bottom: 20px;
    }

    .rotatetxt {
        text-align: center;
        padding: 10px;
    }
}

@media only screen and (max-width:820px) and (orientation:portrait) {

    .main-container,
    .header,
    .rb-landingpage,
    .navigationPanel,
    .main-faqs,
    #popupOverlay {
        display: none !important;
    }

    #rb-mainDiv {
        width: 100%;
        padding: 0;
    }

    #warning-message {
        width: 100%;
        height: 100%;
        color: #ffffff;
        font-size: 20px;
        line-height: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-image: url("https://www.agilent.com/cs/promotions/images/mobile-portraitRB.svg");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .rotateImg {
        margin-bottom: 20px;
    }

    .rotatetxt {
        text-align: center;
        padding: 10px;
    }

}

@media (max-width: 640px) and (orientation:portrait) {

    .main-container,
    .header,
    .rb-landingpage,
    .navigationPanel,
    .main-faqs,
    #popupOverlay {
        display: none !important;
    }

    #rb-mainDiv {
        width: 100%;
        padding: 0;
    }

    .white-div {
        width: 81px;
        height: 60px;
    }

    #warning-message {
        width: 100%;
        height: 100%;
        color: #ffffff;
        font-size: 20px;
        line-height: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-image: url("https://www.agilent.com/cs/promotions/images/mobile-portraitRB.svg");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .rotateImg {
        margin-bottom: 20px;
    }

    .rotatetxt {
        text-align: center;
        padding: 10px;
    }
}

@media (max-width: 620px){
    .sales-table-wrapper {
        height: 190px;
    }

    .sales-pop-wrapper .u-heading {
        padding-top: 0.5%;
        padding-bottom: 0.5%;
    }

    #instrument-sales td{
        padding-top: 1.1%;
        padding-bottom: 1.1%;
    }

    .dpc1txt2 {
        font-size: 24px;
        line-height: 24px;
    }

    .dpc1txt1, .dpc1txt3 {
        font-size: 12px;
        font-weight: 600;
        line-height: 14px;
    }

    .dpc2-left p {
        padding-bottom: 4px;
    }

    .disable-pop-container-2 img {
        max-width: 130px !important;
    }
}

@media (max-width: 584px){
    .disable-popup-wrapper {
        padding: 5px;
    }
    .sales-table-wrapper {
        height: 180px;
    }
}
/* FULLSCREEN CODE CSS (SAFARI,CHROME,MOZILA,EDGE)*/

@media(display-mode:fullscreen) {
    @keyframes icon1Animation {
        0% {
            top: 0vw;
        }

        100% {
            top: 9.333vw;

        }
    }

    @keyframes icon1AnimationReverse {
        0% {
            top: 9.333vw;
        }

        100% {
            top: 0vw;
        }
    }

    @keyframes fadeRight {
        0% {
            width: 7.667vw;
        }

        100% {
            width: 33.583vw;

        }
    }

    @keyframes fadeRightReverse {
        0% {
            width: 33.583vw;
            right: -80%;
        }

        10% {
            width: 7.667vw;
            right: 17%;
        }
    }

    @keyframes fadeLeft {
        0% {
            width: 7.667vw;
            left: 0%;
        }

        100% {
            width: 33.583vw;
            left: -381%;
        }
    }

    @keyframes fadeLeftReverse {
        0% {
            width: 33.583vw;
            left: -381%;
        }

        100% {
            width: 7.667vw;
            left: -16%;
        }
    }

    @keyframes Activediv {
        from {
            width: 12.917vw;
            height: 8.33vw;
        }

        to {
            width: 13.75vw;
            height: 20.5vw;
        }
    }

    @keyframes ActivedivTop {
        from {
            width: 13.75vw;
            height: 20.5vw;
        }

        to {
            width: 12.917vw;
            height: 8.33vw;
        }
    }

    @keyframes Leftslide {
        from {
            left: -33%;
            width: 12.917vw;
        }

        to {
            left: -60%;
            width: 7.5vw;
        }
    }

    @keyframes Rightslidediv {
        from {
            left: -33%;
            width: 12.917vw;
        }

        to {
            left: 72%;
            width: 7.5vw;
        }
    }

    @keyframes topimg {
        from {
            top: 0vw;
        }

        to {
            top: -6.667vw;
        }
    }

    @keyframes topimg-reverse {
        from {
            top: -6.667vw;
        }

        to {
            top: 0vw;
        }
    }

    @keyframes topslide {
        0% {
            top: -22%;
            width: 12.917vw;
            height: 8.33vw;
        }

        100% {
            top: -80%;
            width: 13.75vw;
            height: 20.5vw;
        }
    }

    @keyframes topslidereverse {
        0% {
            top: -80%;
            width: 13.75vw;
            height: 20.5vw;
        }

        100% {
            top: -22%;
            width: 12.917vw;
            height: 8.33vw;
        }
    }

    @keyframes ActiveEmission {
        0% {
            height: 12.167vw;
        }

        100% {
            height: 27.5vw;
        }
    }

    @keyframes inactiveEmission {
        0% {
            height: 24.667vw;
        }

        100% {
            height: 12.167vw;
        }
    }

    @keyframes drivenslideright {
        0% {
            left: -4%;
            height: 4.833vw;
            width: 29.083vw;
        }

        100% {
            left: 26%;
            height: 13.5vw;
            width: 29.083vw;
        }
    }

    @keyframes drivensliderleft {
        0% {
            left: 12%;
            height: 12.5vw;
        }

        100% {
            left: -4%;
            height: 3.5vw;
        }
    }

    @keyframes drivenwidth {
        0% {
            width: 21.25vw;
        }

        100% {
            width: 5vw;
        }
    }

    @keyframes drivenlineAnimation {
        0% {
            width: 0vw;
        }

        100% {
            width: 12.917vw;
        }
    }
}

/* WEBKIT ANIMATION */
/* CPO explore animattion */
@-webkit-keyframes Leftslidearrow {
    from {
        left: 40%;
    }

    to {
        left: -22%;
    }
}

@-webkit-keyframes Leftslideimg {
    from {
        left: 0%;
    }

    to {
        left: -60%;
    }
}
@-webkit-keyframes Rightslidearrow {
    from {
        left: 40%;
    }

    to {
        left: 110%;
    }
}
@-webkit-keyframes Rightslideimg {
    from {
        left: 0%;
    }

    to {
        left: 72%;
    }
}

@-webkit-keyframes Activediv {
    from {
        width: 11em;
        height: 7.3em;
    }

    to {
        width: 12em;
    height: 17.5em;
    }
}

@-webkit-keyframes ActivedivTop {
    from {
        width: 11.3em;
        height: 17.5em;
    }

    to {
        width: 11em;
        height: 7.3em;
    }
}

@-webkit-keyframes Leftslide {
    from {
        left: -33%;
    width: 11em;
    }

    to {
        left: -60%;
    width: 6.5em;
    }
}

@-webkit-keyframes Rightslidediv {
    from {
        left: -33%;
    width: 11em;
    }

    to {
        left: 72%;
        width: 6.5em;
    }
}

@-webkit-keyframes topimg {
    from {
        top: 0em;
    }

    to {
        top: -6.3em;
    }
}

@-webkit-keyframes topimg-reverse {
    from {
        top: -6.3em;
    }

    to {
        top: 0em;
    }
}

@-webkit-keyframes topslide {
    0% {
        top: -22%;
        width: 11em;
        height: 7.3em;
    }

    100% {
        top: -80%;
    width: 12em;
    height: 17.5em;
    }
}

@-webkit-keyframes topslidereverse {
    0% {
        top: -80%;
        width: 11.3em;
    height: 17.5em;
    }

    100% {
        top: -22%;
        width: 11em;
        height: 7.3em;
    }
}

@-webkit-keyframes Activearrow {
    0% {
        top: 78%;
    }

   100% {
        top: 176%;
    }
}
@-webkit-keyframes TopArrow {
    from {
        top: 176%;
    }

    to {
        top: 78%;
    }
}
@-webkit-keyframes toparrowslide {
    from{
        top: 78%;
    }

    to{
        top: 118%;
    }
}

/* Trade-In animation */
@-webkit-keyframes icon1Animation {
    0% {
        top: 0em;
    }

    100% {
        top: 7em;
    }
}

@-webkit-keyframes icon1AnimationReverse {
    0% {
        top:7em;

    }

    100% {
        top: 0em;
    }
}

@-webkit-keyframes fadeRight {
    0% {
        width: 5.75em;
    }

    100% {
        width: 29em;

    }
}

@-webkit-keyframes fadeRightReverse {
    0% {
        width: 29em;
    right: -80%;
    }

    10% {
        width: 6em;
    right: 17%;
    }
}

@-webkit-keyframes fadeLeft {
    0% {
        width: 6em;
    left: 0%;
    }

    100% {
        width: 29em;
        left: -381%;
    }
}

@-webkit-keyframes fadeLeftReverse {
    0% {
        width: 29em;
    left: -381%;
    }

    100% {
        width: 6.5em;
    left: -16%;
    }
}

/* Emission popup */
@-webkit-keyframes ActiveEmission {
    0% {
        height: 10.4em;
    }

    100% {
        height: 23.5em;
    }
}

@-webkit-keyframes inactiveEmission {
    0% {
        height: 20em;
    }

    100% {
        height: 10.4em;
    }
}
@-webkit-keyframes ActiveEmissionarrow {
    from {
        top: 92%;
    }

    to {
        top: 200%;
    }
}

@-webkit-keyframes inActiveEmissionarrow {
    from {
        top: 180%;
    }

    to {
        top: 92%;
    }
}

@-webkit-keyframes drivenslideright {
    0% {
        left: -4%;
        height: 3.625em;
        width:21.8125em ;
    }

    100% {
        left: 26%;
        height:11.5em ;
        width: 25em;
    }
}

@-webkit-keyframes drivensliderleft {
    0% {
        left: 12%;
        height:11.5em ;
    }

    100% {
        left: -4%;
    height: 3em;
    }
}
@-webkit-keyframes drivenrightslidearrow {
    from {
        right: 52.5%;
    }

    to {
        right: 7%;
        transform: scaleX(-1);
    }
}
@-webkit-keyframes drivenleftslidearrow {
    from {
        right: 36.5%;
        transform: scaleX(1);
    }

    to {
        right: 52.5%;

    }
}
@-webkit-keyframes drivenwidth {
    0% {
        width: 15.9375em;
    }

    100% {
        width: 4.3em;
    }
}

@-webkit-keyframes drivenlineAnimation {
    0% {
        width: 10em;
    }

    100% {
        width: 14em;
    }
}

/* WEBKIT ANIMATION END */
.rbFull#rb-main {
    padding: 0px;
}

.rbFull .fullscreen,
.rbFull .main-faqs {
    display: none !important;
}

.rbFull #rb-mainDiv {
    width: auto;
}

.rbFull .back-arrow img {
    width: 2.5vw;
    height: 2vw;
}

.rbFull .sale-img {
    width: 3.917vw;
    height: 1.667vw;
}
.rbFull .u-front{
    left: 28%;
}
.rbFull .blue-img-div img {
    width: 71.5vw;
    height: 33.333vw;
}

.rbFull .cpo-lobby-icon,
.rbFull .sustain-lobby-icon,
.rbFull .tradeIn-lobby-icon {
    width: 3.833vw;
    height: 3.833vw;
}

.rbFull.path2 {
    left: 63%;
}

.rbFull#rb-main {
    padding: 0px;
    background: #d5d7e3;
}

.rbFull .fullscreen,
.rbFull .main-faqs {
    display: none !important;
}

.rbFull #rb-mainDiv {
    width: auto;

}

.rbFull .cta-button,
.rbFull .cta-buttone4,
.rbFull .contact-btn,
.rbFull .cta-button.learn-more-btn,
.rbFull .Para_left button {
    padding: 0.8vw 1.2vw;
}

.rbFull .bottom-div-arrow::after {
    top: -25%;
    border-top: 1.667vw solid transparent;
    border-bottom: 2.167vw solid transparent;
    border-left: 3.917vw solid #EDEFF0;
}

.rbFull .c-point img {
    width: 1.333vw;
    padding-top: 2px;
}
/* .rbFull .m-img img{
    width: 2vw;
    height: 2vw;
  } */
  .rbFull .trade-in-text{
    right: 5.5%;
  }
.rbFull .ecard {
    width: 12.5vw;
    height: 20vw;
}

.rbFull .estimator-toolimg img {
    width: 40.5vw;
}

.rbFull .header-video {
    display: none !important;
}

.rbFull .cpo-webinar-icon {
    display: block;
}

.rbFull .img-sub {
    width: 5.833vw;
    height: 5.833vw;
}

.rbFull .main_circle_earth_1 {
    height: 37.5vw;
}

.rbFull .main-earth {
    width: 27vw;
    height: 26.5vw;
    left: 32.5%;
    top: 13%;
}

.rbFull .speakerData {
    height: 33.333vw;
}

.rbFull .earth_btn {
    width: 1.833vw;
    height: 1.833vw;
}

.rbFull .earth_icon {
    width: 17.833vw;

}

.rbFull .earth_icon1 {
    width: 23.667vw;

}

.rbFull .earth_icon2 {
    width: 18.167vw;

}

.rbFull .earth_icon3 {
    width: 8.833vw;

}

.rbFull .center_earth {
    height: 37.5vw;
}

.rbFull .path1 {
    top: 7.833vw;
    left: 54.2%;
}

.rbFull .path2 {
    top: 18.167vw;
    left: 62%;
}

.rbFull .path3 {
    top: 28vw;
}

.rbFull .path4 {
    top: 27.417vw;
}

.rbFull .path5 {
    top: 18.167vw;
}

.rbFull .path6 {
    top: 7.667vw;
}

.rbFull .earth_icon {
    top: 2.667vw;
}

.rbFull .earth_icon1 {
    top: 9.583vw;
}

.rbFull .earth_icon2 {
    top: 21.583vw;
}

.rbFull .earth_icon3 {
    top: 27.667vw;
    height: 9.167vw;
}

.rbFull .earth_icon4 {
    top: 21.75vw;
}

.rbFull .earth_icon5 {
    top: 10.333vw;
}

.rbFull .center_earth img {
    width: 18.75vw;
    height: 26.417vw;
}

.rbFull .Explore_img img {
    width: 15.667vw;
    height: 16.75vw;
}

.rbFull .earth_icon img,
.rbFull .earth_icon1 img,
.rbFull .earth_icon2 img,
.rbFull .earth_icon3 img,
.rbFull .earth_icon4 img,
.rbFull .earth_icon5 img {
    width: 6.667vw;
    height: 6.667vw;
}

.rbFull .path1 img,
.rbFull .path2 img,
.rbFull .path3 img,
.rbFull .path4 img,
.rbFull .path5 img,
.rbFull .path6 img,
.rbFull .Sub_path1 img,
.rbFull .Sub_path2 img,
.rbFull .Sub_path3 img,
.rbFull .Sub_path4 img,
.rbFull .Sub_path5 img,
.rbFull .Sub_path6 img {
    width: 2.25vw;
    height: 2.25vW;
}

.rbFull .close {
    font-size: 3.333vw;
}

.rbFull .Explore_img img {
    width: 15.667vw;
    height: 16.75vw;
}

.rbFull .circle_center {
    width: 6vw;
    height: 6vw;
}

.rbFull .close {
    font-size: 3.333vw;
}

.rbFull .driven2 img {
    width: 9.333vw;
    height: 11vw;
}

.rbFull .quickacess-arrow img {
    width: 1.7vw;
    height: 1.75vw;
}

.rbFull .mySlides img {
    width: 17.83vw;
}

.rbFull .autoslider {
    top: 34%;
    left: 76.5%;
}

.rbFull .dotp {
    left: 40%;
}

.rbFull .receptionist2 {
    width: 12%;
}

.rbFull .tool-video video {
    height: 28vw;
    width: 50vw;
}

.rbFull .tool-text {
    line-height: 1.667vw;
}

.rbFull .listv-img {
    width: 13.667vw;
}

.rbFull .container .video-list-container {
    height: 28vw;
}

.rbFull .container .main-video-container,
.rbFull .main-video-container2 {
    width: 50vw;
}

.rbFull img.icon-img {
    width: 5.083vw;
    height: 5.083vw;
}

.rbFull #tab-divide-line {
    height: 1.667vw;
}

.rbFull .info-imgs,
.rbFull .info-imgs1,
.rbFull .info-imgs3 {
    width: 3.5vw;
    height: 3.5vw;
}

.rbFull .area_part,
.rbFull .area_part_2,
.rbFull .area_part_3 {
    width: 21.667vw;
    height: 29.167vw;
}

.rbFull .sub_section_1 img,
.rbFull .sub_section_2 img,
.rbFull .sub_section_3 img {
    width: 15.333vw;
    height: 15.333vw;
}

.rbFull .popup-img-div1,
.rbFull .popup-img-div2,
.rbFull .popup-img-div3 {
    width: 7.667vw;
    height: 6.667vw;
}

.rbFull .popup-img-div1-active,
.rbFull .popup-img-div2-active,
.rbFull .popup-img-div3-active {
    width: 33.583vw;
    height: 8.667vw;
}

.rbFull .popup-used-instrument-img {
    top: 26%;
    /* left: 4%; */
}
.rbFull .line3{
    top: 33.1%;
}
.rbFull .img-div1,
.rbFull .img-div2,
.rbFull .img-div3 {
    width: 5.833vw;
    height: 4.25vw;
}

.rbFull .used-instrument-img img {
    height: 3.75vw;
    width: 3.75vw;
}

.rbFull #popup-div1,
.rbFull #popup-div2,
.rbFull #popup-div3 {
    height: 12.25vw;
}

.rbFull .down-arrow-img1,
.rbFull .down-arrow-img2,
.rbFull .down-arrow-img3,
.rbFull .up-arrow-img1,
.rbFull .up-arrow-img2,
.rbFull .up-arrow-img3,
.rbFull .feature-down-img1,
.rbFull .f-arrow,
.emission-down1 {
    width: 1.833vw;
}

.rbFull .right:after {
    margin-top: 0.33em;
}

.rbFull .feature1 {
    width: 7.667vw;
    height: 12.25vw;
}

.rbFull .feature-img {
    width: 4.917vw;
    height: 4.917vw;
}

.rbFull .feature-div {
    width: 12.917vw;
    height: 8.33vw;
}

.rbFull .blue-block {
    height: 6vw;
}

.rbFull .fi-content {
    margin-top: 0.6vw;
}

.rbFull .f-arrow-line:after {
    height: 3.1vw;
}

.rbFull .footer-title {
    width: 48.667vw;
    height: 1.917vw;
}

.rbFull .fc-p1 {
    width: 48.667vw;
}

.rbFull .financesolution {
    width: 16.5vw;
    height: 30.75vw;
}

.rbFull .block1 img,
.rbFull .block2 img {
    width: 3vw;
    height: 3vw;
}

.rbFull .bottom-border1::after,
.rbFull .bottom-border2::after,
.rbFull .bottom-border3::after,
.rbFull .bottom-border4::after {
    height: 1.583vw;
    width: 3.25vw;
    border-radius: 0vw 0vw 1.667vw 1.667vw;
}

.rbFull .bottom-border5::after,
.rbFull .bottom-border6::after,
.rbFull .bottom-border7::after {
    width: 3.417vw;
    height: 1.583vw;
    border-radius: 0vw 0vw 1.667vw 1.667vw;
}

.rbFull .instrument-img-card {
    width: 17.5vw;
    height: 15.333vw;
}

.rbFull .istrument-img-div {
    height: 35.33vw;
}

.rbFull #instrument-div {
    height: 38.667vw;
}

.rbFull .p1-light {
    line-height: 1.333vw;
}

.rbFull .description-p2 {
    line-height: 3.183vw;
}

.rbFull .description-p3,
.description-p6 {
    line-height: 1.75vw;
}

.rbFull .description-p4 {
    line-height: 3.083vw;
}

.rbFull .desc-imgdiv {
    width: 33.333vw;
}

.rbFull .desc-imgdiv img:nth-child(1) {
    width: 30vw;
}

.rbFull .emission {
    width: 20.417vw;
    height: 14.167vw;
}

.rbFull .emission img:first-child {
    width: 3.833vw;
    height: 3.833vw;
}

.rbFull .emission-div {
    height: 12.167vw;
}

.rbFull .d-info-img {
    width: 3.167vw;
    height: 3.167vw;
}

.rbFull .drivenline {
    width: 12.583vw;
}

.rbFull .d-info-div {
    width: 21.25vw;
    height: 3.5vw;
}

.rbFull .driven2 {
    height: 30.75vw;
}

.rbFull .driven1 {
    width: 48.667vw;
}

.rbFull .d-info-arrow {
    width: 1.5vw;
    height: 1.5vw;
}


.rbFull img.imgpath {
    width: 10vw;
    height: 9vw;
}

.rbFull .video-img {
    width: 17.083vw;
}

.rbFull .video-img img {
    width: 100%;
}

/* .rbFull .lobby-img{
            height: 90%;
        } */
.rbFull .normal-screen {
    display: block;
}

.rbFull .information-centre3 {
    right: 27%;
}

.rbFull .white-div {
    width: 14.917vw;
    height: 12.167vw;
}

.rbFull img.i-img {
    width: 2.333vw;
}

.rbFull .circle_center {
    top: 49%;
    left: 38%;
}

.rbFull .information-centre1 {
    position: absolute;
    top: 29%;
    right: 28%;
}

.rbFull .cpo-InterAct-tool-title {
    top: 2px;
}

.rbFull .info-imgs1 {
    top: 342%;
}

.rbFull #rb-lab {
    line-height: 1.417vw;
}

.rbFull .trade-header,
.rbFull .trade-header1,
.rbFull .trade-header3 {
    font-size: 1.917vw;
}

.rbFull .description-p4 {
    font-size: 2.333vw;
}

.rbFull .u-p1,
.rbFull .logo-text,
.rbFull .cpo-offer,
.rbFull .u-p1,
.rbFull .s-t1,
.rbFull .used-instrument-p1,
.rbFull .tool-p12,
.rbFull #instrument th,
#instrument-sales th
.rbFull #popUpData .tabList .tabCaption,
.rbFull .video-text,
.rbFull .e-question,
.rbFull .e-para,
.rbFull .q-access,
.rbFull .fp1,
.rbFull .instrument-heading,
.rbFull .fcb-p1,
.rbFull .tool-p1,
.rbFull .earth_icon,
.rbFull .earth_icon1,
.rbFull .earth_icon2,
.rbFull .earth_icon3,
.rbFull .earth_icon4,
.rbFull .earth_icon5,
.rbFull .speakerData p:nth-child(1),
.rbFull .dp2,
.rbFull .t1,
.rbFull .tab-head {
    font-size: 1.333vw;
}

.rbFull .u-p2,
.rbFull .u-p3,
.rbFull .img-div1 p,
.rbFull .img-div2 p,
.rbFull .img-div3 p,
.rbFull .t2,
.rbFull .estimator-tool-title,
.rbFull .c-p2,
.rbFull .c-point,
.rbFull .cpo-InterAct-tool-title,
.rbFull .circle_para,
.rbFull .circle_para1,
.rbFull .circle_para2,
.rbFull .circle_para3,
.rbFull .circle_para4,
.rbFull .circle_para5,
.rbFull .cr2,
.rbFull .cr3,
.rbFull .cr4,
.rbFull .popup-u-p3,
.rbFull .cancel-btn,
.rbFull .menu-head,
.rbFull .card-text,
.rbFull .card-link,
.rbFull .p1-light,
.rbFull .description-p6,
.rbFull .footer-p1,
.rbFull .p-head,
.rbFull .read-more,
.rbFull .read-less,
.rbFull .fcb-p3,
.rbFull .explore,
.rbFull .cta-button,
.rbFull .cpo-explore,
.rbFull .cta-button.learn-more-btn,
.rbFull .Para_left button {
    font-size: 1vw !important;
}

.rbFull .description-p2 {
    font-size: 2.6667vw;
}

.rbFull .logo-text,
.rbFull .t3,
.rbFull .info-para,
.rbFull .cp2,
.rbFull .Para_left,
.rbFull .sus-bottom,
.rbFull .s-p1,
.rbFull .explore-now,
.rbFull #instrument td,
#instrument-sales td,
.rbFull .cpo-title,
.rbFull .fc-p1,
.rbFull .driven1,
.rbFull .navigationBtn {
    font-size: 1.25vw;
}

.rbFull .t4,
.rbFull .cp3,
.rbFull .circle_center p,
.rbFull .cr1,
.rbFull .headingBold,
.rbFull .finance-content ul li {
    font-size: 1.083vw;
}

.rbFull .cp1,
.rbFull .instru-heading {
    font-size: 1.667vw;
}

.rbFull .s-t2 {
    font-size: 1.833vw;
}

.rbFull .s-t3,
.rbFull .footer-panel {
    font-size: 0.917vw;
}

.rbFull .u-heading,

.rbFull .explore-heading,
.rbFull .cpo-lobby,
.rbFull .Sustainability-lobby,
.rbFull .tradeIn-lobby,
.rbFull #popup-head,
.rbFull .modal_head p,
.rbFull .emission-head {
    font-size: 1.5vw;
}

.rbFull #rb-lab,
.rbFull .used-instrument-p2,
.rbFull .popup-img-div1 .p1,
.rbFull .popup-img-div2 .p1,
.rbFull .popup-img-div3 .p1,
.rbFull .tool-p2,
.rbFull .tool-p3,
.rbFull .ecard-img p,
.rbFull .bottom-div-arrow,
.rbFull .p-bottom,
.rbFull p.popup-text-heading,
.rbFull p.popup-text-para,
.rbFull .literature-para,
.rbFull .literature-link,
.rbFull .v-text,
.rbFull .container .main-video-container .main-vid-title,
.rbFull .container .video-list-container .list .list-title,
.rbFull .desc,
.rbFull .btn,
.rbFull .smenu-title,
.rbFull .description-p3,
.rbFull .footer-p2,
.rbFull .fcb-text,
.rbFull .fcb-p4,
.rbFull .tool-text,
.rbFull .area_part p:nth-child(2),
.rbFull #speakerData,
.rbFull .emission-p1,
.rbFull .emission-p3,
.rbFull .e-desc,
.rbFull .driven-des,
.rbFull .d-info-div,
.rbFull .tab-row,
.rbFull #speakerData2,.rbFull .listv-img-container.active:after {
    font-size: 1.167vw;
}

.rbFull .emission-p2 {
    font-size: 2.5vw;
}

.rbFull .head-text {
    font-size: 2vw;
}

.rbFull .area_part p:nth-child(1),
.rbFull .area_part_2 p:nth-child(1),
.rbFull .area_part_3 p:nth-child(1) {
    font-size: 1.417vw;
}

.rbFull .trade-buyback-popup,
.rbFull .cpo-interact-tool-popup {
    height: 89vh;
}
.rbFull .listv-img-container.active:after {
    left: 47%;
    padding: 24% 28%;
}
.rbFull .Sustainibility-disposal-popup,
.rbFull .used-instrument-popup,
.rbFull .explore-tool-popup,
.rbFull .explore-how-popup,
.rbFull .sus-video-literature-popup,
.rbFull .cpoExplore-popup,
.rbFull .financial-guide-popup,
.rbFull .sustainabilityDrivenPopup,
.rbFull .emission-popup,.rbFull .SustainExplorePopup,.rbFull .SustainQualityPopup {
    height: 48.833vw;
}

.rbFull .financesolution {
    width: 16.5vw;
    height: 31vw;
}

.rbFull .pay-type img:nth-child(1) {
    width: 5.75vw;
    height: 5.75vw;
}

.rbFull .pay-type {
    width: 15.176vw;
    height: 12.083vw;
}

.rbFull .cpo-bottom {
    right: 11%;
}

.rbFull .information-centre {
    right: 26%;
}

.rbFull .video-width {
    width: 60%;
}

.rbFull .line5 {
    width: 10.2%;
}

.rbFull #popupOverlay {
    height: 768px;
}

.rbFull .q-access {
    top: 68.7%;
    left: 45.7%;
}

.rbFull .tradeIn-lobby-icon {
    left: 10%;
}

.rbFull .popup-img-div2-active {
    left: -194%;
}

.rbFull .earth_icon {
    width: 17.833vw;
    height: 9.5vw;
}

.rbFull .earth_icon1 {
    width: 23.667vw;
    height: 6.667vw;
}

.rbFull .earth_icon2 {
    width: 18.167vw;
    height: 6.667vw;
}

.rbFull .earth_icon3 {
    width: 8.833vw;
    height: 9.167vw;
}

.rbFull .earth_icon5,
.rbFull .earth_icon4 {
    width: 7.917vw;
    height: 6.667vw;
}

.rbFull .garden-img {
    right: 0%;
    width: 100%;
}

.rbFull .normal-screen,
.rbFull .home-icon,
.rbFull .mainvideoClose {
    width: 2%;
}

.rbFull .quick-access-tab {
    width: 18.083vw;
    height: 11.333vw;
    top: 49%;
    left: 39.5%;
}

.rbFull .footer-panel,
.rbFull .p-head {
    width: 46.833vw;
}

.rbFull .fcb-p2 img {
    width: 5vw;
    height: 5vw;
}

.rbFull .center_earth img {
    width: 18.77vw;
    height: 26.417vw;
}

.rbFull .cr3 {
    margin-left: 39%;
}

.rbFull .cr4 {
    margin-left: 36%;
}

.rbFull .info-imgs3 {
    top: 427%;
    left: 33%;
}
.rbFull .info-imgs {
    left: 32%;
}
@media(max-width:1300px){
    .rbFull .circle_para1 {
        left: -31%;
    }
}
@media(max-width:1180px) {
    .rbFull .circle_center {
        top: 46%;
        left: 36%;
    }

    .rbFull .cpo-interact-tool-popup {
        width: 79.8%;
        height: 608px;
    }
    .rbFull .trade-buyback-popup{
        height: 550px;
    }

}

@media(max-width:1115px) {
 
    .rbFull .Sustainibility-disposal-popup,
    .rbFull .used-instrument-popup,
    .rbFull .explore-tool-popup,
    .rbFull .explore-how-popup,
    .rbFull .cpoExplore-popup,
    .rbFull .financial-guide-popup,
    .rbFull .sustainabilityDrivenPopup,
    .rbFull .emission-popup, .rbFull .SustainExplorePopup,.rbFull .SustainQualityPopup {
        height: 50.833vw;
    }

   
    .rbFull .modal{
        overflow-y: scroll;
    }
    .rbFull .earth_icon5 p {
        left: -131%;
    }

    .rbFull .earth_icon4 p {
        left: -189%;
    }

    .rbFull .right1 {
        margin-top: 0%;
    }

    .rbFull .circle_center {
        top: 46%;
        left: 36%;
    }

    .rbFull .header-video {
        display: none !important;
    }

    .rbFull .quick-access-tab {
        width: 15.083vw;
        height: 11.333vw;
        left: 41%;
        top: 49%;
    }

}

@media(min-width:1024px) {

    .rbFull .quick-access-tab {
        left: 41.3%;
    }
}

@media(min-width:1100px) {
    .rbFull .quick-access-tab {
        left: 41%;
    }
}

@media(min-width:1180px) {
    .rbFull .quick-access-tab {
        left: 40%;
    }

    .rbFull .modal-content {
        top: 5%;
        position: relative;
        width: 76.667vw;
        height: 89vh;
    }
}

@media(min-width:1300px) {
   
    .rbFull #popupOverlay{
        height:100vh;
    }
    .rbFull .vertical-gray-line {
        top: 44%;
    }

    .rbFull .cpo-explore {
        top: -9%;
    }

    .rbFull .cpo-explore-arrow-img {
        top: -1%;
    }

    .rbFull .Explore_img {
        margin-left: 23%;
        margin-top: 8.5%;
    }

   

    .rbFull .circle_para {
        top: -9px;
        left: -32px;
    }

}

@media(min-width:1900px) {
    .rbFull .sustainabilityDrivenPopup, .rbFull .SustainExplorePopup,.rbFull .SustainQualityPopup  {
        height: 58.833vw;
    }

    .rbFull .quick-access-tab {
        left: 39.5%;
    }

    .rbFull #popupOverlay {
        height: 108vh;
    }

    .rbFull .circle_para1 {
        left: -133px;
    }

    .rbFull .circle_center {
        top: 43%;
        left: 37%;
    }

    .rbFull #header {
        height: 5vw;
    }

    .rbFull .head-text {
        padding: 39px 30px;
    }

    .rbFull .Explore_img {
        margin-left: 19%;
        margin-top: 1.5%;
    }

    .rbFull .Explore_img img {
        width: 68%;
    }

    .rbFull .circle_para {
        top: 3px;
        left: -16px
    }

    .rbFull .certificate-text {
        top: 28%;
        right: 8.3%;
        line-height: 22px;
    }

    .rbFull .info-imgs3 {
        width: 53px;
        top: 436%;
        left: 35%;
    }

    .rbFull .cpo-lobby {
        left: 35%;
    }

    .rbFull .q-access {
        left: 45.7%;
        top: 69%;
    }

    .rbFull .quickacess-arrow {
        top: 73%;
        left: 49%;
    }

    .rbFull .teaser830 {
        height: 640px;
    }

    .rbFull .explore-how-heading:nth-child(1) {
        margin-bottom: 6.5%;
    }

    .rbFull .e-tool {
        top: 350%;
    }

}

@media(max-width:992px) {
    .rbFull #rb-mainDiv {
        overflow-y: scroll;
    }

    .rbFull .e-tool2 {
        top: 440%;
    }

    .rbFull #rb-main {
        overflow: scroll;
    }

    .rbFull .Sustainibility-disposal-popup,
    .rbFull .used-instrument-popup,
    .rbFull .explore-tool-popup,
    .rbFull .explore-how-popup,
    .rbFull .sus-video-literature-popup,
    .rbFull .cpoExplore-popup,
    .rbFull .financial-guide-popup,
    .rbFull .sustainabilityDrivenPopup,
    .rbFull .emission-popup,.rbFull .SustainExplorePopup,.rbFull .SustainQualityPopup {
        height: 56.833vw;
    }

    .rbFull .popup-img-div1-active,
    .rbFull .popup-img-div2-active,
    .rbFull .popup-img-div3-active {
        height: 9.667vw;
    }
}

@media(max-width:851px) {
    .rbFull .quick-access-tab {
        left: 41%;
    }

}
@media(max-width:768px){
    .rbFull .trade-buyback-popup{
height: 465px;
    }
    .rbFull #popupOverlay{
        height: 65vw;
    }
}
@media (max-width: 667px) {
    .rbFull .trade-buyback-popup{
        height: 400px;
            }
    .rbFull .quick-access-tab {
        left: 41%;
        height: 12.333vw;
        top: 46%;
    }

    .rbFull .cpo-lobby-icon {
        right: 49%;
        top: 5%;
    }

    .q-access {
        top: 67.2%;
    }
}

@media(max-width:653px) {
    .rbFull .istrument-img-div {
        height: 34.33vw;
    }

    .rbFull .quick-access-tab {
        /* top: 40%; */
        left: 41.2%;
    }


}