body {
    padding: 0;
    margin: 0;
    font-family: "Roboto", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none !important;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

/* ************************************top nav style starts********************************* */

.top-nav {
    background-color: #6d2932;
    position: sticky;
    padding: 10px 0;
    font-size: 14px;
    z-index: 1050;
    top: 0;
    width: 100%;
    box-shadow: 0 2px 4px rgb(0 0 0 / 28%);
}


.top-nav a {
    color: rgb(255, 255, 255);
    margin-left: 20px;
    font-size: 12px;
    transition: color 0.3s;
}

.top-nav .brand-logo img {
    max-height: 50px;
}

.brand-address a i {
    font-size: 20px;
}

/* .btn {
    border: none !important;
} */

.brand-find {
    display: flex;
    justify-content: space-between;
}

.brand-find i {
    margin-right: 5px;
}

.brand-find a {
    font-size: 14px;
    font-weight: 400;
}

.brand-find a:hover {
    color: #e8d8c4;
}


/* ************************************top nav style ends********************************* */


/* ************************************main nav style starts********************************* */

/* .main {
    margin-top: 10px !important;
} */

.main.scrolled {
    margin-top: 0 !important;
}

.navbar {
    background-color: transparent;
    z-index: 1000;
    transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
    top: 40px;
    position: fixed;
    width: 100%;
}

.nav-link:focus-visible {
    box-shadow: none;
}

.navbar-brand {
    display: block;
    width: 8%;
    margin-right: 0 !important;
}

.navbar.scrolled .navbar-brand {
    display: block;
    width: 6%;
}

.navbar-brand img {
    /* max-height: 50px !important; */
    width: 100%;
}

.navbar .nav-link {
    color: rgb(255, 255, 255);
    transition: color 0.3s;
    font-weight: 600;
    text-transform: capitalize;
}

.nav-link:hover {
    color: #e8d8c4 !important;
}

.navbar.scrolled {
    background-color: #ffffff !important;
    box-shadow: 0 4px 6px rgb(0 0 0 / 25%);
    top: 40px !important;
    padding: 0;
}

.navbar.scrolled .nav-link {
    color: rgb(0, 0, 0) !important;
}

.navbar.scrolled .nav-link:hover {
    color: #6d2932 !important;
}

.main-menu {
    margin: auto !important;
    padding: 15px 0;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #e8d8c4;
}

.navbar-nav .dropdown-menu{
    min-width: 300px;
}

.login-btn i{
	margin-right: 10px;
}

/* ***********************hover dropdown*************************** */

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    z-index: 1000;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu i {
    margin-right: 10px;
}

.dropdown-menu li {
    margin: 10px 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #e8d8c4;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #6d2932;
}

/* ************************hover dropdown********************* */

.bottom-nv-btn {
    display: none;
}

.bottom-nv-btn {
    display: block;
    background-color: #6d2932;
    padding: 10px 20px;
    color: #ffff;
    text-transform: capitalize;
}

.bottom-nv-btn:hover {
    scale: .9;
    background-color: #561c24;
    box-shadow: none;
    color: #fff;
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

.navbar-toggler-icon {
    background-image: url(../images/toggle-icon.png);
}

.navbar-toggler {
    border: 1px solid #6d2932;
}

/* ************************************main nav style ends********************************* */

/* *********************************banner starts**************************** */

.carousel-indicators {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-left: 5%;
    transform: translateY(-50%);
    bottom: unset;
    display: block;
}

.carousel-indicators [data-bs-target] {
    display: block;
    margin-bottom: 10px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 50%;
}

.carousel-indicators [data-bs-target]:last-child {
    margin-bottom: 0;
}

.carousel-indicators .active {
    background-color: #000;
}

.carousel-item img {
    height: 90vh;
}

.carousel-item {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
}


.carousel-indicators [data-bs-target] {
    display: block;
    margin-bottom: 10px;
    width: 20px;
    height: 20px;
    background-color: #6d2932;
    border: 3px solid #ffffff;
    border-radius: 50%;
}

.carousel-caption {
    position: absolute;
    top: 55%;
    left: 10%;
    right: 10%;
    transform: translateY(-50%);
    text-align: left;
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    max-width: 40%;
}

.carousel-caption h1 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
}

.carousel-caption p {
    font-size: 1rem;
}

.banner-btn {
    background-color: #6d2932;
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
    margin-top: 20px;
}

.banner-btn:hover {
    background-color: #561c24;
    color: #ffffff;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

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

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        transform: scale(0.5);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.fadeIn {
    animation-name: fadeIn;
}

.slideInUp {
    animation-name: slideInUp;
}

.zoomIn {
    animation-name: zoomIn;
}

.carousel-item {
    transition: transform 1s ease, opacity 1s ease-in-out;
}

.slideInUp-delayed {
    animation-name: slideInUp;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
}

.zoomIn-delayed {
    animation-name: zoomIn;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
}

.fadeIn-delayed {
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
}

/* ******************************banner ends********************* */

/* *************************** about section************************* */

.about-us {
    padding: 50px 0;
    background-image: url(../images//about-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
    text-align: center;
    color: #fff;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.overlay img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-us h2 {
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
    text-transform: capitalize;
    color: #6d2932;
    font-weight: 600;
}

.abt-container {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.content {
    padding: 20px;
    border-radius: 10px;
    width: 35%;
    margin: auto;
}

.content p {
    margin: 0;
    font-size: 18px;
    line-height: 1.6;
    color: #6d2932;
}

.about-btn {
    border-bottom: 2px solid #6d2932;
    color: #6d2932;
    text-transform: capitalize;
    font-weight: 600;
    margin-top: 20px;
}

.about-btn:hover {
    background-color: #561c24;
    color: #ffffff;
}


/* *************************about section*********************** */

/* **************************************steps*************************** */

.subscribe-steps {
    padding: 50px 0;
    background-color: #e8d8c4;
}

.step2.active {
    background-color: green;
    color: white;
}

.step3.active {
    background-color: red;
    color: white;
}

.step1.completed {
    background-color: blue;
    box-shadow: 0px 0px 10px 0px blue;
    border: 1px solid blue;
    color: white;
    text-shadow: 1px 1px 0px #000;
}

.step2.completed {
    background-color: green;
    box-shadow: 0px 0px 10px 0px green;
    border: 1px solid green;
    color: white;
    text-shadow: 1px 1px 0px #000;
}

.step3.completed {
    background-color: #ffdd00;
    box-shadow: 0px 0px 10px 0px #ffdd00;
    border: 1px solid #ffdd00;
    color: white;
    text-shadow: 1px 1px 0px #000;
}

.line {
    position: relative;
    height: 4px;
    background-color: #ccc;
    margin-top: 15px;
}

.line span {
    position: absolute;
    height: 100%;
    background-color: #a4c639;
}

.description {
    color: #000000;
    font-size: 18px;
    background-color: #f7f7f7;
    box-shadow: 1px 1px 6px 0px #000;
    border-radius: 5px;
    margin-top: 25px;
    min-height: 235px;
    padding: 10px;
}

.step1 {
    background-color: #0000ff2b;
    border: 1px solid #00f;
}

.step2 {
    border: 1px solid green;
    background-color: #76ff7654;
}

.step3 {
    border: 1px solid #a57a00;
    background-color: #ffec74;
}

.step1,
.step2,
.step3 {
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    color: #000;
    font-weight: 900;
    font-size: 18px;
}

.subscribe-steps h2 {
    text-align: center;
    margin-bottom: 20px;
    font-weight: 700;
}

/* **********************************STEPS********************************* */

/* *********************************subscription plans************************* */

.subscription-plans {
    background-image: url(../images/sub-plan-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 50px 0;
    position: relative;
}

.subscription-plans:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.50);
    z-index: 0;
}

.subscription-plans h2 {
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.plan {
    background-color: #e8d8c4;
    border-radius: 0 45px;
    position: relative;
    box-shadow: 25px 25px 0px 1px #ffffff;
    z-index: 1;
    overflow: hidden;
    margin: 20px;
    max-width: 30%;
    flex: 1;
    text-align: center;
}

.plans-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}

.plan-name {
    background-color: #6d2932;
    min-height: 100px;
    position: relative;
    height: 230px;
    padding: 40px 15px 0 15px;
}

.plan-name::after {
    content: '';
    position: absolute;
    bottom: -45px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 65px solid transparent;
    border-right: 65px solid transparent;
    border-top: 45px solid #6d2932;
}

.plan-name h3 {
    color: #fff;
    font-weight: 600;
}

.plan-price {
    margin-top: 15%;
}

.plan-price p {
    font-size: 32px;
    font-weight: 600;
}

.plan-des {
    background-color: #6d2932;
    color: #fff;
    padding: 15px 10px;
    min-height: 105px;
}

.subscribe-btn {
    border-bottom: 2px solid #6d2932;
    color: #6d2932;
    text-transform: capitalize;
    margin: 20px 0;
}

.subscribe-btn:hover {
    background-color: #561c24;
    color: #fff;
}

.subscribe-btn i {
    margin-right: 10px;
}

/* *****************************subscription plans******************************* */

/* *******************************why us sec************************** */

.why-us {
    padding: 50px 0;
    background-color: #e8d8c4;
}

.why-us h2 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
}

.point {
    position: relative;
    background-color: #ffffff;
    padding: 10px 15px;
    margin: 10px 0;
    min-height: 180px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10);
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}

.point:hover {
    background-color: #6d2932;
}

.point:hover .point-content {
    color: #ffffff;
}

.point-content {
    position: relative;
    z-index: 1;
    color: #000000;
    transition: transform 0.3s ease, background-color 0.5s ease, color 0.5s ease;
    min-height: 130px;
    margin-top: 20px;
}

.point-content h4 {
    font-size: 24px;
    font-weight: 600;
}

.point-content p {
    font-size: 16px;
}

.why-img {
    margin: auto;
    position: relative;
}

.why-img img {
    position: relative;
    z-index: 5;
}

.why-img:after {
    position: absolute;
    content: "";
    top: 25px;
    bottom: 0;
    left: 44px;
    right: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fbff00;
    z-index: 0;
    transition: left 0.3s ease;
}

.point:hover .why-img:after {
    left: 0;
}

/* *******************************why us ends****************************** */

/* **************************punchlines starts***************************** */

.quote-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 2rem;
    text-align: center;
    overflow: hidden;
    width: 100%;
    height: 200px;
}

