@import url(https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800;900&display=swap);
/*----------------------------------------------------------------------
 Project:        Spiralogics Career Portal - Responsive HTML Template Based On Twitter Bootstrap 4.6 Version:        0.1

-----------------------------------------------------------------------*/
* { margin: 0; padding: 0; }

body { font-family: "Jost", sans-serif; font-size: 14px !important; color: #8a8e8f; position: relative; }

.body-bg { background: #f8faf9 !important; }

h1, h2, h3, h4, h5, h6 { font-family: "Jost", sans-serif; }

a, a:hover, .link { color: #ed9c32; text-decoration: none; }
a[type="button"], a:hover[type="button"], .link[type="button"] { -webkit-appearance: none; }

.link i { color: #ed9c32; font-size: 12px; vertical-align: middle; }
.link:hover { color: #e28914; }
.link:hover i { color: #e28914; }

.w-10 { width: 10% !important; }

.w-15 { width: 15% !important; }

.w-20 { width: 20% !important; }

.w-80 { width: 80% !important; }

.w-85 { width: 85% !important; }

.w-90 { width: 90% !important; }

.text-primary { color: #00a991 !important; }

.text-secondary { color: #ed9c32 !important; }

.btn { font-size: 14px; border-radius: 0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.btn.btn-small { line-height: 1.5; padding: 7px 20px; }
.btn.btn-link-secondary { border: 1px solid #00a991; color: #00a991; }
.btn.btn-link-secondary:hover, .btn.btn-link-secondary:active, .btn.btn-link-secondary:focus { background: #00a991; color: white; }
.btn.btn-link { color: #ed9c32; }
.btn.btn-link:hover { color: #d98313; }
.btn.btn-pill { border-radius: 25px; }
.btn.btn-primary { background: #ed9c32; border-color: #ed9c32; color: white; }
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus { background: #d98313; border-color: #d98313; color: white; }

.form-group { margin-bottom: 12px; }
.form-group label { font-weight: 500; color: #25262a; font-size: 13px; margin-bottom: .25rem; }
.form-group label span { color: #fb625e; }
.form-group .custom-file-label { font-weight: 400; }

.field-validation-error { font-size: 12px; }

.is-loading label:before { content: ''; position: absolute; width: 16px; height: 16px; left: calc(100% - 92px); background-image: url(../images/loader_sm.gif); background-repeat: no-repeat; }

.no-resize { resize: none; }

.scrollToTop { background-image: url(../images/border-pattern.png); border-radius: 2px; bottom: 15px; overflow: hidden; display: none; background-color: #f4f4f4; color: #ed9c32 !important; font-size: 20px; padding: 5px 15px; position: fixed; right: 15px; z-index: 999; }

.card.border-0 .card-header { border-color: white; }
.card.card-solid { box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.1); }
.card.card-solid .card-header, .card.card-solid .card-body { background: white; }
.card .card-title { font-size: 18px; font-weight: 600; cursor: pointer; display: block; width: 70%; color: #25262a; }
.card .card-toolbar { display: block; width: 30%; text-align: right; }
.card .card-body h1, .card .card-body h2, .card .card-body h3, .card .card-body h4, .card .card-body h5, .card .card-body h6 { font-size: 16px; margin-bottom: 20px; color: #25262a; }
.card .card-body ul, .card .card-body ol { padding-left: 25px; }

.card.dashboard-charts .card-title { cursor: default; font-size: 16px; }
.card.dashboard-charts .card-title, .card.dashboard-charts .card-toolbar { width: auto; }
.card.dashboard-charts .card-toolbar .form-control { display: inline-block; width: auto; max-width: 82px; cursor: pointer; }

#ApplicationSourceQuarterSelect, #MonthlyApplicationLineChart, #ApplicationDistributionQuarterSelect, #ApplicationPositionQuarterSelect, #ApplicationMonthlyQuarterSelect { width: 100%; }

.dx-checkbox-icon { width: 18px; height: 18px; }

.dx-tag-content { padding: 3px 14px 3px 3px; max-width: 70px; font-size: 12px !important; font-weight: 400; color: #25262a; }

.dx-tag-remove-button { width: 14px; right: -2px; }

.dx-tag-container { padding-right: 12px; }
.dx-tag-container:after { content: '\f078'; color: black; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 12px; right: 3px; font-size: 10px; }

a.text-heading { cursor: default; }

.actions ul li i { font-size: 14px; cursor: pointer; }

.white-spaces { white-space: initial !important; }

.word-wrap { word-wrap: break-word !important; }

.padded { padding: 55px 0; }
.padded.padded-sm { padding: 45px 0; }
.padded.padded-xl { padding: 85px 0; }

.opening-process { background: linear-gradient(180deg, #daefff 0%, #ffffff 100%); position: relative; }
.opening-process .opening-process-single { padding: 16px; }
.opening-process .opening-process-single .opening-process-head { width: 80px; height: 80px; background: white; margin: 0 auto; margin-bottom: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.opening-process .opening-process-single h5 { font-size: 16px; font-weight: 600; text-transform: uppercase; color: #25262a; }
.opening-process .opening-process-single p { line-height: 21px; }

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#cssmenu .close { display: none; }

.open { display: block; }

#cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

#cssmenu #menu-button { display: none; }

#menu-nav { background-color: white; border: 0; border-bottom: 1px solid rgba(0, 169, 145, 0.2); border-radius: 0; margin: 0; width: 100%; }

#cssmenu { padding: 0; z-index: 9999; width: auto; font-family: "Jost", sans-serif; line-height: 1; text-transform: capitalize; width: 100%; }

#menu-line { position: absolute; top: 0; left: 0; height: 3px; background: #00a991; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; display: none; }

#cssmenu > ul > li { float: left; }

#cssmenu.align-center > ul { font-size: 0; text-align: center; }

#cssmenu.align-center > ul > li { display: inline-block; float: none; }

#cssmenu.align-center ul ul { text-align: left; }

#cssmenu.align-right > ul > li { float: right; }

#cssmenu.align-right ul ul { text-align: right; }

#cssmenu > ul > li > a { padding: 20px; font-size: 14px; font-weight: 500; text-decoration: none; text-transform: capitalize; color: #25262a; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -ms-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; }

#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { color: #00a991; }

#cssmenu > ul > li.active > a { font-weight: 700; }

#cssmenu > ul > li.has-sub > a { padding-right: 25px; }

#cssmenu > ul > li.has-sub > a::after { position: absolute; top: 21px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #25262a; border-right: 1px solid #25262a; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; }

#cssmenu > ul > li.has-sub:hover > a::after { border-color: #00a991; }

#cssmenu ul ul { position: absolute; left: -9999px; }

#cssmenu li:hover > ul { left: auto; }

#cssmenu.align-right li:hover > ul { right: 0; }

#cssmenu ul ul ul { margin-left: 100%; top: 0; }

#cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 100%; }

#cssmenu ul ul li { height: 0; -webkit-transition: height 0.2s ease; -moz-transition: height 0.2s ease; -ms-transition: height 0.2s ease; -o-transition: height 0.2s ease; transition: height 0.2s ease; }

#cssmenu ul li:hover > ul > li { height: auto; }

#cssmenu ul ul li a { padding: 10px 20px; width: 160px; font-size: 12px; background: white; text-decoration: none; color: #25262a; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -ms-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; }

#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #00a991; }

#cssmenu ul ul li.has-sub > a::after { position: absolute; top: 13px; right: 10px; width: 4px; height: 4px; border-bottom: 1px solid #25262a; border-right: 1px solid #25262a; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; }

#cssmenu.align-right ul ul li.has-sub > a::after { right: auto; left: 10px; border-bottom: 0; border-right: 0; border-top: 1px solid #25262a; border-left: 1px solid #25262a; }

#cssmenu ul ul li.has-sub:hover > a::after { border-color: #25262a; }

.menu-right { float: right; justify-content: flex-end; }

.nav-menu { float: left; }

.menu-left { justify-content: space-between; }

.site-branding .site-title { text-transform: uppercase; font-size: 20px; font-weight: bold; margin: 15px 0; }
.site-branding .site-title a { color: white; display: block; text-decoration: none; }
.site-branding .site-title a:hover { text-decoration: none; }

.banner { position: relative; }
.banner .col-sm-12.col-md-6 { margin: 0; padding: 0; }
.banner #myCarousel:hover .carousels-left, .banner #myCarousel:hover .carousels-right { opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.banner #myCarousel .carousel-control.left, .banner #myCarousel .carousel-control.right { opacity: 1; background: transparent; background-image: none !important; }
.banner #myCarousel .carousels-left, .banner #myCarousel .carousels-right { opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border: 1px solid #fff; width: 40px; height: 40px; line-height: 20px; }
.banner #myCarousel .carousels-left::before, .banner #myCarousel .carousels-right::before { top: 10px; position: absolute; font-size: 12px; left: 15px; }

.pattern-background { display: inline-block; width: 20px; height: 100%; position: absolute; top: 0; left: 0; z-index: 11; background-image: url(../images/border-pattern.png); }

#myCarousel { width: 100%; }
#myCarousel .carousel-caption { color: #25262a; text-align: center; padding-bottom: 0; bottom: 50%; max-width: 750px; margin: 0 auto; }
#myCarousel .carousel-caption .toggle-heading { font-size: 3.5rem; margin-bottom: 2rem; font-weight: 900; position: relative; text-align: center; text-transform: uppercase; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; }
#myCarousel .carousel-caption .toggle-heading:after { content: ''; width: 80px; border-bottom: 3px solid black; display: block; margin: 0 auto; margin-top: 1rem; }
#myCarousel .carousel-caption .toggle-caption { font-size: 1.5rem; color: #8a8e8f; -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -o-animation-delay: 1.4s; }
#myCarousel img { /* max-height: 490px; */ width: 100%; }

.shaped_bg { background: url(../images/shaped_bg.png) no-repeat left center; background-size: cover; }
.shaped_bg.shaped_even { background: url(../images/shaped_bg_even.png) no-repeat left center; background-size: contain; }

.shaped { width: 100%; height: auto; border-radius: 20px; padding: 35px 50px; color: white; margin: auto; background-size: cover; background-repeat: no-repeat; }
.shaped.life-at-spiralogics { text-align: center; padding: 35px 25px; padding-bottom: 0; }
.shaped.life-at-spiralogics h3 { color: #25262a; text-transform: uppercase; }
.shaped.life-at-spiralogics h3:after { content: ''; width: 80px; border-bottom: 3px solid #25262a; display: block; margin: 0 auto; margin-top: 1rem; }
.shaped.life-at-spiralogics p { color: #8a8e8f; margin: 0; }
.shaped.grow-with-us-shaped { background-image: url(../images/index-bg-1.png); padding: 113px 55px 148px 90px; }
.shaped.flexible-shaped { background-image: url(../images/index-bg-2.png); padding: 96px 55px 132px 60px; }
.shaped.team-shaped { background-image: url(../images/index-bg-3.png); padding: 90px 35px 64px 50px; }
.shaped.amazing-shaped { background-image: url(../images/index-bg-4.png); padding: 55px 35px 100px 50px; }
.shaped h3 { font-size: 2rem; font-weight: 700; text-transform: none; margin: 0 0 20px 0; }

.mobile-banner { margin-top: -20px; }

.img-container img { width: 100%; }

.section-head { margin-bottom: 45px; text-align: center; }
.section-head.left { text-align: left; }
.section-head .section-heading { text-transform: capitalize; font-size: 24px; font-weight: 800; margin: 0 0 8px 0; color: #25262a; }
.section-head .section-head-caption { font-size: 16px; margin: 0; color: #8a8e8f; }

.widget-sidebar { margin-bottom: 40px; background-color: #fff; }
.widget-sidebar .widget-sidebar-title { margin: 0 0 18px 0; font-size: 19px !important; font-weight: 700; color: #25262a; }

.footer-widget.links ul { list-style-type: none; padding-left: 10px; }
.footer-widget.links ul li a { width: 100%; display: block; color: white; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.footer-widget.links ul li a:hover { color: #ed9c32; }
.footer-widget.links ul li a:before { content: '\f178'; margin-right: 20px; font-family: FontAwesome; color: white; }

.footer.bg-white { font-size: 12px; }

.home-part { padding-top: 55px; padding-bottom: 55px; }

.teams-sectioned { margin-bottom: 50px; }
.teams-sectioned .team-single { margin: 0 22px 25px 0; }
.teams-sectioned .team-single .member-title { color: #25262a; margin: 0; }
.teams-sectioned.odd .team-single { margin: 0 22px 25px 0; }
.teams-sectioned.even .team-single { margin: 0 0 25px 22px; }
.teams-sectioned:last-child { margin-bottom: 0; }

.team-head { font-size: 20px; font-weight: 400; text-transform: uppercase; color: #25262a; margin: 0; margin-bottom: 20px; }

.blog-single { position: relative; margin-bottom: 40px; }
.blog-single img { width: 100%; max-width: 100%; height: auto; }

.cat-tags { display: block; margin-bottom: 10px; }
.cat-tags a { background-color: #0072bc; text-transform: uppercase; padding: 5px; margin: 0 5px 5px 0; color: #fff; font-size: 0.785em; font-family: 'Montserrat', sans-serif; }

.collapsed .collapse-icon { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.collapsed .collapse-icon:before { content: "\f101"; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.blog-single .blog-image-head img { width: 100%; max-height: 304px; min-height: 304px; }
.blog-single .cat-tags { margin-top: 15px; }
.blog-single .blog-title { font-size: 20px; line-height: 30px; font-weight: 600; margin: 0; display: block; color: #25262a; }
.blog-single .blog-title a { color: #25262a; }
.blog-single .meta { color: #8a8e8f; margin-bottom: 10px; font-size: 12px; font-weight: 400; }
.blog-single .meta i.fa { margin-right: 5px; }
.blog-single .meta .posted-by, .blog-single .meta .comments { margin-right: 10px; }
.blog-single .meta a { color: #ed9c32; font-size: 13px; }
.blog-single .meta a:hover { color: #ed9c32; }
.blog-single .blog-description { padding: 20px; color: #25262a !important; }
.blog-single .blog-description img { width: auto; height: auto; }
.blog-single .blog-description p, .blog-single .blog-description p span, .blog-single .blog-description p ul, .blog-single .blog-description p ol { font-family: "Jost", sans-serif !important; font-size: 14px !important; color: #25262a !important; line-height: 24px; }
.blog-single .blog-description ul, .blog-single .blog-description ol { padding-left: 35px; }
.blog-single .content-line:first-letter { font-size: 30px; font-weight: 800; }
.blog-single .custom-text-truncate { line-height: 24px; overflow: hidden; }
.blog-single .custom-text-truncate p, .blog-single .custom-text-truncate p span { font-family: "Jost", sans-serif !important; font-size: 14px !important; color: #25262a !important; line-height: 24px; }
.blog-single .custom-text-truncate:first-letter { font-size: 30px; font-weight: 800; }
.blog-single .custom-text-truncate ul, .blog-single .custom-text-truncate ol { padding-left: 17px; }
.blog-single.blog-details .blog-image-head { max-height: none; }

.CTA { background: url(../images/ctaMask.png); background-position: top center; background-repeat: no-repeat; z-index: 90; padding: 40px 0; margin-bottom: -13%; border-radius: 16px; color: white; position: relative; }
.CTA .section-head .section-heading, .CTA .section-head .section-head-caption { margin-bottom: 16px; color: white; }
.CTA .cta-desc { padding-right: 120px; }

.footer-title { font-size: 18px; font-weight: 700; color: white; text-transform: capitalize; margin: 0 0 18px 0; }

.parallex-container { padding: 180px 0 30px; background: #323C47; background-attachment: fixed; background-position: top center; background-size: cover; }

.social-menu .navigation { list-style-type: none; }
.social-menu .navigation li { display: inline-block; text-align: center; }
.social-menu .navigation li a { text-align: center; line-height: 30px; color: white; }
.social-menu .navigation li a i { width: 30px; height: 30px; line-height: 30px; color: white; background: #8a8e8f; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.social-menu .navigation li a:hover i { background: #707576; }

.line { background-image: url(../images/lineIndicator.png); background-repeat: no-repeat; background-size: contain; background-position: center center; text-align: center; width: 100%; height: 3px; position: relative; top: 60px; }

.site-description { max-width: 500px; text-align: center; margin: 0 auto; color: #b7b7b7; }
.site-description h3 { text-transform: uppercase; font-size: 24px; color: #ccc; margin: 30px 0 25px; }
.site-description p { font-size: 15px; }

.bottom-footer { background: #323C47; color: #fff; font-size: 12px; padding: 10px 0; border-top: 1px solid #8a8e8f; }
.bottom-footer a { font-weight: 500; color: white; }

/* inner page css */
.custom-header { background-image: url(../images/subhead-bg.png); background-repeat: no-repeat; background-attachment: fixed; background-position: top center; background-size: contain; box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.7); text-align: center; }
.custom-header .container-inner { padding: 105px 0 50px 0; margin: 0; color: white; text-transform: uppercase; }

.contact-custom-header { padding: 40px 0 30px; text-align: center; background: url(../images/contact-bg.png); background-attachment: fixed; background-position: top center; background-size: cover; }

.contact-office { padding: 80px 0 50px; flex-direction: row; }
.contact-office .contact-office-details { width: 300px; background: white; box-shadow: 4px 4px 19px rgba(0, 0, 0, 0.3); color: #25262a; }
.contact-office .contact-office-details:first-child { margin-right: 100px; }

.contact-head { position: relative; }
.contact-head h3 { font-size: 22px; font-weight: 800; }
.contact-head img { position: relative; margin-top: -45px; }

.contact-desc h3 { font-size: 16px; margin-bottom: .75rem; font-weight: 600; }
.contact-desc img { margin-bottom: .75rem; }

.custom-header-image.no-head { margin-top: 65px; }

#custom-header img { width: 100%; }

#category .blog-single .blog-title { font-size: 20px; }
#category .blog-single img { height: 290px; }

/* single page css starts here */
.comment-section h2 { font-size: 20px; color: #020000; margin: 20px 0; text-transform: uppercase; }
.comment-section .form-control { border-radius: 0; padding: 20px 12px; }

.job-summary p, .job-summary strong, .job-summary span, .job-summary small, .job-summary li, .job-summary h1, .job-summary h2, .job-summary h3, .job-summary h4, .job-summary h5, .job-summary h6 { font-family: "Jost", sans-serif !important; color: #25262a !important; font-size: 14px !important; }
.job-summary h1, .job-summary h2, .job-summary h3, .job-summary h4, .job-summary h5, .job-summary h6 { font-size: 16px !important; }

.we-offer { background-image: url(../images/offer-bg-top.png), url(../images/offer-bg-bottom.png); background-position: top 0 right 0, bottom 0 left 0; background-repeat: no-repeat, no-repeat; }

/* contact page css starts here */
.form-contact { margin-top: 5rem; background: #00a991; border-radius: 20px; }
.form-contact .form-details { padding: 44px 34px; }
.form-contact .form-details .form-icon i { color: white; font-size: 25px; }
.form-contact .form-details .form-info p { color: white !important; margin: 0; }
.form-contact .form-social-icons { padding: 15px 34px; border-top: 1px solid white; }
.form-contact .form-social-icons .social-icons i { color: white; font-size: 1.33em; }

.form-icon i { color: white; font-size: 1rem !important; }

.contact-content { position: relative; }
.contact-content .border-container { right: 0; width: calc(100% - 166px); border: 1px solid #00a991; height: 100%; border-radius: 20px; position: absolute; }

.comment { padding-top: 2rem; padding-right: 3rem; }

.map { margin-top: 30px; }

.aside { width: 140px; }

.nav .nav-link .nav-icon { width: auto; }

.nav.nav-tabs.nav-tabs-line .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line .nav-link.active, .nav.nav-tabs.nav-tabs-line .show > .nav-link { border-width: 2px; }

#profileLogout:after { display: none; }

.dropdown-item { padding: .75rem; }

.aside .nav .nav-link { flex-direction: column; }

.card.card-custom > .card-header { min-height: 40px; }
.card.card-custom > .card-header.card-header-tabs-line .nav .nav-link { padding-top: .75rem; padding-bottom: .75rem; }

.card.card-custom .card-toolbar { width: 18%; }

.card-heading { font-size: 16px; font-weight: 600; color: #25262a; }

.openings-card { padding-bottom: 12px !important; margin-bottom: 15px; border-bottom: 1px solid #E2E5EC; }
.openings-card:last-child { padding-bottom: 0 !important; margin-bottom: 0; border: 0; }

.question-list li { border: 1px solid #e2e5ec; border-radius: 5px; padding: 10px; }
.question-list li p { line-height: 18px; }

/*From Right/Left */
.modal.drawer { display: flex !important; pointer-events: none; }
.modal.drawer * { pointer-events: none; }
.modal.drawer .modal-dialog { margin: 0px; display: flex; flex: auto; transform: translate(25%, 0); }
.modal.drawer .modal-dialog .modal-content { border: none; border-radius: 0px; }
.modal.drawer .modal-dialog .modal-content .modal-body { overflow: auto; background: white; }
.modal.drawer .modal-dialog .modal-content .modal-header, .modal.drawer .modal-dialog .modal-content .modal-footer { background: white; }
.modal.drawer.show { pointer-events: auto; }
.modal.drawer.show * { pointer-events: auto; }
.modal.drawer.show .modal-dialog { transform: translate(0, 0); }
.modal.drawer.right-align { flex-direction: row-reverse; }
.modal.drawer.left-align:not(.show) .modal-dialog { transform: translate(-25%, 0); }
.modal .modal-header .modal-title { margin: 0; }

.dashboard-counts .col:last-child { padding-right: 15px !important; }

.btn-toolbar-abs { position: absolute; z-index: 1; right: 15px; top: 14px; }

.comment-section .comment-single { border-bottom: 1px solid #EBEDF3 !important; padding-bottom: 16px; }
.comment-section .comment-single:last-child { padding-bottom: 0; border: 0 !important; }

.dx-widget, .dx-overlay-wrapper, .ql-container { font-family: "Jost", sans-serif !important; font-size: 13px; color: #8a8e8f; }

.dx-widget input, .dx-widget textarea { font-family: "Jost", sans-serif !important; }

.dx-datagrid-pager { border: 0; }

.dx-pager { padding: 10px; }
.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection { color: white; border-color: transparent; background-color: #00a991; }

.dx-datagrid { color: #303030; }

.dx-datagrid-group-panel .dx-group-panel-message { color: #303030; }

.dx-datagrid-headers { color: #25262a; font-weight: 600; }

.dx-toolbar .dx-texteditor { width: 135px; }

.dx-toolbar-text-auto-hide .dx-button .dx-button-content { padding: 5px; }
.dx-toolbar-text-auto-hide .dx-button .dx-icon { width: 14px; height: 14px; background-size: 14px 14px; font-size: 14px; line-height: 14px; }

.dx-toolbar.dx-toolbar-multiline .dx-toolbar-items-container .dx-toolbar-before { padding-right: 0; }

.dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) { background-color: #00a991; color: white; }

.dx-button-mode-text.dx-format-active .dx-icon { color: white; }

.dx-placeholder, .ql-editor.ql-blank:before { font-size: 12px; color: #bcb6c3; }

.dx-datebox-wrapper-calendar .dx-popup-content { margin: 0; }

.dx-dropdowneditor-icon:before { content: '\f078'; color: black; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; font-size: 10px; }

.dx-datebox-calendar .dx-dropdowneditor-icon:before { content: "\f026"; font: 18px/18px DXIcons; }

.apexcharts-legend-text, .apexcharts-text, .apexcharts-title-text, .apexcharts-text tspan { font-family: "Jost", sans-serif !important; }

.apexcharts-legend-marker { width: 18px !important; height: 8px !important; }

#applicationDistribution .apexcharts-series path { stroke: #008B77 !important; }

#applicationSource, #applicationSource .apexcharts-canvas, #applicationSource svg { min-height: 252px !important; }

#applicationSource foreignObject { height: 252px !important; }

#applicationSource .apexcharts-legend { padding-right: 0; }

.aside-nav.ps { overflow-y: auto !important; }

.aside-nav.scroll { max-height: calc(100vh - 45px - 75px); overflow-y: auto !important; scrollbar-width: thin; }
.aside-nav.scroll::-webkit-scrollbar { width: 5px; background-color: #e2e5ec; }
.aside-nav.scroll::-webkit-scrollbar-thumb { background-color: white; border-radius: 5px; }
.aside-nav.scroll::-webkit-scrollbar-track { background-color: #00a991; }

.svg-icon svg { width: 1.2rem; height: 1.2rem; margin-top: -5px; }

#send_rejected_mail .fas { font-size: 12px; }

.application-priority { width: 40px; background-color: #FFC6A5; padding: 1px 2px; display: flex; justify-content: center; border-radius: 0 12px 12px 0; }
.application-priority i { color: white; }
.application-priority i.flaticon-exclamation-square { font-size: 12px; }
.application-priority i.flaticon-exclamation-square:before { line-height: 16px; }

.priority-label { width: 14px; height: 14px; border-radius: 2px; display: inline-block; }

.priority-urgent { background-color: #d52d0d; }

.priority-noturgent { background-color: #ed9c32; }

.priority-normal { background-color: #00a991; }

.tooltip { font-family: "Jost", sans-serif !important; }
.tooltip .tooltip-inner { text-align: left; }

#candidates, #ProspecJob, #OnBoard, #Rejected { margin-top: 12px; }
#candidates .dx-datagrid .dx-data-row.dx-column-lines > td:first-child, #ProspecJob .dx-datagrid .dx-data-row.dx-column-lines > td:first-child, #OnBoard .dx-datagrid .dx-data-row.dx-column-lines > td:first-child, #Rejected .dx-datagrid .dx-data-row.dx-column-lines > td:first-child { padding-left: 0 !important; }

.dx-overlay-content.dx-popup-normal:has(#jobOpeningDropdownContentCandidates), .dx-overlay-content.dx-popup-normal:has(#jobOpeningDropdownContentProspective), .dx-overlay-content.dx-popup-normal:has(#jobOpeningDropdownContentBoarded), .dx-overlay-content.dx-popup-normal:has(#jobOpeningDropdownContentRejected) { width: 380px !important; }

.dx-popup-content:has(#jobOpeningDropdownContentCandidates), .dx-popup-content:has(#jobOpeningDropdownContentProspective), .dx-popup-content:has(#jobOpeningDropdownContentBoarded), .dx-popup-content:has(#jobOpeningDropdownContentRejected) { padding: 5px 0; }

a, link { color: #00a991; cursor: pointer; }
a i, link i { color: #00a991; }
a:hover, link:hover { color: #007665; }

.text-heading, .text-dark { color: #25262a !important; }

.text-body { color: #8a8e8f !important; }

.btn.btn-primary { background: #ed9c32; color: white; border-color: #ed9c32; }
.btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary.focus:not(.btn-text), .btn.btn-primary:hover, .btn.btn-primary:focus { background: #e28914; color: white; border-color: #e28914; }
.btn.btn-primary.disabled, .btn.btn-primary:disabled { background: #f1b361; border-color: #f1b361; color: white; cursor: no-drop; }

.btn.btn-secondary { background: #b9e8e1; color: #00a991; border-color: #b9e8e1; }
.btn.btn-secondary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-secondary:focus:not(.btn-text), .btn.btn-secondary.focus:not(.btn-text), .btn.btn-secondary:hover, .btn.btn-secondary:focus { background: #a6e1d9; color: #00a991; border-color: #a6e1d9; }
.btn.btn-secondary.disabled, .btn.btn-secondary:disabled { background: #f2fbfa; border-color: #f2fbfa; color: #00a991; cursor: no-drop; }

.btn.btn-outline-primary { color: #00a991; background-color: transparent; border-color: #00a991; }
.btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-outline-primary:focus:not(.btn-text), .btn.btn-outline-primary.focus:not(.btn-text), .btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus { background: #00a991; color: white; border-color: #00a991; }

.bg-primary { background-color: #00a991 !important; }

.badge { font-size: 14px; border-radius: 2rem; font-weight: normal; }

.text-primary, a.text-primary { color: #00a991 !important; }
.text-primary:hover, .text-primary:focus, a.text-primary:hover, a.text-primary:focus { color: #00a991 !important; }

.svg-icon.svg-icon-success svg g [fill] { fill: #00a991 !important; }
.svg-icon.svg-icon-warning svg g [fill], .svg-icon.svg-icon-secondary svg g [fill] { fill: #ed9c32 !important; }

.text-info { color: #3855b3 !important; }

.aside { background-color: #00a991; }

.nav .nav-link .nav-text, .nav .nav-link .nav-icon i { color: #6c6e79; }

.nav .show > .nav-link .nav-text, .nav .nav-link:hover:not(.disabled) .nav-text, .nav .nav-link.active .nav-text { color: #00a991; }

.nav.nav-tabs.nav-tabs-line .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line .nav-link.active, .nav.nav-tabs.nav-tabs-line .show > .nav-link { border-color: #00a991; }

.nav .show > .nav-link .nav-icon i, .nav .nav-link:hover:not(.disabled) .nav-icon i, .nav .nav-link.active .nav-icon i { color: #00a991; }

.aside .nav .nav-link .nav-text { margin-top: 5px; }
.aside .nav .nav-link .nav-text, .aside .nav .nav-link .nav-icon i { color: #f8faf9; }
.aside .nav .nav-link.active, .aside .nav .nav-link:hover:not(.disabled) { background-color: #009f88; }
.aside .nav .nav-link.active .nav-icon i, .aside .nav .nav-link.active .nav-text, .aside .nav .nav-link:hover:not(.disabled) .nav-icon i, .aside .nav .nav-link:hover:not(.disabled) .nav-text { color: white; }
.aside .nav .show > .nav-link .nav-icon i, .aside .nav .nav-link:hover:not(.disabled) .nav-icon i, .aside .nav .show > .nav-link .nav-text, .aside .nav .nav-link:hover:not(.disabled) .nav-text { color: white; }

.header-mobile .btn:hover .svg-icon svg g [fill] { fill: #00a991; }
.header-mobile .burger-icon:hover span { background-color: #00a991; }
.header-mobile .burger-icon:hover span::before, .header-mobile .burger-icon:hover span::after { background-color: #00a991; }

.footer.bg-white { color: #8a8e8f; }
.footer.bg-white .text-muted { color: #8a8e8f !important; }

.alert { width: 450px; position: absolute; right: 5px; top: 20px; border-radius: 4px; font-weight: 600; box-shadow: 0px 4px 10px rgba(0, 48, 135, 0.14); z-index: 1050; }
.alert.alert-custom { padding: 1.2rem 1.5rem; }
.alert.alert-custom.alert-success, .alert.alert-success { background: #00a991; color: white; border-color: #00a991; }
.alert.alert-custom.alert-success button.close:before, .alert.alert-custom.alert-success .alert-close .ki-close, .alert.alert-custom.alert-success .alert-icon i, .alert.alert-success button.close:before, .alert.alert-success .alert-close .ki-close, .alert.alert-success .alert-icon i { opacity: 1; }
.alert.alert-custom.alert-danger, .alert.alert-danger { background: #dd425a; color: white; border-color: #dd425a; }
.alert.alert-custom.alert-danger .alert-close .ki-close, .alert.alert-custom.alert-danger button.close:before, .alert.alert-custom.alert-danger .alert-icon i, .alert.alert-danger .alert-close .ki-close, .alert.alert-danger button.close:before, .alert.alert-danger .alert-icon i { opacity: 1; }
.alert.alert-custom.alert-warning, .alert.alert-warning { background: #ed9c32; color: white; border-color: #ed9c32; }
.alert.alert-custom.alert-warning .alert-close .ki-close, .alert.alert-custom.alert-warning button.close:before, .alert.alert-custom.alert-warning .alert-icon i, .alert.alert-warning .alert-close .ki-close, .alert.alert-warning button.close:before, .alert.alert-warning .alert-icon i { opacity: 1; }
.alert.alert-custom.alert-info, .alert.alert-info { background: #3855b3; color: white; border-color: #3855b3; }
.alert.alert-custom.alert-info .alert-close .ki-close, .alert.alert-custom.alert-info button.close:before, .alert.alert-custom.alert-info .alert-icon i, .alert.alert-info .alert-close .ki-close, .alert.alert-info button.close:before, .alert.alert-info .alert-icon i { opacity: 1; }

.checkbox > input:checked ~ span { background-color: #00a991; }

.radio.radio-outline.radio-primary > input:checked ~ span { border-color: #00a991; }
.radio.radio-outline.radio-primary > input:checked ~ span:after { background-color: #00a991; border-color: #00a991; }

.symbol .symbol-label.bg-transparent { background-color: transparent; }

.btn-link { color: #00a991; }
.btn-link i { color: #00a991; font-size: 13px; }
.btn-link:hover { text-decoration: none; color: #00a991; }

.dx-overlay-shader { background: rgba(0, 0, 0, 0.5) !important; }

.dx-popup-title.dx-toolbar { background-color: #00a991; }

.dx-popup-title.dx-toolbar .dx-toolbar-items-container { color: white; }

.dx-datagrid a, .dx-theme-generic-typography a { color: #00a991; }

.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date, .dx-calendar-cell.dx-calendar-selected-date, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today { box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 1000px #00a991; }

.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content, .dx-calendar-navigator-next-month.dx-button .dx-icon, .dx-calendar-navigator-next-view.dx-button .dx-icon, .dx-calendar-navigator-previous-month.dx-button .dx-icon, .dx-calendar-navigator-previous-view.dx-button .dx-icon { color: #00a991; }

.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon { border-color: #00a991; }

.dx-checkbox-checked .dx-checkbox-icon, .dx-checkbox-indeterminate .dx-checkbox-icon { font: 12px/12px DXIcons; color: #00a991; }

@media (min-width: 992px) { .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link, .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link, .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link, .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link { background-color: white; }
  .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text, .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text { color: #00a991; }
  .header-menu .menu-nav > .menu-item > .menu-link .menu-text { color: #25262a; } }
/*responsive css starts  here*/
@media (max-width: 2800px) and (min-width: 1800px) { .shaped.team-shaped { padding: 120px 35px 154px 75px; }
  .shaped.flexible-shaped { padding: 119px 55px 213px 60px; }
  .shaped.grow-with-us-shaped { padding: 155px 55px 235px 90px; }
  .contained-right { padding-right: 23.5rem; }
  .contained-left { padding-left: 23.5rem; } }
@media screen and (max-width: 1660px) { .contained-right { padding-right: 13rem; }
  .contained-left { padding-left: 13rem; }
  .shaped.team-shaped { padding: 120px 35px 154px 75px; }
  .shaped.flexible-shaped { padding: 136px 55px 213px 60px; }
  .shaped.grow-with-us-shaped { padding: 181px 55px 225px 90px; } }
@media screen and (max-width: 1440px) { .contained-right { padding-right: 5rem; }
  .contained-left { padding-left: 5rem; }
  .shaped.team-shaped { padding: 120px 35px 128px 75px; }
  .shaped.flexible-shaped { padding: 136px 55px 195px 60px; }
  .shaped.grow-with-us-shaped { padding: 167px 55px 223px 90px; }
  .shaped.amazing-shaped { padding: 55px 35px 175px 50px; } }
@media screen and (max-width: 1366px) { .contained-right { padding-right: 9rem; }
  .contained-left { padding-left: 9rem; }
  .shaped.team-shaped { padding: 100px 35px 88px 48px; }
  .shaped.flexible-shaped { padding: 130px 55px 133px 60px; }
  .shaped.grow-with-us-shaped { padding: 125px 55px 148px 90px; }
  .shaped.amazing-shaped { padding: 55px 35px 115px 50px; } }
@media screen and (max-width: 1280px) { .contained-right { padding-right: 9rem; }
  .contained-left { padding-left: 9rem; }
  .shaped.team-shaped { padding: 90px 35px 64px 50px; }
  .shaped.flexible-shaped { padding: 97px 55px 109px 60px; }
  .shaped.grow-with-us-shaped { padding: 113px 55px 148px 90px; }
  .shaped.amazing-shaped { padding: 55px 35px 100px 50px; } }
@media screen and (max-width: 1024px) { .contained-right { padding-right: 5rem; }
  .contained-left { padding-left: 5rem; }
  .shaped.team-shaped { padding: 85px 30px 77px 45px; }
  .shaped.flexible-shaped { padding: 75px 30px 55px 42px; }
  .shaped.grow-with-us-shaped { padding: 73px 55px 61px 69px; }
  .shaped.amazing-shaped { padding: 55px 35px 100px 50px; }
  #myCarousel .carousel-caption { bottom: 36%; }
  .dx-texteditor-input::-webkit-input-placeholder { color: transparent; }
  .dx-texteditor-input:-moz-placeholder { /* Firefox 18- */ color: transparent; }
  .dx-texteditor-input::-moz-placeholder { /* Firefox 19+ */ color: transparent; }
  .dx-texteditor-input:-ms-input-placeholder { color: transparent; } }
@media (min-width: 992px) { .wrapper { padding: 0; }
  .aside-added .wrapper { padding-left: 140px; }
  .header.header-fixed { left: 140px; }
  .header.header-fixed.header-web { left: 0; border-color: rgba(0, 169, 145, 0.2) !important; box-shadow: none; }
  .header { height: 50px; }
  .header.header-web { height: 60px; }
  .header-fixed .wrapper { padding-top: 50px; }
  .header-fixed .wrapper.web-wrapper { padding-top: 60px; }
  .subheader-enabled:not(.subheader-fixed) .content { padding-top: 25px; }
  .content.web-content { padding: 0 !important; }
  .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { padding-left: 15px; padding-right: 15px; } }
@media (max-width: 991.98px) { .aside { left: -145px; }
  .header-mobile-fixed .header-mobile { height: 50px; min-height: 50px; box-shadow: none; }
  .header-mobile-fixed .wrapper { padding-top: 50px; }
  .web-header .header-menu-mobile { width: 100%; left: 0; }
  .web-header .header-menu-mobile .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-text, .web-header .header-menu-mobile .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text, .web-header .header-menu-mobile .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-text, .web-header .header-menu-mobile .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-text { color: #00a991; }
  .web-header .header-menu-mobile .menu-nav > .menu-item.menu-item-active > .menu-heading, .web-header .header-menu-mobile .menu-nav > .menu-item.menu-item-active > .menu-link, .web-header .header-menu-mobile .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading, .web-header .header-menu-mobile .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link { background: #faf9f9; }
  .d-xs-none { display: none !important; }
  .subheader-enabled .content { padding-top: 15px; }
  .nav-tabs.nav-tabs-line .nav-item .nav-link { margin: 0 !important; padding: 10px !important; }
  .btn-toolbar-abs { position: relative; right: 0; top: 0; }
  .contained-right { padding-right: 5rem; }
  .contained-left { padding-left: 5rem; }
  .shaped.team-shaped { padding: 30px; background: #00a991; }
  .shaped.flexible-shaped { padding: 30px; background: #ed9c32; }
  .shaped.grow-with-us-shaped { padding: 30px; background: #00a991; }
  .shaped.amazing-shaped { padding: 30px; background: #7796FE; } }
@media screen and (max-width: 992px) { .site-branding { position: absolute; }
  .site-branding .site-title { font-size: 16px; }
  #menu-nav .container { justify-content: space-between; } }
@media screen and (min-width: 991.8px) { #menu-nav .container { justify-content: flex-start !important; } }
@media all and (max-width: 840px) { .CTA { margin-bottom: -20%; background-size: cover; }
  .kathmandu-desc iframe { margin-top: 20px; } }
@media all and (max-width: 800px) { .custom-header .container-inner { padding: 30px 0; font-size: 25px; } }
@media all and (max-width: 768px) { .card .card-toolbar { width: 50%; }
  .contact-office .contact-office-details:first-child { margin-right: 30px; }
  .contact-form .section-head { text-align: center !important; }
  .contact-form .contact-img { text-align: center; margin-bottom: 25px; }
  .kathmandu-desc iframe { margin-top: 0; }
  #myCarousel .carousel-caption .toggle-heading { font-size: 2.5rem; margin-bottom: 1rem; }
  #myCarousel .carousel-caption .toggle-caption { font-size: 1.2rem; } }
@media (max-width: 767.9px) { .contained-right, .contained-left { padding: 0; }
  .shaped { border-radius: 0 !important; }
  .shaped_bg, .shaped_even { background: rgba(253, 176, 175, 0.2) !important; }
  .padded.padded-xl { padding: 0; }
  .img-container { padding: 1rem 0; } }
@media all and (max-width: 640px) { .mobile-d-none { display: none; }
  .mobile-display-text { display: block !important; } }
@media all and (max-width: 575px) { .we-offer.padded { padding-top: 25px !important; }
  .we-offer ul { padding-left: 4.5rem !important; }
  .CTA .cta-desc { text-align: center; padding-right: 15px; }
  .CTA .section-head .section-heading, .CTA .section-head .section-head-caption { text-align: center; }
  .padded { padding: 45px 0; }
  .padded.padded-sm { padding: 30px 0; }
  .section-head { margin-bottom: 30px; }
  .parallex-container { padding: 130px 0 30px; }
  .parallex-container .short-desc { margin-bottom: 30px; }
  .contact-content .border-container { display: none; }
  .form-contact { margin-top: 0; }
  .custom-header-image.no-head { margin-top: 30px; }
  .comment { padding: 0; }
  .contact-office { padding: 50px 0 50px; flex-direction: column; }
  .contact-office .contact-office-details { width: 240px; }
  .contact-office .contact-office-details:first-child { margin-right: 0; margin-bottom: 50px; }
  .line { display: none; }
  .sm-mb-4 { margin-bottom: 16px; }
  .alert { width: 100%; right: 0; }
  .p-xs-rs-n { padding-right: 15px !important; }
  .p-xs-l-n { padding-left: 15px !important; } }
@media all and (max-width: 420px) { .bottom-footer, .bottom-footer .text-right { text-align: center !important; } }