.primaryColor {
    color: var(--primary);
}

.btn--primary {
    background-color: var(--primary);
    color: #fff;
}

.terminalBtnWidth {
    font-weight: 500;
    width: 295px;
    padding: 7px 16px !important;
}

.transitGuideBtn.terminalActive {
    background-color: var(--primary);
    color: #fff;
}

.comuteterminal {
    color: var(--Secondary-secondary-500, #F77D0D);
    text-align: center;
    font-size: 36px;
    font-style: normal;
}

.table-no-border td,
.table-no-border th {
    border: none;
    border-bottom: 1px solid var(--Grays-Gray-2, #AEAEB2);
}

.cVideoSec {
    padding: 11px 100px;
    background: var(--Secondary-secondary-100, #FDD7B4);
}

.babyFoodSec {
    background: #FEF2E7;
}

.babyfoodImg,
.Travel-Friendly-Tips-img,
.layoversImgs {
    width: 100%;
    height: 334px;
    object-fit: cover;
    border-radius: 15px;
}

.babyFoodPara {
    margin-left: 30px;
}

.terminalContinueBtn {
    font-size: 18px;
    font-weight: 500;
}

.tablebody tr td {
    font-weight: 500;
    color: #000;
}

.paragraphWeight {
    font-weight: 500;
}

.headingh2 {
    font-size: 24px;
}

.headingh3 {
    font-size: 36px;
    font-weight: 500;
}

.paragraphSize,
.paragraphSize20,
.fontSize20 {
    font-size: 20px;
    font-weight: 500;
}

.paragraphSize24,
.fontSize24 {
    font-size: 24px;
    font-weight: 500;
}

.paragraphSize18,
.fontSize18 {
    font-size: 18px;

}

.fontSize32 {
    font-size: 32px;
}

.fontSize18 {
    font-size: 18px;
}

.fontSize16 {
    font-size: 16px;
}

.fontSize14 {
    font-size: 14px;
}

.fontWt400 {
    font-weight: 400;
}

.fontWt500 {
    font-weight: 500;
}

.fontWt700 {
    font-weight: 700;
}


.playzoneCardText {
    line-height: 25.2px;
    /* font-family: Amplitude; */
}

#babyCareCards .card {
    border: 0px;
}

#babyCareCards .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 334px;
    border-radius: 10px;
}

.innerBannerImgBabyCare {
    width: 100%;
    height: 385px;
    object-fit: cover;
    background-position: center;
}

.innerBannerImgBabyCare {
    width: 100%;
    height: 400px;
    object-fit: cover;
    background-position: center;
}


.innerBannerImg {
    min-height: 385px;
}

.selfBaggageImg,
.selfBaggageImgComplex {
    width: 300px;
    height: 149px;
    max-height: 149px;
    object-fit: cover;
    background-position: center;
    Border-radius: 10px;
}

.selfBagdropBenifits {
    background: var(--Secondary-secondary-50, #FEF2E7);
}

.selfBaggageBenifitsImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-position: center;
    Border-radius: 10px;
}

.benifitscards.card {
    background-color: transparent;
}

.blueBg {
    background: var(--Primary-primary-50, #E6EAEF);
}

.innerBannerImgBaggageDrop {
    width: 100%;
    height: 385px;
    object-fit: cover;
    background-position: center;
}

.terminalBtnWidthh {
    font-weight: 500;
    width: 195px;
    padding: 7px 16px !important;
    text-align: center;
}

.layoverTtransitBtnSec {
    margin-top: 5px;
}

.terminalBtnWidth {
    text-align: center;
}

.padding716 {
    padding: 7px 16px !important;
}

.moreInfoBtn {
    width: auto !important;
    height: 41px;
    font-size: 14px !important;
}

@media (max-width:1225px) {
    .selfBaggageImg {
        height: auto;
        width: 200px;
        object-fit: cover;
    }

    .selfBaggageImgComplex {
        height: 140px;
        width: 200px;
        object-fit: cover;
    }

    .terminalBtnSec {
        gap: 15px;
        flex-wrap: wrap;
    }

    .headingh3 {
        font-size: 24px;
        font-weight: 500;
    }
}

@media (max-width:769px) {

    .terminalBtnWidth,
    .terminalBtnWidthh {
        width: 100%;
    }

    .transitBtnSec {
        margin-top: 0px;
    }

    .innerBannerImg {
        height: 206px;
        min-height: 206px;
    }

    .innerBannerImgBabyCare {
        height: 385px;
        max-height: 385px;
    }

    .paragraphSize {
        font-size: 14px;
    }

    .Inter-Terminal-Heading {
        font-size: 18px;
    }

    .Inter-Terminal-Para {
        font-size: 16px;
    }

    .commuteSec .terminalBtnWidth,
    .btn {
        width: 100% !important;
    }

    .comuteterminal {
        font-size: 16px;
    }

    .comuteterminalSec tr th {
        font-size: 15px;
    }

    .comuteterminalSec tr td,
    .smFontSize14 {
        font-size: 14px;
    }

    .smFontSize18 {
        font-size: 18px;
    }

    .cVideoSec {
        padding: 0px 20px;
    }

    .babyCareHedaing {
        font-size: 18px;
    }

    .babyCareh2 {
        font-size: 16px;
    }

    .babyCarePara {
        font-size: 14px;
    }

    .headingh3 {
        font-size: 20px;
    }

    .paragraphSizeSm12,
    .fontSizeSm12 {
        font-size: 12px;

    }

    .fontSizeSm14 {
        font-size: 14px;

    }

    .paragraphSizeSm18,
    .fontSizeSm18 {
        font-size: 18px;

    }

    .paragraphSizeSm16,
    .fontSizeSm16 {
        font-size: 16px;

    }

    .smPadding {
        padding: auto 30px;
    }

    .fontSizeSm20 {
        font-size: 20px;
    }

    #babyCareCards .card img {
        max-height: 238px;
    }

    .babyFoodPara {
        padding-top: 20px;
        margin-left: auto;
    }

    .selfBaggageImg {
        height: auto;
        width: 110px;
        object-fit: cover;
    }

    .selfBaggageImgComplex {
        height: 110px;
        width: 110px;
        object-fit: cover;
    }

    .orderChangesdiv {
        width: 69%;
    }

    .selfBaggageBenifitsImg {
        width: 250px;
    }

    .innerBannerImgBaggageDrop {
        height: 300px;
        max-height: 300px;
    }

    .selfBaggagelist {
        padding-top: 20px;
    }

    .passengerguidesec {
        margin-bottom: 20px;
    }

    .innerBannerLineSm {
        display: none;
    }

    .babyfoodImg {
        border-radius: 15px;
        height: 200px;
        width: 100%;
        object-fit: cover;
    }

    .babyfoodImg {
        border-radius: 15px;
        height: 180px;
        width: 300px;
        object-fit: cover;
    }

    .layoverTtransitBtnSec .transitBtnSec a {
        display: block;
    }

    .layoversSecSm {
        text-align: center;
    }

    .layoversImgs {
        text-align: center;
        width: 300px;
        height: 180px;
        object-fit: cover;
    }

    .moreInfoBtn {
        width: auto !important;
        height: 31px !important;
        font-size: 14px;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
    }

}

@media (max-width:376px) {

    .selfBaggageImg,
    .selfBaggageImgComplex {
        height: 81px;
        width: 81px;
        object-fit: cover;
        margin-top: 26px;
    }

    .selfBaggagelist {
        padding-top: 0px;
    }
}

@media (max-width:376px) {
    .selfBaggagelist {
        padding-top: 26px;
    }
}