.navbar-brand{
    width: 20rem;
}
.feature-title{
    text-align: center;
    color: #57A775;
    font-weight: 500;
    font-size: 1.1rem;
}

.feature-h2{
    color: #000000;
    font-size: 45px;
    font-weight: 500;
    line-height: 55px;
}

.feature-box{
    text-align: center;
}

.feature-box:not(.no-border-right){
    border-right: 1px solid #DDE6E1;
}

.feature-box i{
    font-size: 56px;
    color: #0898e7;
}

.feature-box p{
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 60px;
}

.services-section {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: #f5fbff;
}

.services-section .services-section-overlay {
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100vw;
    top: 0;
    right: 0;
}

.section-heading.style-left {
    text-align: left;
}

.section-heading {
    text-align: center;
    margin-bottom: 40px;
}

.section-heading__subtitle {
    position: relative;
    padding-bottom: 10px;
    text-transform: capitalize;
    max-width: max-content;
    /* margin: 0 auto; */
    z-index: 1;
    text-align: left;
}

.section-heading__subtitle::before {
    position: absolute;
    content: "";
    left: 50%;
    bottom: 15px;
    transform: translateX(-50%);
    width: 100%;
    height: 5px;
    background-color: #1bc5fe;
    position: absolute;
    z-index: -1;
    left: 0;
    transform: translateX(0);
}

.services-section .services-section-overlay .img-full {
    height: 100%;
}

.services-section .services-section-overlay.overlay::after {
    right: -6%;
    top: 17%;
    width: 460px;
    height: 1021px;
    transform: rotate(-38deg);
    border-radius: 232px;
    background-color: #1bc5fe99;
    mix-blend-mode: overlay;
    z-index: 1;
    left: 1599px;
    position: absolute;
    content: "";
}

.services-section .services-section-overlay .img-full__left {
    width: 65%;
    position: relative;
    z-index: 1;
}

.services-section .services-section-overlay .img-full__left::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: #fafafa;
}

.services-section .services-section-overlay .img-full__right {
    width: 35%;
    position: relative;
}

.services-section .services-section-overlay .img-full__left img, 
.services-section .services-section-overlay .img-full__right img {
    height: 100%;
    object-fit: cover;
}

.services-section .services-section-overlay .img-full__right::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #02121899;
}

.section-heading__title {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    text-transform: capitalize;
}

.service-card {
    background: #ffffff;
    padding: 40px 50px;
}

.service-card__icon {
    background: #1bc5fe;
    border-radius: 100%;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 2.1875rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.service-card__heading {
    font-size: 1.5rem;
}   

.service-card__desc {
    line-height: 1.8;
}

.chose-us__content .service-list {
    width: 100%;
    border-bottom: 1px dotted #0212181a;
    padding-bottom: 45px;
    margin-bottom: 45px;
}

.chose-us__content .service-list__number {
    width: 45px;
    height: 45px;
    border: 1px solid currentColor;
    color: #1bc5fe;
    border-radius: 100%;
    margin-right: 20px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
}

.chose-us__content .service-list__content {
    width: calc(100% - 65px);
}

.chose-us__content .service-list__title {
    color: #000f5c;
    font-weight: 400;
}

.chose-us__content .service-list__desc {
    max-width: 550px;
}

.chose-us .right-section {
    position: relative;
    text-align: right;
}

.chose-us .right-section img {
    border-radius: 10px;
}

.chose-us .right-section .chose-icon-card {
    position: absolute;
    background: #fff;
    box-shadow: 0px 0px 50px 0px rgba(0, 21, 74, 0.1);
    border-radius: 10px;
    padding: 25px 25px 19px 19px;
    bottom: 67%;
    left: 22%;
    text-align: left;
}

.flex-align {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.gap-2 {
    gap: .5rem!important;
}

.chose-us .right-section .chose-icon-card .icon {
    font-size: 2.1875rem;
    width: 60px;
    height: 60px;
    margin-right: 16px;
    background-color: #1bc5fe33;
    border-radius: 100%;
    color: #1bc5fe;
}

.flex-center, .chose-us .right-section .rotation-animation .rotation-animation-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.chose-us .right-section .bottom-img {
    position: relative;
    left: -37%;
    margin-top: -24%;
    z-index: 1;
}

.services-list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
    align-items: center !important;
    padding-left: 0;
    list-style-type: none;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
    margin-top: -5px;
}

.services-list li {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.services-list li span {
    display: block;
    position: relative;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    color: #6084a4;
    z-index: 1;
    border-radius: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 35px;
    font-size: 14px;
    font-weight: 400;
}

.services-list li span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 0;
    height: 100%;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#0898e7), to(#65bff0));
    background: linear-gradient(90deg, #0898e7 0%, #65bff0 100%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.services-list li span i {
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #0898e7;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.services-list li span i::before {
    font-size: 12px;
}

.services-list li span:hover {
    color: #ffffff;
}

.services-list li span:hover::before {
    width: 100%;
}

.services-list li span:hover i {
    color: #ffffff;
}

.funfacts .row{
    padding-left: 100px;
    padding-right: 100px;
}

.funfact {
    text-align: center;
}

.funfact h3 {
    color: #ee0979;
    margin-bottom: 2px;
    font-size: 35px;
    font-weight: 600;
}

.funfact h3 .odometer {
    position: relative;
    top: -2px;
}

.funfact p, .contact-cta-box p  {
    line-height: initial;
    margin-bottom: 0;
}

.contact-cta-box {
    margin: 70px auto 0;
    max-width: 600px;
    border: 1px dashed #ebebeb;
    padding: 30px 210px 30px 30px;
    border-radius: 5px;
    position: relative;
}

.contact-cta-box h3 {
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 22px;
}

.contact-cta-box .btn {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    color: #ffffff;
    border: none;
    padding: 14.5px 30px;
}

.btn-primary::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, right top, from(#0898e7), to(#65bff0));
    background: linear-gradient(90deg, #0898e7 0%, #65bff0 100%);
    border-radius: 4px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.btn-primary::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);
    border-radius: 4px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
}

.rounded-end-md, .rounded-top-md {
    border-top-right-radius: .5rem!important;
}

.rounded-top-md {
    border-top-left-radius: .5rem!important;
}

.mt-n6 {
    margin-top: -2.5rem!important;
}

.rounded-3 {
    border-radius: .5rem !important;
}

.h-text-sm{
    font-size: 1.5rem;
}

.bg-light-primary {
    --bs-light-primary-rgb: 227,220,255;
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-primary-rgb), var(--bs-bg-opacity)) !important;
}

