/* Provide sufficient contrast against white background */
html, body {
height: 100%;
margin: 0px;
}

a {
  color: #0366d6;
}

code {
  color: #E01A76;
}

/*.centerBox {
    position: relative;
    width: 50%;
    height:auto;
    margin-left: auto;
    margin-right: auto;
}*/
.background-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.background-image {
    background-image: url("Images/background.jpg");
    background-repeat: repeat;
    background-size: 30%;
    background-attachment: fixed;
   /* transform: rotate(30deg);*/
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    /*width: 100%;
    height: 400px;*/ /* Adjust as needed */
    /* Other style properties... */
}

    .background-image::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(190, 190, 190, 0.30); /* Adjust the alpha (transparency) value */
        z-index: 1;
    }

.nav-link:hover {
    color: #16ae98 !important;
}

.nav-link.active {
    color: #16ae98;
}

.content {
    position: relative;
    z-index: 1;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}
.mainLayout {
   /* background-color: #181B20;*/
    
    height: 100%;
    width: 100%;
    position: fixed;
    overflow: auto;
}

/*.content{
    position:relative;
    width:75%;
    margin-left: auto;
    margin-right: auto;
}*/

/*.quickInfoBox {
    position: relative;*/
    /*width: 25%;*/
    /*height: 0;
    padding-bottom: 60%;
    min-width: 400px;    
    border-style: solid;
    border-color: #181B20;
    border-radius: 30px;
    margin-left: auto;
    margin-right: auto;
    overflow: clip;
    background-color: white;
}*/

    .card {
        min-width: 265px;
        background: none;
        border: none !important;
    }

.imgThumbnail {
    /*background-size: cover;*/
    /*background-image: url(Images/TempImg/3.jpg);*/
    /*background-position: center;*/
    /*width: 100%;*/
    /*max-height: 30%;*/
    height:0;
    padding-bottom: 80%;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    /*margin-left: -7%;*/
}

.thumbnailCaption {
    border-radius: 0 0 10px 10px; 
    /*background-color: black;*/
    /*color: white;*/
    height: 180px;
    overflow:hidden;
    padding: 10px;
}

.thumbnailCaptionTitle {
    font-size: 1.5em;
    font-weight: 600;
    text-align: center;
}


.thumbnailCaptionText {
    font-size: 1em;
    font-weight: normal;
    text-align: justify;
}

.thumbnailShadow {
    /*min-width: 300px;*/
    background-color: white;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 3px 3px 5px 3px #888888;
}

.iconGridBlock {
    position: relative;
    width: 20%;
    height: 0;
    padding-bottom: 20%;
    min-width: 100px;
    min-height: 100px;
    font-size: 5vw;
    border-style: solid;
    border-color: white;
}

.cc1 {
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
}

.c1 {
    background: linear-gradient(to bottom, #b3dced 0%,#29b8e5 50%,#bce0ee 100%);
}

.c2 {
    background: linear-gradient(to bottom, #ffd7c5 0%,#ff906b 50%,#ffdbcb 100%);
}
.c3 {
    background: linear-gradient(to bottom, #ffc5cd 0%,#ff6b89 50%,#ffcbd3 100%);
}
.c4 {
    background: linear-gradient(to bottom, #cbe1d4 0%,#70ba8a 50%,#d0e4d8 100%);
}
.c5 {
    background: linear-gradient(to bottom, #ffc7af 0%,#ff6333 50%,#ffcbb7 100%);
}
.c6 {
    background: linear-gradient(to bottom, #afffff 0%,#33fff1 50%,#b7fffe 100%);
}
.c7 {
    background: linear-gradient(to bottom, #afdaff 0%,#33adff 50%,#b7dfff 100%);
}

.cardHyperlink {
    color: inherit; /* Use the color of the parent element */
    text-decoration: none; /* Remove underline */
}

.noDecorationHyperlink {
    color: #16ae98; /* Use the color of the parent element */
    text-decoration: none; /* Remove underline */
}


.blogContentTitleImageDiv {    
    height: 80%;
    width: 80%;
    margin: auto;
}

.blogContentTitleImage{
    border-radius:10px;  
}

.blogContentImageDiv {
    height: 60%;
    width: 60%;
    margin: auto;
}

.blogContentImage {
    border-radius: 10px;
}


.blogContentTitleTextDiv {
    padding-top: 20px;
    font-size: 45px;
    font-weight:400;
}

.blogContentTitleText {
    
}

.boldText{
    font-weight:400;
}

.blogContentSubTitleText1 {
    font-size: 25px;
    font-weight: 400;
    padding-bottom: 0px !important;
}
.blogContentSubTitleText2 {
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 0px !important;
}

.blogContentTextDiv {
    text-align: justify;
    font-size: 20px;   
    line-height:34px;
    font-weight:300;
}

    .blogContentTextDiv p {
        padding-bottom:30px;
    }

.blogContentTextDivVideo {
    display: flex;
    flex-direction: column;
    align-items: center;
    
}

    /*p::first-letter {
    font-size: 150%;*/ /* Adjust the size as needed */
    /*}*/