body,html { height: 100%;/*scroll-behavior: smooth;*/}
section:before { height: 56px; content: ""; display:block;}

.bg-primary { background-color: #000E55 !important; }
.text-primary {color: #000E55 !important; }
.bg-secondary{background-color:#869590  !important; }
.text-secondary{color:#869590  !important;}
.bg-info{background-color: !important;}
.text-info{color:  !important;}
.bg-sectionhead{background-color: #C4E4F1 !important}
/*.bg-steel{background-color: #B0B6C2!important} */
.bg-steel{background-color: #CDD7D8 !important}
.text-steel{color: #B0B6C2!important}
.AboutColor{color:#081B3C !important }
.orangecolor{color: orange;}

h1, .h1 { font-size: 2.5rem; }
h2, .h2 { font-size: 2rem; }
h3, .h3 { font-size: 1.75rem; }
h4, .h4 { font-size: 1.5rem; }
h5, .h5 { font-size: 1.25rem; }
h6, .h6 { font-size: 1rem; }
.lead { font-size: 1.25rem; font-weight: 300; }
.display-1 { font-size: 6rem;  font-weight: 300; line-height: 1.2; }
.display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; }
.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; }
.display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; }

.table-primary, .table-primary > th, .table-primary > td { background-color: #c5cacc; }
.table-hover .table-primary:hover { background-color: #b7bec0; }
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {background-color: #b7bec0; }

.sectionhead{background-color: #3895D3; text-align: center; padding: 8px 0; margin:32px 32px; border-radius: 15px}
.sectionhead span{color: orange}

.h-card{width: 90%; height: 100%;background-color: #c5cacc; 
    margin:15px auto; border-radius: 15px  }
.h-card:hover{width: 95%;background-color: #C4E4F1;border-radius: 50px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.7);  transform: translateY(-15px);}
.h-card h4{text-align: center;margin: 15px 10px;padding: 10px 0; background-color: teal;color: white; border-radius: 10px}
.h-card:hover h4{color: orange; background-color:#3895D3}

.cls-features{background-color: #B0B6C2; border-radius: 30px; width: 95%; margin: auto; 
    border: #2b2b2b solid 1px; height: 100% }
.cls-features h2{color:#081B3C;text-align: center;}
.cls-features ul{padding-left: 15px !important;}
.cls-features ul li span{font-weight: 500; margin-left: 8px}
.cls-features:hover{background-color: whitesmoke;border: orange solid 3px;  }
.cls-features:hover h2{font-weight: 700; color: orange}

.cls-prds{width: 100%; height: 100%; text-align: center;}
.cls-prds img{width: 300px;height: 300px; margin: 10px auto 10px auto;border:grey 1px solid;}
.cls-prds span{background-color: teal; color: white; text-align: center; margin:0 auto 20px auto;}

.svc-bg{background-color:whitesmoke}
.card-svc{background-color: #CDD7D8; width: 90%; margin:0 auto 20px auto; 
 padding-top: 10px; border-radius: 50px}
.card-svc img{border-radius: 30px;}

.vh-30 { min-height: 30vh;}
.vh-25 { height: 25vh;}
.vh-40 { min-height: 40vh;}
.vh-50 { min-height: 50vh;}
.vh-60 { min-height: 60vh;}
.vh-59 { height: 64vh;}
.vh-75 { min-height: 75vh;}
.vh-100 {min-height: 100vh;}

.w-25 {width: 25% !important; }
.w-50 { width: 50% !important; }
.w-75 { width: 75% !important; }
.w-100 { width: 100% !important; }
.w-auto {width: auto !important; }
.h-25 { height: 25% !important; }
.h-40 { height: 40% !important; }
.h-50 {height: 50% !important; }
.h-60 { height: 60% !important; }
.h-75 {height: 75% !important; }
.h-100 {height: 100% !important; }

.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }

/*.carousel-item { height: 120px;} */
.feedback{height: 125px !important;}
.carousel-indicators li { width: 15px; height: 15px; border-radius: 100%;}
.carousel-indicators { position: absolute; bottom: -10px;  left: 50%;
        z-index: 90; width: 60%;  padding-left: 0;  margin-left: -30%; text-align: center; }

.nleffect {justify-content: center!important;  position: relative;overflow: hidden; filter: brightness(180%);}

.renyl {background-color:#000E55; color: gold;font-size: 40px; font-weight: 600;
    font-family: sans-serif; position: relative; user-select: none;}

.renyl::before {   content: attr(data-text);    position: absolute;       color: white;
        filter: blur(0.02em);     mix-blend-mode: difference;}

.gradient {
    position: absolute;
    background: linear-gradient(45deg, grey, white,  grey, white, grey);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    mix-blend-mode: multiply;
}

.spotlight {  position: absolute;  top: -100%;   left: -100%;    right: 0;    bottom: 0;
    background: radial-gradient( circle, white, transparent 25% ) center / 25% 25%, radial-gradient( circle, white, black 25% ) center / 12.5% 12.5%;
    animation: light 5s linear infinite;   mix-blend-mode: color-dodge;}

@keyframes light {     to {  transform: translate(50%, 50%);  } }

.index-forward { position: relative; z-index: 60;}
.card img{height: 325px; width:100%;}
















.back-to-top { position: fixed; bottom: 20px; right: 20px; display: none;}