
.infrastructure_main_top{
    display: flex;
    align-items: center;
    justify-content: center;
    padding:50px 0px;
    /*height:calc(100vh - 128px);*/
    background:linear-gradient(to bottom, #ccccccb6 69%, var(--white) 50%);
}
.transport{
    background: linear-gradient(to bottom, #ccccccb6 77%, var(--white) 50%);
}
.infrastructure_main1{
    background:linear-gradient(to bottom, #000 80%, #fff 50%);
    display: flex;
    align-items: center;
    justify-content: center;
    height:calc(100vh - 128px);
}
/* #infrastructure_main3{
    background: linear-gradient(to bottom, #000 80%, #ccccccb6 50%) !important;
} */
.infrastructure_maingray,
.infrastructure_main2{
    padding:50px 0;
    display: block;
    background-color: var(--black);
}
.infrastructure_maingray{
    background-color:#ccccccb6;
}
.infrastructure_main2 .infrastructure_para p{
    color: var(--white);
}
.infrastructure_maingray .infrastructure_para p{
    color: var(--black);
}
.infrastructure_card .row{
    margin-bottom:20px;
}
.infrastructure h3 {
    font-size:25px;
    color: var(--red);
    font-weight: bold;
}
.infrastructure_main2 .infrastructure h3,
.infrastructure_main1 .infrastructure h3{
    color: var(--white);
}
.infrastructure_maingray .infrastructure h3{
    color:var(--red);
}
.infrastructure_main1 .infrastructure hr{
    border: solid 1px var(--white);
}
.infrastructure hr {
    border: solid 1px var(--black);
    background-color: var(--black);
    opacity: 1;
    margin-top: 5px;
    width:50px;
}
.infrastructure_para{
    margin:50px 0;
}
.infrastructure_para p{
    font-size:16px;
    line-height:30px;
    color: var(--black);
    margin:20px 0;
    text-align: justify;
}
.infrastructure_main1 .infrastructure_para p{
    color:var(--white);
    margin: 5px 0;
}
.infrastructure_main1 .infrastructure_para{
    margin:20px 0;
}
.infrastructure_img{
    display: flex;
    gap:30px;
}
.infrastructure_img img{
    width: 310px;
    box-shadow: -30px -30px 0px -21px grey;
    height: 190px;
    object-fit: fill;
}

.fest_img_text {
    display: flex;
    margin-bottom: 10px;
}
.fest_img_text img {
    margin-right: 15px;
    width: 25px;
    height: 19px;
    object-fit: contain;
    margin-top: 5px;
}
.fest_img_text li {
    font-size: 16px;
    color: var(--black);
}
.infrastructure_main1 .vns_depart_img li{
    color:var(--white);
}
.infrastructure_main2 .infrastructure_img img,
.infrastructure_main1 .infrastructure_img img{
    box-shadow: -30px -30px 0px -21px var(--red);
}
.infrastructure_maingray .infrastructure_img img{
    box-shadow: -30px -30px 0px -21px grey;
}
@media (max-width: 1366px) {
.quad_camp .nav-tabs .nav-item button {
    font-size: 15px !important;
}
}


@media (max-width: 540px) {
    
       .infrastructure_img img {
        width: 100%;
        height: auto;
    }
.infrastructure_card .row {
    row-gap: 30px;
   
}
}