html,
body {
    font-family: 'Segoe UI';
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

:root {
    --primary-color: #DC0000;
    --secondary-color: #086CCC;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/segoe_ui_light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/segoe_ui_light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/segoe_ui_light.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/segoe_ui_light.woff') format('woff'), /* Modern Browsers */
         url('../fonts/segoe_ui_light.ttf') format('truetype'),
         url('../fonts/segoe_ui_light.svg') format('svg');
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/segoe_ui_normal.eot'); /* IE9 Compat Modes */
    src: url('../fonts/segoe_ui_normal.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/segoe_ui_normal.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/segoe_ui_normal.woff') format('woff'), /* Modern Browsers */
         url('../fonts/segoe_ui_normal.ttf') format('truetype'),
         url('../fonts/segoe_ui_normal.svg') format('svg');
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/segoe_ui_normal_italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/segoe_ui_normal_italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/segoe_ui_normal_italic.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/segoe_ui_normal_italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/segoe_ui_normal_italic.ttf') format('truetype'),
         url('../fonts/segoe_ui_normal_italic.svg') format('svg');
    font-style: italic;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/segoe_ui_semibold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/segoe_ui_semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/segoe_ui_semibold.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/segoe_ui_semibold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/segoe_ui_semibold.ttf') format('truetype'),
         url('../fonts/segoe_ui_semibold.svg') format('svg');
    font-style: normal;
    font-weight: 600;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/segoe_ui_bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/segoe_ui_bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/segoe_ui_bold.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/segoe_ui_bold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/segoe_ui_bold.ttf') format('truetype'),
         url('../fonts/segoe_ui_bold.svg') format('svg');
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/segoe_ui_bold_italic.eot'); /* IE9 Compat Modes */
    src: url('../fonts/segoe_ui_bold_italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/segoe_ui_bold_italic.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/segoe_ui_bold_italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/segoe_ui_bold_italic.ttf') format('truetype'),
         url('../fonts/segoe_ui_bold_italic.svg') format('svg');
    font-style: italic;
    font-weight: 700;
    text-rendering: optimizeLegibility;
}

h3 {
    font-size: 36px;
    line-height: 48px;
    font-weight: 700;
}

.menu-wrapper {
    background: #ffffff;
    box-shadow: 0px 3px 10px -4px #0000001a;
    position: sticky;
    top: 0;
    z-index: 5;
}

.menu-wrapper .navbar .nav-link {
    color: #333333;
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
    padding-inline: 0;
    position: relative;
}

.menu-wrapper .navbar .navbar-nav {
    column-gap: 30px;
}

.menu-wrapper .navbar .navbar-brand {
    max-width: 170px;
    width: 100%;
    margin-right: 48px;
    padding: 0;
}

.search-icon {
    background: url(../images/search_icon.svg) center/contain no-repeat;
    width: 17px;
    height: 17px;
}

.menu-wrapper .navbar .nav-link.active,
.demo-request-input-wrapper p a {
    color: #0F59F5;
}

.menu-wrapper .navbar:first-child {
    /* border-bottom: 1px solid #E6E9F1; */
    padding-block: 17px;
}

.menu-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    padding: 8px 14px;
    transition: 0.3s all;
}

.menu-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-item,
.input-wrapper :where(.form-control, .form-select) {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #333;
}

.menu-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
    background: #FFE7E7;
}

