@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&amp;display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

a,
button input {
    outline: none;
    -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;
}

figure {
    margin: 0;
}

body {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: var(--text-color);
     font-family: "Plus Jakarta Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
span {
    font-family: "Plus Jakarta Sans", sans-serif;
}

:root {
    --primary--color: #4a82fc;
    --black--color: #000000;
    --secondary--color: #ffffff;
    --text-color: #5e5c6c;
    --green-color: #66cea9;
    --navy-color: #221c35;
    --navy-family-color: #223f5a;
    --grey-family-color: #2e2e3e;
    --blue-family-color: #4a83fc;
    --lavender-family-color: #606480;

}

/* HEADER SECTION */
.header-con .navbar-light .navbar-nav .nav-link {
    font-size: 18px;
    color: var(--grey-family-color);
    font-weight: 500;
    padding: 10px 0 !important;
    position: relative;
}

.header-con .navbar-light .navbar-nav .nav-link:hover {
       color: #165b34;
}

.header-con .navbar-expand-lg .navbar-nav {
    gap: 43px;
    justify-content: center;
    align-items: center;
}

.header-con {
    z-index: 4;
    padding: 5px 0;
        position: absolute;
}

.header-con .navbar {
    padding: 0;
}


.header-con .navbar-light .navbar-nav .nav-link:hover::before {
    width: 100%;
}

.header-con .navbar-light .navbar-nav .nav-link::before {
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    content: '';
    position: absolute;
     background: #165b34;
    transition: ease-in-out 0.3s;
}

.header-con .navbar-light .navbar-nav .dropdown .nav-link:hover::after {
    width: 0;
}

.header-con .navbar-light .navbar-nav .dropdown .nav-link::after {
    width: unset;
    position: absolute;
    background: none;
    top: 24px;
    font-size: 15px;
}

.header-con .navbar-light .navbar-nav .dropdown-menu {
    padding: 10px 0;
    margin: 0;
    background-color: var(--secondary--color);
    border: 0;
    z-index: 2;
    width: 230px;
    margin-top: 10px;
    box-shadow: 0px 0px 100px rgb(0 0 0 / 15%);
    border-radius: 10px;
}

.header-con .navbar-light .navbar-nav .dropdown-menu a:last-child {
    border-bottom: none;
}

.header-con .navbar-light .navbar-nav .dropdown-menu .dropdown-item {
    padding: 7px 25px;
    border-bottom: 1px solid var(--secondary--color);
    font-size: 17px;
    line-height: 25px;
}

.header-con .navbar-light .navbar-nav .dropdown-menu .dropdown-item:active,
.header-con .navbar-light .navbar-nav .dropdown-menu .dropdown-item:active {
    background-color: var(--primary--color);
    color: var(--secondary--color);
}

.header-con .navbar-light .navbar-nav .dropdown-menu .dropdown-item:hover {
    background-color: var(--primary--color);
    color: var(--secondary--color);
    border-radius: 8px;
}

.header-con .navbar-light .navbar-brand {
    margin: 0;
    padding: 0;
}

.header-con .container {
    padding-right: 0;
    padding-left: 0;
}

/* HEADER SECTION */
/* BACK TO TOP BUTTON */
#back-to-top-btn {
    display: none;
    position: fixed;
    bottom: 80px;
    right: 60px;
    z-index: 99;
    font-size: 18px;
    border: none;
    background-color: var(--primary--color);
    color: white;
    cursor: pointer;
    border-radius: 10px;
    width: 58px;
    height: 58px;
    -webkit-animation: spineer 2s infinite;
    animation: spineer 2s infinite;
}

.header-contact .login-btn {
   width: 100%;
    text-decoration: none;
    z-index: 1;
    box-shadow: 0 5px 50px rgb(102 206 169 / 40%);
    border-radius: 10px;
    text-align: center;
    line-height: 35px;
    background-color: #fff;
    color: #165b34 !important;
    border: solid 1px #165b34 !important;
    padding: 5px 37px;
    min-width: 140px;
    height: 50px;
    font-weight: 600;
    font-size: 15px;
}

.header-contact .login-btn .fa-unlock {
    display: none;
}

.header-contact .login-btn:hover .fa-unlock {
    display: inline-block;
}

.header-contact .login-btn:hover .fa-lock {
    display: none;
}

.header-contact .login-btn:hover {
    transition: ease-in-out 0.6s;
    color: var(--primary--color);
}

.header-contact .register-btn {
      min-width: 140px;
    height: 50px;
    color: var(--secondary--color);
    background-color: #165B34;
    box-shadow: 0 5px 50px rgb(102 206 169 / 40%);
    border-radius: 10px;
    text-align: center;
    line-height: 47px;
    font-weight: 600;
    font-size: 15px;
}

.header-contact .register-btn:hover {
    text-decoration: none;
    transition: ease-in-out 0.6s;
    box-shadow: 0 5px 50px rgb(74 130 252 / 40%);
    background-color: var(--primary--color);

}


#back-to-top-btn:focus {
    outline: none;
}

@-webkit-keyframes spineer {
    from {
        box-shadow: 0 0 0 0 rgb(74, 130, 252, .99);
    }

    to {
        box-shadow: 0 0 0 20px rgb(24, 63, 60, .01);
    }
}

@keyframes spineer {
    from {
        box-shadow: 0 0 0 0 rgb(74, 130, 252, .99);
    }

    to {
        box-shadow: 0 0 0 20px rgb(24, 63, 60, .01);
    }
}

#back-to-top-btn::after {
    font-size: 18px;
    font-weight: 600;
    content: "\f062";
    line-height: 50px;
    color: var(--secondary--color);
    font-family: "Font Awesome 5 free";
}


#back-to-top-btn:hover {
    cursor: pointer;
}

/* BACK TO TOP BUTTON */
/* LOADER SECTION */
.loader-mask {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 99999;
    background-color: #fff;
}

