@import url('mystyle.css');

@font-face {
    font-family: CascadiaCode_VTT;
    src: url(../fonts/CascadiaCode_VTT.ttf);
}

@font-face {
    font-family: CascadiaCode_VTT;
    src: url('../fonts/CascadiaCodeItalic_VTT.ttf');
}

.bgimgET {
    background-image: url('../Images/europe-By-Train.png');
    height: auto;
    width: 100%;
    background-position: center;
    background-size: cover;
    position: relative;
    color: white;
    font-family: "Courier New", Courier, monospace;
    font-size: 25px;
    border-radius: 30px;
}

.bgimgBG {
    background-image: url('../Images/bharat-gauravB.png');
    height: 100%;
    background-position: center;
    background-size: cover;
    position: relative;
    color: white;
    font-family: "Courier New", Courier, monospace;
    font-size: 25px;
    border-radius: 30px;
}

.bgimg {
    background-image: url('../images/forest.jpg');
    height: 100%;
    background-position: center;
    background-size: cover;
    position: relative;
    color: white;
    font-family: "Courier New", Courier, monospace;
    font-size: 25px;
}


.topleft {
    position: absolute;
    left: 16px;
    top: 10px;
}

.main-booking-text {
    font-size: 24px;
    font-family: 'Segoe UI';
    color: #ffffff;
    font-weight: bold;
}

.main-booking {
    position: absolute;
    bottom: 5px;
    text-align: center !important;
    background-color: #d3c7e3;
    border: 1px solid #d32232;
    width: 80%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    opacity: 0.8;
    border-radius: 8px;
}

.main-booking-position {
    position: relative;
}

.main-booking-padding {
    padding-bottom: 10px;
    padding-top: 10px;
}

.topright {
    display: flex;
    flex-direction: row;
    position: absolute;
    right: 16px;
    top: 15px;
    font-size: 20px;
    color: white;
    font-weight: bold;
    line-height: 50px;
    text-decoration: none;
}

.bottomleft {
    display: flex;
    flex-direction: column;
    /*border:1px solid white;*/
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 16px;
    color: white !important;
    font-weight: bolder;
    font-style: italic !important;
}

.bottomright {
    display: flex;
    flex-direction: column;
    /*border:1px solid white;*/
    align-items: center;
    position: absolute;
    bottom: 0;
    right: 16px;
    font-weight: bolder;
    color: white !important;
}

.middle {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 60px;
    font-weight: bold;
}


hr {
    margin: auto;
    width: 50%;
    margin-bottom: 40px;
    color: white;
}

a {
    color: white;
    text-decoration: none;
}

    a:hover {
        color: #d32232;
        text-decoration: underline;
    }

.eighth_row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    margin-top: 10px;
    padding: 10px;
}

.icon_size {
    height: 70px;
    width: 70px;
    margin: 0px 25px;
    outline: none;
}

    .icon_size:hover {
        transform: scale(1.2);
        outline: none;
    }