.primary-btn {
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.primary-btn,
.btn.secondary-btn {
    font-size: 16px;
    line-height: 22px;
    color: #F2F9FA !important;
    font-weight: 700;
    padding: 8px 16px;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none !important;
}

.btn.secondary-btn {
    border: 1px solid #F2F9FA;
}

.btn.secondary-btn:hover {
    background: #F2F9FA;
    color: var(--secondary-color);
}

.menu-wrapper .navbar .dropdown-toggle::after {
    border-width: 4px 4px 0;
    border-top-color: #333333;
    vertical-align: 2px;
    transition: 0.3s all ease;
}

/* .menu-wrapper .navbar:last-child {
    padding-block: 9px;
} */

.banner-section {
    background: linear-gradient(282.09deg, #015EDF -23.82%, rgba(255, 255, 255, 0.0825894) 67.64%, rgba(0, 94, 225, 0.5) 156.94%), url(../images/dot_pattern_bg.jpg) top/contain no-repeat;    
    padding-block: 40px;
}

.banner-section h4 {
    font-size: 32px;
    line-height: 43px;
    color: #2C3747;
    font-weight: 600;
}

.banner-section h1 {
    margin-bottom: 28px;
}

.banner-section h1,
.features-banner h1, .faq-banner h1 {
    font-size: 64px;
    line-height: 74px;
    color: var(--secondary-color);
    font-weight: 700;
}

.banner-section h1 span,
.features-banner h1 span, .faq-banner h1 span {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}

.banner-section h1 span:first-child {
    background: url(../images/title_bg.svg) right bottom no-repeat var(--secondary-color);
}

.banner-section h1 span:last-child {
    background: url(../images/title_bg_2.png) right no-repeat #2C3747;
}

.banner-section p,
.features-wrapper .carousel-item p {
    font-size: 18px;
    line-height: 29px;
    font-weight: 400;
}

.banner-section p,
.black-color-txt {
    color: #2C3747 !important;
}

.features-wrapper {
    background: linear-gradient(75deg, #058B53 0.27%, #196864 47.65%, #1E9271 99%);
    background: linear-gradient(73.89deg, #014A96 0%, #015CD7 42.04%, #0160E7 88.94%);
    padding-block: 90px 36px;
}

.features-wrapper h6,
.highlights-sub-title,
.footer-links h6,
.features-banner p, .faq-banner p {
    font-size: 20px;
    line-height: 27px;
}

.features-wrapper h6,
.highlights-sub-title {
    font-weight: 600;
}

.features-wrapper h6 {
    margin-block: 20px 45px;
}

.features-wrapper h3 {
    line-height: 57px;
}

.features-wrapper .carousel-indicators {
    gap: 15px;
    margin-bottom: 60px;
    flex-wrap: wrap;
}

.features-wrapper .carousel-indicators button[data-bs-target] {
    width: unset;
    height: unset;
    text-indent: unset;
    padding: 8px 15px;
    color: #0A5A50;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    border-radius: 5px;
    background: #ffffff26;
    border: none;
    margin: 0;
    transition: 0.6s all;
    opacity: 1;
}

.features-wrapper .carousel-indicators button.active[data-bs-target] {
    background: #ffffff;
    color: #010101;
}

.features-wrapper .carousel-indicators button:hover {
    background: #ffffff;
}

.learn-more-link {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #ffffff;
}

.highlight-info {
    background: linear-gradient(270deg, #FFC058 -7.32%, #24996880 39.16%, #ffffff00 80.63%);
    background: linear-gradient(269.87deg, #014A97 -7.32%, #0A56AB 13.49%, #3288FF 49.78%, rgba(50, 136, 255, 0) 77.52%);
    border-bottom-right-radius: 60px;
    padding: 8px 20px 14px 0;
    margin-block: 30px 20px;
}

.features-wrapper .carousel-item .highlight-info p {
    font-size: 16px;
    line-height: 26px;
}

.features-wrapper .carousel-item h6,
.get-started-section h6 {
    font-size: 22px;
    line-height: 36px;
}

.features-desription-wrapper {
    max-width: 525px;
}

.features-wrapper .carousel,
.features-banner h1+h1, .faq-banner h1+h1 { 
    margin-bottom: 30px;
}

.features-wrapper .carousel-item .features-img-wrapper img {
    border-radius: 10px 0px 0px 10px;
    box-shadow: -5px 6px 19px 6px #00000040;
}

.features-wrapper .carousel-item .features-img-wrapper {
    padding: 27px 0 28px 20px;
}

.terp-highlights-wrapper {
    padding-block: 90px;
    background: #ffffff;
}

.testimonial-wrapper {
    padding-block: 50px 90px;
    background: #ffffff;
}

.highlight-item h6,
.testimonial-card h5,
.features-details h5,
.demo-request-wrapper h6 {
    font-size: 24px;
    line-height: 32px;
}

.highlight-item h6,
.testimonial-card h5,
.features-details h5 {
    font-weight: 700;
}

.highlight-item h6 {
    color: #2C3747;
    margin-block: 20px 12px;
}

.highlight-item p {
    font-size: 17px;
    line-height: 28px;
    font-weight: 400;
    color: #333333;
}

.highlights-sub-title {
    margin-block: 20px 60px;
}

.testimonial-card {
    background: linear-gradient(162deg, #E35F56 15.99%, #F9A526 109.64%);
    padding: 32px 42px;
    position: relative;
    height: 100%;
}

.testimonial-card.blue-bg {
    background: linear-gradient(162deg, #0051C5 30.5%, #870079 109.64%);
}

.testimonial-card p,
.testimonial-footer h6 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
}

.testimonial-description::before,
.testimonial-description::after {
    content: '';
    display: block;
    width: 33px;
    height: 31px;
}

.testimonial-description::before {
    background: url(../images/quotes_open.svg) center/contain no-repeat;
}

.testimonial-description::after {
    background: url(../images/quotes_close.svg) center/contain no-repeat;
    margin-left: auto;
    margin-right: -10px;
}

.testimonial-card.blue-bg .testimonial-description::before {
    background: url(../images/quotes_blue_open.svg) center/contain no-repeat;
}

.testimonial-card.blue-bg .testimonial-description::after {
    background: url(../images/quotes_blue_close.svg) center/contain no-repeat;
}

.owl-carousel .owl-item  .testimonial-footer img {
    width: 110px;
    height: 110px;
    flex-shrink: 0;
    margin-right: 12px;
}

.testimonial-card h5 {
    margin-block: 8px 25px;   
}

.testimonial-card .testimonial-footer p {
    font-size: 14px;
    line-height: 23px;
}

.testimonial-footer {
    padding-top: 40px;
}

.testimonial-card::after {
    content: '';
    background: url(../images/testimonial_shape.svg) center no-repeat;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 75px;
    height: 141px;
}

.testimonial-wrapper .owl-carousel .owl-dots {
    gap: 8px;
    margin-top: 20px;
}

.testimonial-wrapper .owl-carousel .owl-dots button {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    transition: 0.4s all;
    background: #FFD8D8;
}

.testimonial-wrapper .owl-carousel .owl-dots button.active {
    background: var(--primary-color)
}

.get-started-section {
    padding-block: 50px;    
    background: linear-gradient(74.8deg, #015FE1 0.27%, #014B98 36.23%, #014D9E 62.16%, #015FE1 99%);
}

.get-started-section h6 {
    margin-block: 20px 40px;
}

.footer-wrapper {
    padding-top: 90px;
    background: #F1FFFF;
}

.footer-links ul li a,
.address-info :where(p, a),
.copyright {
    font-size: 17px;
    line-height: 23px;
    font-weight: 400;
    color: #333;
}

.footer-links ul li a,
.address-info :where(p, a) {
    text-decoration: none;
    transition: 0.5s all;
}

.footer-links ul li:not(:last-child) {
    margin-bottom: 12px;
}

.footer-logo img {
    max-width: 170px;
}

.footer-links h6 {
    margin-bottom: 14px;
}

.address-info>*::before {
    content: '';
    width: 26px;
    position: absolute;
    left: 0;
    top: 5px;
}

.location::before {
    background: url(../images/location_icon.svg) center no-repeat;
    height: 22px;
}

.mail::before {
    background: url(../images/mail_icon.svg) center no-repeat;
    height: 16px;
}

.phone::before {
    background: url(../images/phone_icon.svg) center no-repeat;
    height: 20px;
}

.address-info>* {
    padding-left: 36px;
    margin-bottom: 30px;
}

.address-info>*,
.footer-links a {
    position: relative;
}

.footer-links a::after,
.menu-wrapper .navbar .nav-link:not(.active)::after {
    content: '';
    width: 0;
    background: var(--primary-color);
    position: absolute;
    left: 0;
    transition: 0.5s all;
}

.footer-links a::after {
    bottom: -3px;
    height: 1.5px;
}

.footer-links a:hover:after {
    width: 100%;
}

.footer-links a:hover {
    color: var(--primary-color);
}

.social-media-links-wrapper {
    border: solid #cacaca40;
    border-width: 1px 0;
    padding-block: 25px;
}

.social-media-links>* {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    transition: 0.3s all;
}

.facebook {
    background: url(../images/fb_icon.svg) center/contain no-repeat;
}

.facebook:hover {
    background: url(../images/fb_icon_hover.svg) center/contain no-repeat;
}

.instagram {
    background: url(../images/insta_icon.svg) center/contain no-repeat;
}

.instagram:hover {
    background: url(../images/insta_icon_hover.svg) center/contain no-repeat;
}

.twitter {
    background: url(../images/twitter_icon.svg) center/contain no-repeat;
}

.twitter:hover {
    background: url(../images/twitter_icon_hover.svg) center/contain no-repeat;
}

.linkedin {
    background: url(../images/linkedin_icon.svg) center/contain no-repeat;
}

.linkedin:hover {
    background: url(../images/linkedin_icon_hover.svg) center/contain no-repeat;
}

.social-media-links,
.carousel-btn-wrapper,
.testimonial-wrapper .owl-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-media-links,
.carousel-btn-wrapper {
    gap: 20px;
}

.copyright::before {
    content: '';
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(../images/copyright_icon.svg) center/contain no-repeat;
    margin-right: 6px;
    vertical-align: -2px;
}

.copyright {
    padding-block: 20px;
}

/* .menu-wrapper .navbar:last-child .navbar-toggler {
    background: url(../images/sherpa_project.svg) center/contain no-repeat;
    width: 70px;
    height: 36px;
    box-shadow: none;
    position: relative;
}

.menu-wrapper .navbar:last-child .navbar-toggler::after {
    content: '';
    background: url(../images/arrow_down.svg) center/contain no-repeat;
    width: 11px;
    height: 17px;
    position: absolute;
    left: calc(100% + 8px);
    top: 2px;
    transition: 0.3s all ease;
}

.menu-wrapper .navbar:last-child .navbar-toggler[aria-expanded="true"]::after {
    transform: rotate(180deg);
} */

.carousel-btn-wrapper button {
    background: url(../images/carousel_btn_icon.svg) center/contain no-repeat;
    width: 25px;
    height: 25px;
    opacity: 1 !important;
    border-radius: 50%;
}

.carousel-btn-wrapper .carousel-control-next {
    transform: scale(-1);
}

.menu-wrapper .navbar:first-child .navbar-toggler {
    background: url(../images/hamburger_icon.svg) center/contain no-repeat;
    width: 28px;
    height: 16px;
    box-shadow: none;
    transition: 0.3s ease;
}

.menu-wrapper .navbar:first-child .navbar-toggler[aria-expanded="true"] {
    background: url(../images/menu_close.svg) center no-repeat;
}

.features-banner {
    padding-block: 90px;
    background: url(../images/feature_banner_bg.png) center bottom/cover no-repeat;
}

.faq-banner {
    padding-block: 90px;
    background: linear-gradient(282.35deg, #015EDF -60.74%, rgba(255, 255, 255, 0.0825894) 49.44%, rgba(0, 94, 225, 0.5) 157.01%);    
}


.features-banner h1:first-child span, .faq-banner h1:first-child span {
    background: url(../images/feature_title_bg_1.png) right center no-repeat var(--secondary-color);
}

.features-banner h1 + h1 span, .faq-banner h1 + h1 span {
    background: url(../images/feature_title_bg_2.png) left bottom no-repeat #2C3747;
}

.features-details {
    padding-block: 90px;
}

.task-management {
    background: #ffffff;
}

.features-details img:not(.feature-highlight img):not(.search-filter-img) {
    border-radius: 10px;
    box-shadow: 1px -1px 6px 1px #00000026;
}

.features-details p {
    font-size: 17px;
    line-height: 170%;
    font-weight: 400;
    color: #2C3747;
}

.feature-highlight {
    background: #F4F5F7;
    padding: 20px 30px;
}

.features-header-wrapper {
    padding-bottom: 70px;
}

.header-logo {
    max-width: 170px;
    padding: 10px 0;
}

.resource-management {
    background: url(../images/curved_shape_bg.png) center top/contain no-repeat, linear-gradient(293deg, #B5D3FA 9.12%, #FFF 93.82%);
}

.issues-tracking {
    background: url(../images/curved_shape_2_bg.png) center bottom/contain no-repeat, linear-gradient(248deg, #B5D3FA 6.72%, #FFF 87.32%);
    background: url(../images/curved_shape_2_bg.png) center bottom/contain no-repeat, linear-gradient(248deg, #B5D3FA 6.72%, #FFF 87.32%);

}

.notifications-reminders {
    background: url(../images/curved_shape_bg.png) center top/contain no-repeat, linear-gradient(261deg, #B5D3FA 6.54%, #FFF 92.45%);
}

.customization-management {
    background: url(../images/curved_shape_bg.png) center top/contain no-repeat, linear-gradient(250deg, #B5D3FA 5.45%, #FFF 94.38%);
}

.search-filters-management {
    background: url(../images/curved_shape_2_bg.png) center bottom/contain no-repeat, linear-gradient(260deg, #B5D3FA 8.63%, #FFF 96.35%);
}

.features-details h3 {
    margin-bottom: 15px;
}

.features-details h5 {
    margin-bottom: 10px;
}

.features-contact-section h3 {
    margin-block: 40px 50px;
}

.menu-wrapper .nav-item.dropdown .dropdown-toggle {
    padding-inline: 3px;
}

.demo-request-wrapper {
    background: linear-gradient(73.89deg, #014A96 0%, #015CD7 42.04%, #0160E7 88.94%);
    padding-block: 50px;
}

.demo-request-wrapper h2 {
    font-size: 50px;
    line-height: 67px;
    font-weight: 700;
}

.demo-request-input-wrapper {
    max-width: 545px;
    margin: 40px auto 0;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 2px 12px 0px #00000026;
    padding: 35px;
}

.input-wrapper label {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #676767;
    margin-bottom: 2px;
}

.input-wrapper :where(.form-control, .form-select) {
    padding: 4px 12px;
    box-shadow: none;
}

.input-wrapper :where(.form-control, .form-select),
.phone-number {
    border-radius: 5px;
    border: 1px solid #B6D8D9;
}

.input-wrapper textarea.form-control {
    padding-block: 14px;
}

.input-wrapper input.form-control {
    height: 45px;
}

.input-wrapper {
    margin-bottom: 25px;
    position: relative;
}

.input-wrapper .form-select {
    background: url(../images/arrow_down_icon.svg) center no-repeat;
    background-position-x: calc(100% - 12px);
    padding-right: 28px;
}

.input-wrapper .phone-number .form-select {
    width: unset;
}

.input-wrapper .phone-number .form-control {
    border-width: 0 0 0 1px;
    border-radius: 0 4px 4px 0;
}

.input-wrapper .form-control::placeholder {
    color: #A8A8A8;
}

.demo-request-input-wrapper .primary-btn {
    margin-block: 15px 25px;

}

.demo-request-input-wrapper p {
    font-size: 15px;
    line-height: 160%;
    font-weight: 400;
    color: #333;
}

.menu-wrapper .navbar .nav-link:not(.active)::after {
    height: 2px;
    bottom: 4px;
}

.menu-wrapper .navbar .nav-link:not(.active):hover::after {
    width: calc(100% + 15px);
}

.features-banner-bg {
    background: url(../images/feature_bg_shapes.png) center/contain no-repeat;
}

.accordion-item {
    background-color: #F0F9FF;
}

.accordion-button {
    font-weight: bold;
    background-color: unset;
}

.pricing-col {
    width: 30%;
}

.pricing-table {
    width: 75%;
    box-shadow: 1px 1px 9px 1px rgba(8, 108, 204, 0.15); 
    border-radius: 10px;
}