:root {--theme-color-main: #415bda;--theme-color-sec: #08219c;--theme-color-light: #f3f5ff;--theme-color-landing: #08219c;}*, body {outline: none;}html {scroll-behavior: smooth;}a, h1, h2, h3, h4, h5, h6 {text-decoration: none !important;}h1, h2, h3, h4, h5, h6 {font-weight: 600;color: #101828;font-family: 'Trebuchet MS', Arial, sans-serif;}a {color: #000 !important;}a:hover {color: var(--theme-color-sec) !important;}.main-bg {height: 100%;width: 100%;background: linear-gradient(to bottom, #415bda 60%, #f3f5ff 40%);}.img-area {background: url(../../shhs-theme/images/main-banner.webp) no-repeat right top / contain;}@media(min-width: 992px) {.d-lg-flex {display: flex !important;}}.theme-btn {text-align: center;padding: 10px 20px;font-weight: 600 !important;text-transform: uppercase;color: #fff !important;background: var(--theme-color-sec);border-radius: 9px;transition: all linear 0.3s;}.text-sec {color: var(--theme-color-sec);}.theme-btn:hover {background: var(--theme-color-landing);color: #fff !important;transform: translateY(3px);}.theme-btn1 {text-align: center;padding: 10px 20px;font-weight: 600 !important;text-transform: uppercase;color: #000 !important;background: #fff;border-radius: 9px;transition: all linear 0.3s;}.theme-btn1:hover {background: var(--theme-color-light);color: #000 !important;transform: translateY(3px);}.theme-btn2 {text-align: center;padding: 15px 20px;font-weight: 600 !important;text-transform: uppercase;color: #fff !important;background: var(--theme-color-landing);border-radius: 9px;transition: all linear 0.3s;}.theme-btn2:hover {background: var(--theme-color-sec);color: #fff !important;transform: translateY(3px);}.rounded-20 {border-radius: 20px;}.rounded-tb {border-radius: 20px 0;}.search-btn {background: #89efdd;border-radius: 0px;color: #000 !important;border: none;padding: 10px 20px;text-transform: uppercase;letter-spacing: 1px;font-weight: bold;transition: 0.5s;}.search-btn:hover {background: var(--theme-color-sec);color: #fff !important;}.theme-bg {background: var(--theme-color-main);}.theme-bg-sec {background: var(--theme-color-sec);}.theme-bg-lght {background: var(--theme-color-light);}.theme-bg-form {background: #0B55B560;}.col-8 {flex: 0 0 auto;width: 66.66666667%;}.col-4 {flex: 0 0 auto;width: 33.33333333%;}.fw-bold {font-weight: 700;}.border {border-color: #d8d8d8 !important;}hr {color: #af9cc3;}.nowrap {white-space: nowrap;}.bg-lblue {background: #d8ecff;}.bg-dark {background: var(--theme-color-landing);}.bg-light {background: var(--theme-color-light) !important;}.bg-theme {background: var(--theme-color-main) !important;}.bg-theme-sec {background: var(--theme-color-sec) !important;}.text-theme {color: var(--theme-color-main);}.bg-light-about {background: #F3F3F3 !important;}.btn-outline-warning {color: var(--theme-color-main);border-color: var(--theme-color-main);}.btn-outline-warning:hover {color: #fff;background-color: var(--theme-color-main);border-color: var(--theme-color-main);}.btn {white-space: nowrap;}.c-img {height: 80px;display: flex;align-items: center;}.footer a {color: #fff !important;}.footer a:hover {color: #FBEFEF !important;}.form-control, .form-select {padding: 15px 30px !important;border-radius: 12px;}.header a.logo {color: #fff !important;}.header li a {text-decoration: none;color: #fff !important;display: block;}.header li a.active {color: #ddffab !important;background: none;}.header li a:hover.active {color: #ddffab !important;}.header {position: fixed;z-index: 1000;width: 100%;background: var(--theme-color-main);}.header ul {margin: 8px 0 0;padding: 0;list-style: none;overflow: hidden;}.header li a {padding: 12px 20px;text-transform: uppercase;font-weight: 500;}.header .menu-btn:hover, .header li:hover a {color: #fff;}.header a.logo {float: left;font-size: 2em;padding: 10px;}.header a:hover.logo {color: #ffffff;}.header .menu {clear: both;max-height: 0;transition: max-height 0.2s ease-out;}.header .menu-icon {cursor: pointer;display: inline-block;float: right;padding: 32px 20px;position: relative;user-select: none;}.header .menu-icon .navicon {background: #fff;display: block;height: 2px;position: relative;transition: background 0.2s ease-out;width: 18px;}.header .menu-icon .navicon:after, .header .menu-icon .navicon:before {background: #fff;content: "";display: block;height: 100%;position: absolute;transition: 0.2s ease-out;width: 100%;}.header .menu-icon .navicon:before {top: 5px;}.header .menu-icon .navicon:after {top: -5px;}.header .menu-btn {display: none;}.header .menu-btn:checked~.menu {max-height: 260px;padding-bottom: 20px;}.header .menu-btn:checked~.menu-icon .navicon {background: 0 0;}.header .menu-btn:checked~.menu-icon .navicon:before {transform: rotate(-45deg);}.header .menu-btn:checked~.menu-icon .navicon:after {transform: rotate(45deg);}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after, .header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before {top: 0;}@media (min-width: 992px) {.header li {float: left;}.header li a {padding: 12px 20px;}.header .menu {clear: none;float: right;max-height: none;}.header .menu-icon {display: none;}}label.error {color: red;font-size: 1rem;display: block;margin-top: 5px;}label.error.fail-alert {border: 2px solid red;border-radius: 4px;line-height: 1;padding: 2px 0 6px 6px;background: #ffe6eb;}input.valid.success-alert {border: 2px solid #4caf50;color: green;}input.error, textarea.error {border: 1px solid red !important;font-weight: 300;color: red;}.alert {border: 1px solid #0A3622;border-radius: 6px;background: #d1e7dd;padding: 10px;}.alert-success {color: #0a3622;}.border-right {border-right: 1px solid #bebebe;}.border-left {border-left: 1px solid #a3a3a3;}.txt-uppercase {text-transform: uppercase;}.form-control {display: block;width: 100%;padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;background-color: #ffffff;background-clip: padding-box;border: 1px solid #ced4da;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 15px;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}.form-control:focus {color: #000 !important;}input::-webkit-input-placeholder {color: #000 !important;}input::-moz-placeholder {color: #000 !important;}.job-card-eh {display: flex;flex-direction: column;height: 100% !important;}.heading-eh {flex: 1;display: flex;line-height: 24px;}.contact-form-input:focus {border: 1px solid #15141c99;}.contact-form-input {border: 1px solid #15141c5e;border-radius: 10px;height: 60px;margin: 5px 0;padding-top: 10px;padding-bottom: 10px;padding-left: 22px;width: 100%;font-size: 16px;}.border-bottom {border-bottom: 2px solid #fff;padding: 5px 0;}.rounded-tab {--r: 25px;line-height: 1.8;padding-inline: .5em;border-inline: var(--r) solid #0000;border-radius: calc(2*var(--r)) calc(2*var(--r)) 0 0/var(--r);mask: radial-gradient(var(--r) at var(--r) 0, #0000 98%, #000 101%) calc(-1*var(--r)) 53%/100% var(--r) repeat-x, conic-gradient(#000 0 0) padding-box;background: #f3f5ff border-box;width: fit-content;}.about-sec {background: linear-gradient(to right, #f0f2ff 40%, #fff 50%);}.about-sec1 {background: linear-gradient(to left, #f0f2ff 40%, #fff 50%);}.company-sec {background: linear-gradient(90deg, #4b68f7, #020e48);}.inner-banner {background: linear-gradient(#415bda 20%, #dbe1ff);}.display-5 {font-size: 3rem !important;}.heading-eh {flex: 1;display: flex;align-items: center;}.job-card-eh {display: flex;flex-direction: column;height: 100% !important;}.button {cursor: pointer;background-color: black;padding: 5px 20px;border: solid 2px #4b68f7;border-radius: 20px;position: relative;overflow: hidden;transition: 0.1s linear 0.1s;text-transform: uppercase;display: inline-block;}.button span {color: #fff;letter-spacing: 2px;position: relative;z-index: 2;transition: 0.2s linear 0.1s;}.button::after {display: block;content: "";background-color: #4b68f7;width: 300px;height: 300px;border-radius: 50%;position: absolute;top: 100%;transform: translateX(-40%);transition: 0.2s linear 0.1s;z-index: 1;}.button:hover {box-shadow: 0px 0px 20px #4b68f7;}.button:hover::after {top: -50%;}.button:hover span {color: #fff;letter-spacing: 2px;}.job-title {background: linear-gradient(90deg, var(--theme-color-light) 40%, #fff) }@media (min-width:993px) and (max-width: 1024px) {.img-area {background: url(../../shhs-theme/images/main-banner.webp) no-repeat right top 50px / 55%;}}@media (min-width:320px) and (max-width:992px) {.img-area {background: none;}.rounded-tab {--r: 15px;}.display-5 {font-size: 2.4rem !important;}}