.graybg {
    background: #f5f5f5;
    font-family: 'Roboto', sans-serif !important;
    font-size: 18px;
    padding: 50px 0; 
}
    .graybg p {
        font-size: 20px;
    text-align: justify;
    margin-top: 0;
    }
.headsec h3 {
    text-decoration: underline;
    font-weight: 600;
    font-size: 38px;
}
.small-font{    font-size: 19px !important;}
.bluec{    color: #004A7E;
    text-decoration: underline;}
.headsec h1 {
       font-weight: 900;
       font-size: 50px;
       color: #004A7E;
       margin-bottom: 0;
}
.virtual h2{
        font-size: 34px;
    font-weight: 600;
    }
.virtual h3{     font-size: 26px;
    margin: 12px 0;
    font-weight: 600;}    
.virtual p i{font-weight: 600}    

.mt20{margin-top:20px}
.mt10 {
    margin-top: 10px
}
.mt30 {
    margin-top: 30px
}
.mt50 {
    margin-top: 50px
}
.pdr30{padding-right:30px}

.pd0{padding:0 !important}
.pdr{padding-right:0px !important}
.pdl {
    padding-left: 0px !important
}

.colorchange {
    color: #004A7E
}
.mb10 {
    margin-bottom: 10px;
}
.justify-content{text-align:justify}
table, tr {
  border:1px solid grey;}
td{ padding:6px 10px;}

.fa-circle{
    padding: 10px;
}

/* .sub-heading{
    font-size: 10px !important
} */

.digi-pic-content{
    /* margin-bottom: 129px; */
    margin-top: -53px;
}

/* .digi-pic-content p{
    font-size: 22px;
} */
 









@media only screen and (max-width: 767px) {
    .pdr30 {
        padding-right: 0px
    }
    .mt50 {
        margin-top: 25px;
    }
    .virtual h2 {
    font-size: 28px;
    font-weight: 600;
}
    .pdr {
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin-top: 10px;
    }

    .pdl {
        padding-left: 15px !important
    }
    .virtual h4 {font-size: 23px;
   
}
    .graybg p {
        font-size: 18px;
    }
    .headsec h1 {
    font-size: 35px;
}
}

@media (min-width: 736px) and (max-width: 1025px) and (orientation : landscape) {
}

@media (min-width: 768px) and (max-width: 1024px) {
    
}
@media (min-width: 1200px) {
    .container {
        max-width: 1200px !important;
    }
    .pdr{padding-right:0px !important}
.pdl {
    padding-left: 0px !important
}
}

@media (min-width: 320px) and (max-width: 480px){
    .graybg {
    padding: 20px 0;
}
.headsec h1 {
    font-size: 27px;
}
.mt20 {
    margin-top: 10px;
}
.virtual h2 {
    font-size: 23px;
    font-weight: 600;
}
.virtual h3 {
    font-size: 20px;
}

}