.transportation_main .gradient_header {
    background: #5888d3;
    background: linear-gradient(180deg, #235fbbeb, #3064b6ba, #093782f7);
}
.transportation_main .headergallerila .p-galleria-thumbnail-item-current .p-galleria-thumbnail-item-content {
    background: linear-gradient(0deg, #5888d3 0%, #6a9ae5 100%) !important;
    box-shadow: #5888d36b 0px 0px 0px 0.2rem !important;
}
.transportation_main .headergallerila .p-galleria-thumbnail-item-content:hover {
      background: linear-gradient(0deg, #adc7f1 0%, #b3d1ff 100%) !important;
    box-shadow: #5888d36b 0px 0px 0px 0.2rem !important;
}
.transportation_main .headergallerila .p-galleria-thumbnail-item-content {
    box-shadow: 1px 1px 5px #24202230 !important;
    background: linear-gradient(0deg, #cbdfff, #5698ff);
}
.transportation_main .tab button.active {
    background: #0845a2;
    background: linear-gradient(0deg, #2d76e7 0%, #174fa7 100%) !important;
}
.transportation_main .tab button:hover {
    background: #0845a2;
    background: linear-gradient(0deg, #2d76e7 0%, #174fa7 100%) !important;
}
.transportation_main .esri-widget--button {
    color: #fff;
    background: #5888d3;
    background: linear-gradient(0deg, #174fa7 0%, #2d76e7 100%) !important;
}
.transportation_main .esri-widget--button:hover {
    background: linear-gradient(0deg, #2d76e7 0%, #174fa7 100%) !important;
    color: #87b2f5 !important;
}
.transportation_main .tab {
    background: linear-gradient(0deg, #063887 0%, #679bec 100%);
}
.transportation_main .play.carousel-pause {
    color: #aecdfd;
    background: #5888d3;
    background: linear-gradient(0deg, #174fa7 0%, #2d76e7 100%) !important;
}
.transportation_main .play.carousel-pause:hover {
    color: #acc7f2 !important;
    background: #5888d3;
    background: linear-gradient(0deg, #2d76e7 0%, #174fa7 100%) !important;
}
.transportation_main .p-galleria-thumbnail-wrapper {
    background: #e4efff;
    background: linear-gradient(0deg, #cdddf7 0%, #adccfb 100%) !important;
}
.headergallerila .transportation_main .p-galleria-thumbnail-item-content {
        box-shadow: 1px 1px 5px #1a19192b !important;
    background: linear-gradient(0deg, #d2e0f7, #6993b5) !important;
}
.headergallerila .transportation_main .p-galleria-thumbnail-item-content:hover {
    box-shadow: 0 0 0 0.2rem #5795f46e !important;
    background: linear-gradient(0deg, #0948ac 0%, #3c80ea 100%) !important;
}
.headergallerila .p-galleria-thumbnail-item-content:hover h1 {
    color: #fff !important;
}
.transportation_main .p-galleria .p-galleria-thumbnail-container{
	width: auto
}
.transportation_main .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
    box-shadow: 0 0 0 0.2rem #5795f46e !important;
}
.transportation_main .p-galleria-thumbnail-item-current .p-galleria-thumbnail-item-content {
    background: linear-gradient(0deg, #174fa7 0%, #2d76e7 100%) !important;
    box-shadow: 4px 2px 6px 0 #668cc975 !important;
}
.transportation_main .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev {
    color: #2567ce;
}
.transportation_main .p-galleria-thumbnail-item-current .p-galleria-thumbnail-item-content:hover {
    background: linear-gradient(0deg, #5888d3 0%, #6a9ae5 100%) !important;
    box-shadow: #5888d36b 0px 0px 0px 0.2rem !important;
}
.transportation_main .galleriaload .p-galleria-thumbnail-item-current .p-galleria-thumbnail-item-content:hover {
box-shadow: 0 0 0 0.1rem #a8c6f5 !important;
    background: linear-gradient(0deg,#e1eeff,#cee0ff) !important;
}
.transportation_main .galleriaload .p-galleria-thumbnail-item-current .p-galleria-thumbnail-item-content {
box-shadow: 0 0 0 0.1rem #a8c6f5 !important;
    background: linear-gradient(0deg,#e1eeff,#cee0ff) !important;
}
.transportation_main .TopPanel {
    background: linear-gradient(0deg, #063887 0%, #679bec 100%);
}
.transportation_main .p-galleria-thumbnail-container {
    /*     padding: 0.5rem 27%; */
}
.transportation_main .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    border-color: #2b5eae !important;
    color: #2d60b0 !important;
}
.transportation_main .p-tabview .p-tabview-nav .p-tabview-ink-bar {
    background-color: #2b5eae !important;
}
.transportation_main .tab button {
    color: #fff;
	display: flex;
}
.transportation_main .leg_div {
    padding: 10px;
    background: #c6dcff;
   border-radius: 0 0px 8px 8px;
    border: 3px solid #fff;
    position: relative;
    bottom: 2px;
	    border-top: 0;
}
.transportation_main .source_from {
    background: linear-gradient(0deg, #063887 0%, #679bec 100%);
}
#InfraTransportation .TopPanel .FxdImg1.FxdImg {
    height: 22vh !important;
    width: 100%;
    border-radius: 0 10px 0 0;
    object-fit: contain;
    background: #fff;
}
.trans_box_wrapper {
    box-shadow: 0 0.5rem 2.5rem rgb(18 38 63 / 8%);
    padding: 20px;
    margin: 10px 0px 15px;
    background: #fff;
    border-radius: 5px;
}
.trans_box_wrapper h3 {
    font-size: 1.3rem;
    font-weight: 600;
}
.trans_box_wrapper p {
    font-size: 14px;
}
.transportation_main .esri-widget--panel-height-only::-webkit-scrollbar {
    width: 7px;
}
.transportation_main .esri-widget--panel-height-only::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(68 119 199);
    box-shadow: inset 0 0 6px rgb(57 108 187);
    background: #f1f3f4;
    border-radius: 7px;
}
.transportation_main .esri-widget--panel-height-only::-webkit-scrollbar-thumb {
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0 6px #2466cd;
    box-shadow: inset 0 0 6px #1e5bbb;
}
.transportation_main .multiple_charts{min-height: 85vh;}
.tabcontent_telecomtech .customwebmapStyle canvas {
    border-radius: 8px 8px 0px 0px !important;
}
.tabcontent_telecomtech .source_from,.arabicdir .tabcontent_telecomtech .source_from {
    border-radius: 0px 0px 8px 8px !important;
}

.transportation_main .infra_timeline .timeline-item-image, .timeline-item-image img{height:100px;padding-bottom: 5px;}
.transportation_main .infra_timeline .timeline-item-year>span>span{    color: #ffffff;
    border: 2px solid #0d58cc;
    border-radius: 74px;
    display: block;
    background: linear-gradient(0deg, #02378b 0%, #468efe 100%);
    font-weight: 600;
    font-size: 16px;}
.transportation_main .infra_timeline .VerticalTimeline_main{background: linear-gradient(0deg, rgb(232 240 252) 0%, rgb(247 250 255) 100%);}

.tab_economystorymap .esri-bookmarks__bookmark-label p{color:#fff;}

.transportation_main .infra_timeline .vertical-timeline-element-content-arrow {
    border-right: 8px solid #3a7eea!important;
    display: none;

}

.transportation_main .infra_timeline .timeline-item-image{border:0px;}
.transportation_main .infra_timeline .vertical-timeline--animate .vertical-timeline-element-content.bounce-in{
	padding: 10px;
	box-shadow: 0 0 3px 1px rgb(205 211 217 / 46%) !important;}
.vertical_timeline_even .timeline_item_telecom .padding-bottom-21{padding:0px 40px 0 0 !important; }
.vertical_timeline_odd .timeline_item_telecom .padding-bottom-21{padding:0px 0px 0 60px !important;}
.transportation_main .multiple_charts .progress-bar {
    background-color: #6ea4f7;
}
.infra_timeline .timeline-item-year>span{background:transparent;}
.in-box::before {
    background: linear-gradient(45deg, rgb(14 71 161 / 94%), rgb(45 102 190 / 93%) 100%);
}
.arabicdir .vertical_timeline_odd .timeline_item_telecom .padding-bottom-21 {
    padding: 0px 60px 0 0px !important;
}
.arabicdir .vertical_timeline_even .timeline_item_telecom .padding-bottom-21 {
    padding: 0px 0px 0 50px !important;
}
.arabicdir .vertical_timeline_odd .vertical-timeline-element-content-arrow {
	left: 105%!important;}
.arabicdir .vertical_timeline_even .vertical-timeline-element-content-arrow {
    right: 104%!important;
}

.tab_economystorymap .esri-bookmarks__bookmark-label {
    padding: 3px 3px 3px 8px!important;
}
.tab_economystorymap .esri-bookmarks__image {
    border-radius: 8px;
	height: 85px;}

.tab_economystorymap .scrol_lt {
	height: 97.2vh;}
.tab_economystorymap .source_from{ border-radius: 0px 0px 8px 0px !important;}
.tab_economystorymap canvas {border-radius: 0px 8px 0px 0px !important;}
.arabicdir .tab_economystorymap .source_from {
    border-radius: 0px 0px 0px 8px !important;
}
.arabicdir .tab_economystorymap canvas {
    border-radius: 8px 0px 0px 0px !important;
}

.arabicdir .customwebmapStyle .source_from {
    border-radius: 0px 0px 0px 8px !important;
}
.arabicdir .customwebmapStyle canvas {
    border-radius: 8px 8px 0px 0px !important;
}
.arabicdir .tabcontent .source_from {
    border-radius: 0px 0px 0px 8px !important;
}
#in_metro .source_from {
    border-radius: 0px 0px 0px 0px !important;
}

#in_metro .customwebmapStyle canvas {
    border-radius: 8px 8px 0px 0px !important;
}
 .tabcontent .source_from {
    border-radius: 0px 0px 8px 0px !important;
}
#landtransport .customwebmapStyle canvas {
    border-radius: 8px 8px 0px 0px !important;
}
.scrol_lt::-webkit-scrollbar, .esri-layer-list::-webkit-scrollbar {
    width: 7px;
}
.scrol_lt::-webkit-scrollbar-track, .esri-layer-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 7px;
}
.scrol_lt::-webkit-scrollbar-thumb, .esri-layer-list::-webkit-scrollbar-thumb {
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0 6px #000000c4;
    box-shadow: inset 0 0 6px #000000c4;
}
.in_tx_st1{font-size: 14px;
    line-height: 1.4;}
.in_tx_st2{	font-size: 13px;
    line-height: 1.4;
    text-align: revert;}
.in_tx_img1{min-height: 80px;}
#landtransport.tabcontent .source_from {
    border-radius: 0px 0px 8px 8px !important;
}
/*#pr_id_2_content_0 .tabcontent .source_from {
    border-radius: 0px 0px 8px 0px !important;
}*/
#HeritageArchsitesmap h3.esri-legend__service-label{display:none;}
#HeritageArchsitesmap .esri-legend__layer-caption{display:none;}

#in_telcom .tab_economystorymap p{color: #fff;
    text-align: left;
    font-size: 14px;}
.esri-disabled [class*=" esri-icon-"]{    color: rgb(239 237 237 / 40%);}


.transportation_main .p-galleria-thumbnail-item-content {
  background: linear-gradient(0deg,#f0f7ff,#dae8ff);
    box-shadow: 1px 1px 1px #667f838a;
}
.transportation_main .p-galleria-thumbnail-item-content:hover {
     box-shadow: 0 0 0 0.1rem #a8c6f5 !important;
    background: linear-gradient(0deg,#e1eeff,#cee0ff) !important;
}

.transportation_main .p-galleria-thumbnail-item-current .p-galleria-thumbnail-item-content {
        background: linear-gradient(0deg, #5888d3 0%, #6a9ae5 100%) !important;
    box-shadow: #5888d36b 0px 0px 0px 0.2rem !important;
}

.transportation_main #in_abudhabi_itc .scrol_lt, .transportation_main #in_telcom .scrol_lt {
    height: auto;
    overflow: auto;
}

.transportation_main #in_abudhabi_itc .esri-bookmarks__bookmark,  .transportation_main #in_telcom .esri-bookmarks__bookmark{
    background-color: transparent !important;
}

.transportation_main #in_abudhabi_itc .tab button, .transportation_main #in_telcom .tab button {
    padding: 12px !important;
}
.transportation_main #in_abudhabi_itc .esri-bookmarks__bookmark-label, .transportation_main #in_telcom .esri-bookmarks__bookmark-label {
    padding: 0px 2px 0px !important;
}

.transportation_main #in_abudhabi_itc .esri-bookmarks__bookmark-name, .transportation_main #in_telcom .esri-bookmarks__bookmark-name {
    color: #fff;
    overflow: inherit;
    font-size: 16px;
    font-weight: 500;
}