.z-index-n10 { z-index: -10 !important; }
.z-index-n9 { z-index: -9 !important; }
.z-index-n8 { z-index: -8 !important; }
.z-index-n7 { z-index: -7 !important; }
.z-index-n6 { z-index: -6 !important; }
.z-index-n5 { z-index: -5 !important; }
.z-index-n4 { z-index: -4 !important; }
.z-index-n3 { z-index: -3 !important; }
.z-index-n2 { z-index: -2 !important; }
.z-index-n1 { z-index: -1 !important; }
.z-index-0 { z-index: 0 !important; }
.z-index-1 { z-index: 1 !important; }
.z-index-2 { z-index: 2 !important; }
.z-index-3 { z-index: 3 !important; }
.z-index-4 { z-index: 4 !important; }
.z-index-5 { z-index: 5 !important; }
.z-index-6 { z-index: 6 !important; }
.z-index-7 { z-index: 7 !important; }
.z-index-8 { z-index: 8 !important; }
.z-index-9 { z-index: 9 !important; }
.z-index-10 { z-index: 10 !important; }
.g-6, .gx-6 { --bs-gutter-x: 3.75rem; }
.g-6, .gy-6 { --bs-gutter-y: 3.75rem; }
.g-7, .gx-7 { --bs-gutter-x: 4.75rem; }
.g-7, .gy-7 { --bs-gutter-y: 4.75rem; }
.g-8, .gx-8 { --bs-gutter-x: 6.25rem; }
.g-8, .gy-8 { --bs-gutter-y: 6.25rem; }
.g-9, .gx-9 { --bs-gutter-x: 7.75rem; }
.g-9, .gy-9 { --bs-gutter-y: 7.75rem; }
.g-10, .gx-10 { --bs-gutter-x: 9.5rem; }
.g-10, .gy-10 { --bs-gutter-y: 9.5rem; }
.g-11, .gx-11 { --bs-gutter-x: 11rem; }
.g-11, .gy-11 { --bs-gutter-y: 11rem; }
.g-12, .gx-12 { --bs-gutter-x: 12.5rem; }
.g-12, .gy-12 { --bs-gutter-y: 12.5rem; }
.g-13, .gx-13 { --bs-gutter-x: 14.5rem; }
.g-13, .gy-13 { --bs-gutter-y: 14.5rem; }
.g-14, .gx-14 { --bs-gutter-x: 16rem; }
.g-14, .gy-14 { --bs-gutter-y: 16rem; }
.g-15, .gx-15 { --bs-gutter-x: 19rem; }
.g-15, .gy-15 { --bs-gutter-y: 19rem; }
.m-6 { margin: 3.75rem !important; }
.m-7 { margin: 4.75rem !important; }
.m-8 { margin: 6.25rem !important; }
.m-9 { margin: 7.75rem !important; }
.m-10 { margin: 9.5rem !important; }
.m-11 { margin: 11rem !important; }
.m-12 { margin: 12.5rem !important; }
.m-13 { margin: 14.5rem !important; }
.m-14 { margin: 16rem !important; }
.m-15 { margin: 19rem !important; }
.mx-6 { margin-left: 3.75rem !important; margin-right: 3.75rem !important; }
.mx-7 { margin-left: 4.75rem !important; margin-right: 4.75rem !important; }
.mx-8 { margin-left: 6.25rem !important; margin-right: 6.25rem !important; }
.mx-9 { margin-left: 7.75rem !important; margin-right: 7.75rem !important; }
.mx-10 { margin-left: 9.5rem !important; margin-right: 9.5rem !important; }
.mx-11 { margin-left: 11rem !important; margin-right: 11rem !important; }
.mx-12 { margin-left: 12.5rem !important; margin-right: 12.5rem !important; }
.mx-13 { margin-left: 14.5rem !important; margin-right: 14.5rem !important; }
.mx-14 { margin-left: 16rem !important; margin-right: 16rem !important; }
.mx-15 { margin-left: 19rem !important; margin-right: 19rem !important; }
.my-6 { margin-bottom: 3.75rem !important; margin-top: 3.75rem !important; }
.my-7 { margin-bottom: 4.75rem !important; margin-top: 4.75rem !important; }
.my-8 { margin-bottom: 6.25rem !important; margin-top: 6.25rem !important; }
.my-9 { margin-bottom: 7.75rem !important; margin-top: 7.75rem !important; }
.my-10 { margin-bottom: 9.5rem !important; margin-top: 9.5rem !important; }
.my-11 { margin-bottom: 11rem !important; margin-top: 11rem !important; }
.my-12 { margin-bottom: 12.5rem !important; margin-top: 12.5rem !important; }
.my-13 { margin-bottom: 14.5rem !important; margin-top: 14.5rem !important; }
.my-14 { margin-bottom: 16rem !important; margin-top: 16rem !important; }
.my-15 { margin-bottom: 19rem !important; margin-top: 19rem !important; }
.mt-6 { margin-top: 3.75rem !important; }
.mt-7 { margin-top: 4.75rem !important; }
.mt-8 { margin-top: 6.25rem !important; }
.mt-9 { margin-top: 7.75rem !important; }
.mt-10 { margin-top: 9.5rem !important; }
.mt-11 { margin-top: 11rem !important; }
.mt-12 { margin-top: 12.5rem !important; }
.mt-13 { margin-top: 14.5rem !important; }
.mt-14 { margin-top: 16rem !important; }
.mt-15 { margin-top: 19rem !important; }
.me-6 { margin-right: 3.75rem !important; }
.me-7 { margin-right: 4.75rem !important; }
.me-8 { margin-right: 6.25rem !important; }
.me-9 { margin-right: 7.75rem !important; }
.me-10 { margin-right: 9.5rem !important; }
.me-11 { margin-right: 11rem !important; }
.me-12 { margin-right: 12.5rem !important; }
.me-13 { margin-right: 14.5rem !important; }
.me-14 { margin-right: 16rem !important; }
.me-15 { margin-right: 19rem !important; }
.mb-6 { margin-bottom: 3.75rem !important; }
.mb-7 { margin-bottom: 4.75rem !important; }
.mb-8 { margin-bottom: 6.25rem !important; }
.mb-9 { margin-bottom: 7.75rem !important; }
.mb-10 { margin-bottom: 9.5rem !important; }
.mb-11 { margin-bottom: 11rem !important; }
.mb-12 { margin-bottom: 12.5rem !important; }
.mb-13 { margin-bottom: 14.5rem !important; }
.mb-14 { margin-bottom: 16rem !important; }
.mb-15 { margin-bottom: 19rem !important; }
.ms-6 { margin-left: 3.75rem !important; }
.ms-7 { margin-left: 4.75rem !important; }
.ms-8 { margin-left: 6.25rem !important; }
.ms-9 { margin-left: 7.75rem !important; }
.ms-10 { margin-left: 9.5rem !important; }
.ms-11 { margin-left: 11rem !important; }
.ms-12 { margin-left: 12.5rem !important; }
.ms-13 { margin-left: 14.5rem !important; }
.ms-14 { margin-left: 16rem !important; }
.ms-15 { margin-left: 19rem !important; }
.p-6 { padding: 3.75rem !important; }
.p-7 { padding: 4.75rem !important; }
.p-8 { padding: 6.25rem !important; }
.p-9 { padding: 7.75rem !important; }
.p-10 { padding: 9.5rem !important; }
.p-11 { padding: 11rem !important; }
.p-12 { padding: 12.5rem !important; }
.p-13 { padding: 14.5rem !important; }
.p-14 { padding: 16rem !important; }
.p-15 { padding: 19rem !important; }
.pt-6 { padding-top: 3.75rem !important; }
.pt-7 { padding-top: 4.75rem !important; }
.pt-8 { padding-top: 6.25rem !important; }
.pt-9 { padding-top: 7.75rem !important; }
.pt-10 { padding-top: 9.5rem !important; }
.pt-11 { padding-top: 11rem !important; }
.pt-12 { padding-top: 12.5rem !important; }
.pt-13 { padding-top: 14.5rem !important; }
.pt-14 { padding-top: 16rem !important; }
.pt-15 { padding-top: 19rem !important; }
.pb-6 { padding-bottom: 3.75rem !important; }
.pb-7 { padding-bottom: 4.75rem !important; }
.pb-8 { padding-bottom: 6.25rem !important; }
.pb-9 { padding-bottom: 7.75rem !important; }
.pb-10 { padding-bottom: 9.5rem !important; }
.pb-11 { padding-bottom: 11rem !important; }
.pb-12 { padding-bottom: 12.5rem !important; }
.pb-13 { padding-bottom: 14.5rem !important; }
.pb-14 { padding-bottom: 16rem !important; }
.pb-15 { padding-bottom: 19rem !important; }
.px-6 { padding-left: 3.75rem !important; padding-right: 3.75rem !important; }
.px-7 { padding-left: 4.75rem !important; padding-right: 4.75rem !important; }
.px-8 { padding-left: 6.25rem !important; padding-right: 6.25rem !important; }
.px-9 { padding-left: 7.75rem !important; padding-right: 7.75rem !important; }
.px-10 { padding-left: 9.5rem !important; padding-right: 9.5rem !important; }
.px-11 { padding-left: 11rem !important; padding-right: 11rem !important; }
.px-12 { padding-left: 12.5rem !important; padding-right: 12.5rem !important; }
.px-13 { padding-left: 14.5rem !important; padding-right: 14.5rem !important; }
.px-14 { padding-left: 16rem !important; padding-right: 16rem !important; }
.px-15 { padding-left: 19rem !important; padding-right: 19rem !important; }
.py-6 { padding-bottom: 3.75rem !important; padding-top: 3.75rem !important; }
.py-7 { padding-bottom: 4.75rem !important; padding-top: 4.75rem !important; }
.py-8 { padding-bottom: 6.25rem !important; padding-top: 6.25rem !important; }
.py-9 { padding-bottom: 7.75rem !important; padding-top: 7.75rem !important; }
.py-10 { padding-bottom: 9.5rem !important; padding-top: 9.5rem !important; }
.py-11 { padding-bottom: 11rem !important; padding-top: 11rem !important; }
.py-12 { padding-bottom: 12.5rem !important; padding-top: 12.5rem !important; }
.py-13 { padding-bottom: 14.5rem !important; padding-top: 14.5rem !important; }
.py-14 { padding-bottom: 16rem !important; padding-top: 16rem !important; }
.py-15 { padding-bottom: 19rem !important; padding-top: 19rem !important; }
.pe-5 { padding-right: 2.25rem !important; }
.pe-6 { padding-right: 3.75rem !important; }
.pe-7 { padding-right: 4.75rem !important; }
.pe-8 { padding-right: 6.25rem !important; }
.pe-9 { padding-right: 7.75rem !important; }
.pe-10 { padding-right: 9.5rem !important; }
.pe-11 { padding-right: 11rem !important; }
.pe-12 { padding-right: 12.5rem !important; }
.pe-13 { padding-right: 14.5rem !important; }
.pe-14 { padding-right: 16rem !important; }
.pe-15 { padding-right: 19rem !important; }
.ps-6 { padding-left: 3.75rem !important; }
.ps-7 { padding-left: 4.75rem !important; }
.ps-8 { padding-left: 6.25rem !important; }
.ps-9 { padding-left: 7.75rem !important; }
.ps-10 { padding-left: 9.5rem !important; }
.ps-11 { padding-left: 11rem !important; }
.ps-12 { padding-left: 12.5rem !important; }
.ps-13 { padding-left: 14.5rem !important; }
.ps-14 { padding-left: 16rem !important; }
.ps-15 { padding-left: 19rem !important; }
/*-----------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
/*------------------------------------------------------------
# Variables
--------------------------------------------------------------*/
:root { --hd-font-family: "Montserrat", sans-serif; --body-font-family: "Roboto", sans-serif; --light-blue1: #56b8e6; --hover-blue1: #2c81a8; --dark-blue1: #132232; --grey1: #f8f8f7; }
body { font-family: var( --body-font-family ) !important; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var( --hd-font-family ) !important; }
/*-------------------------------------------------------------
# Navbar styles
--------------------------------------------------------------*/
#navbartp7 .navbar-brand { font-family: var( --hd-font-family ) !important; font-size: 1.875rem; color: var( --dark-blue1 ); }
#navbartp7 .navbar-toggler { outline: 0; border: 0; padding: 5px; box-shadow: none; }
#navbartp7 .navbar-toggler:hover, #navbartp7 .navbar-toggler:focus { outline: 0; border: 0; padding: 5px; box-shadow: none; }
#navbartp7 .navbar-collapse { margin: 8px -12px -8px; margin-left: -12px; background-color: #3286d6; text-align: center; }
#navbartp7 .navbar-collapse ul { list-style-type: none; margin: 0; padding: 0; }
#navbartp7 .navbar-collapse li { border-bottom: 1px solid rgba( 255, 255, 255, .2 ); }
#navbartp7 .navbar-collapse a { padding: 1rem 1.2rem; text-decoration: none; color: white; }
#navbartp7 .navbar-collapse a:hover, #navbartp7 .navbar-collapse a:focus { background-color: rgba( 255, 255, 255, .1 ); }
#navbartp7 .navbar-collapse .active { position: relative; }
#navbartp7 .navbar-collapse .active::before { content: ""; background-color: white; width: 50px; height: 4px; position: absolute; top: -1px; left: 50%; transform: translateX( -50% ); }
#navbartp7 .with-sub-menu { background-color: rgba( 255, 255, 255, .1 ); }
#navbartp7 .nav-link.dropdown-toggle::after { border: 0; width: .875rem; height: 1.375rem; content: ""; display: inline-block; margin-left: .3125rem; background-image: url( images/icons/chevron-down1.svg ); background-position: center; background-repeat: no-repeat; background-color: transparent; background-size: contain; vertical-align: middle; }
#navbartp7 .dropdown-toggle.show::after { background-image: url( images/icons/chevron-up1.svg ); }
#navbartp7 .drop-down { display: none; border-top: 1px solid rgba( 255, 255, 255, .2 ); }
#navbartp7 .drop-down a { display: block; }
#navbartp7 .drop-down li:last-of-type { border-bottom: none; }
#navbartp7 .drop-down.show { display: block; }
@media screen and (min-width: 992px) {
 #mainhd { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background-color: transparent; transition: all 100ms linear 0s; }
 #mainhd.withbg { background-color: rgba( 19, 34, 50, .8 ); }
 .navbar-brand { color: white !important; }
 #navbartp7 .navbar-collapse { margin: 0; border: 0; flex-grow: 0; background-color: transparent; text-align: left; }
 #navbartp7 .navbar-collapse li { border: 0; margin: 0 1rem; position: relative; }
 #navbartp7 .navbar-collapse a { padding: 0; }
 #navbartp7 .navbar-collapse a:hover, #navbartp7 .navbar-collapse a:focus { background-color: transparent; }
 #navbartp7 .navbar-collapse .active::before { top: -1.5rem; }
 #navbartp7 .with-sub-menu { background-color: transparent; }
 #navbartp7 .dropdown-toggle.show::after { background-image: url( images/icons/chevron-down1.svg ); }
 #navbartp7 .drop-down { display: none; border: 0; text-align: left; position: absolute; top: 4.125rem; left: .625rem; z-index: 999999999; background-color: #3286d6; border-radius: .75rem; white-space: nowrap; padding: 0 .9375rem; }
 #navbartp7 .drop-down.show { display: block; opacity: 1; visibility: visible; top: 50px; display: block !important; backface-visibility: visible !important; animation-name: flipInY; animation-duration: 640ms; animation-timing-function: ease-in; animation-fill-mode: both; }
 #navbartp7 .drop-down li { border-bottom: 1px solid rgba( 255, 255, 255, .2 ); }
 #navbartp7 .drop-down a { padding: .8rem 1.5rem; white-space: nowrap; background-color: transparent; }
 #navbartp7 .drop-down a:hover, #navbartp7 .drop-down a:focus { background-color: rgba( 255, 255, 255, .1 ); }
 #navbartp7 .drop-down::before { position: absolute; content: ""; width: 0; height: 0; transform: rotate( 360deg ); border-style: solid; border-width: 0 10px 16.25px 10px; border-color: transparent transparent #3286d6 transparent; background-color: transparent; border-width: 0 13px 10px 13px; top: -10px; left: 20px; }
 #navbartp7 .drop-down .drop-down { left: calc( 100% + 1.1rem ); top: 10px; transition: all 220ms ease-in 0s; display: block !important; opacity: 0; visibility: hidden; }
 #navbartp7 .drop-down .drop-down.show { display: block; opacity: 1; visibility: visible; top: -2px; }
 #navbartp7 .drop-down .drop-down::before { display: none; }
 #navbartp7 .drop-down .nav-link.dropdown-toggle::after { background-image: url( images/icons/chevron-right1.svg ); width: .625rem; height: 1.125rem; margin-left: .75rem; }
}
/*-----------------------------------------------------------
# Animate
--------------------------------------------------------------*/
.animated { animation-duration: 1s; animation-fill-mode: both; }
@keyframes fadeInDown {
 from { opacity: 0; transform: translate3d( 0, -100%, 0 ); }
 to { opacity: 1; transform: none; }
}
.fadeInDown { animation-name: fadeInDown; }
@keyframes lightSpeedIn {
 from { transform: translate3d( 100%, 0, 0 ) skewX( -30deg ); opacity: 0; }
 60% { transform: skewX( 20deg ); opacity: 1; }
 80% { transform: skewX( -5deg ); opacity: 1; }
 to { transform: none; opacity: 1; }
}
.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; }
@keyframes zoomInDown {
 from { opacity: 0; transform: scale3d( .1, .1, .1 ) translate3d( 0, -1000px, 0 ); animation-timing-function: cubic-bezier( .55, .055, .675, .19 ); }
 60% { opacity: 1; transform: scale3d( .475, .475, .475 ) translate3d( 0, 60px, 0 ); animation-timing-function: cubic-bezier( .175, .885, .32, 1 ); }
}
.zoomInDown { animation-name: zoomInDown; }
/*-----------------------------------------------------------
# Miscellaneous
--------------------------------------------------------------*/
@media screen and (min-width: 992px) {
 #hero-wrap { background-image: url( "images/hero-bg.jpg" ); background-repeat: no-repeat; background-position: 27vw top; background-size: cover; position: relative; }
 #hero-wrap::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; display: block; background-color: rgba( 19, 34, 50, .5 ); }
 .hero-inner-wrap { position: relative; }
}
@media screen and (min-width: 992px) and (min-width: 992px) {
 .hero-inner-wrap::before { content: ""; width: 50%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; z-index: 6; background-color: var( --dark-blue1 ); display: block; }
}
#hero { position: relative; z-index: 7; }
.ban-txt-wrap { background-color: var( --dark-blue1 ); }
@media screen and (min-width: 992px) {
 .ban-txt-wrap { min-height: 100vh; }
 .ban-txt-wrap > div { position: relative; top: 50%; transform: translateY( -50% ); }
}
.hdln { font-size: 3rem; }
.js-fid { opacity: 0; }
#hero blockquote { border-color: var( --light-blue1 ) !important; }
.start-btn1 { border-radius: 1.875rem; background-color: var( --light-blue1 ); letter-spacing: 1.2px; font-size: 1rem; }
.start-btn1:hover, .start-btn1:focus { background-color: rgb( 73.1, 156.4, 195.5 ); }
.watch-video-btn { font-size: 1rem; }
.watch-video-btn .bi { top: 5px; }
@media screen and (max-width: 992px) {
 .herobg { background: url( "images/hero-bg.jpg" ) no-repeat center center var( --dark-blue1 ); background-size: cover; }
}
@media screen and (max-width: 992px) and (min-width: 992px) {
 .herobg { min-height: 100vh; }
}
@media screen and (max-width: 992px) {
 .herobg::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; display: block; background-color: rgba( 19, 34, 50, .5 ); }
}
.slide-pic { background-image: url( "images/why-us-bg.jpg" ); background-size: cover; background-repeat: no-repeat; background-position: center top; background-color: var( --dark-blue1 ); width: 100%; height: 100vw; }
@media screen and (min-width: 992px) {
 .slide-pic { height: 100%; }
}
.carousel-wrap { background-color: var( --grey1 ); }
.carousel-wrap .carousel-indicators { bottom: 1.5rem; }
.carousel-wrap .carousel-indicators button { border: 0; border-radius: 50%; margin: 0; padding: 0; width: .75rem; height: .75rem; margin: 0 5px; background-color: #e3e1df; }
.carousel-wrap .carousel-indicators button.active { background-color: var( --light-blue1 ); }
.carousel-wrap .carousel-control-prev { left: -1.25rem; }
.carousel-wrap .carousel-control-next { right: -1.25rem; }
.carousel-wrap .carousel-control-prev-icon,
.carousel-wrap .carousel-control-next-icon { filter: invert( 1 ); opacity: .5; }
.hdng2 { position: relative; }
.hdng2::before { content: ""; display: block; width: 50px; height: 3px; position: absolute; bottom: -40%; left: 50%; transform: translateX( -50% ); background-color: var( --light-blue1 ); }
#serv .card-text { color: #5c534e; }
#serv .card-link { font-size: .875rem; font-weight: bold; color: #958b86; }
#serv .card-link:hover, #serv .card-link:focus { color: #5c534e; }
#cta { position: relative; z-index: 1; clip-path: inset( 0 ); }
#cta::before { content: ""; display: block; position: absolute; background-color: rgba( 19, 34, 50, .5 ); z-index: 5; inset: 0; }
#cta img { position: fixed; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 4; }
.cta-inwrp { position: relative; z-index: 8; }
.feat { overflow: hidden; }
.icon-list { opacity: 0; }
.phnoutwrp { position: relative; }
.phn-wrp { margin: 3rem auto 0; text-align: center; }
@media screen and (min-width: 768px) {
 .phn-wrp { margin: 0; max-width: 340px; position: absolute; top: 2.5rem; right: 0; }
}
@media screen and (min-width: 992px) {
 .phn-wrp { top: -1rem; }
}
.detwrp { background-color: var( --bs-gray-200 ); }
.sinpst { position: relative; }
.sinpst .imgwrp { overflow: hidden; margin-bottom: 1rem; }
.sinpst .img-fluid { transition: .5s; overflow: hidden; display: inline-block; }
.sinpst .meta { font-size: .9rem; margin-bottom: 1rem; }
.sinpst .post-date { color: rgb( 60.2, 128.8, 161 ); }
.sinpst .post-author { color: #958b86; }
.sinpst .pst-title { transition: .5s; }
.sinpst .link { color: var( --light-blue1 ); font-weight: bold; text-decoration: none; }
.sinpst .link::after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
.sinpst:hover { cursor: pointer; }
.sinpst:hover .img-fluid { transform: scale( 1.1 ); }
.sinpst:hover .pst-title { color: var( --hover-blue1 ); }
.sinpst:hover .link { color: var( --hover-blue1 ); }
.link { display: flex; align-items: center; transition: .3s; }
.link i { display: inline-block; margin-left: .5rem; }
.ftrmn { background-color: rgba( 86, 184, 230, .15 ); }
.soclnks a { display: flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; border-radius: 50%; text-align: center; margin-right: .625rem; transition: .3s; background-color: var( --light-blue1 ); color: white; }
.soclnks a:hover, .soclnks a:focus { background-color: var( --hover-blue1 ); }
.muted { color: #5c534e; }
.ftlnks li { margin-bottom: .7rem; }
.ftlnks li a { color: #5c534e; text-decoration: none; }
.ftlnks li a:hover, .ftlnks li a:focus { color: var( --dark-blue1 ); }