.vertCenter {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.topImagePosition {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

a.bLbStyle {
    color: #100066;
    text-decoration: none;
    word-wrap: break-word;
    word-break: break-all;
    display: inline-block;
    overflow-wrap: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

    a.bLbStyle:hover {
        color: #D32232 !important;
        font-weight: bold !important;
        text-decoration: underline;
        word-wrap: break-word;
        word-break: break-all;
        display: inline-block;
        overflow-wrap: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

.imageClass {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.topbarBackground {
    /*background-image: radial-gradient(circle, #2800ff, #6d51ff, #9a84ff, #c2b5ff, #e9e5ff);*/
    background-image: url('../Images/bannerBackground.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: auto;
    border-bottom: 2px solid #2800ff;
}

.titleBackground {
    -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
    -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
    box-shadow: 1px 2px 3px rgba(0,0,0,.5);
    /*    border: 2px solid #2800ff;
*/ border-radius: 12px;
    position: relative;
}

    .titleBackground:before {
        content: '';
        position: absolute;
        top: -2px;
        bottom: -2px;
        left: -2px;
        right: -2px;
        z-index: -1;
        background: #fff;
    }

    .titleBackground:after {
        content: '';
        position: absolute;
        top: -2px;
        bottom: -2px;
        left: -2px;
        right: -2px;
        z-index: -2;
        background: #fff;
        filter: blur(40px);
    }

.neonText {
    color: #1800ff;
    text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px #0fa, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 102px #0fa, 0 0 151px #0fa;
}

.leftBlock {
    display: block;
    float: right;
    margin-right: 32px;
}

.rightBlock {
    width: 50%;
    height: 50%;
    margin-right: 1%;
    vertical-align: middle;
    float: right;
    opacity: 0.5;
}

.leftInfoBlock {
    width: 20%;
    height: 40px;
    vertical-align: middle;
    line-height: 40px;
    text-align: center;
}

.rightInfoBlock {
    width: 80%;
    height: 40px;
    vertical-align: middle;
    line-height: 40px;
}

.mDiv {
    min-height: 640px;
    padding: 0px;
}

.cpBackGround {
    height: 620px !important;
    padding: 0px;
    background-image: url("../Images/bluebackground.jpg");
    background-position: center;
    background-size: cover;
    top: 0px;
}


.imgFmcLmc {
    max-height: 50%;
    max-width: 50%;
    display: block;
    float: left;
    opacity: 0.7;
    -webkit-animation: spin 4s linear normal;
    -moz-animation: spin 4s linear normal;
    animation: spin 4s linear normal;
    margin-left: 25%;
}

    .imgFmcLmc:hover {
        transform: scale(1.5);
    }

.imgFmcLmcM {
    max-height: 50%;
    max-width: 50%;
    left: 50% !important;
    display: block;
    opacity: 0.7;
    -webkit-animation: spin 4s linear normal;
    -moz-animation: spin 4s linear normal;
    animation: spin 4s linear normal;
}


@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*@media only screen and (max-width: 767px) {
    .imageClass {
        background-image: url('/Images/tourimg089.jpg');
    }
    .leftBlock {
        text-align:center !important;
        margin:0 auto;
        width: 100%;
    }

    .rightBlock {
        width: 50%;
        height: 50%;
        opacity: 0.5;
        border: 5px solid #FFFF00;
        margin: 0 auto;
    }
    .leftInfoBlock {
        width: 20%;
        vertical-align: middle;
        text-align: center;
        overflow-x: auto;
    }
    .rightInfoBlock {
        width: 80%;
        vertical-align: middle;
        overflow-y: auto;
        text-align:left;
    }
    .mDiv {
        height: 100% !important;
        padding: 0px;
    }
    .imgFmcLmc {
        max-height: 50%;
        max-width: 50%;
        display: block;
        float: left;
        margin-left: 25%;
        opacity: 0.7;
        -webkit-animation: spin 4s linear normal;
        -moz-animation: spin 4s linear normal;
        animation: spin 4s linear normal;
    }

}*/

.firstMagadao {
    margin: 0 auto;
}

.pStyle {
    color: #ffffff;
    font-size: 16px;
    padding: 0px;
    font-family: 'Cascadia Code';
    text-align: left !important;
    padding-top: 0px;
    padding-bottom: 0px;
    opacity: 0.8;
    font-weight: 900;
    margin-left: 20px;
    margin-right: 20px;
}

    .pStyle :hover {
        font-weight: 800 !important;
    }

.pStyleET {
    color: #2800ff;
    font-size: 16px;
    padding: 0px;
    font-family: 'Cascadia Code';
    text-align: left !important;
    padding-top: 0px;
    padding-bottom: 0px;
    opacity: 0.8;
    font-weight: 800;
    margin-left: 20px;
    margin-right: 20px;
}

    .pStyleET :hover {
        font-weight: 900 !important;
    }

.pStyleVP {
    color: #2800ff;
    font-size: 17px;
    padding: 0px;
    font-family: 'Cascadia Code';
    text-align: left !important;
    padding-top: 0px;
    padding-bottom: 0px;
    opacity: 0.8;
    font-weight: 800;
    margin-left: 20px;
    margin-right: 20px;
}


.pStyleETVP {
}

    .pStyleETVP :hover {
        overflow-y: scroll !important;
        cursor: pointer;
        font-weight: 800 !important;
    }

.w3-col.s40 {
    width: 40%;
}

.w3-col.s20 {
    width: 10%;
}

.w3-col.s20Percent {
    width: 19.5%;
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.w3-col.s30Percent {
    width: 29.5%;
    margin-left: 2px !important;
    margin-right: 2px !important;
}


.w3-col.s80Percent {
    width: 80%;
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.w3-col.s90Percent {
    width: 90%;
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.w3-col.s13Percent {
    width: 13.5%;
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.w3-col.s33Percent {
    width: 32.5%;
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.smAlternate {
    background-color: #e9e5ff;
}

.w3-col.s60 {
    width: 90%;
}

.w3-col.s60Percent {
    width: 60%;
}

.w3-col.s40Percent {
    width: 40%;
}

.w3-col.s70Percent {
    width: 70%;
}

.w3-col.s10Percent {
    width: 10%;
}

.pDivBackground {
    opacity: 0.9;
    background-color: #d3f3fe;
    border-radius: 16px;
    /*  margin-left: 12px;*/
}


@media screen and (max-width: 640px) and (min-width: 240px) {
    .imageClass {
    }

    .leftBlock {
        text-align: center !important;
        margin: 0 auto;
        width: 100%;
    }

    .rightBlock {
        width: 50%;
        height: 50%;
        opacity: 0.5;
        border: 5px solid #FFFF00;
        margin: 0 auto;
    }

    .leftInfoBlock {
        width: 20%;
        vertical-align: middle;
        text-align: center;
        overflow-x: auto;
    }

    .rightInfoBlock {
        width: 80%;
        vertical-align: middle;
        overflow-y: auto;
        text-align: left;
    }

    .mDiv {
        min-height: 2000px;
        padding: 0px;
        overflow: hidden;
    }

    .imgFmcLmc {
        max-height: 80%;
        max-width: 80%;
        display: block;
        float: left;
        /*        margin-left: 25%;
*/ opacity: 0.7;
        -webkit-animation: spin 4s linear normal;
        -moz-animation: spin 4s linear normal;
        animation: spin 4s linear normal;
        float: left !important;
    }

    .footRow {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .footLeftCol {
        width: 100%;
        text-align: center;
        flex-wrap: wrap;
    }

    .footMidCol {
        width: 100%;
        text-align: center;
        flex-wrap: wrap;
    }

    .footRightCol {
        width: 100%;
        text-align: center;
        flex-wrap: wrap;
    }

    .rssTableCell {
        width: 100% !important;
        padding-left: 10px;
    }

    .imgFmcLmc {
        max-height: 50%;
        max-width: 50%;
        display: block;
        float: left;
        opacity: 0.7;
        -webkit-animation: spin 4s linear normal;
        -moz-animation: spin 4s linear normal;
        animation: spin 4s linear normal;
        text-align: center;
    }

    .irctcFirstLine {
        flex-direction: column;
        flex-wrap: wrap;
        margin: 0 auto;
    }

    .irctcC1 {
        order: 1;
        flex: 100%;
        align-content: center;
        align-items: center;
        text-align: center;
    }

    .irctcC2 {
        order: 2;
        flex: 100%;
        align-content: center;
        align-items: center;
        text-align: center;
    }

    .irctcC3 {
        order: 3;
        flex: 100%;
        align-content: center;
        align-items: center;
        text-align: center;
    }
}


@media screen and (max-width: 768px) and (min-width: 641px) {
    .imageClass {
    }

    .leftBlock {
        text-align: center !important;
        margin: 0 auto;
        width: 100%;
    }

    .rightBlock {
        width: 50%;
        height: 50%;
        opacity: 0.5;
        border: 5px solid #FFFF00;
        margin: 0 auto;
    }

    .leftInfoBlock {
        width: 20%;
        vertical-align: middle;
        text-align: center;
        overflow-x: auto;
    }

    .rightInfoBlock {
        width: 80%;
        vertical-align: middle;
        overflow-y: auto;
        text-align: left;
    }

    .mDiv {
        max-width: 768px;
        height: 840px;
        border: 2px solid #2800ff !important;
        border-color: #2800ff;
        border-radius: 12px !important;
        overflow: hidden;
    }

    .imgFmcLmc {
        max-height: 50%;
        max-width: 50%;
        display: inline-block;
        vertical-align: middle;
        opacity: 0.8;
        -webkit-animation: spin 4s linear normal;
        -moz-animation: spin 4s linear normal;
        animation: spin 4s linear normal;
        margin-left: 40px;
    }

    .footRow {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .footLeftCol {
        width: 100%;
        text-align: center;
        flex-wrap: wrap;
    }

    .footMidCol {
        width: 100%;
        text-align: center;
        flex-wrap: wrap;
    }

    .footRightCol {
        width: 100%;
        text-align: center;
        flex-wrap: wrap;
    }

    .rssTableCell {
        width: 50% !important;
        padding-left: 10px;
    }

    .imgFmcLmc {
        position: relative;
        max-height: 100%;
        max-width: 100%;
        width: auto;
        height: auto;
        top: 0;
        bottom: 0;
        margin: 0 auto;
        display: inline-block;
        vertical-align: middle;
        opacity: 0.8;
        /*        -webkit-animation: spin 4s linear normal;
        -moz-animation: spin 4s linear normal;
        -moz-animation: spin 4s linear normal;
*/
    }

    .mainDivSub {
        width: 100% !important;
    }

    .mainDiv1 {
        padding: 0.01em 16px;
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        justify-content: space-between;
    }

    .irctcFirstLine {
        flex-direction: column;
        flex-wrap: wrap;
        margin: 0 auto;
    }

    .irctcC1 {
        order: 1;
        flex: 100%;
        align-content: center;
        align-items: center;
        text-align: center;
    }

    .irctcC2 {
        order: 2;
        flex: 100%;
        align-content: center;
        align-items: center;
        text-align: center;
    }

    .irctcC3 {
        order: 3;
        flex: 100%;
        align-content: center;
        align-items: center;
        text-align: center;
    }
}

@-ms-viewport {
    width: device-width;
}

/*.mapBackGround {
    background-image: linear-gradient(to top, #ffffff, #fbfaff, #f7f5ff, #f3f0ff, #efebff, #ebe7ff, #e8e3ff, #e4dfff, #e0daff, #dcd5ff, #d8d1ff, #d4ccff);
    background-position: center;
    background-size: cover;
}*/
.mapBackGround {
    background-image: url("../Images/magamapBackground.jpg");
    background-position: center;
    background-size: cover;
}

.ferrariBlueBold {
    font-weight: bold;
    color: #2800ff;
}

.somethingCool {
    font-weight: bold;
    font-family: 'Segoe UI';
    color: #2800ff;
    font-size: 22px;
    padding-right: 2px;
    float: right;
}

.logoCss {
    vertical-align: middle !important;
    height: 50px;
    max-width: 160px;
}

.explorer {
    font-weight: bold;
    font-size: 20px;
    font-family: 'Segoe UI';
    padding: 0px;
    opacity: 1;
    padding-left: 10px;
}

.changingManner {
    background-color: #132968;
    border-radius: 0px 0px 12px 12px;
    line-height: 40px;
    opacity: 0.8;
    vertical-align: middle;
}

.changingMannerLabel {
    font-weight: bold;
    font-size: 17px;
    font-family: 'Segoe UI';
    color: #ffffff;
    opacity: 1;
    padding-left: 8px;
    padding-right: 8px;
}

.bp2seeLogo {
    height: 24px;
    width: 24px;
    opacity: 1.0;
}

.bp2seeStatementL1 {
    font-weight: bold;
    font-size: 30px;
    font-family: 'Cascadia Code';
    color: #2800ff;
}

.bp2seeStatementL2 {
    font-weight: bold;
    font-size: 30px;
    font-family: 'Cascadia Code';
    color: #d32232;
}

.conentDiv {
    display: flex;
    flex-direction: column;
    margin: auto;
    border-bottom: 2px ridge #2800ff;
    justify-content: flex-start;
    opacity: 0.6;
}

.subContentDiv {
    display: flex;
    flex-direction: row;
}

.subContentDiv1 {
    display: flex;
    flex-direction: row;
    background-color: #d3f3fe;
}

.subContentDiv2 {
    display: flex;
    flex-direction: row;
    background-color: #a0e5da;
}


.adv1Div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    margin-right: 20px;
    opacity: 0.8;
    /*    background-color: #d3f3fe;
*/
    /*background: linear-gradient(180deg, rgba(50,91,132,1) 0%, rgba(25,71,117,1) 50%, rgba(0,51,102,1) 100%);*/
    background-color: #132968;
    border-radius: 12px;
    height: 100%;
}

.w10percent {
    width: 10%;
}

.w90Percent {
    width: 90%;
}

.impInfoLine {
    background-color: #b2fff3;
    opacity: 0.8;
    border-bottom: 2px ridge #2800ff;
    border-top: 2px solid #2800ff;
}

.impInfoLineText {
    font-size: 24px;
    font-family: 'Segoe UI';
    color: #002060;
}

.bottomImpInfoLineText {
    font-size: 16px;
    font-family: 'Segoe UI';
    color: #ffffff;
    margin-top: 17px;
}

.bottomImpInfoLineTextO {
    font-size: 16px;
    font-family: 'Segoe UI';
    color: darkorange;
    margin-top: 17px;
}


.airlineImages {
    height: 40px !important;
    width: 70px !important;
}

.impInfoImages {
    height: 26px;
    width: 26px;
    vertical-align: middle;
    border-radius: 16px;
    border: 2px solid #2800ff;
    opacity: 1.0;
}

.impInfoImagesMMT {
    height: 32px;
    width: 32px;
    vertical-align: middle;
    border-radius: 4px;
    opacity: 1.0;
    margin-left: 10px;
    opacity: 1.0 !important;
}


.impInfoImagesSpecial {
    height: 48px;
    width: 48px;
    vertical-align: middle;
    border-radius: 12px;
    border: 2px solid #2800ff;
    opacity: 1.0;
}

.impInfoImagesTop {
    height: 26px;
    width: 26px;
    vertical-align: middle;
    border-radius: 16px;
    border: 2px solid #2000cc;
    opacity: 1.0;
    background-color: #94ffee;
}

.impInfoImagesHotel {
    height: 35px;
    width: 35px;
    vertical-align: middle;
    border-radius: 16px;
    border: 2px solid #2800ff;
    opacity: 1.0;
}

.mailInfo {
    font-weight: bold;
    font-family: 'Segoe UI';
    font-size: 14px;
    color: #2000cc;
}

.rssInfo1 {
    background-color: #b2fff3;
    opacity: 0.8;
}

.flightToolBackground {
    background-image: url('../Images/flightToolBackground.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 10;
}


.rssInfo2 {
    background-color: #e0fffa;
    opacity: 0.8;
}

.rssInfo1 {
    background-color: #b2fff3;
    opacity: 0.8;
}

.rssInfo3 {
    background-color: #b2fff3;
    opacity: 0.8;
}

.rssInfo4 {
    background-color: #b2fff3;
    opacity: 0.8;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}


.rssInfoTitle {
    background-color: #132968;
    height: 36px;
    vertical-align: middle;
    line-height: 36px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.rssTableCell {
    width: 20% !important;
    padding-left: 10px;
}

.fromTotxt {
    width: 100%;
    max-width: 240px;
    font-size: 14px;
    border: 1px solid #100DB5;
    border-radius: 6px;
    padding: 4px 13px 4px 30px;
    outline: none;
    color: #2800ff;
    margin-right: 20px;
    background-image: url('../Images/location.jpg');
    background-repeat: no-repeat;
    background-position: left center;
    text-align: left;
    background-color: white;
}

    .fromTotxt:focus {
        border: 3px solid #2800ff;
    }

.normaltextbox {
    border: 1px solid #000000;
}

    .normaltextbox:focus {
        border: 3px solid #2800ff;
    }

.completionList {
    border: solid 1px Gray;
    border-radius: 10px;
    margin: 0px;
    padding: 10px;
    font-size: 14px;
    overflow: auto;
    width: 290px !important;
    background-color: white;
    text-align: left !important;
    z-index: 9999 !important;
    position: absolute !important;
    height: 200px;
    overflow-x: hidden;
    overflow-y: scroll !important;
    font-family: 'Segoe UI';
    font-size: 12px;
}

.listItem {
    color: black;
    text-align: left !important;
    z-index: 9999 !important;
}

.itemHighlighted {
    color: white;
    background-color: #100DB5;
    text-align: left !important;
    z-index: 9999 !important;
}

.controlFocus {
    border: 2px solid #2800ff;
}

.flightsMap {
    width: 100%;
    height: 500px;
    position: relative;
}

.flightsMapVenue {
    width: 100%;
    height: 720px;
}


.btnBlue {
    align-items: center;
    appearance: none;
    background-color: #3EB2FD;
    background-image: linear-gradient(1deg, #4F58FD, #149BF3 99%);
    background-size: calc(100% + 20px) calc(100% + 20px);
    border-radius: 100px;
    border-width: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-flex;
    font-family: CircularStd,sans-serif;
    font-size: 1rem;
    height: auto;
    justify-content: center;
    line-height: 1.5;
    padding: 6px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color .2s,background-position .2s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: top;
    white-space: nowrap;
}

.nbColTable tr {
    border: none !important;
}

.nbColTable td {
    border-spacing: 0 !important;
    border: none !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
}


.nbColTable {
    border-collapse: collapse !important;
    border: none !important;
    border-spacing: 0 !important;
    border-collapse: separate !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: 100%;
}

.midBarGradient {
    background: hsla(239, 100%, 67%, 1);
    background: linear-gradient(90deg, hsla(239, 100%, 67%, 1) 0%, hsla(187, 100%, 89%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(239, 100%, 67%, 1) 0%, hsla(187, 100%, 89%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(239, 100%, 67%, 1) 0%, hsla(187, 100%, 89%, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#595CFF", endColorstr="#C6F8FF", GradientType=1 );
}

.rssBackground {
    background: #E5EBEB;
    background: -webkit-linear-gradient(bottom, #E5EBEB, #C0D7E4);
    background: -moz-linear-gradient(bottom, #E5EBEB, #C0D7E4);
    background: linear-gradient(to top, #E5EBEB, #C0D7E4);
}

a.smLbStyle {
    color: #0017ff;
    text-decoration: none;
    word-wrap: break-word;
    word-break: break-all;
    display: inline-block;
    overflow-wrap: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

    a.smLbStyle:hover {
        color: #D32232 !important;
        font-weight: bold !important;
        text-decoration: underline;
        word-wrap: break-word;
        word-break: break-all;
        display: inline-block;
        overflow-wrap: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        cursor: grabbing;
    }

.smFontColor {
    font-family: 'Segoe UI';
    font-size: 16px;
    color: #0017ff;
    text-align: center !important;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    border: 0.4px solid #0017ff;
    border-radius: 16px;
}

.smTitle {
    background-color: #beb2ff;
    height: 50px;
    vertical-align: middle;
    line-height: 50px;
    color: #1c00b2;
    text-align: center;
    font-weight: bold;
    border-radius: 16px;
    font-family: 'Segoe UI';
    font-size: 17px;
}

.a.smLbStyleWhite {
    color: #ffffff;
    text-decoration: none;
    word-wrap: break-word;
    word-break: break-all;
    display: inline-block;
    overflow-wrap: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

a.smLbStyleWhite:hover {
    color: #D32232 !important;
    font-weight: bold !important;
    text-decoration: underline;
    word-wrap: break-word;
    word-break: break-all;
    display: inline-block;
    overflow-wrap: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.bottomPadding {
    margin-bottom: 10px;
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.w3-col.borderSpeical {
    border: 0.5px solid #2800ff;
    width: 24%;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
}

.floatLeft {
    flex: 0 0;
    float: left;
    margin-top: 5px;
}

table.listView {
}

    table.listView th {
    }

    table.listView td {
        background-color: #c3d0fe;
    }

    table.listView tr.a td {
        background-color: #f2f2f2;
    }
/* Alternating rows */

.smallBreak {
    content: "";
    display: block;
    margin-bottom: 0em;
}

.smallBreak1 {
    content: "";
    display: block;
    margin-bottom: 2px;
}

.smallBreak2 {
    content: "";
    display: block;
    margin-bottom: 17px;
}

.smallBreakt {
    content: "";
    display: block;
    margin-bottom: 14px;
}

.smallBreakt1 {
    content: "";
    display: block;
    margin-bottom: 24px;
}

.smallBreakt2 {
    content: "";
    display: block;
    margin-bottom: 22px;
}

.smallBreakt3 {
    content: "";
    display: block;
    margin-bottom: 19px;
}

.smallBreakh {
    content: "";
    display: block;
    margin-bottom: 22px;
}

.smallBreakt4 {
    content: "";
    display: block;
    margin-bottom: 25px;
}


.footRow {
    display: flex;
    flex-direction: row
}

.footLeftCol {
    width: 40%;
    text-align: left;
}

.footMidCol {
    width: 20%;
    text-align: center;
}

.footRightCol {
    width: 40%;
    text-align: right;
}

.mainLinks {
    font-family: 'Segoe UI';
    font-size: 17px;
    margin-left: 8px;
    color: #2800ff;
    font-weight: bold;
}

.mainLinkDiv {
    flex: 1;
    width: 100%;
    margin: 0 auto;
    border: 2px solid #73677f;
    border-radius: 12px;
    text-align: left;
    /*    background-image: linear-gradient(to bottom, #ffffff, #f5fcff, #defcff, #c3feff, #b2fff3);
*/
    background-image: linear-gradient( 180deg, hsl(0deg 0% 100%) 0%, hsl(198deg 100% 99%) 8%, hsl(198deg 100% 99%) 17%, hsl(198deg 100% 98%) 25%, hsl(191deg 100% 97%) 33%, hsl(187deg 100% 95%) 42%, hsl(185deg 100% 94%) 50%, hsl(183deg 100% 92%) 58%, hsl(182deg 100% 90%) 67%, hsl(181deg 100% 88%) 75%, hsl(178deg 98% 87%) 83%, hsl(174deg 99% 86%) 92%, hsl(171deg 100% 85%) 100% );
    /*    margin-top: 15%;
*/ overflow: hidden;
    /*    background-image: linear-gradient(to bottom, #ffffff, #f5fcff, #defcff, #67c3f7, #c2fdff);
        */
}

.mainLinkDivaf {
    flex: 1;
    width: 100%;
    margin: 0 auto;
    border: 2px solid #73677f;
    border-radius: 12px;
    text-align: left;
    background-image: linear-gradient(to bottom, #ffffff, #f5fcff, #defcff, #c3feff, #b2fff3);
    overflow: hidden;
    vertical-align: middle !important;
}


.circle {
    height: 500px;
    width: 500px;
    border-radius: 250px;
    /*    background-color: #F16A23;
*/
    position: absolute;
    background-image: linear-gradient(to bottom, #ffffff, #f5fcff, #defcff, #c3feff, #b2fff3);
    margin-top: 80px;
    margin-left: -250px;
    z-index: -2;
}

.circle1 {
    height: 500px;
    width: 500px;
    border-radius: 250px;
    background-image: linear-gradient(to bottom, #ffffff, #f5fcff, #defcff, #c3feff, #b2fff3);
    position: absolute;
    right: -250px;
    margin-top: -360px;
    z-index: -3;
}

.circle2 {
    height: 500px;
    width: 500px;
    border-radius: 250px;
    background-image: linear-gradient(to bottom, #ffffff, #f5fcff, #defcff, #c3feff, #b2fff3);
    position: absolute;
    right: -250px;
    bottom: -200px;
    z-index: -4;
}

.mainContainerDiv {
    background-color: #c2fdff;
    border-radius: 12px 12px 0px 0px;
    line-height: 40px;
    vertical-align: middle;
    border-bottom: 4px solid #d32232;
}

.hrClassTop {
    width: 98%;
    border: 2px solid #003366;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 10px;
    box-shadow: 0 0 10px 1px #937fff;
}

.hrClassBottom {
    width: 98%;
    border: 2px solid #003366;
    vertical-align: middle;
    margin-bottom: 5px;
    margin-top: 10px;
    box-shadow: 0 0 10px 1px #937fff;
}

.hrClassTopF {
    width: 100%;
    border: 2px solid #003366;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 10px;
    box-shadow: 0 0 10px 1px #937fff;
}

.hrClassBottomF {
    width: 100%;
    border: 2px solid #003366;
    vertical-align: middle;
    margin-bottom: 5px;
    margin-top: 10px;
    box-shadow: 0 0 10px 1px #937fff;
}



.hrClassFlights {
    width: 50%;
    border: 2px solid #003366;
    vertical-align: middle;
    box-shadow: 0 0 10px 1px #937fff;
    margin: 0 auto;
}


::-webkit-scrollbar {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*    background: rgba(255,0,0,0.8);
*/
    background: rgba(126,102,255,1);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(255,0,0,0.4);
    }

.pbTitle {
    /*Font-Bold ="true" Font-Size="16px" Font-Names="Helvetica" ForeColor="White"*/
    color: white;
    font-family: Calibri;
    font-size: 16px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}


.helpTitle {
    /*Font-Bold ="true" Font-Size="16px" Font-Names="Helvetica" ForeColor="White"*/
    color: #2800ff;
    font-family: Calibri;
    font-size: 18px !important;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

.helpPara {
    color: #2800ff;
    font-family: Calibri;
    font-size: 16px !important;
    padding: 0px;
    margin-left: 60px;
    margin-right: 30px;
    text-align: justify;
    text-justify: inter-word;
}

.helpParaSub {
    margin-left: 30px;
}

.w3-row.custom-flex {
    display: flex;
    flex-wrap: wrap;
}

    .w3-row.custom-flex > .w3-col {
        flex: 1 0 290px;
    }

.mainDivSub {
    width: 33% !important;
    flex: 1;
}

.mainDiv1 {
    padding: 0.01em 16px;
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    align-self: center;
}



@media (max-width: 480px) {
    .mainDivSub {
        width: 100% !important;
    }

    .mainDiv1 {
        padding: 0.01em 16px;
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        justify-content: space-between;
    }

    .irctcFirstLine {
        flex-direction: column;
        flex-wrap: wrap;
        margin: 0 auto;
    }

    .irctcC1 {
        order: 1;
        flex: 100%;
        align-content: center;
        align-items: center;
        text-align: center;
    }

    .irctcC2 {
        order: 2;
        flex: 100%;
        align-content: center;
        align-items: center;
        text-align: center;
    }

    .irctcC3 {
        order: 3;
        flex: 100%;
        align-content: center;
        align-items: center;
        text-align: center;
    }
}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
    .mainDivSub {
        width: 100% !important;
    }

    .mainDiv1 {
        padding: 0.01em 16px;
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        justify-content: space-between;
    }

    .irctcFirstLine {
        flex-direction: column;
        flex-wrap: wrap;
        margin: 0 auto;
    }

    .irctcC1 {
        order: 1;
        flex: 100%;
        align-content: center;
        align-items: center;
        text-align: center;
    }

    .irctcC2 {
        order: 2;
        flex: 100%;
        align-content: center;
        align-items: center;
        text-align: center;
    }

    .irctcC3 {
        order: 3;
        flex: 100%;
        align-content: center;
        align-items: center;
        text-align: center;
    }
}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {
    .mainDivSub {
        width: 100% !important;
    }

    .mainDiv1 {
        padding: 0.01em 16px;
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        justify-content: space-between;
    }

    .irctcFirstLine {
        flex-direction: column;
        flex-wrap: wrap;
        margin: 0 auto;
    }

    .irctcC1 {
        order: 1;
        flex: 100%;
        align-content: center;
        align-items: center;
        text-align: center;
    }

    .irctcC2 {
        order: 2;
        flex: 100%;
        align-content: center;
        align-items: center;
        text-align: center;
    }

    .irctcC3 {
        order: 3;
        flex: 100%;
        align-content: center;
        align-items: center;
        text-align: center;
    }
}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {
    .mainDivSub {
        width: 33% !important;
        flex: 1;
    }

    .mainDiv1 {
        padding: 0.01em 16px;
        width: 100%;
        display: flex;
        flex-direction: row;
        margin: 0 auto;
        justify-content: space-between;
    }
}

/* Media Query for Large screens */
@media (min-width: 1281px) {
    .mainDivSub {
        width: 33% !important;
        flex: 1;
    }

    .mainDiv1 {
        padding: 0.01em 16px;
        width: 100%;
        display: flex;
        flex-direction: row;
        margin: 0 auto;
        justify-content: space-between;
    }
}


.lastHLStyle {
    font-size: 17px;
    font-family: 'Segoe UI';
    color: #2800ff;
}

.fStyle {
    color: #2800FF;
    font-family: Segoe UI;
    font-size: 14px;
}

.imgMiddle {
    vertical-align: middle !important;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.imgFlight1 {
    width: 70%;
    background-color: transparent;
    vertical-align: middle;
    margin: 0 auto !important;
}

.imgTrain {
    width: 90%;
    background-color: transparent;
    vertical-align: middle;
    margin: 0 auto !important;
}

.rssFeedStyle {
    font-size: 14px;
    font-family: 'Segoe UI';
    color: #2800ff;
    font-weight: 600;
}

.rssHeader {
    font-size: 14px;
    font-family: 'Segoe UI';
    color: #ffffff;
    font-weight: 800;
}

.imgRss {
    vertical-align: middle;
    height: 32px;
    width: 32px;
}

.rssSpan {
    font-family: 'Segoe UI';
    font-size: 12px;
    margin-left: 8px;
}

.rssImage {
    height: 36px;
    width: 36px;
    margin-right: 10px
}

.mainImage {
    border-radius: 50% !important;
    /*    height: 100%;
    width: 100%;
*/

    position: relative;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    top: 0;
    bottom: 0;
    margin: 0 auto !important;
    display: block;
    align-content: center;
    align-items: center;
    text-align: center !important;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
    -moz-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
    box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
    object-fit: cover;
}

.leftImage {
    border-radius: 12px !important;
    position: relative;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    top: 0;
    bottom: 0;
    margin: 0 auto !important;
    display: block;
    align-content: center;
    align-items: center;
    text-align: center !important;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
    -moz-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
    box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
    object-fit: cover;
}


.mainImageAir {
    border-radius: 50%;
    position: relative;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    top: 0;
    bottom: 0;
    margin: 0 auto !important;
    display: block;
    align-content: center;
    align-items: center;
    text-align: center !important;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
    -moz-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
    box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
}

.h2Style {
    font-family: 'Segoe UI';
    font-size: 26px;
    color: #2800ff;
    margin: auto;
    width: 90%;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    backdrop-filter: blur(10px);
}

.h2StyleWhite {
    font-family: 'Segoe UI';
    font-size: 17px;
    color: #ffffff;
    margin: auto;
    width: 90%;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
}


.h3Style {
    font-family: 'Segoe UI';
    font-size: 17px;
    color: #2800ff;
    margin: 0 auto;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 6px;
    font-weight: 900;
}

.h3StyleC {
    font-family: 'Segoe UI';
    font-size: 19px;
    color: #2800ff;
    margin: 0 auto;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 6px;
    font-weight: 600;
}

.h3StyleC1 {
    font-family: 'Segoe UI';
    font-size: 19px;
    color: #2800ff;
    margin: 0 auto;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: 800;
}

.h3StyleC2 {
    font-family: 'Segoe UI';
    font-size: 19px;
    color: #2800ff;
    margin: 0 auto;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: 800;
}


.h3StyleET {
    font-family: 'Segoe UI';
    font-size: 17px;
    color: #2800ff;
    margin: 0 auto;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 6px;
    font-weight: 700;
}

.h3StyleEbt {
    font-family: 'Segoe UI';
    font-size: 15px;
    color: #2800ff;
    margin: 0 auto;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 6px;
    font-weight: 600;
}

.h3StyleEbt1 {
    font-family: 'Segoe UI';
    font-size: 15px;
    color: #2800ff;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 2px;
    font-weight: 600;
    display: inline;
    align-content: flex-start;
}


.h4StyleEbt {
    font-family: 'Segoe UI';
    font-size: 15px;
    color: #2800ff;
    margin: 0 auto;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 6px;
    font-weight: 400;
    float: left;
}

.h4StyleEbtC {
    font-family: 'Segoe UI';
    font-size: 15px;
    color: #2800ff;
    margin: 0 auto;
    text-align: center !important;
    padding-top: 0px;
    padding-bottom: 6px;
    font-weight: 500;
}

.h4Stylett {
    font-family: 'Segoe UI';
    font-size: 20px;
    color: #2800ff;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: 600;
    padding-right: 60px;
}


.lbEbt {
    color: #2800ff;
    font-size: 15px;
    font-family: 'Segoe UI';
}


.h3StyleET {
    font-family: 'Segoe UI';
    font-size: 18px;
    color: #3857cb;
    margin: 0 auto;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 6px;
    font-weight: 700;
}

.h3Stylett {
    font-family: 'Segoe UI';
    font-size: 26px;
    color: #3857cb;
    margin: 0 auto;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 6px;
    font-weight: 700;
}

.h3Stylemmt {
    font-family: 'Segoe UI';
    font-size: 26px;
    color: #3857cb;
    margin: 0 auto;
    text-align: right;
    padding-top: 0px;
    padding-bottom: 6px;
    font-weight: 700;
}

.h2StyleBold {
    font-family: 'Segoe UI';
    font-size: 26px;
    color: #2800ff;
    margin: auto;
    text-align: center !important;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 900;
    display: inline-block;
}

.h2StyleTrains {
    font-family: 'Segoe UI';
    font-size: 16px;
    font-weight: 500;
    color: #2800ff;
    margin: auto;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    backdrop-filter: blur(10px);
    display: inline;
}

.h2StyleMMT {
    font-family: 'Segoe UI';
    font-size: 22px;
    color: #2800ff;
    margin: auto;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
    text-decoration: underline;
}

.h2StyleIrctc {
    font-family: 'Segoe UI';
    font-size: 17px;
    font-weight: 600;
    color: #2800ff;
    margin: auto;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    backdrop-filter: blur(10px);
    display: inline;
}

.h2StyleHotels {
    font-family: 'Segoe UI';
    font-size: 17px;
    font-weight: 600;
    color: #ffffff;
    background-color: #2800ff;
    margin: auto;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 100%;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.h2StyleSpecial {
    font-family: 'Segoe UI';
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    background-color: #2800ff;
    width: 100% !important;
    margin: 0 auto;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 0px;
    padding-right: 0px;
    backdrop-filter: blur(10px);
    border-radius: 8px;
}


.h3Language {
    font-family: 'Segoe UI';
    width: 99%;
    font-size: 14px;
    color: #ffffff;
    /*    background-color: #2800ff;
*/ margin: 0 auto;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 500;
    border-radius: 8px;
    background-image: linear-gradient(to left, #2800ff, #e9e5ff);
}

.h3LanguageMMT {
    font-family: 'Segoe UI';
    width: 99%;
    font-size: 17px;
    color: #000000;
    margin: 0 auto;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 500;
    border-radius: 8px;
    /*background-image: linear-gradient(to left, #553c9a, #b393d3);*/
    background-image: linear-gradient(to right, #b6fbff, #83a4d4);
}


.h3StyleBottom {
    font-family: 'Segoe UI';
    font-size: 14px;
    /*    color: #FFFFFF;
*/ color: #f5ecee;
    margin: 0 auto;
    text-align: center;
    padding-top: 0px;
    font-weight: 800;
    background-color: #0f206c;
    text-decoration: underline;
}

.bottomColor {
    background-color: #132968;
    border-radius: 12px;
}

.bottomColorClick {
    background-color: #11245d;
    border-radius: 8px;
}

.bn632-hover {
    width: 80px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    cursor: pointer;
    margin: 10px;
    height: 30px;
    text-align: center;
    border: none;
    background-size: 300% 100%;
    border-radius: 50px;
    background-color: #2800ff;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

    .bn632-hover:hover {
        background-position: 100% 0;
        moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .bn632-hover:focus {
        outline: none;
    }

    .bn632-hover.bn26 {
        background-image: linear-gradient( to right, #25aae1, #4481eb, #04befe, #3f86ed );
        box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
    }

.pStyleIRCTC {
    font-family: Consolas;
    font-size: 16px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #2800ff;
    text-align: justify;
    font-display:
}

.pStylett {
    font-family: Consolas;
    font-size: 17px;
    color: #2800ff;
    text-align: justify;
    padding: 0;
    margin: 0;
    padding-left: 60px;
    padding-right: 60px;
}



.img-magnifier-container {
    position: relative;
}

.img-magnifier-glass {
    position: absolute;
    border: 3px solid #2800ff;
    border-radius: 50%;
    cursor: none;
    /*Set the size of the magnifier glass:*/
    width: 100px;
    height: 100px;
}

.imageMap {
    width: 100% !important;
    height: 100% !important
}

.magnify > .magnify-lens {
    background-color: #fff !important; /* Prevent adjacent image from appearing in lens */
}

.lbCenter {
    text-align: center;
}

.hrWithLowMargin {
    display: block;
    margin: 0 0 0 auto;
    border: none;
    border-style: inset;
    border-width: 1px;
    border-color: #2800ff;
    width: 100%;
}

.purple {
    color: #800080;
}

.glowing-border {
    border-radius: 8px;
    box-shadow: 2px 2px 20px 2px #2800ff;
    display: block;
}

.glowing-borderRed {
    border-radius: 8px;
    box-shadow: 2px 2px 20px 2px #ff2800;
    display: block;
}

.glowing-borderRed-inline {
    border-radius: 8px;
    box-shadow: 2px 2px 20px 2px #ff2800;
    display: inline-block;
}

.glowing-border-inline {
    border-radius: 8px;
    box-shadow: 2px 2px 20px 2px #2800ff;
    display: inline-block;
}

.specialAdd {
    margin: 0 auto;
    background-color: ghostwhite;
    border-radius: 12px;
}

.spBackground {
    /*    background-color: #FCFCFF;
*/
    /*   background-image: linear-gradient(-225deg, #FFFEFF 0%, #D7FFFE 100%);*/
    background-color: #f0f8ff;
}


.chocklateBorder {
    border-bottom: 2px solid #6a0f4a;
    border-top: 2px solid #6a0f4a;
}

#innerCircle {
    display: flex;
    gap: 40px;
    color: #fff;
    z-index: -5;
}

    #innerCircle .circlex {
        position: relative;
        width: 33%;
        height: 98%;
        display: flex;
        justify-content: center;
        justify-items: center;
        align-items: center;
    }

.size5Font {
    /*font face="Segoe UI" color="#2800FF" size="5"*/
    font-family: 'Segoe UI';
    color: #2800ff;
    font-size: 5px;
}

hr.style4 {
    border-top: 1px dotted #8c8b8b;
}

hr.style-seven {
    overflow: visible; /* For IE */
    height: 30px;
    border-style: solid;
    border-color: #2800ff;
    border-width: 2px 0 0 0;
    border-radius: 20px;
}

    hr.style-seven:before { /* Not really supposed to work, but does */
        display: block;
        content: "";
        height: 30px;
        margin-top: -31px;
        border-style: solid;
        border-color: #2800ff;
        border-width: 0 0 2px 0;
        border-radius: 20px;
    }

.opacityDiv {
    opacity: 0.9;
}

.spanIrctcTitle {
    font-family: Consolas;
    font-weight: bold;
    color: #3857cb;
    font-size: 17px;
}

.spanIrctcContent {
    font-family: Consolas;
    font-weight: 500;
    color: #2800ff;
    font-size: 16px;
}

/*.boxshadow {
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;*/ /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
/*-moz-box-shadow: 3px 3px 5px 6px #ccc;*/ /* Firefox 3.5 - 3.6 */
/*box-shadow: 3px 3px 5px 6px #ccc;*/ /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
/*}*/

.boxshadow {
    -webkit-box-shadow: 3px 3px 5px 6px #a999ff; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 3px 3px 5px 6px #a999ff; /* Firefox 3.5 - 3.6 */
    box-shadow: 3px 3px 5px 6px #a999ff; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.bg-image {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*background-image: linear-gradient( 180deg, hsl(0deg 0% 100%) 0%, hsl(198deg 100% 99%) 8%, hsl(198deg 100% 99%) 17%, hsl(198deg 100% 98%) 25%, hsl(191deg 100% 97%) 33%, hsl(187deg 100% 95%) 42%, hsl(185deg 100% 94%) 50%, hsl(183deg 100% 92%) 58%, hsl(182deg 100% 90%) 67%, hsl(181deg 100% 88%) 75%, hsl(178deg 98% 87%) 83%, hsl(174deg 99% 86%) 92%, hsl(171deg 100% 85%) 100% );
*/
.bgTopMMT {
    /*    background-image: linear-gradient( 45deg, hsl(0deg 0% 100%) 0%, hsl(244deg 100% 95%) 11%, hsl(242deg 100% 90%) 20%, hsl(239deg 100% 85%) 28%, hsl(242deg 100% 82%) 34%, hsl(246deg 100% 78%) 40%, hsl(249deg 100% 75%) 44%, hsl(249deg 100% 72%) 48%, hsl(249deg 100% 68%) 51%, hsl(249deg 100% 65%) 55%, hsl(249deg 100% 61%) 60%, hsl(248deg 100% 57%) 68%, hsl(249deg 100% 50%) 100%);*/
    background-image: linear-gradient( 90deg, hsl(0deg 0% 100%) 0%, hsl(249deg 100% 97%) 18%, hsl(249deg 100% 94%) 26%, hsl(249deg 100% 90%) 33%, hsl(243deg 100% 89%) 39%, hsl(237deg 100% 87%) 44%, hsl(232deg 100% 85%) 50%, hsl(238deg 100% 84%) 56%, hsl(244deg 100% 82%) 61%, hsl(249deg 100% 80%) 67%, hsl(249deg 100% 78%) 74%, hsl(249deg 100% 77%) 82%, hsl(249deg 100% 75%) 100% );
}

.bgBotMMT {
    background-image: linear-gradient( 45deg, hsl(0deg 0% 100%) 0%, hsl(244deg 100% 95%) 11%, hsl(242deg 100% 90%) 20%, hsl(239deg 100% 85%) 28%, hsl(242deg 100% 82%) 34%, hsl(246deg 100% 78%) 40%, hsl(249deg 100% 75%) 44%, hsl(249deg 100% 72%) 48%, hsl(249deg 100% 68%) 51%, hsl(249deg 100% 65%) 55%, hsl(249deg 100% 61%) 60%, hsl(248deg 100% 57%) 68%, hsl(249deg 100% 50%) 100%);
}

.irctcFirstLine {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}

.irctcC1 {
    order: 1;
    flex: 20%;
    align-content: center;
    align-items: center;
    text-align: center;
}

.irctcC2 {
    order: 2;
    flex: 40%;
    align-content: center;
    align-items: center;
    text-align: center;
}

.irctcC3 {
    order: 3;
    flex: 40%;
    align-content: center;
    align-items: center;
    text-align: center;
}

.imageRoundedCorner {
    border-radius: 12px;
}

.rcbInput .rcbInputCell {
    font: 16px 'Segoe UI', arial,verdana,sans-serif !important;
    color: darkblue;
}

.rcbItem .rcbInputCell {
    font: 16px 'Segoe UI', arial,verdana,sans-serif !important;
    color: #2800ff;
}

.hr90 {
    width: 90%;
    margin: 0 auto;
    border: 1px solid #2800ff;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
}

.hr60 {
    width: 60%;
    margin: 0 auto;
    border: 2px solid #2800ff;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
}

.centText {
    text-align: center;
}

.contentPara {
    font-family: 'Segoe UI';
    font-size: 17px;
    margin-left: 8px;
    padding-top: 2px !important;
    vertical-align: middle;
    text-align: justify;
    text-wrap: normal;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    color: #2800ff;
    max-height: 270px;
    display: flex;
    padding-bottom: 2px !important;
}

    .contentPara:hover {
        overflow-y: scroll !important;
        cursor: pointer;
    }

.vpImage {
    height: 256px;
    width: 256px;
    min-height: 256px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    border-radius: 12px;
}

.vpHr {
    width: 98%;
    margin: 0 auto;
    border: 1px solid #2800ff;
    vertical-align: middle;
    margin-top: 20px;
    margin-bottom: 20px;
}

.ulysDiv {
    background-color: ghostwhite;
    border-radius: 12px;
    opacity: 0.8;
    border: 2px solid #2800ff;
}

.glassBackground {
    /* From https://css.glass */
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.normalAzure {
    background-color: azure;
}

.normalWhite {
    background-color: #ffffff;
}

.highlight {
    background-color: #b2fff3;
}

#imgGallery {
    position: relative;
    width: 728px; /* Set your image width */
    height: 90px; /* Set your image height */
}

    #imgGallery img {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
    }

        #imgGallery img.active {
            display: block;
        }

.imagesMainDiv {
    max-width: 98%;
    max-height: 98%;
    border-radius: 12px;
    vertical-align: middle;
    text-align: center;
}

.agoda-booking {
    margin: 0 auto;
    display: inline-block;
    border-radius: 12px;
}

.booking-com-booking {
    margin: 0 auto;
    border-radius: 12px;
    display: inline-block;
    height: auto;
    width: 60%;
}

.continents {
    margin: 0 auto;
    border-radius: 12px;
    display: inline-block;
    height: auto;
    width: 98%;
}

.grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
    padding: 10px;
}

.grid-item1 {
    width: 5%;
}

.grid-item2 {
    width: 30%;
}

.grid-item3 {
    width: 65%;
}

.quatar-airways {
    display: inline-block;
}

.pStyleTravel {
    font-family: 'Segoe UI';
    font-size: 15px;
    color: #002060;
    /*word-wrap: break-word;*/
    overflow-wrap: break-word;
    width: 100%;
}

.underLineText {
    text-decoration-line: underline;
    text-decoration-color: #ff2800;
    text-decoration-thickness: 4px;
}

.datetxt {
    width: 200px;
    font-size: 16px;
    border: 1px solid #100DB5;
    color: black;
    z-index: 2;
}

.budgetButton {
    text-align: center;
    width: 200px;
    border-width: 4px;
    background-color: azure;
    border-radius: 12px;
}

    .budgetButton:hover {
        background-color: #b2fff3;
        border-color: #2800ff;
    }


/*.ui-datepicker-calendar {
    z-index: 99999999;
}*/
.rowColor {
    background-color: white;
}

.altRowColor {
    background-color: azure;
}

.submit-progress-bg {
    background-color:  snow;
    opacity: 0.6;
}

.submit-progress {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 17em;
    padding-top: 2.3em;
    z-index: 9999999;
    /* The following properties are the ones most likely to change */
    width: 36em;
    /* Set 'margin-left' to a negative number that is 1/2 of 'width' */
    transform: translate(-50%, -50%);
    // background-color: #d4ccff;
    background-color: rgba(40,0,255,1);
    color: #ffffff;
    font-weight: bold;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    text-align:center;
    /*   box-shadow: 0.4em 0.4em rgba(0,0,0,0.6);
    -webkit-box-shadow: 0.4em 0.4em rgba(0,0,0,0.6);
    -moz-box-shadow: 0.4em 0.4em rgba(0,0,0,0.6);
    opacity: 1;*/
}

/* Changing style for spinner */
/*.submit-progress {
    padding-top: 2em;
    width: 60em;
    margin-left: -30em;*/ /* Set to a negative number that is 1/2 of the width */
/*}

    .submit-progress i {
        margin-right: 0.5em;
    }*/

.hidden {
    display: none;
}