.quote-sec {
    position: relative;
    background-color: #e8d8c4;
    color: #6d2932;
}

.quote {
    position: absolute;
    font-size: 44px;
    font-weight: 900;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.quote.visible {
    opacity: 1;
}

@keyframes hover-string {
    0% {
        transform: translateX(-100%);
        opacity: 0.5;
    }

    50% {
        transform: translateX(100%);
        opacity: 0.5;
    }

    100% {
        transform: translateX(-100%);
        opacity: 0.5;
    }
}


/* **********************************punchlines ends************************* */

/* **********************************mission vision********************************** */

.mission-vision {
    padding: 70px 0;
    background-image: url(../images/ms-vs.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
}

.mission-vision::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.40);
}

.custom-shape-divider-top-1733140799 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    z-index: 1;
}

.custom-shape-divider-top-1733140799 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 150px;
}

.custom-shape-divider-top-1733140799 .shape-fill {
    fill: #e8d8c4;
}

.mission-vision img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.vision {
    margin-top: 10% !important;
}

.vision,
.mission {
    margin-top: 30px;
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
}

.vision-text,
.mission-text {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.vision-text:hover,
.mission-text:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.vision-text h3,
.mission-text h3 {
    font-size: 28px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
}

.vision-text p,
.mission-text p {
    font-size: 1.1rem;
    color: #666;
    line-height: 1.6;
}

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

.ms-vs {
    background-color: #fff;
    padding: 20px;
}

.vision-text img {
    width: 10%;
}

.mission-text img {
    width: 10%;
}

@media (max-width: 575px) {

    .vision-text,
    .mission-text {
        padding: 15px;
    }

    .vision-text h3,
    .mission-text h3 {
        font-size: 1.5rem;
    }

    .vision-text p,
    .mission-text p {
        font-size: 1rem;
    }
}

/* *************************************mission vision********************************* */

/* *********************************contact sec starts********************* */

.contact-sec {
    padding: 50px 0;
}

.left-contact {
    /* background: linear-gradient(135deg, #e8d8c4 0%, #e8d8c4 50%, #6d2932 50%, #6d2932 100%); */
    padding: 20px;
    border-radius: 10px;
    color: #ffffff;
    margin-bottom: 30px;
    background-color: #e8d8c4;
}

.consub-btn{
    background-color: #6d2932;
    color: #fff;
    text-transform: capitalize;
    width: 100%;
}

.consub-btn:hover{
    background-color: #561c24;
    color: #fff;
}

.right-contact {
    background-color: transparent !important;
}

.left-contact h4 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #561c24;
    font-weight: 600;
}

