#splash-hero {position: relative;}
#splash-overlay {position: absolute; top: 0; left: 0; height: 100vh; width: 100vw; background:linear-gradient(rgba(46, 162, 229, 0.8), rgba(65, 173, 73, 0.8), rgba(235, 33, 40, 0.8)); z-index: 1000;}
.hero-carousel-item {height: 100vh;}
.hero-slider-img {height: 100vh;}
#content-row {position: absolute; top: 0; left: 0; height: 100vh; width: 100vw; z-index: 2000;}
#services-section {background-image: url(../images/bg-2.svg);}
#services-section-image {height: 80%; transition: all 0.8s ease-in-out; background: transparent;}
#services-section-image:hover {transform: rotate(-19deg) scale(1.2);}
#philosophy-section {background-image: url(../images/bg-1.svg);}
#contact-section {background-image: url(../images/bg-3.svg);}
/* ---------- */
#contact-form-wrapper {background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); border-radius: 15px; box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37); border: 1px solid rgba(255, 255, 255, 0.18); transition: all 0.3s ease-in-out;}
#contact-form-wrapper:hover {background: rgba(255, 255, 255, 0.3); box-shadow: 0 12px 40px rgba(31, 38, 135, 0.5);}
#contact-form-wrapper .form-control {background: rgba(255, 255, 255, 0.6); border: none; border-radius: 8px; color: #333; box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.1); transition: all 0.2s ease;}
#contact-form-wrapper .form-control:focus {background: rgba(255, 255, 255, 0.9); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); outline: none; border-color: #4FB3BF;}
#contact-form-wrapper button {background: #4FB3BF; border: none; color: white; font-weight: bold; border-radius: 8px; transition: background-color 0.3s ease;}
#contact-form-wrapper button:hover {background: #358a95;}
/* ---------- */
/*  Small devices */
@media only screen and (max-width : 800px) {
    #services-section-image {transform: rotate(-19deg) scale(1.2);}
}
/*  IPADS TABLET SERIES                          */
@media only screen and (min-width : 768px) and (max-width : 1023px) and (orientation: portrait){}
/*  CALLPHONES INTO LANS=DSCAPOE MODE           */
@media only screen and (min-width : 390px) and (max-width : 1023px) and (orientation: landscape) {}