﻿.prices,
.pango-cello-yellow-ctrl { position: relative; }

/*************** Prices.aspx ******************/

.prices .page-banner-header-wrapper { background-image: url(../img/titleBanners/prices.jpg); }
.prices .prices-wrapper { padding: 70px 0 100px 0; }
.prices .prices-container { display: flex; flex-direction: column; gap: 70px; }
.prices .prices-about-wrapper { width: 100%; }
.prices .prices-about-container { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.prices .prices-about-container h2 { font-size: 24px; font-weight: 700; line-height: 32px; }
.prices .prices-list { display: flex; flex-direction: column; gap: 16px; }
.prices .prices-list li { position: relative; display: inline-block; padding-right: 30px; }
.prices .prices-list li::before { position: absolute; right: 0px; content: ""; background: url(../img/icons/carPaymentBlack.svg); background-size: contain; background-repeat: no-repeat; width: 20px; height: 19.424px; }
.prices .prices-pango-btn { border: 1px solid var(--orange); color: var(--orange); width: fit-content; padding: 10px 5px; }

.prices .quick-registration-wrapper { padding: 30px 50px;position:relative; }
.prices .quick-registration-container a { padding: 10px 67.5px; }
.prices .number-cards-wrapper { padding: 0; }

.prices .quick-registration-wrapper  .privacyPolicyParagraph {position:absolute;bottom:-35px;}

/**************@ Russian @*****************/

.prices.prices-russian .prices-about-container {direction:ltr;}
.prices.prices-russian .prices-list li::before {left:0;right:auto;}
.prices.prices-russian .prices-list li {padding-left: 30px;padding-right:0;}

.prices.prices-russian .travel-fares-ctrl .travel-fares-container {direction:ltr;}
.prices.prices-russian .travel-fares-ctrl .radio-btn-group {direction:rtl;}
.prices.prices-russian .rush-hours-ctrl .rush-hours-range-item > span {width:250px;}
.prices.prices-russian .rush-hours-ctrl .range-wrapper{width:300px;}
.prices.prices-russian  .travel-fares-ctrl .travel-fares-road-selection-table thead tr th,
.prices.prices-russian .travel-fares-ctrl .travel-fares-road-selection-table tbody tr td{text-align:left;}

.prices.prices-russian .travel-fares-ctrl .radio-btn-group {width:850px;}


/**************@ PangoCelloYellow @*****************/

.pango-cello-yellow-ctrl.pango-cello-yellow-wrapper { width: 100%;position:relative; }
.pango-cello-yellow-ctrl .pango-cello-yellow-container { display: flex; gap: 50px; }
.pango-cello-yellow-ctrl .pangoCelloYellow-card { padding: 60px 50px 66px 50px; width: 100%; height: 100%; border-radius: 10px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 7px; }
.pango-cello-yellow-ctrl .pangoCelloYellow-card:first-child { background: url(../img/prices/pangoCelloCard.svg) no-repeat; background-size: cover; background-position: center; }
.pango-cello-yellow-ctrl .pangoCelloYellow-card:nth-child(2) { background: url(../img/prices/yellowCard.svg) no-repeat; background-size: cover; background-position: right; }
.pango-cello-yellow-ctrl .pangoCelloYellow-card h2 { font-size: 24px; font-weight: 700; line-height: 32px; }
.pango-cello-yellow-ctrl .pangoCelloYellow-card p { max-width: 410px; min-height: 55px; }
.pango-cello-yellow-ctrl .pangoCelloYellow-card-btn-container { width: 100%; display: flex; gap: 25px; }

.pango-cello-yellow-ctrl .pangoCelloYellow-card-btn-container-two-btns .parallelogram-btn,
.pango-cello-yellow-ctrl .pangoCelloYellow-card .parallelogram-btn { width: 240px; height: 44px; }

.pango-cello-yellow-ctrl.pango-cello-yellow-wrapper .privacyPolicyThirdParty {position:absolute;bottom:-50px;text-align:center;}

@media (max-width: 1700px) {
    .prices .number-cards-container { width: 100%; margin: 0; }

    /**************@ Russian @*****************/

    .prices.prices-russian .travel-fares-ctrl .radio-btn-group{width:612px;}
    .prices.prices-russian .travel-fares-ctrl .radio-btn-group span {line-height:16px;}
}

@media (max-width: 1300px) {
    .pango-cello-yellow-ctrl.pango-cello-yellow-wrapper .privacyPolicyThirdParty,
    .pango-cello-yellow-ctrl.pango-cello-yellow-wrapper .privacyPolicyThirdParty .link {font-size:15px;}
}

@media (max-width: 1200px) {
    .pango-cello-yellow-ctrl .pango-cello-yellow-container { width: 100%; flex-direction: column; align-items: center; gap:80px;}
    .pango-cello-yellow-ctrl .pangoCelloYellow-card { width: 50%; text-align: center; }
    .pango-cello-yellow-ctrl .pangoCelloYellow-card > h3 { width: 100%; }
    .pango-cello-yellow-ctrl .pangoCelloYellow-card-btn-container { width: 100%; flex-direction: column; align-items: center; }

    .pango-cello-yellow-ctrl.pango-cello-yellow-wrapper .privacyPolicyThirdParty {bottom:auto;top:345px;width:540px;right:50%;margin-right:-270px;line-height: 15px;}
}

@media (max-width: 800px) {
    .prices .prices-wrapper { padding: 50px 0; }
    .prices .prices-container { gap: 50px; }
    .prices .prices-about-container { width: 90%; margin: 0 auto; }
    .prices .quick-registration-wrapper { display: none; }
    .prices-about-container li { align-items: flex-start; }

    .prices .number-cards-container { width: 90%; margin: 0 auto; }

    .pango-cello-yellow-ctrl .pango-cello-yellow-container { width: 90%; margin: 0 auto; }
    .pango-cello-yellow-ctrl .pangoCelloYellow-card { width: 100%; }
    .pango-cello-yellow-ctrl .pangoCelloYellow-card p { max-width: 100%; width: 100%; }

    .pangoCelloYellow-section { flex-direction: column; }
    .pangoCelloYellow-card-btn-container { flex-direction: column; }

     /**************@ Russian @*****************/

    .prices.prices-russian .travel-fares-ctrl .radio-btn-group{width:100%;}
}
@media (max-width: 600px) {
    .pango-cello-yellow-ctrl.pango-cello-yellow-wrapper .privacyPolicyThirdParty {width:90%;right:5%;margin-right:0;}
}

 
@media (max-width: 400px) {   
    
     /**************@ Russian @*****************/
     .prices.prices-russian .travel-fares-ctrl .radio-btn-group span {font-size:13px;line-height:12px;}
}

@media (max-width: 375px) {
    .pango-cello-yellow-ctrl .pango-cello-yellow-container {gap:100px;}
     .pango-cello-yellow-ctrl.pango-cello-yellow-wrapper .privacyPolicyThirdParty {top:380px;}
}   