.left-contact p {
    margin-bottom: 20px;
    color: #333;
}

.contact-from .cnt-sec {
    margin-bottom: 15px;
}

.contact-from .form-control {
    width: 100%;
    padding: 7px;
    margin-top: 5px;
    margin-bottom: 10px;
    border-radius: 8px;
    background-color: #f8f9fa;
    color: #6d2932;
    outline: none;
    box-shadow: none;
    border: none;
    border-bottom: 2px solid #6d2932;
}

.contact-map iframe {
    border-radius: 10px;
}

.social {
    display: flex;
    margin-top: 20px;
}

.social li {
    margin-right: 15px;
}

.social li i {
    background-color: #6d2932;
    color: #ffffff;
    padding: 12px;
    border-radius: 50%;
}

.form-label {
    color: #6d2932;
    font-weight: 600;
}

/* ********************************contact sec ends*************************** */

/* ******************************footer starts************************************* */

.foot-sec {
    background-color: #6d2932;
    background-attachment: fixed;
    position: relative;
    padding: 50px 0 !important;
}

hr {
    color: #fff;
    opacity: 100%;
}

.foot-column {
    position: relative;
    z-index: 1;
}

.foot-column a img {
    width: 35%;
}

.foot-column h4 {
    color: #ffffff;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.foot-menu li {
    margin-bottom: 10px;
}