.loader {
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    font-size: 0;
    position: absolute;
    text-indent: -9999em;
    display: inline-block;
    margin: -25px 0 0 -25px;
    color: var(--primary--color);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.loader div {
    top: 0;
    left: 0;
    opacity: .5;
    float: none;
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 50%;
    display: inline-block;
    background-color: var(--primary--color);
    -webkit-animation: ballPulseDouble 2s ease-in-out infinite;
    animation: ballPulseDouble 2s ease-in-out infinite;
}

.loader div:last-child {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes ballPulseDouble {

    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ballPulseDouble {

    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* LOADER SECTION */

/* BANNER SECTION */
.banner-inner-con {
    background-image: url(../images/banner-bg-img.png);
           background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-top: 196px;
    padding-bottom: 150px;
}

.banner-inner-con img,
.transform-life-con img {
    transition: ease-in-out 0.6s;
}

.banner-con p {
     font-size: 18px;
    line-height: 1.5;
    color: #575962;
    margin-bottom: 31px;    width: 80%;
}

.banner-con .banner-image-con .main-image {
    bottom: 0;
    position: relative;
    right: 119px;
    z-index: 1;
}

.banner-con .banner-inner-content-con {
    z-index: 2;
}

.banner-inner-content-con h1{font-size: 56px; font-weight: 600;     color: #2C2C2C;}
.banner-inner-content-con h5{    font-size: 32px; color: #2C2C2C; margin-top: 18px; display: block; margin-bottom: 12px; line-height: 1.2;     width: 75%;}

.banner-con .vector1 {
    bottom: 42px;
    left: 45px;
}

.banner-con .objct1 {
    top: 129px;
    right: 229px;
}

.banner-con .objct2 {
    right: 157px;
    top: 328px;
    z-index: 2;
}

.banner-con .objct3 {
    right: 519px;
    top: 452px;
    z-index: 2;
}

.banner-con .vector2 {
    top: 48px;
    left: 580px;

}

.banner-con .white-box1 {
    min-width: 365px;
    background-color: rgb(255, 255, 255, 90%);
    box-shadow: 0px 0px 100px rgb(0 0 0 / 15%);
    border-radius: 10px;
    right: -108px;
    bottom: 77px;
    padding: 19px 23px;
    z-index: 1;
}

.banner-con .client-comment {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: var(--text-color);

}

.banner-con .white-box1 h4 {
    color: var(--grey-family-color);
    margin-bottom: 4px;
    margin-top: 3px;
}

.banner-con .white-box2 {
    min-width: 270px;
    min-height: 251px;
    background-color: rgb(255, 255, 255, 90%);
    box-shadow: 0px 0px 100px rgb(0 0 0 / 15%);
    border-radius: 10px;
    top: 70px;
    z-index: 0;
    padding: 27px 30px 25px;
}

.banner-con .white-box2 .reviewer {
    font-weight: 600;
    font-size: 18px;
    color: var(--grey-family-color);
    margin-bottom: 6px;
}

.banner-con .white-box2 .more-info {
    color: var(--blue-family-color);
    text-decoration: underline;
    font-size: 16px;
}

.banner-con .white-box2 .content2-span {
    padding-left: 10px;
}

.banner-con .outer-con1 {
    margin-bottom: 15px;
}

.banner-con .primary-button a {
    min-width: 235px;background-color: #165b34;
    color: #fff !important;
    border: 0px !important;
}

/* WE CAE ABOUT YOUR LIFE SECTION */
.care-con .care-img-con img {
    margin-bottom: 30px;
    border-radius: 20px;
}

.care-con img {
    transition: ease-in-out 0.6s;
}

.care-con img:hover {
    transform: translateY(-3px);
}

.care-con .care-content-con {
    padding-left: 50px;
}

.care-con .care-content-con p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 46px;
}

.care-con .care-content-con h2 {
    margin-bottom: 24px;
    letter-spacing: -1px;
}

.care-con .care-content-con li {
    padding-left: 50px;
    font-size: 22px;
    font-weight: 700;
    color: var(--navy-color);
    margin-bottom: 25px;
}

.care-con .care-content-con li i {
    color: var(--blue-family-color);
    left: 0;
    top: 6px;
    font-size: 30px;
}

.care-con .care-content-con li span {
    font-size: 16px;
    line-height: 30px;
    color: var(--text-color);
    font-weight: 400;
    margin-top: 16px;
}

.care-con .care-content-con ul {
    margin-bottom: 32px;
}

/* COACHING BENEFITS CON SECTION */
.coaching-benefits-con .coach-box img {
    margin-bottom: 29px;
    transition: ease-in-out 0.6s;
}

.heading-title-con h2 {
    margin-bottom: 25px;
    letter-spacing: -1px;
}

.heading-title-con p {
    font-size: 20px;
    line-height: 30px;
}

.heading-title-con {
    margin-bottom: 60px;
}

.coaching-benefits-con .coach-box p {
    color: var(--lavender-family-color);
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 12px;
}

.coaching-benefits-con .coach-box {
    padding: 48px 37px 41px;
    border-radius: 22px;
    margin-bottom: 45px;
    transition: ease-in-out 0.6s;

}

.coaching-benefits-con .coach-box h5 {
    margin-bottom: 23px;
}

.coaching-benefits-con .coach-box a {
    color: var(--lavender-family-color);
    font-size: 14px;
    font-weight: 400;
}

.coaching-benefits-con .coach-box a:hover {
    text-decoration: none;
    color: var(--blue-family-color);
}

.coaching-benefits-con .coach-box i {
    font-size: 13px;
}

.coaching-benefits-con .coach-box.box-shade {
    box-shadow: 0px 0px 100px rgb(0 0 0 / 15%);
    margin-bottom: 0;
}

.coaching-benefits-con .coach-box:hover img {
    transform: translateY(-3px);
}

.coaching-benefits-con .vector1 {
    top: 0;
    right: 394px;
}

.coaching-benefits-con .vector2 {
    top: 255px;
    right: 90px;
}

.coaching-benefits-con .vector3 {
    top: 115px;
    left: 279px;
}

.coaching-benefits-con .vector4 {
    top: 502px;
    left: 90px;
}

/* TRANSFORM YOUR LIFE SECTION */
.transform-life-con {
    margin-top: 82px;
}

.transform-bg-con {
    background-image: url(../images/transform-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 478px;
    border-radius: 16px;
}

.transform-bg-con .row,
.transform-bg-con .col-lg-6.col-md-6.pl-0 {
    height: 478px;
}

.transform-life-con .transform-content-con {
    padding-left: 67px;
}

.transform-life-con .transform-img {
    position: absolute;
    top: -86px;
    right: 13px;
    z-index: 1;
}

.transform-life-con p {
    margin-bottom: 31px;
}

.transform-life-con .vector6 {
    bottom: 0;
    right: 213px;
    z-index: 0;
}

.transform-life-con .vector13 {
    top: -52px;
    left: -30px;
    z-index: -1;
}

.transform-life-con .vector5 {
    top: -65px;
    right: -52px;
    z-index: -1;
}

.transform-life-con .vector7 {
    right: -58px;
    bottom: -80px;
    z-index: -1;
}

/* MOTIVATE LIFE SECTION  */
.motivate-life-con .motivate-img-con .img1 {
    border: 5px solid var(--secondary--color);
    border-radius: 22px;
    box-shadow: 0px 0px 100px rgb(0 0 0 / 15%);
}

.motivate-life-con img {
    transition: ease-in-out 0.6s;
}

.motivate-life-con img:hover {
    transform: translateY(-3px);
}

.motivate-life-con .motivate-img-con .blue-bg {
    z-index: -1;
    left: -30px;
    bottom: -30px;
}

.motivate-life-con .motivate-content-con {
    padding-left: 88px;
    padding-right: 40px;
}

.motivate-life-con .motivate-content-con p {
    margin-bottom: 27px;
}

.motivate-life-con .motivate-content-con ul li {
    padding-left: 27px;
    color: var(--navy-family-color);
    font-size: 20px;
    line-height: 30px
}

.motivate-life-con .motivate-content-con ul li i {
    top: 5px;
    color: var(--blue-family-color);
    left: 0;
}

.motivate-life-con .empowering-con {
    margin-top: 98px;
    margin-right: 13px;
}

.motivate-life-con .empower-img-con {
    margin-top: -105px;
}

.motivate-life-con .motivate-img-con.empower-img-con .blue-bg {
    left: unset;
    bottom: -30px;
    right: -30px;
}

.motivate-life-con .empowering-con ul {
    margin-bottom: 30px;
}

.motivate-life-con .vector4 {
    right: 90px;
    bottom: 495px;
}

.motivate-life-con .vector3 {
    top: 230px;
    right: 275px;
}

.motivate-life-con .vector2 {
    left: 94px;
    top: 369px;
}


/* PRICE PLANS SECTION */
.price-plan-con {
    background-image: url(../images/choose-plan-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-right: 60px;
    padding-left: 60px;
    border-radius: 16px;
}

.price-plan-con .plan-box {
    background-color: var(--secondary--color);
    border-radius: 22px;
    padding: 42px 36px 48px;
    transition: ease-in-out 0.6s;
}

.price-plan-con .plan-box:hover {
    box-shadow: 0px 0px 100px rgb(0 0 0 / 15%);
}

.price-plan-con .col-lg-4 {
    padding-right: 20px;
    padding-left: 20px;
}

.price-plan-con .plan-box span {
    font-size: 16px;
    line-height: 28px;
}

.price-plan-con .plan-box h2 {
    margin-bottom: 23px;
}

.price-plan-con .plan-box ul li {
    font-size: 16px;
    line-height: 24px;
    padding-left: 25px;
    margin-bottom: 6px;
    color: var(--lavender-family-color);
}

.price-plan-con .plan-box ul li i {
    top: 3px;
    left: 0;
    color: var(--blue-family-color);
}

.price-plan-con .plan-box ul {
    margin-bottom: 30px;
}

.price-plan-con .vector14 {
    right: 26px;
    top: 270px;
}

.price-plan-con .vector15 {
    left: 26px;
    bottom: 83px;
}

/* TEAM MEMBERS SECTION */
.team-members-con .team-box {
    padding: 25px;
    transition: ease-in-out 0.6s;
    margin-bottom: 50px;
}

.team-members-con .team-box img {
    border-radius: 20px;
    margin-bottom: 28px;
    filter: grayscale(100%);
}

.team-members-con .team-box span {
    line-height: 26px;
    margin-bottom: 10px;
}

.team-members-con .team-box ul.social-icon li i {
    font-size: 14px;
    border: 2px solid var(--lavender-family-color);
    border-radius: 100%;
    text-align: center;
    display: inline-block;
    width: 30px;
    line-height: 26px;
    height: 30px;
    color: var(--lavender-family-color);
    transition: ease-in-out 0.6s;
}

.team-members-con .team-box ul.social-icon li {
    margin: 0 3px;
}

.team-members-con .team-box ul.social-icon li i:hover {
    background-color: #1877F2;
    color: var(--secondary--color);
    border: 2px solid var(--blue-family-color);
    transition: ease-in-out 0.6s;
    transform: translateY(-2px);
}

.team-members-con .team-box:hover img {
    filter: grayscale(0%);
}

.team-members-con .team-box:hover i {
    transform: translateY(1px);
}

.team-members-con .team-box:hover {
    background-color: var(--secondary--color);
    border-radius: 20px;
    box-shadow: 0px 0px 100px rgb(0 0 0 / 15%);
}

.team-members-con .vector4 {
    left: 90px;
    bottom: 90px;
}

.team-members-con .vector3 {
    top: 234px;
    left: 278px;
}

.team-members-con .vector2 {
    right: 90px;
    top: 371px;
}

.team-members-con .vector1 {
    top: 120px;
    right: 395px;
}

.team-members-con .vector5 {
    bottom: 50px;
    right: 363px;
}

/* HAPPY CLIENTS SECTION */
.happy-client-con .testimonial-img-con .blue-bg {
    z-index: -1;
    left: -30px;
    bottom: -30px;
}

.happy-client-con img {
    transition: ease-in-out 0.6s;
}

.happy-client-con img:hover {
    transform: translateY(-3px);
}

.happy-client-con .testimonial-img-con .img1 {
    border: 5px solid var(--secondary--color);
    box-shadow: 0px 0px 100px rgb(0 0 0 / 15%);
    border-radius: 20px;
}

.happy-client-con .testimonial-img-outr {
    padding-left: 85px;
}

.happy-client-con .owl-carousel .owl-item {
    transition: transform 0.6s ease;
}

.happy-client-con .owl-carousel .owl-item.active {
    animation: slideInUp 0.6s;
}

/* .happy-client-con .testimonial-item {
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 150px;
} */

/* .happy-client-con .owl-carousel .owl-stage {
    display: flex;
    flex-direction: column;
}

.happy-client-con .owl-carousel .owl-item {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
}

@keyframes slideInUp {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
} */

/* VIDEO TUTORIAL SECTION */
.video-tutorials-con .tabs-box ul li {
    text-transform: uppercase;
    margin: 0 24px;
    font-size: 16px;
}

.video-tutorials-con .tabs-box ul li a {
    color: var(--navy-color);
    font-size: 16px;
    font-weight: 500;
}

.video-tutorials-con .tabs-box ul li a:hover {
    color: var(--blue-family-color);
    text-decoration: none;
}

.video-tutorials-con .tabs-box ul li a.active {
    background-color: var(--blue-family-color);
    color: var(--secondary--color);
    padding: 0 12px;
    display: inline-block;
    text-align: center;
    line-height: 23px;
    border-radius: 11.5px;
}

.video-tutorials-con .tabs-box ul.nav-tabs {
    margin-bottom: 55px;
    border-bottom: none;
}

.video-tutorials-con .life-changing-inner-con {
    margin-bottom: 30px;
    transition: ease-in-out 0.6s;
}

.video-tutorials-con .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(34, 28, 53, 100%), rgba(0, 0, 0, 0));
    border-radius: 20px;
}

.video-tutorials-con .life-changing-inner-con .text {
    bottom: 20px;
    left: 25px;
    transition: ease-in-out 0.6s;
}

.video-tutorials-con .life-changing-inner-con .text span {
    font-size: 16px;
    line-height: 24px;
}

.video-tutorials-con .life-changing-inner-con:hover .text {
    transform: translateY(-3px);
}

/*  JOIN NEWSLETTER SECTION */
.join-newsletter-con {
    background: linear-gradient(300deg, #66cea9 0%, #4b83fc 100%);
    border-radius: 20px;
    padding: 100px 0;
}

.join-newsletter-con h2 {
    margin-bottom: 40px;
}

.join-newsletter-con .form-group input {
    background-color: var(--secondary--color);
    position: relative;
    width: 540px;
    padding: 10px 10px 10px 30px;
    border: none;
    height: 70px;
    font-size: 16px;
    border-radius: 10px;
}

.join-newsletter-con .form-group input::placeholder {
    font-size: 16px;
    color: var(--lavender-family-color);
}

.join-newsletter-con form {
    width: 540px;
    margin: 0 auto;
}

.join-newsletter-con .form-group button {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 60px;
    width: 155px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    color: var(--secondary--color);
    background-color: var(--primary--color);
    border: none;
    padding: 5px;
    border: 2px solid transparent;
    cursor: pointer;
    box-shadow: 0px 10px 50px rgb(74 130 252 / 40%);
    border-radius: 10px;
}

.join-newsletter-con .form-group input:focus {
    box-shadow: inset 0 1px 1px rgb(22 57 43 / 8%), 0 0 8px rgb(74 130 252 / 60%);
    border: 1px solid rgb(74, 130, 252);
}

.join-newsletter-con .form-group input:focus-visible {
    outline: none;
}

.join-newsletter-con .form-group button:hover {
    background-color: transparent;
    color: var(--primary--color);
    border: 2px solid var(--blue-family-color);
    transition: ease-in-out 0.6s;
}

/* PARTNERS CON */
.partners-con {
    padding: 48px 0;
    border-bottom: 2px solid #f3f7f7;
}

.partners-con img {
    transition: ease-in-out 0.6s;
}

.partners-con img:hover {
    transform: translateY(-3px);
}

/* FOOTER SECTION */
.footer-con {
    padding-top: 53px;
    background-color: #165B34 !important;
    padding-bottom: 25px;
}

.footer-con .footer-logo img {
    margin-bottom: 24px;
}

.footer-con .footer-text {
    margin-bottom: 28px;
    line-height: 24px;
    color: var(--text-color);
    font-weight: 400;
}

.footer-con .heading {
    margin-bottom: 14px;
    color: var(--navy-color);
    font-size: 22px;
}

.footer-con .line {
    color: var(--primary--color);
    width: 30px;
    height: 1px;
    background-color: var(--primary--color);
    text-align: left;
    margin: 0 0 30px 0;
}

.footer-con .footer-logo-con a::after {
    display: none;

}

.footer-con .links .text-size-16 {
    position: relative;
    margin-left: 15px;
    line-height: 16px;
    margin-bottom: 0;
    display: inline-block;
}

.footer-con .links li {
    position: relative;
}

.footer-con .links li:before {
    content: "\f0da";
    color: var(--primary--color);
    font-weight: bold;
    display: inline-block;
    margin-left: 0;
    position: absolute;
    font-family: 'FontAwesome';
    top: 0;
    left: 0px;
}

.footer-con ul li.text {
    margin-bottom: 0;
}

.footer-con ul li span {
    color: var(--primary--color);
    font-weight: bold;
}

.footer-con .icon .text1 {
    margin-bottom: 20px;
}

.footer-con .social-icons .circle {
    background-color: #cbcbcb;
    border-radius: 100px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 2px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}

.footer-con .social-icons .circle a {
    display: block;
}

.footer-con .social-icons .circle:hover {
    background-color: var(--primary--color);
    transform: translateY(-2px);
}


.footer-con .social-icons a i {
    color: var(--secondary--color);
    font-size: 15px;
}

.copyright-con {
    text-align: center;
    padding: 19px 0px;
    background-color: var(--blue-family-color);
}

.copyright-con .text-size-16 {
    color: var(--secondary--color);
    margin: 0px;
}

.footer-con li a {
    color: var(--text-color);
}

.footer-con ul li a:hover {
    color: var(--primary--color);
}

.footer-con ul li a {
    position: relative;
    text-decoration: none;
}

/*.footer-con a:hover::after {
    width: 100%;
}*/

/*.footer-con a::after {
    left: 0;
    bottom: -2px;
    width: 0;
    height: 1px;
    content: '';
    position: absolute;
    background: var(--primary--color);
    transition: ease-in-out 0.3s;
}*/

/* .footer-con .payment-icon img {
    box-shadow: 0 0 50px rgb(0 0 0 / 10%);
} */

.footer-con .inner-con-footer {
    margin-bottom: 0px;
}

.footer-con .vector4 {
    bottom: 400px;
    right: 90px;
}

.footer-con .vector5 {
    left: 329px;
    bottom: 336px;
}

.footer-con .social-icons a::after {
    display: none;
}

.outer-newsletter-con .vector2 {
    bottom: 50px;
    left: 92px;
}

.outer-newsletter-con .vector1 {
    top: 0;
    left: 283px;
}

.outer-newsletter-con .vector3 {
    top: 111px;
    right: 275px;
}

/* ABOUT PAGE STYLING */
.sub-banner-inner-con {
    background-image: url(../images/sub-banner-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 435px;
    padding-top: 145px;
    padding-bottom: 95px;
    border-radius: 16px;
}

.sub-banner-inner-con .vector1 {
    right: 47px;
    top: 47px;
}

.sub-banner-inner-con .vector2 {
    bottom: 47px;
    left: 47px;
}

/* Breadcrumb */
.breadcrumb-item+.breadcrumb-item::before {
    color: var(--text-color);
    font-size: 16px;
}

.breadcrumb-item.active {
    color: var(--primary--color);
    font-size: 16px;
}

.breadcrumb-item {
    font-size: 16px;
    line-height: 16px;
}

.breadcrumb {
    background: transparent;
    padding: 0;

}

.breadcrumb-item a {
    text-decoration: none;
    color: var(--text-color);
    font-size: 16px;
}

.breadcrumb-con {
    margin-bottom: 0;
}

.breadcrumb-item a:hover {
    color: var(--navy-color);
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "~";
}

/* about care section */
.about-care-con .about-img-con .blue-bg {
    z-index: -1;
    left: -30px;
    bottom: -30px;
}

.about-care-con.care-con .care-content-con li {
    width: 48%;
    padding-left: 0;
}

.about-care-con.care-con.care-con .care-content-con li i {
    left: unset;
    top: unset;
    font-size: 30px;
    position: relative !important;
    display: block;
    margin-bottom: 11px;
}

.about-care-con.care-con.care-con .care-content-con li span {
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color);
    font-weight: 400;
    margin-top: 14px;
}

.about-care-con .about-img-con .care-img2 {
    right: 0;
    bottom: 30px;
    border-radius: 20px;
    box-shadow: 0px 0px 100px rgb(0 0 0 / 15%);
    border: 5px solid var(--secondary--color);
}

.box {
    background-color: var(--secondary--color);
    border-radius: 20px;
    box-shadow: 0px 0px 100px rgb(0 0 0 / 15%);
    padding: 24px 34px;
    transition: ease-in-out 0.6s;
}

.fun-facts-con .box img {
    margin-bottom: 14px;
    transition: ease-in-out 0.6s;
}

.box:hover img {
    transform: translateY(-3px);
}

.fun-facts-con sup {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    color: var(--navy-color);
    top: 0;
}

/* CONTACT PAGE STYLING */
.professional-support-team-con h2 {
    line-height: 40px;
}

.professional-support-team-con .box img {
    margin-bottom: 22px;
    transition: ease-in-out 0.6s;
}

.professional-support-team-con .box h5 {
    margin-bottom: 22px;
}

.professional-support-team-con .box a {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
    color: var(--text-color);
}

.professional-support-team-con .box a:hover {
    text-decoration: none;
    color: var(--primary--color);
}

.professional-support-team-con .box {
    padding: 47px 35px 43px;
}

.professional-support-team-con .box p {
    font-size: 20px;
    line-height: 30px;
}

/*  */
.contact-reception-con .heading-title-con {
    margin-bottom: 65px;
}

.contact-reception-con form ul li {
    float: left;
    width: 49%;
    margin-right: 17px;
    margin-bottom: 19px;
}

.contact-reception-con form ul li:nth-child(2),
.contact-reception-con form ul li:nth-child(4) {
    margin-right: 0;
}

.contact-reception-con form ul li input,
.contact-reception-con form ul li select {
    width: 100%;
    padding: 13px 24px;
    background-color: transparent;
    border: 1px solid rgb(204, 204, 204, 0.5);
    height: 70px !important;
    border-radius: 20px;
}

.contact-reception-con form ul li input::placeholder,
.contact-reception-con form ul li textarea::placeholder,
.contact-reception-con form ul li select::placeholder {
    font-size: 16px;
    font-weight: 400;
    color: var(--text-color);
}

.contact-reception-con form ul li:last-child {
    width: 100%;
}

.contact-reception-con form ul li textarea {
    height: 150px;
    padding: 13px 24px;
    background-color: transparent;
    border: 1px solid rgba(204, 204, 204, 0.5);
    width: 100%;
    float: left;
    border-radius: 20px;
}

.contact-reception-con form ul li:last-child {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
}

.primary-button button {
    width: auto;
    border: none;
    cursor: pointer;
    min-width: 190px;
    height: 70px;
}

.contact-reception-con form ul li input:focus,
.contact-reception-con form ul li textarea:focus,
.contact-reception-con form ul li select:focus {
    background-color: var(--secondary--color);
    box-shadow: 0px 0px 100px rgb(0 0 0 / 15%);
}

.contact-reception-con form ul li input:focus,
.contact-reception-con form ul li textarea:focus,
.contact-reception-con form ul li select:focus {
    outline: none;
    border-color: #cccccc80;
}

.contact-reception-con #contactpage span.error {
    font-size: 15px;
    line-height: 19px;
    margin-top: 12px;
    display: block;
    padding-left: 6px;
    color: red;
    text-align: left;
}

.contact-reception-con form ul select {
    -webkit-appearance: none;
    background-repeat: no-repeat !important;
    background-position: 93% 30px !important;
    background-image: url(../images/dropdown-arrow.png) !important;
}

.contact-reception-con form ul select option {
    color: var(--text-color);
}

/*  */
.contact-map-con iframe {
    width: 100%;
    height: 362px;
    border: none;
    position: relative;
    pointer-events: none;
}

/* PRICE PLAN PAGE STYLING */
.price-plan-sub-con.price-plan-con {
    background-image: none;
}

.price-plan-sub-con.price-plan-con .vector14 {
    right: 350px;
    top: 77px;
}

.price-plan-sub-con.price-plan-con .vector15 {
    left: 350px;
    bottom: 83px;
}

.price-plan-sub-con.price-plan-con .plan-box {
    margin-bottom: 38px;
}

.price-plan-sub-con .vector1 {
    top: 118px;
    left: 308px;
}

.price-plan-sub-con .vector2 {
    top: 368px;
    left: 90px;
}

.price-plan-sub-con .vector3 {
    top: 229px;
    right: 272px;
}

.price-plan-sub-con .vector4 {
    bottom: 450px;
    right: 90px;
}

.price-plan-sub-con .vector5 {
    bottom: 386px;
    left: 333px;
}

/* FAQ PAGE STYLING */
.care-con.faq-about-con .care-content-con li {
    margin-bottom: 10px;
    padding-left: 42px;
}

.care-con.faq-about-con .care-content-con li i {
    font-size: 22px;
}

.care-con.faq-about-con .primary-button a {
    min-width: 235px;
}

.care-con.faq-about-con .care-content-con ul {
    margin-bottom: 35px;
}

/*  */
.faq-con .accordion-card .card-header {
    background-color: transparent;
    position: relative;
    border: 1px solid #cccccc;
    padding: 0;
    border-radius: 20px;

}

.faq-con .accordion-card .card-header a:focus {
    text-decoration: none;
}

.faq-con .accordion-card .card-header a:hover {
    text-decoration: none;
}

.faq-con .accordian-section-inner {
    text-align: left;
}

.faq-con .accordion-card {
    margin-bottom: 30px;
    transition: ease-in-out 0.6s;
    border-radius: 20px;

}

.faq-con .accordion-card h4 {
    text-decoration: none;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 22px;
    white-space: normal;
    color: var(--navy-color);

}

.faq-con .accordion-card a {
    padding: 0;
    align-items: center;
    display: block;
    text-align: left;
    justify-content: space-between;
    padding: 24px 32px 23px;
}

.faq-con .accordion-card .card-body p {
    font-size: 15.98px;
    line-height: 23.97px;
}

.faq-con .accordion-card .card-body {
    padding: 0 32px 30px;
}

.faq-con .accordion-card:has(.btn-link) {
    background: var(--secondary--color);
    box-shadow: 0 0 100px rgb(0 0 0 / 15%);
    border-radius: 20px;
    border: none;
}

.faq-con .accordion-card:has(.btn-link) .card-header {
    border: none;
}

.faq-con .accordion-card:has(.btn-link) .card-header a {
    padding: 34px 32px 14px;
}

.faq-con .accordion-card:has(.collapsed) .card-header a {
    padding: 24px 32px 23px;
}

.faq-con .accordion-card:has(.collapsed) .card-header {
    border: 1px solid #cccccc;
}

.faq-con .accordion-card:has(.btn-link) .card-header h4 {
    color: var(--navy-color);
}

.faq-con .accordion-card:has(.collapsed) .card-header h4 {
    color: var(--navy-family-color);
}

.faq-con .accordion-card:has(.collapsed) {
    background: var(--secondary--color);
    box-shadow: none;
    border: none;
}

/* TESTIMONIAL PAGE STYLING */
.review-box {
    background-color: var(--secondary--color);
    box-shadow: 0 0 100px rgb(0 0 0 / 15%);
    border-radius: 20px;
    border-left: 5px solid var(--text-color);
    padding: 40px 35px 40px 40px;
    position: relative;
    margin-bottom: 37px;
    transition: ease-in-out 0.6s;
}

.review-box p,
.review-box-main p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}

.review-box h5,
.review-box-main h5 {
    color: var(--navy-family-color);
    transition: ease-in-out 0.6s;
}

.review-box span,
.review-box-main span {
    font-size: 16px;
    color: var(--text-color);
    line-height: 16px;
    transition: ease-in-out 0.6s;
}

.review-box .review-quote,
.review-box-main .review-quote {
    bottom: 7px;
    right: 48px;
    transition: ease-in-out 0.6s;
}

.reviews-con .primary-button a,
.review-box-main .primary-button a {
    min-width: 235px;
    margin-top: 42px;
}

.review-box:hover {
    border-left: 5px solid var(--primary--color);
}

.review-box:hover h5,
.review-box:hover span,
.review-box:hover .review-quote,
.review-box-main:hover h5,
.review-box-main:hover span,
.review-box-main:hover .review-quote {
    transform: translateY(-3px);
}

.review-box-main {
    padding: 45px 35px 45px 40px;
    position: relative;
    margin-bottom: 37px;
    transition: ease-in-out 0.6s;
    cursor: pointer;
    border-left: 5px solid transparent;
}

.review-box-main.active {
    background-color: var(--secondary--color);
    box-shadow: 0 0 100px rgb(0 0 0 / 15%);
    border-radius: 20px;
    border-left: 5px solid var(--blue-family-color);
    padding: 45px 35px 45px 40px;
    position: relative;
    margin-bottom: 37px;
    transition: ease-in-out 0.6s;
}

.review-box-main.active h5 {
    color: var(--blue-family-color);
    transition: ease-in-out 0.6s;
}

.happy-client-con .vector14 {
    top: -48px;
    left: -48px;
}

/* 404 PAGE */
.comingsoon_outer {
    flex-grow: 1;
    min-height: 100vh;
    text-align: center;
    position: relative;
    background-image: url(../images/coming-soon-bg-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.comingsoon_outer .coming-soon-con {
    flex-grow: 1;
}

.coming-soon-con .vector1 {
    top: 200px;
    right: 450px;
}

.coming-soon-con .vector2 {
    bottom: 100px;
    left: 450px;
}

.coming-soon-con .logo-wrapper {
    margin-bottom: 79px;
}


.coming-soon-con .coming-banner-content h5 {
    color: var(--primary--color);
    margin-bottom: 34px;
}

.coming-soon-con .coming-banner-content h1 {
    font-weight: 700;
    margin-bottom: 32px;
}

.coming-soon-con .coming-banner-content p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 50px;
}

.coming-soon-con .coming-banner-content .form-group input {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: var(--secondary--color);
    border: none;
    height: 70px;
    font-size: 16px;
    color: var(--text-color);
    padding: 14px 22px;
    box-shadow: 0px 0px 100px rgb(0 0 0 / 15%);
    border-radius: 22px;
    font-weight: 500;
}

.coming-soon-con .coming-banner-content .form-group button {
    position: absolute;
    top: 5px;
    right: 6px;
    height: 60px;
    width: 70px;
    font-size: 18px;
    font-weight: 600;
    color: var(--secondary--color);
    background-color: var(--primary--color);
    border: none;
    padding: 5px;
    cursor: pointer;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
}

.coming-soon-con .coming-banner-content .form-group button:hover {
    color: var(--blue-family-color);
    transition: ease-in-out 0.6s;
    background-color: var(--secondary--color);
    border: 2px solid var(--blue-family-color);
}

.coming-soon-con .coming-banner-content form {
    width: 540px;
    margin: 0 auto;
}

.coming-soon-con .coming-banner-content .form-group input:focus-visible {
    border: none;
    box-shadow: none;
    outline: none;
}

.coming-soon-con .coming-banner-content .form-group input:focus {
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(75 131 252 / 100%);
    border: 1px solid var(--primary--color);

}

.coming-soon-con .coming-banner-content .social-icons .circle {
    background-color: var(--text-color);
    border-radius: 100px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 1px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}

.coming-soon-con .coming-banner-content .social-icons .circle:hover {
    background-color: var(--primary--color);
    transform: translateY(-2px);
}


.coming-soon-con .coming-banner-content .social-icons a i {
    color: var(--secondary--color);
}

.coming-soon-con .coming-banner-content .social-icons {
    margin-top: 24px;
}

.comingsoon_outer .coming-soon-copyright {
    padding: 24px 0px;
    margin-top: auto;
}

.comingsoon_outer .coming-soon-copyright p {
    color: #5e5c6c;
    font-size: 17px;
}

/* SERVICES DETAIL PAGE */
.get-to-know-text {
    margin-top: 70px;
}

.coming-banner-content h4 {
    margin-bottom: 20px;
}

/*  */
.sub-banner-inner-con .row {
    margin: 0;
}


.look-likemain{background-color: #F7F8F9;
    padding: 35px;
    border-radius: 35px;
    margin-top: 74px !important;
    width: 100%;
    max-width: 972px;
    margin: auto;
    margin-bottom: -221px;}
.sub-looklike {margin-top: 15%;}
.sub-looklike h3{font-size: 33px; font-weight: 600; color: #2C2C2C; margin-bottom: 29px !important; line-height: 1.5;}
.sub-looklike a{background-color: #165B34; color: #fff; display: inline-block; padding: 7px 24px; font-size: 16px; font-weight: 600; border-radius: 5px;}
.img-looklike{}
.img-looklike img{    width: 100%;}
.benifits-mainsty{background-color: #ED761F; padding: 35px; border-radius: 35px; margin-top: 25px !important; width: 100%; max-width: 972px; margin: auto; color: #fff; text-align: center;}
.benifits-mainsty h3{font-size: 36px; font-weight: 500; margin-bottom: 15px;}
.benifits-mainsty p{font-size: 16px; width: 64%; margin: auto; line-height: 1.5;}
.benifits-mainsty ul{margin-top: 27px;}
.benifits-mainsty ul li{display: inline-block; width: 24%; vertical-align: top;
    padding: 12px 20px;}
.benifits-mainsty ul li img{width: 78px; margin-bottom: 14px;}
 .benifits-mainsty ul li h5{color: #fff; font-size: 18px; font-weight: 400;}
.benifits-mainsty ul li p{    font-size: 15px; line-height: 1.2; width: 100%;}

.footer-logosty {}
.footer-logosty img {    max-width: 152px; width: 100%;}
.footer-logosty ul {    margin-top: 15px;}
.footer-logosty ul li {display: inline-block; margin-right: 15px;}
.footer-logosty ul li  a{color: #fff !important; font-size: 16px;}
.footer-signup{    text-align: right; margin-top: 23px;}
.footer-signup a{display: inline-block; background-color: #fff; padding: 8px 25px; border-radius: 5px; color: #165b34; font-weight: 700; text-transform: capitalize; text-decoration: none !important;}

.inspration-stymain{background-image: url(../images/bottom-line.png); background-repeat: no-repeat; background-size: cover;}
.inspration-stymain h2{    display: block; text-align: center; width: 100%; font-size: 36px; color: #2C2C2C; margin-bottom: 20px;}
.main-insprationdata15{    background-color: #ffffff; padding: 11px; border-radius: 20px; margin-top: 25px !important; width: 100%; max-width: 972px; margin: auto; color: #000000; text-align: center; border: solid 1px #f1f1f1; box-shadow: 0px 2px 5px 1px rgb(0 0 0 / 18%); margin-bottom: 0px; z-index: 9;}
.insp-img {}
.insp-img img{width: 100%;}
.set-asidedata{ text-align: left; margin-top: 17%;padding-left: 20px;}
.set-asidedata p{    font-size: 26px;     font-weight: 600;}
.set-asidedata b{    display: block; color: #ED761F; font-size: 29px; font-weight: 600;}
.mobileonty{width: 100%; display: none;     margin-top: 23px !important;max-width: 163px;
    margin: auto;}

.overview-mainbannr{background-image: url(../images/inner-pagebg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 157px;
    text-align: center;
    padding-bottom: 128px;}
.overview-mainbannr h2{text-align: center; display: block; width: 100%; font-size: 48px; font-weight: 600;}

.how-itwork{background-color: #ED761F; text-align: center; color: #fff; padding: 85px 0px;}
.how-itwork h4{font-size: 39px; font-weight: 600; display: block; width: 100%; margin-bottom: 30px;}
.how-itwork b{font-size: 26px; font-weight: 400; display: block; width: 63%; margin: auto; margin-bottom: 15px !important;}
.how-itwork p{font-size: 16px; font-weight: 500; width: 65%; margin: auto; margin-bottom: 15px !important;}
.step-flowmain{padding: 85px 0px;}
.step-mainhad{font-size: 36px; font-weight: 600; display: block; width: 100%; margin-bottom: 70px; text-align: center; color: #2C2C2C;}
.main-roestesps{}
.gratitude-img{background-color: #2897D5; padding: 24px; text-align: center; border-radius: 20px;}
.gratitude-img img{    width: 100%;}
.gratitude-dataall{padding: 60px 30px;}
.gratitude-dataall h4{color: #2C2C2C; font-size: 30px; margin-bottom: 18px;}
.gratitude-dataall p{font-size: 18px; color: #575962; display: block; margin-bottom: 5px; font-weight: 500;}
.gratitude-dataall b{display: block; background-color: #F0F1F2; padding: 20px; border-radius: 13px; margin-top: 17px; font-size: 17px; font-weight: 600; color: #2C2C2C;}
.pray-martop{margin-top: 70px;}
.moble-showonly{display: none;}
.no-padsty{padding-top: 0px !important;}
.we-wantedmain{padding: 85px 0px;}
.wewanted-list{}
.wewanted-list p{    font-size: 18px; color: #575962; display: block; margin-bottom: 5px; font-weight: 500;}
.wewanted-list h4 {color: #2C2C2C; font-size: 30px; margin-bottom: 18px; }
.wewanted-list ul{}
.wewanted-list ul li{ font-size: 18px; color: #575962; display: block; margin-bottom: 10px; font-weight: 500; position: relative;     padding-left: 15px;
    vertical-align: top;}
.wewanted-list ul li:before{    content: ''; position: absolute; width: 7px; height: 7px; left: 0; background-color: #575962; top: 12px; border-radius: 50%;}
.wewanted-list b{display: block; background-color: #F0F1F2; padding: 20px; border-radius: 13px; margin-top: 17px; font-size: 17px; font-weight: 600; color: #2C2C2C;}
.wewanted-imgsty{}
.wewanted-imgsty img{width: 100%;}
.what-makesmar{ margin-top: 20px;}
.wfth-cushitbo{    width: 79% !important;}
.mision-hadmar{margin-top: 55px;}
.join-usmian{    padding: 85px 0px; background-color: #ED761F; text-align: center; color: #fff;}
.join-usdata12{}
.join-usdata12 h4{font-size: 36px; margin-bottom: 16px;}
.join-usdata12 p{    font-size: 18px; width: 72%; margin: auto; line-height: 1.5; margin-bottom: 17px;}
.join-usdata12 b{    display: block; background-color: #fff; color: #2C2C2C; width: fit-content; margin: auto; font-size: 20px; padding: 7px 45px; font-weight: 600; border-radius: 10px;}
.join-usdata12 a{    background-color: #165B34; color: #fff; display: block; width: fit-content; margin: auto; margin-top: 25px; font-size: 19px; font-weight: 600; padding: 16px 40px; border-radius: 10px; text-decoration: none !important;}
.privacy-maindata12{  padding: 85px 0px;}

.privacy-contentall{}
.privacy-contentall h2{    font-size: 30px; color: #2C2C2C; font-weight: 600;}
.privacy-contentall p{    font-size: 16px; color: #575962; font-weight: 500;}
.privacy-contentall h3{    font-size: 22px; color: #2C2C2C; font-weight: 600;}
.privacy-contentall ul{    padding-left: 20px;}
.privacy-contentall ul li{font-size: 16px; color: #575962; font-weight: 500; margin-bottom: 10px;}
label {font-size: 16px; color: #2C2C2C; font-weight: 500; }
.form-control{padding: 12px !important;}


 .header-con {
    /*  background: #fff;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      position: relative;
      z-index: 1000;*/
    }

    /* Side menu (mobile) */
    .mobile-menu {
      position: fixed;
      top: 0;
      right: -10300px;
      width: 100%;
      height: 100vh;
      background: #fff;
      box-shadow: -3px 0 8px rgba(0,0,0,0.2);
      transition: right 0.4s ease;
      padding: 10px 20px;
      z-index: 2000;
    }

    .mobile-menu.open {
      right: 0;
    }

    .mobile-menu ul {
      list-style: none;
      padding: 0;
      margin: 0;
          margin-top: 36px;
    }

    .mobile-menu ul li {
      margin-bottom: 15px;
    }

    .mobile-menu a {
    
      text-decoration: none;
      font-size: 18px;
    color: var(--grey-family-color);
    font-weight: 500;
    }

    .mobile-close {
      position: absolute;
      top: 15px;
      right: 20px;
      font-size: 28px;
      cursor: pointer;
    }

    .navbar-toggler {
      border: none;
      outline: none;
    }

    .navbar-toggler-icon {
      width: 25px;
      height: 3px;
      background-color: #000;
      display: block;
      margin: 5px 0;
    }

    @media (max-width: 991px) {
      .navbar-collapse {
        display: none !important;
      }
    }


.mobile-menures15{position: absolute; bottom: 8%; width: 100%; display: block; left: 0; padding-left: 19px;}
.mobile-menures15 ul{width: 100%; display: block;}
.mobile-menures15 ul li{display: inline-block;}
.mobile-menures15 ul li a{width: 100%; text-decoration: none; z-index: 1; box-shadow: 0 5px 50px rgb(102 206 169 / 40%); border-radius: 5px; text-align: center; background-color: #fff; color: #165b34 !important; border: solid 1px #165b34 !important; padding: 10px 25px; min-width: 140px; font-weight: 600; font-size: 15px;}

.login-mainbg{    background-color: #fbfbfb;}
.login-datamian16{padding: 34px 0px;}
.loginmain-logo{text-align: center;}
.loginmain-logo img{max-width: 140px;}
.login-main{border: solid 1px #E6E9EC; border-radius: 16px; background-color: #fff; padding: 21px; width: 100%; max-width: 450px; margin: auto; margin-top: 30px;}
 .login-main h2{    color: #2C2C2C; font-size: 28px; font-weight: 700; margin-bottom: 2px;}
.login-main p{font-size: 18px; border-bottom: solid 1px #D7D9DB; padding-bottom: 15px;}
.login-main form{}
.forget-sty12{float: right;}
.forget-sty12 a{color: #2550AA; font-size: 16px; text-decoration: none !important; font-weight: 600;}
.or-loginsty {border-bottom: solid 1px #d7d7d7; text-align: center; position: relative; margin-top: 20px; height: 3px; }
.or-loginsty span {background-color: #fff; position: absolute; font-size: 16px; font-weight: 500; padding: 0px 15px; left: 0; right: 0; margin: auto; top: -12px; width: 49px;     color: #000;}

.btn-showcase .btn {line-height: 1; padding: 13px 15px; margin: 0; width: 100%; font-size: 18px; font-weight: 400; color: #000 !important; }
.dont-haveaccount{}
.dont-haveaccount p{color: #2C2C2C; font-size: 18px;}
.dont-haveaccount p a{}
select.form-control:not([size]):not([multiple]) {height: auto !important; }
.select2-container--bootstrap4 .select2-selection--multiple .select2-search__field{    padding: 0px 10px !important;}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice{background-color: #616F86 !important;     color: #ffffff !important;     padding-left: 0.75rem !important;}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove{
    color: #ffffff !important;  float: right !important;}
.avatar-upload {
  position: relative;
  max-width: 140px;
  display: inline-block;
    margin-right: 19px;
/*  margin: 50px auto;*/
}

.upload-hadsty15{    display: inline-block;
    color: #2c2c2c;
    font-weight: 500;
    font-size: 18px;
    position: absolute;
    top: 38%;}
.avatar-upload .avatar-edit {
  position: absolute;
  right: 12px;
  z-index: 1;
  top: 10px;
}
.avatar-upload .avatar-edit input {
  display: none;
}
.avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #FFFFFF;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:after {
  content: "\f040";
  font-family: 'FontAwesome';
  color: #757575;
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}
.avatar-upload .avatar-preview {
  width: 140px;
  height: 140px;
  position: relative;
  border-radius: 100%;
  border: 6px solid #F8F8F8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: block !important;
}

.mar-bottomsty15{    margin-bottom: -182px;}


@media (max-width: 750px) {
    .privacy-contentall h3 {font-size: 20px;}
    .privacy-contentall h2 {font-size: 24px;margin-bottom: 15px;}
    .privacy-maindata12{  padding: 45px 0px;}
    .join-usdata12 h4{font-size: 28px;}
    .join-usdata12 p{    font-size: 16px; width: 95%;}
    .join-usdata12 b{  font-size: 18px;         width: 87%;}
    .join-usdata12 a{font-size: 16px;}
    .join-usmian{    padding: 45px 0px;}
    .mision-hadmar{margin-top: 0px;}
    body .wfth-cushitbo{    width: 100% !important;}
    .what-makesmar{margin-top: 0px;}
    .wewanted-list h4 {        font-size: 22px;}
    .wewanted-imgsty{margin-top: 20px;}
    .wewanted-list ul li{ font-size: 16px;}
    .wewanted-list p{ font-size: 16px;}
    .wewanted-list b {font-size: 16px; }
    .we-wantedmain {padding: 45px 0px; }
    body .no-padsty {padding-top: 50px !important; }
    .gratitude-dataall {padding: 50px 30px;}
    .pray-martop {margin-top: 0px;}
    .no-mobileshow{display: none;}
    .moble-showonly{display: block !important;}
    .step-flowmain {padding: 45px 0px; }
    .step-mainhad{    font-size: 26px; margin-bottom: 40px;}
    .gratitude-img{width: 90%; margin: auto;}
    .gratitude-img img{    margin-bottom: -56px;}
    .gratitude-dataall h4{    font-size: 22px;}
    .gratitude-dataall p {font-size: 16px;}
    .gratitude-dataall b {    font-size: 16px;}
    .how-itwork h4 {font-size: 28px;    margin-bottom: 20px;}
    .how-itwork{padding: 40px 0px; }
    .how-itwork b{width: 95%;font-size: 21px;}
    .how-itwork p{width: 96%;font-size: 14px;}
    .footer-signup {text-align: left;}
    .main-insprationdata15{width: 96% !important;}
    .set-asidedata p {font-size: 20px;}
    .set-asidedata b{    font-size: 22px;}
    .benifits-mainsty ul li {width: 99% !important;}
    .sub-looklike h3{    font-size: 22px;}
    .look-likemain {padding: 13px;     margin-top: -42px !important; margin-bottom: -144px;}
    .sub-looklike{    margin-bottom: 30px;}
    .banner-inner-content-con h5{    width: 100%; font-size: 20px;}
    .banner-con p {width: 100%;}
    .banner-inner-con {padding-top: 86px !important; }
/*    .header-contact{display: none;}*/
    .mobileonty{display: block !important;}
    .banner-inner-con{    padding-bottom: 0px !important;}
    .res-martop{padding-top: 150px !important;}
    .banner-inner-con {background-size: cover !important;}
    .overview-mainbannr {padding-top: 108px; padding-bottom: 49px;}
    .overview-mainbannr h2{font-size: 29px;}
}
@media (min-width: 481px) and (max-width: 600px) {


}
@media (min-width: 600px) and (max-width: 750px) {}
@media (min-width: 750px) and (max-width: 998px) {}