.fw-bold {
    font-weight: 700!important;
}

.rating-stars i{
    font-size: 1.7rem;
}

.single-pricing-box {
    background-color: #ffffff;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 11px 60px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 11px 60px 0 rgba(0, 0, 0, 0.1);
    padding: 30px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 5px;
}

.single-pricing-box .pricing-header h3 {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 600;
}

.single-pricing-box .pricing-header p {
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 0;
}

.single-pricing-box .pricing-features {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.single-pricing-box .pricing-features li {
    margin-bottom: 12px;
    color: #6084a4;
    position: relative;
    /* padding-left: 19px; */
    font-weight: 300;
}

.contact-form-header h1, .contact-us h1{
    font-size: 2rem;
}

.contact-form-header p, .contact-us .card-box p{
    margin-bottom: 1rem;
}

.contact-form .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    color: #151e28;
    display: block;
    padding: .75rem 1.25rem;
    font-weight: 400;
    line-height: 1.6;
    width: 100%;
    height: unset;
}

.contact-form .btn{
    padding: .75rem 1.25rem;
}

.contact-us .card-box{
    padding: 1.5rem;
}

.contact-us .card-box h4{
    font-size: 1rem;
}

.way_image{
    background-image: url("../images/of5q41gnxzo.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    right: -16px;
}

.bg__green{
    background-color: #0898e7;
}

/**********************************************
LOGIN PAGE
***********************************************/
.account-login {
    background-color: #F4F7FA;
    padding-top: 110px;
    padding-bottom: 110px;
    position: relative;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.account-login .login-form {
    padding: 70px;
    background-color: #fff;
    border: none;
}

.account-login .inner-content {
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.075);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.075);
}

.account-login .login-form .card-body {
    padding: 0;
}

.account-login .login-form .title {
    margin-bottom: 45px;
}

.account-login .login-form .title h3 {
    font-size: 25px;
    font-weight: 700;
    color: #151515;
    margin-bottom: 10px;
}

.account-login .form-group {
    margin-bottom: 15px;
    position: relative;
}

.account-login:not(.nope) .form-group label {
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
}

.account-login .form-group .form-control {
    padding: 0 18px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border: 1px solid #eee;
    background-color: #fff;
    color: #505050;
    font-size: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 52px;
    border-radius: 8px !important;
    overflow: hidden;
    width: 100%;
}

.account-login:not(.nope) .form-group .form-control {
    padding-left: 55px;
}

.account-login .button {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.account-login .button .btn {
    display: inline-block;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    padding: 16px 30px;
    background-color: #3080E3;
    color: #fff;
    border: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 8px;
    position: relative;
    z-index: 1;
    margin-right: 7px;
    overflow: hidden;
}

.account-login .button .btn {
    /* padding: 14px 40px; */
    margin-right: 20px;
    width: 100%;
}

.account-login .button .btn.alt {
    background-color: #fff;
    color: #151515;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.055);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.055);
}

.account-login .button .btn.alt:hover {
    background-color: #fd723b;
    color: #fff;
}