.foot-menu li a {
    color: #ffffff;
    font-size: 14px;
}

.foot-menu li a:hover {
    color: #e8d8c4;
    font-weight: 600;
    text-decoration: underline;
}

.foot-menu i {
    margin-right: 5px;
}

.foot-menu {
    margin-top: 20px;
}

.logo-para {
    margin-top: 20px;
}

.foot-column p {
    color: #d6d6d6;
}

.bottom-footer {
    background-color: #003566;
    padding: 30px 0;
}

.bottom-footer p {
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 15px;
}

.copyright {
    display: flex;
    justify-content: space-between;
}

.copyright p {
    font-weight: 800;
    font-size: 16px;
}


/* ********************************footer ends************************************* */

/* *********************************disclaimer starts************************ */

.disclaimer {
    padding: 5px 0;
    font-weight: 600;
    color: #e8d8c4;
}

/* ********************************disclaimer ends****************************** */

/*********************************************************************

   CSS FOR LOGIN PAGE 

  *********************************************************************/


.textbox-background-error {

    background: #fd5757 !important;
}

.textbox-background-ok {

    background: #ffffff;
}

.dont-show-disable:disabled {
    opacity: 1;
    cursor: pointer;
    color: inherit;
    /* Or specify the exact color, e.g., color: #fff; */
    background-color: grey;
    /* Or specify the exact background color */
    border-color: inherit;
    /* Or specify the exact border color */
    box-shadow: none;
}

.error-message-container {
    position: relative;
    height: 50px !important;
    margin: 5px auto;
    text-align: center;
    border-radius: 5px;
}

.success-message {
    display: none;
    /* Initially hidden */
    background-color: #c6fac6;
    /* Light red background */
    color: #008b00;
    /* Dark red text */
    border: 2px solid #008b00;
    /* Bright red border */
    padding: 6px;
    position: fixed;
    /* Make the div float */
    top: 10px;
    /* Distance from the top of the screen */
    right: 10px;
    /* Distance from the right of the screen */
    font-weight: bold;
    /* Bold text */
    border-radius: 5px;
    z-index: 1000;
    /* Ensure it's on top of other elements */
    text-align: center;
    width: auto;
    min-width: 200px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    /* Optional: a subtle shadow */
    padding-right: 35px !important;
    padding-left: 25px !important;
}


.error-message {
    display: none;
    /* Initially hidden */
    background-color: #f8d7da;
    /* Light red background */
    color: #721c24;
    /* Dark red text */
    border: 2px solid #f5c6cb;
    /* Bright red border */
    padding: 6px;
    position: fixed;
    /* Make the div float */
    top: 10px;
    /* Distance from the top of the screen */
    right: 10px;
    /* Distance from the right of the screen */
    font-weight: bold;
    /* Bold text */
    border-radius: 5px;
    z-index: 1000;
    /* Ensure it's on top of other elements */
    text-align: center;
    width: auto;
    min-width: 200px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    /* Optional: a subtle shadow */
    padding-right: 35px !important;
    padding-left: 25px !important;
}

.close-button {
    position: absolute;
    top: 3px;
    right: 5px;
    background: none;
    border: none;
    font-size: 18px;
    font-weight: bold;
    color: #721c24;
    cursor: pointer;

}

.close-button:hover {
    color: #d9534f;
    /* Change close button color on hover */
}


/*********************************************************************

    CSS FOR LOGIN PAGE END

  *********************************************************************/

/* *******************************************responsive design************************************
******************************************************************************************************* */

@media (max-width: 992px) {

    /* **main nav** */
    .navbar {
        background-color: #ffffff;
        top: 35px;
    }

    .navbar .nav-link {
        color: #000;
    }

    .navbar-brand {
        width: 15%;
    }

    .navbar.scrolled {
        top: 35px !important;
    }

    .navbar.scrolled .navbar-brand {
        width: 15%;
    }

    .bottom-nv-btn {
        margin-bottom: 15px;
    }

    /* **top nav** */
    .brand-find a {
        font-size: 10px;
    }

    .point {
        text-align: center;
    }

    /* ******steps**** */
    .step1,
    .step2,
    .step3 {
        margin-top: 30px;
    }

    /* *****plans****** */

    .plans-container{
        display: block;
    }

    .plan{
        max-width: 100%;
        margin-bottom: 50px;
    }

    /* **********why us*********** */

    .why-img:after{
        left: 50%;
    }

    .point:hover .why-img:after{
        left: 42%;
    }
}

@media (max-width: 775px) {
    .carousel-caption {
        max-width: 100%;
    }

    .about-us {
        padding: 50px 0;
    }

    .content {
        background-color: #fff;
        width: 100%;
    }

    .about-us h2 {
        font-size: 2rem;
        margin-bottom: 0;
    }

    .about-btn {
        border-bottom: 2px solid #6d2932;
        color: #6d2932;
    }

    .content p {
        font-size: 1rem;
        color: #6d2932;
    }
}

@media (max-width: 575px) {
    .carousel-indicators {
        margin-left: 0%;
    }

    /* ******quote********** */

    .quote{
        font-size: 30px;
    }

    /* *****mission vision****** */
    .custom-shape-divider-top-1733140799 svg{
        height: 70px;
    }

    /* **********footer********* */
    .foot-column h4{
        margin-top: 30px;
    }
}

@media (max-width: 465px) {
    .carousel-caption {
        top: 52%;
    }

    .carousel-caption h1 {
        font-size: 24px;
    }

    .carousel-item img {
        height: 60vh;
    }

    .carousel-indicators [data-bs-target] {
        width: 10px;
        height: 10px;
    }
}

@media (max-width: 333px) {
    .carousel-caption h1 {
        font-size: 18px;
    }
}