:root{
    --primary-color: #000 !important;
    --secondary-color: #fff !important;
    --tertiary-color: #3f78e0 !important;
    --border-color: #e0e0e0 !important;
    --border-radius: 10px !important;
    --section-max-width: 1300px !important;
    --section-width: 80% !important;

}



.aug-1-hero-header{
    background: linear-gradient(180deg, #fff8ee, rgba(255, 255, 255, 0))  !important;
    width: 100%  !important;
    position: relative  !important;
}

.aug-navbar{
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
    padding: 20px 0  !important;
    width: var(--section-width)  !important;
    margin: 0 auto  !important;
    max-width: var(--section-max-width)  !important;
}

.aug-nav-logo img{
    width: 130px  !important;
}

.aug-nav-links{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
    list-style: none  !important;
    font-weight: 16px
}

.aug-nav-links li a{
    text-decoration: none  !important;
    color: inherit  !important;
    font-size: 16px  !important;
    font-weight: 500  !important;
    text-transform: capitalize  !important;
}

.aug-1-nav-lang{
    position: relative  !important;
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
}

.aug-1-nav-lang-item {
    position: relative  !important;
    display: flex  !important;
    align-items: center  !important;
    gap: 5px  !important;
    cursor: pointer  !important;
}

.aug-1-nav-lang-dropdown {
    position: absolute  !important;
    background-color: var(--secondary-color)  !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)  !important;
    border-radius: var(--border-radius)  !important;
    top: 100%  !important;
    left: -20px  !important;
    right: 0  !important;
    width: 100%  !important;
    z-index: 10  !important;
    display: none  !important;
    flex-direction: column  !important;
    justify-content: center  !important;
    align-items: center  !important;
    gap: 10px  !important;
    padding: 10px  !important;
    min-width: 70px  !important;
}

.aug-1-nav-lang:hover .aug-1-nav-lang-dropdown {
    display: flex  !important;
}

.aug-mobile-menu{
    display: none  !important;
}

.aug-1-hero-content{
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
    width: var(--section-width)  !important;
    max-width: var(--section-max-width)  !important;
    margin: 0 auto  !important;
    gap: 20px  !important;
    padding: 100px 0  !important;
}

.aug-1-hero-left{
    flex: 0 0 calc(50% - 20px)  !important;
    height: 500px  !important;
}

.aug-1-hero-left img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
}

.aug-1-hero-right{
    flex: 0 0 calc(50% - 20px)  !important;
}

.aug-1-hero-title{
    font-size: 44px  !important;
    max-width: 500px  !important;
    font-weight: 700  !important;
    margin-bottom: 20px  !important;
    line-height: 1.2  !important;
    text-transform: capitalize  !important;
}

.aug-1-hero-description{
    font-size: 20px  !important;
    max-width: 500px  !important;
    margin-bottom: 20px  !important;
    line-height: 1.5  !important;
}

.aug-1-hero-btn{
    padding: 15px 30px  !important;
    font-size: 14px  !important;
    border-radius: 50px  !important;
    font-weight: 600  !important;
    background-color: var(--tertiary-color)  !important;
    border: 1px solid var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
    cursor: pointer  !important;
}

.aug-nav-menu{
    display: none  !important;
}

@media (max-width: 768px) {
    .aug-1-hero-content{
        flex-direction: column  !important;
        text-align: center  !important;
    }

    .aug-1-hero-title{
        font-size: 36px  !important;
    }

    .aug-1-hero-description{
        font-size: 18px  !important;
    }

    .aug-nav-links{
        display: none  !important;
    }

    .aug-nav-menu{
        display: block  !important;
        cursor: pointer  !important;
    }

    .aug-nav-menu i {
        font-size: 24px  !important;
    }

    .aug-1-nav-logo img{
        width: 100px  !important;
    }

    .aug-mobile-menu{
        position: absolute  !important;
        top: 0  !important;
        left: 0  !important;
        min-height: 100vh  !important;
        background-color: var(--primary-color)  !important;
        width: 250px  !important;
        display: none  !important;
        flex-direction: column  !important;
        justify-content: space-between  !important;
        gap: 30px  !important;
        padding: 20px  !important;
        z-index: 1000  !important;
    }

    .aug-mobile-menu-active{
        display: flex  !important;
    }

    .aug-mobile-menu-logo img{
        width: 120px  !important;
    }

    .aug-mobile-menu-links{
        display: flex  !important;
        flex-direction: column  !important;
        gap: 20px  !important;
        flex: 1  !important;
        list-style: none  !important;
    }

    .aug-mobile-menu-links li a{
        text-decoration: none  !important;
        color: var(--secondary-color)  !important;
        font-size: 16px  !important;
        font-weight: 500  !important;
    }

    .aug-mobile-menu-action{
        display: flex  !important;
        flex-direction: column  !important;
        gap: 10px  !important;
    }

    .aug-mobile-menu-action ul{
        display: flex  !important;
        flex-direction: column  !important;
        gap: 10px  !important;
        list-style: none  !important;
    }

    .aug-mobile-menu-action ul li a{
        text-decoration: none  !important;
        color: var(--secondary-color)  !important;
        font-size: 16px  !important;
        font-weight: 500  !important;
        display: flex  !important;
        align-items: center  !important;
        gap: 10px  !important;
    }

    .aug-mobile-menu-socials{
        display: flex  !important;
        gap: 20px  !important;
    }

    .aug-mobile-menu-socials a{
        color: var(--secondary-color)  !important;
        font-size: 20px  !important;
    }

    .aug-close-mobile-menu{
        position: absolute  !important;
        top: 20px  !important;
        right: 20px  !important;
        cursor: pointer  !important;
        color: var(--secondary-color)  !important;
    }

    .aug-close-mobile-menu i{
        font-size: 20px  !important;
    }
}

.aug-2-hero-header{
    width: 100%  !important;
    position: relative  !important;
}

.aug-2-top-header{
    background-color: var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
}

.aug-2-top-header-wrapper{
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
    padding: 10px 0  !important;
    width: var(--section-width)  !important;
    margin: 0 auto  !important;
    max-width: var(--section-max-width)  !important;
}


.aug-2-top-header-left{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
    list-style: none  !important;
}

.aug-2-top-header-left li{
    display: flex  !important;
    align-items: center  !important;
    gap: 5px  !important;
    font-size: 14px  !important;
    font-weight: 500  !important;
}

.aug-2-top-header-right{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
    list-style: none  !important;
}

.aug-2-top-header-right li a{
    display: flex  !important;
    align-items: center  !important;
    gap: 5px  !important;
    font-size: 14px  !important;
    font-weight: 500  !important;
    text-decoration: none  !important;
    color: inherit  !important;
}

.aug-2-nav-right{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
}

.aug-2-nav-btn{
    padding: 12px 30px  !important;
    font-size: 14px  !important;
    border-radius: 50px  !important;
    font-weight: 600  !important;
    background-color: var(--tertiary-color)  !important;
    border: 1px solid var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-2-nav-btn:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

.aug-2-hero-content{
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
    width: var(--section-width)  !important;
    max-width: var(--section-max-width)  !important;
    margin: 0 auto  !important;
    gap: 20px  !important;
    padding: 100px 0  !important;
}

.aug-2-hero-left{
    flex: 0 0 calc(50% - 20px)  !important;
}

.aug-2-hero-title{
    font-size: 44px  !important;
    font-weight: 700  !important;
    margin-bottom: 20px  !important;
    line-height: 1.2  !important;
    text-transform: capitalize  !important;
    max-width: 500px  !important;
}

.aug-2-hero-description{
    font-size: 20px  !important;
    margin-bottom: 20px  !important;
    line-height: 1.5  !important;
    max-width: 500px  !important;
}

.aug-2-hero-btn{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
}

.aug-2-hero-btn-1{
    padding: 15px 30px  !important;
    font-size: 14px  !important;
    border-radius: 50px  !important;
    font-weight: 600  !important;
    background-color: var(--tertiary-color)  !important;
    border: 1px solid var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-2-hero-btn-1:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

.aug-2-hero-btn-2{
    padding: 15px 30px  !important;
    font-size: 14px  !important;
    border-radius: 50px  !important;
    font-weight: 600  !important;
    background-color: transparent  !important;
    border: 2px solid var(--tertiary-color)  !important;
    color: var(--tertiary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-2-hero-btn-2:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
    background-color: var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
}

.aug-2-hero-right{
    flex: 0 0 calc(50% - 20px)  !important;
    position: relative  !important;
}

.aug-2-hero-image-wrapper{
    width: 100%  !important;
    height: 500px  !important;
    background-color: var(--tertiary-color)  !important;
    position: relative  !important;
    border-radius: 10px  !important;
}

.aug-2-hero-image{
    width: 100%  !important;
    height: 500px  !important;
    border-radius: 10px  !important;
    position: absolute  !important;
    top: -30px  !important;
    left: -30px  !important;
    z-index: 1  !important;

}

.aug-2-hero-image img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
    border-radius: 10px  !important;
}

@media (max-width: 768px) {
    .aug-2-hero-content{
        flex-direction: column  !important;
        text-align: center  !important;
    }

    .aug-2-hero-right{
        order: 1  !important;
    }

    .aug-2-hero-left{
        order: 2  !important;
    }

    .aug-2-top-header-wrapper{
        flex-direction: column  !important;
        gap: 5px  !important;
        align-items: flex-start  !important;
    }

    .aug-2-top-header-right{
        flex-direction: column  !important;
        gap: 5px  !important;
        align-items: flex-start  !important;
    }

    .aug-2-nav-btn{
        display: none  !important;
    }

    .aug-2-hero-image-wrapper{
        height: auto  !important;
    }

    .aug-2-hero-image{
        position: relative  !important;
        top: 0  !important;
        left: 0  !important;
        height: 400px  !important;
    }

    .aug-2-hero-image-wrapper{
        background-color: transparent  !important;
    }

    .aug-2-hero-title{
        font-size: 36px  !important;
    }

    .aug-2-hero-btn{
        justify-content: center  !important;
    }
}

.aug-3-hero-header{
    color: #fff  !important;
    background-color: #21262c  !important;
    width: 100%  !important;
    position: relative  !important;
    z-index: 1  !important;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%)  !important;
}

.aug-3-nav-right{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
}

.aug-3-nav-search i{
    font-size: 20px  !important;
}

.aug-3-nav-btn{
    padding: 14px 20px  !important;
    font-size: 14px  !important;
    border-radius: 10px  !important;
    font-weight: 600  !important;
    background-color: var(--tertiary-color)  !important;
    border: 1px solid var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-2-nav-btn:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

.aug-3-hero-content{
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
    width: var(--section-width)  !important;
    max-width: var(--section-max-width)  !important;
    margin: 0 auto  !important;
    gap: 20px  !important;
    padding: 100px 0  !important;
}

.aug-3-hero-left{
    flex: 0 0 calc(45% - 20px)  !important;
}

.aug-3-hero-right {
    flex: 0 0 calc(45% - 20px)  !important;
    height: 600px  !important;
}

.aug-3-hero-right img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
    border-radius: 10px  !important;
}

.aug-3-hero-title{
    font-size: 44px  !important;
    font-weight: 700  !important;
    margin-bottom: 20px  !important;
    line-height: 1.2  !important;
    text-transform: capitalize  !important;
}

.aug-3-hero-title-span {
    color: var(--tertiary-color)  !important;
    position: relative  !important;
    border-right: 2px solid var(--tertiary-color)  !important;
    white-space: nowrap  !important;
    overflow: hidden  !important;
    display: inline-block  !important;
    animation: typing 2s steps(8, end) infinite alternate, blink-caret 0.75s step-end infinite  !important;
    max-width: 0  !important; /* Start with no visible width */
    animation-delay: 0.5s  !important;
    animation-fill-mode: forwards  !important;
}

@keyframes typing {
    from { max-width: 0  !important; }
    to { max-width: 500px  !important; } /* Adjust based on your content */
}

@keyframes blink-caret {
    from, to { border-color: transparent  !important; }
    50% { border-color: var(--tertiary-color)  !important; }
}

.aug-3-hero-description {
    font-size: 20px  !important;
    margin-bottom: 20px  !important;
    line-height: 1.5  !important;
    max-width: 500px  !important;
}

.aug-3-hero-btn{
    padding: 15px 30px  !important;
    font-size: 14px  !important;
    border-radius: 50px  !important;
    font-weight: 600  !important;
    background-color: var(--tertiary-color)  !important;
    border: 1px solid var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-3-hero-btn:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

@media (max-width: 768px) {
    .aug-3-hero-content{
        flex-direction: column  !important;
    }

    .aug-3-hero-title {
        font-size: 36px  !important;
    }

    .aug-3-nav-btn{
        display: none  !important;
    }

    .aug-3-hero-description{
        font-size: 18px  !important;
    }
}

.aug-4-hero-header{
    width: 100%  !important;
    position: relative  !important;
}

.aug-4-nav-right{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
}

.aug-4-nav-socials{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
}

.aug-4-nav-socials a{
    text-decoration: none  !important;
    color: inherit  !important;
}

.aug-4-nav-socials a i{
    font-size: 20px  !important;
}

.aug-4-hero-content-wrapper{
    display: flex  !important;
    align-items: center  !important;
    justify-content: right  !important;
    overflow: hidden  !important;
}

.aug-4-hero-content{
   width: 100%  !important;
   padding: 100px 0  !important;
   display: flex  !important;
   align-items: center  !important;
   gap: 20px  !important;
   max-width: 1550px  !important;
   width: var(--section-width)  !important;
   margin: auto   !important;
}

.aug-4-hero-left{
    flex: 0 0 calc(50%)  !important;
}

.aug-4-hero-right{
    flex: 0 0 calc(50%)  !important;
    width: 100%  !important;
    height: 600px  !important;
}

.aug-4-hero-right img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
    border-top-left-radius: 20px  !important;
    border-bottom-left-radius: 20px  !important;
}

.aug-4-hero-title{
    font-size: 44px  !important;
    font-weight: 700  !important;
    margin-bottom: 20px  !important;
    line-height: 1.2  !important;
    text-transform: capitalize  !important;
    max-width: 500px  !important;
}

.aug-4-hero-description{
    font-size: 20px  !important;
    margin-bottom: 20px  !important;
    line-height: 1.5  !important;
    max-width: 500px  !important;
}

.aug-2-hero-btn{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
}

.aug-4-hero-btn-1{
    padding: 15px 30px  !important;
    font-size: 14px  !important;
    border-radius: 50px  !important;
    font-weight: 600  !important;
    background-color: var(--tertiary-color)  !important;
    border: 1px solid var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-4-hero-btn-1:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

.aug-4-hero-btn-2{
    padding: 15px 30px  !important;
    font-size: 14px  !important;
    border-radius: 50px  !important;
    font-weight: 600  !important;
    background-color: transparent  !important;
    border: 2px solid var(--tertiary-color)  !important;
    color: var(--tertiary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-4-hero-btn-2:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
    background-color: var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
}

@media (max-width: 768px) {
    .aug-4-hero-content{
        flex-direction: column  !important;
        max-width: var(--section-max-width)  !important;
        margin: 0 auto  !important;
        width: 100%  !important;
        padding: 0 0 100px  !important;
    }

    .aug-4-hero-left{
        order: 2  !important;
        text-align: center  !important;
        padding: 0 20px  !important;
    }

    .aug-4-hero-right{
        order: 1  !important;
        width: 100%  !important;
        display: block  !important;
    }

    .aug-4-hero-right img{
        border-top-left-radius: 0  !important;
        border-bottom-left-radius: 0  !important;
        height: 450px  !important;
    }

    .aug-4-hero-title{
        font-size: 36px  !important;
    }

    .aug-4-hero-description{
        font-size: 18px  !important;
    }
}

.aug-5-hero-header{
    width: 100%  !important;
    background-color: #edf2fc  !important;
    position: relative  !important;
}

.aug-5-nav-btn{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
}

.aug-5-nav-btn button:first-child{
    background-color: transparent  !important;
    border: none  !important;
    font-size: 14px  !important;
    font-weight: 600  !important;
}

.aug-5-nav-btn button:last-child{
    padding: 14px 30px  !important;
    font-size: 14px  !important;
    border-radius: 10px  !important;
    font-weight: 600  !important;
    background-color: var(--tertiary-color)  !important;
    border: 1px solid var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-5-nav-btn button:last-child:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

.aug-5-hero-content{
    width: var(--section-width)  !important;
    max-width: var(--section-max-width)  !important;
    margin: 0 auto  !important;
    padding: 100px 0  !important;
    text-align: center  !important;
}

.aug-5-hero-title{
    font-size: 44px  !important;
    font-weight: 700  !important;
    line-height: 1.2  !important;
    text-transform: capitalize  !important;
    max-width: 600px  !important;
    margin: 0 auto  !important;
    margin-bottom: 20px  !important;
}

.aug-5-hero-description{
    font-size: 20px  !important;
    max-width: 600px  !important;
    margin: 0 auto  !important;
    margin-bottom: 20px  !important;
    line-height: 1.5  !important;
}

.aug-5-hero-btn{
    display: flex  !important;
    align-items: center  !important;
    justify-content: center  !important;
    gap: 20px  !important;
    margin-bottom: 40px  !important;
}

.aug-5-hero-btn-1{
    padding: 15px 30px  !important;
    font-size: 14px  !important;
    border-radius: 10px  !important;
    font-weight: 600  !important;
    background-color: var(--tertiary-color)  !important;
    border: 1px solid var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-5-hero-btn-1:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

.aug-5-hero-btn-2{
    padding: 15px 30px  !important;
    font-size: 14px  !important;
    border-radius: 10px  !important;
    font-weight: 600  !important;
    background-color: #45c4a0  !important;  !important;
    border: 2px solid #45c4a0  !important;
    color: #fff  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-5-hero-btn-2:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

.aug-5-hero-img{
    width: 100%  !important;
    height: 800px  !important;
    border-radius: 10px  !important;
}

.aug-5-hero-img img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
    border-radius: 10px  !important;
}

@media (max-width: 768px) {
    .aug-5-hero-img{
        height: auto  !important;
    }

    .aug-5-nav-btn button:last-child{
        display: none  !important;
    }

    .aug-5-hero-title{
        font-size: 36px  !important;
    }

    .aug-5-hero-description{
        font-size: 18px  !important;
    }
}

.aug-6-hero-header{
    width: 100%  !important;
    position: relative  !important;
    background-color: #eff7fa  !important;
}

.aug-6-top-header{
    background-color: var(--tertiary-color)  !important;
    color: #fff  !important;
}

.aug-6-top-header-text{
    width: var(--section-width)  !important;
    margin: 0 auto  !important;
    max-width: var(--section-max-width)  !important;
    text-align: center  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: center  !important;
    gap: 20px  !important;
    padding: 10px 0  !important;
}

.aug-6-top-header-text button{
    padding: 4px 10px  !important;
    font-size: 12px  !important;
    text-transform: uppercase  !important;
    font-weight: 500  !important;
    background-color: var(--secondary-color)  !important;
    border: 1px solid var(--secondary-color)  !important;
    color: var(--tertiary-color)  !important;
    border-radius: 10px  !important;
}

.aug-6-top-header-text h3{
    font-weight: 400  !important;
    font-size: 16px  !important;
}

.aug-6-top-header-text h3 span{
    font-weight: 600  !important;
}

.aug-4-nav-right{
    display: flex  !important;
    align-items: center  !important;
    justify-content: center  !important;
    gap: 20px  !important;
}

.aug-6-nav-btn{
    padding: 15px 30px  !important;
    font-size: 14px  !important;
    border-radius: 10px  !important;
    font-weight: 600  !important;
    background-color: var(--tertiary-color)  !important;
    border: 1px solid var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-6-nav-btn:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

.aug-6-hero-content{
    width: var(--section-width)  !important;
    max-width: var(--section-max-width)  !important;
    margin: 0 auto  !important;
    padding: 100px 0  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: center  !important;
    gap: 20px  !important;
}

.aug-6-hero-left{
    flex: 0 0 calc(60% - 20px)  !important;
    height: 650px  !important;
}

.aug-6-hero-img {
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
}

.aug-6-hero-right{
    flex: 0 0 calc(40% - 20px)  !important;
    opacity: 0  !important;
    transform: translateY(20px)  !important;
    animation: augFadeIn 1s ease-in forwards  !important;
}

@keyframes augFadeIn {
    from {
      opacity: 0  !important;
      transform: translateY(20px)  !important;
    }
    to {
      opacity: 1  !important;
      transform: translateY(0)  !important;
    }
  }

.aug-6-hero-title{
    font-size: 44px  !important;
    font-weight: 700  !important;
    line-height: 1.2  !important;
    text-transform: capitalize  !important;
    max-width: 600px  !important;
    margin-bottom: 20px  !important;
}

.aug-6-hero-description{
    font-size: 20px  !important;
    max-width: 600px  !important;
    margin-bottom: 20px  !important;
    line-height: 1.5  !important;
}

.aug-6-hero-btn{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
}

.aug-6-hero-btn-1{
    padding: 15px 30px  !important;
    font-size: 14px  !important;
    border-radius: 10px  !important;
    font-weight: 600  !important;
    background-color: var(--tertiary-color)  !important;
    border: 1px solid var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
    display: flex  !important;
    align-items: center  !important;
    gap: 10px  !important;
}

.aug-6-hero-btn-1:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

.aug-6-hero-btn-2{
    padding: 15px 30px  !important;
    font-size: 14px  !important;
    border-radius: 10px  !important;
    font-weight: 600  !important;
    background-color: #45c4a0  !important;  !important;
    border: 2px solid #45c4a0  !important;
    color: #fff  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
    display: flex  !important;
    align-items: center  !important;
    gap: 10px  !important;
}

.aug-6-hero-btn-2:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

@media (max-width: 768px) {
    .aug-6-hero-content{
        flex-direction: column  !important;
        align-items: flex-start  !important;
    }

    .aug-6-hero-right{
        text-align: center  !important;
    }

    .aug-6-nav-btn{
        display: none  !important;
    }

    .aug-6-hero-title{
        font-size: 36px  !important;
    }

    .aug-6-hero-description{
        font-size: 18px  !important;
    }

    .aug-6-hero-btn{
        justify-content: center  !important;
    }
}

.aug-7-hero-header{
    width: 100%  !important;
    background-color:#f2f3fb  !important;
    padding: 40px 0 100px  !important;
    position: relative  !important;
}

.aug-7-navbar{
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
    padding: 20px  !important;
    width: var(--section-width)  !important;
    margin: 0 auto  !important;
    max-width: var(--section-max-width)  !important;
    background-color: #fff  !important;
    border-radius: 10px  !important;
}

.aug-7-hero-content{
    width: var(--section-width)  !important;
    max-width: var(--section-max-width)  !important;
    margin: 0 auto  !important;
    padding: 100px 0  !important;
    text-align: center  !important;
}

.aug-7-hero-title{
    font-size: 44px  !important;
    font-weight: 700  !important;
    line-height: 1.2  !important;
    text-transform: capitalize  !important;
    max-width: 700px  !important;
    margin: 0 auto  !important;
    margin-bottom: 20px  !important;
}

.aug-7-hero-description{
    font-size: 20px  !important;
    max-width: 600px  !important;
    margin: 0 auto  !important;
    margin-bottom: 20px  !important;
    line-height: 1.5  !important;
}

.aug-7-hero-btn{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
    justify-content: center  !important;
    margin-bottom: 40px  !important;
}

.aug-7-hero-btn-1{
    padding: 15px 30px  !important;
    font-size: 14px  !important;
    border-radius: 50px  !important;
    font-weight: 600  !important;
    background-color: var(--tertiary-color)  !important;
    border: 1px solid var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-7-hero-btn-1:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

.aug-7-hero-btn-2{
    padding: 15px 30px  !important;
    font-size: 14px  !important;
    border-radius: 50px  !important;
    font-weight: 600  !important;
    background-color: transparent  !important;
    border: 2px solid var(--tertiary-color)  !important;
    color: var(--tertiary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-7-hero-btn-2:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
    background-color: var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
}

.aug-7-hero-image{
    width: 100%  !important;
    height: 100%  !important;
}

.aug-7-hero-image img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
}

@media (max-width: 768px) {
    .aug-7-navbar{
        width: 100%  !important;
        padding: 10px  !important;
        border-radius: 0  !important;
    }

    .aug-7-hero-header{
        padding: 0 0 100px  !important;
    }

    .aug-7-hero-title{
        font-size: 36px  !important;
    }

    .aug-7-hero-description{
        font-size: 18px  !important;
    }
}

.aug-8-hero-header{
    width: 100%  !important;
    position: relative  !important;
    padding: 0 0 100px  !important;
}

.aug-8-nav-btn{
    padding: 14px 20px  !important;
    font-size: 14px  !important;
    border-radius: 50px  !important;
    font-weight: 600  !important;
    background-color: var(--tertiary-color)  !important;
    border: 1px solid var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-8-nav-btn:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

.aug-8-hero-content{
    width: var(--section-width)  !important;
    max-width: var(--section-max-width)  !important;
    margin: 0 auto  !important;
    background-color: #eff7fa  !important;
    border-radius: 15px  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: center  !important;
    padding: 100px 0  !important;
}

.aug-8-hero-left{
    flex: 0 0 calc(50% - 20px)  !important;
}

.aug-8-hero-right{
    flex: 0 0 calc(30% - 20px)  !important;
    height: 500px  !important;
}

.aug-8-hero-img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
}

.aug-8-hero-title{
    font-size: 44px  !important;
    font-weight: 700  !important;
    line-height: 1.2  !important;
    text-transform: capitalize  !important;
    max-width: 600px  !important;
    margin-bottom: 20px  !important;
}

.aug-8-hero-description{
    font-size: 20px  !important;
    max-width: 600px  !important;
    margin-bottom: 20px  !important;
    line-height: 1.5  !important;
}

.aug-8-hero-btn{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
}

.aug-8-hero-btn-1{
    padding: 15px 30px  !important;
    font-size: 14px  !important;
    border-radius: 50px  !important;
    font-weight: 600  !important;
    background-color: var(--tertiary-color)  !important;
    border: 1px solid var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-8-hero-btn-1:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

.aug-8-hero-btn-2{
    padding: 15px 30px  !important;
    font-size: 14px  !important;
    border-radius: 50px  !important;
    font-weight: 600  !important;
    background-color: transparent  !important;
    border: 2px solid var(--tertiary-color)  !important;
    color: var(--tertiary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-8-hero-btn-2:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
    background-color: var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
}

@media (max-width: 768px) {
    .aug-8-hero-content{
        flex-direction: column  !important;
        gap: 30px  !important;
        padding: 50px 20px  !important;
    }

    .aug-8-hero-left{
        order: 2  !important;
        text-align: center  !important;
    }

    .aug-8-hero-right{
        order: 1  !important;
    }

    .aug-8-nav-btn{
        display: none  !important;
    }

    .aug-8-hero-title{
        font-size: 30px  !important;
    }

    .aug-8-hero-description{
        font-size: 16px  !important;
    }

    .aug-8-hero-btn{
        justify-content: center  !important;
    }
}

.aug-9-hero-header{
    width: 100%  !important;
    position: relative  !important;
    background-color: #edf2fc  !important;
}

.aug-9-hero-content{
    padding: 100px 0  !important;
    width: var(--section-width)  !important;
    max-width: var(--section-max-width)  !important;
    margin: 0 auto  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: center  !important;
}

.aug-9-hero-left{
    flex: 0 0 calc(70% - 20px)  !important;
}

.aug-9-hero-title{
    font-size: 44px  !important;
    font-weight: 700  !important;
    line-height: 1.2  !important;
    text-transform: capitalize  !important;
    max-width: 500px  !important;
    margin-bottom: 20px  !important;

}

.aug-9-hero-description{
    font-size: 20px  !important;
    max-width: 500px  !important;
    margin-bottom: 20px  !important;
}

.aug-9-hero-title-span {
    color: var(--tertiary-color)  !important;
    position: relative  !important;
    border-right: 2px solid var(--tertiary-color)  !important;
    white-space: nowrap  !important;
    overflow: hidden  !important;
    display: inline-block  !important;
    animation: typing 2s steps(8, end) infinite alternate, blink-caret 0.75s step-end infinite  !important;
    max-width: 0  !important; /* Start with no visible width */
    animation-delay: 0.5s  !important;
    animation-fill-mode: forwards  !important;
}

@keyframes typing {
    from { max-width: 0  !important; }
    to { max-width: 500px  !important; } /* Adjust based on your content */
}

@keyframes blink-caret {
    from, to { border-color: transparent  !important; }
    50% { border-color: var(--tertiary-color)  !important; }
}

.aug-9-hero-btn{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
}

.aug-9-hero-btn-1{
    padding: 15px 30px  !important;
    font-size: 14px  !important;
    border-radius: 10px  !important;
    font-weight: 600  !important;
    background-color: var(--tertiary-color)  !important;
    border: 1px solid var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-9-hero-btn-1:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

.aug-9-hero-btn-2{
    padding: 15px 30px  !important;
    font-size: 14px  !important;
    border-radius: 10px  !important;
    font-weight: 600  !important;
    background-color: var(--tertiary-color)  !important;
    border: 1px solid var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-9-hero-btn-2:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

.aug-9-hero-right{
    flex: 0 0 calc(30% - 20px)  !important;
    height: auto  !important;
}

.aug-9-hero-right img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
}

@media (max-width: 768px) {
    .aug-9-hero-content{
        flex-direction: column  !important;
        gap: 30px  !important;
    }

    .aug-9-hero-left{
        order: 2  !important;
        text-align: center  !important;
    }

    .aug-9-hero-description{
        font-size: 18px  !important;
    }

    .aug-9-hero-title{
        font-size: 30px  !important;
    }

    .aug-9-hero-right{
        order: 1  !important;
    }

    .aug-9-hero-right img {
        height: 300px  !important;
    }

    .aug-9-hero-btn{
        justify-content: center  !important;
    }
}

.aug-10-header-section{
    width: 100%  !important;
    position: relative  !important;
}

.aug-10-top-header{
    width: 100%  !important;
    background-color: #21262c  !important;
    color: #fff  !important;
}

.aug-10-top-header-wrapper{
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
    padding: 10px 0  !important;
    width: var(--section-width)  !important;
    margin: 0 auto  !important;
    max-width: var(--section-max-width)  !important;
}


.aug-10-top-header-left{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
    list-style: none  !important;
}

.aug-10-top-header-left li{
    display: flex  !important;
    align-items: center  !important;
    gap: 5px  !important;
    font-size: 14px  !important;
    font-weight: 500  !important;
}

.aug-10-top-header-right{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
    list-style: none  !important;
}

.aug-10-top-header-right li a{
    display: flex  !important;
    align-items: center  !important;
    gap: 5px  !important;
    font-size: 14px  !important;
    font-weight: 500  !important;
    text-decoration: none  !important;
    color: inherit  !important;
}

.aug-10-nav-btn{
    padding: 12px 30px  !important;
    font-size: 14px  !important;
    border-radius: 10px  !important;
    font-weight: 600  !important;
    background-color: var(--tertiary-color)  !important;
    border: 1px solid var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-10-nav-btn:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

.aug-10-hero-content{
    width: var(--section-width)  !important;
    max-width: var(--section-max-width)  !important;
    margin: 0 auto  !important;
    padding: 100px 0  !important;
    text-align: center  !important;
}

.aug-10-hero-title{
    font-size: 44px  !important;
    font-weight: 700  !important;
    line-height: 1.2  !important;
    text-transform: capitalize  !important;
    max-width: 500px  !important;
    margin: 0 auto  !important;
    margin-bottom: 20px  !important;
}

.aug-10-hero-description{
    font-size: 20px  !important;
    max-width: 500px  !important;
    margin: 0 auto  !important;
    margin-bottom: 20px  !important;
}

.aug-10-hero-btn{
    padding: 15px 30px  !important;
    font-size: 14px  !important;
    border-radius: 10px  !important;
    font-weight: 600  !important;
    background-color: var(--tertiary-color)  !important;
    border: 1px solid var(--tertiary-color)  !important;
    color: var(--secondary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
    margin-bottom: 40px  !important;
}

.aug-10-hero-btn:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

.aug-10-hero-image{
    width: 100%  !important;
    height: 600px  !important;
    overflow: hidden  !important;
    border-radius: 10px  !important;
}

.aug-10-hero-image img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
    border-radius: 10px  !important;
}

@media (max-width: 768px) {
    .aug-10-nav-btn{
        display: none  !important;
    }

    .aug-10-hero-image{
        height: 250px  !important;
    }

    .aug-10-hero-title{
        font-size: 36px  !important;
    }

    .aug-10-hero-description{
        font-size: 18px  !important;
    }

    .aug-10-top-header-wrapper{
        flex-direction: column  !important;
        align-items: flex-start  !important;
        gap: 10px  !important;
    }

    .aug-10-top-header-right{
        flex-direction: column  !important;
        gap: 10px  !important;
    }
}

.aug-11-hero-header{
    background-color: #362b70  !important;
    color: #fff  !important;
    width: 100%  !important;
    position: relative  !important;
}

.aug-11-nav-btn{
    padding: 15px 30px  !important;
    font-size: 14px  !important;
    border-radius: 50px  !important;
    font-weight: 600  !important;
    background-color: var(--secondary-color)  !important;
    border: 1px solid var(--secondary-color)  !important;
    color: #362b70  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-11-nav-btn:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

.aug-11-hero-content{
    width: var(--section-width)  !important;
    max-width: var(--section-max-width)  !important;
    margin: 0 auto  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
    padding: 100px 0  !important;
}

.aug-11-hero-left{
    flex: 0 0 calc(50% - 20px)  !important;
}

.aug-11-hero-title{
    font-size: 44px  !important;
    font-weight: 700  !important;
    line-height: 1.2  !important;
    text-transform: capitalize  !important;
    max-width: 600px  !important;
    margin-bottom: 20px  !important;
}

.aug-11-hero-description{
    font-size: 20px  !important;
    max-width: 600px  !important;
    margin-bottom: 20px  !important;
}

.aug-11-hero-btn{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
}

.aug-11-hero-btn-1{
    padding: 15px 30px  !important;
    font-size: 15px  !important;
    border-radius: 50px  !important;
    font-weight: 600  !important;
    background-color: var(--secondary-color)  !important;
    border: 1px solid var(--secondary-color)  !important;
    color: #362b70  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-11-hero-btn-1:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

.aug-11-hero-btn-2{
    padding: 15px 30px  !important;
    font-size: 15px  !important;
    border-radius: 50px  !important;
    font-weight: 600  !important;
    background-color: transparent  !important;
    border: 2px solid var(--secondary-color)  !important;
    color: var(--secondary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-11-hero-btn-2:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
    background-color: var(--secondary-color)  !important;
    border: 1px solid var(--secondary-color)  !important;
    color: #362b70  !important;
}

.aug-11-hero-right{
    flex: 0 0 calc(50% - 20px)  !important;
    height: 600px  !important;
    border-radius: 10px  !important;
}

.aug-11-hero-right img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
    border-radius: 10px  !important;
}

@media (max-width: 768px) {
    .aug-11-hero-content{
        flex-direction: column  !important;
        gap: 30px  !important;
    }

    .aug-11-nav-btn{
        display: none  !important;
    }

    .aug-11-hero-left{
        text-align: center  !important;
    }

    .aug-11-hero-btn{
        justify-content: center  !important;
    }

    .aug-11-hero-title{
        font-size: 34px  !important;
    }

    .aug-11-hero-description{
        font-size: 18px  !important;
    }
}

.aug-12-hero-header{
    width: 100%  !important;
    position: relative  !important;
    padding: 40px 0 100px  !important;
    background-color: #fef4f2  !important;
}

.aug-12-hero-content{
    width: var(--section-width)  !important;
    max-width: var(--section-max-width)  !important;
    margin: 0 auto  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
    padding: 100px 0  !important;
}

.aug-12-hero-left{
    flex: 0 0 calc(50% - 20px)  !important;
}

.aug-12-hero-title{
    font-size: 44px  !important;
    font-weight: 700  !important;
    line-height: 1.2  !important;
    text-transform: capitalize  !important;
    max-width: 600px  !important;
    margin-bottom: 20px  !important;
}

.aug-12-hero-description{
    font-size: 20px  !important;
    max-width: 500px  !important;
    margin-bottom: 20px  !important;
}

.aug-12-hero-btn{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
}

.aug-12-hero-btn-1{
    padding: 15px 30px  !important;
    font-size: 15px  !important;
    border-radius: 10px  !important;
    font-weight: 600  !important;
    background-color: var(--tertiary-color)  !important;
    border: 1px solid var(--tertiary-color)  !important;
    color: #fff  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-12-hero-btn-1:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

.aug-12-hero-btn-2{
    padding: 15px 30px  !important;
    font-size: 15px  !important;
    border-radius: 10px  !important;
    font-weight: 600  !important;
    background-color: transparent  !important;
    border: 2px solid var(--tertiary-color)  !important;
    color: var(--tertiary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-12-hero-btn-2:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
    background-color: var(--tertiary-color)  !important;
    border: 1px solid var(--tertiary-color)  !important;
    color: #362b70  !important;
}

.aug-12-hero-right{
    flex: 0 0 calc(50% - 20px)  !important;
    height: auto  !important;
}

.aug-12-hero-img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
}

@media (max-width: 768px) {
    .aug-12-hero-content{
        flex-direction: column  !important;
        gap: 30px  !important;
    }

    .aug-12-hero-header{
        padding: 0 0 100px  !important;
    }

    .aug-12-hero-left{
        order: 2  !important;
        text-align: center  !important;
    }

    .aug-12-hero-btn{
        justify-content: center  !important;
    }

    .aug-12-hero-title{
        font-size: 36px  !important;
    }

    .aug-12-hero-description{
        font-size: 18px  !important;
    }

    .aug-12-hero-right{
        order: 1  !important;
    }
}

.aug-13-hero-header{
    width: 100%  !important;
    position: relative  !important;
    background-color: #362b70  !important;
    color: #fff  !important;
}

.aug-13-navbar{
    width: var(--section-width)  !important;
    max-width: var(--section-max-width)  !important;
    margin: 0 auto  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
    padding: 20px 0  !important;

}

.aug-13-hero-content{
    width: var(--section-width)  !important;
    max-width: var(--section-max-width)  !important;
    margin: 0 auto  !important;
    padding: 100px 0  !important;
    text-align: center  !important;
}

.aug-13-hero-image {
    width: 100%  !important;
    height: 600px  !important;
    position: relative  !important;
    border-radius: 10px  !important;
}

.aug-13-hero-img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
    border-radius: 10px  !important;
    position: relative  !important;
}

.aug-13-hero-subtitle{
    font-size: 18px  !important;
    font-weight: 450  !important;
    text-transform: uppercase  !important;
    margin-bottom: 10px  !important;
}

.aug-13-hero-title{
    font-size: 44px  !important;
    font-weight: 700  !important;
    line-height: 1.2  !important;
    text-transform: capitalize  !important;
    max-width: 600px  !important;
    margin: 0 auto 20px  !important;
}

.aug-13-hero-stats{
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
    gap: 20px  !important;
    background-color: #fff  !important;
    color: #362b70  !important;
    position: absolute  !important;
    right: 0  !important;
    left: 0  !important;
    width: 90%  !important;
    margin: 0 auto  !important;
    padding: 50px  !important;
    bottom: -50px  !important;
    border-radius: 10px  !important;

}

.aug-13-hero-stats-item{
    text-align: center  !important;
    flex: 0 0 calc(25% - 20px)  !important;
}

.aug-13-hero-stats-item h3{
    font-size: 44px  !important;
    font-weight: 500  !important;
    line-height: 1.2  !important;
}

.aug-13-hero-stats-item p{
    font-size: 16px  !important;
    font-weight: 450  !important;
}

@media (max-width: 768px) {
    .aug-13-hero-subtitle{
        font-size: 15px  !important;
    }

    .aug-13-hero-title{
        font-size: 32px  !important;
    }

    .aug-13-hero-image{
        height: 300px  !important;
    }

    .aug-13-hero-stats{
        flex-wrap: wrap  !important;
        bottom: -50px  !important;
        padding: 20px  !important;
    }

    .aug-13-hero-stats-item{
        flex: 0 0 calc(50% - 20px)  !important;
    }

    .aug-13-hero-stats-item h3{
        font-size: 32px  !important;
    }

    .aug-13-hero-stats-item p{
        font-size: 14px  !important;
    }
}

.aug-14-hero-header{
    width: 100%  !important;
    position: relative  !important;
    background-color: #fefefe  !important;
}

.aug-14-hero-content{
    width: var(--section-width)  !important;
    max-width: var(--section-max-width)  !important;
    margin: 0 auto  !important;
    padding: 100px 0  !important;
}

.aug-14-hero-image{
    width: 100%  !important;
    height: 600px  !important;
    border-radius: 10px  !important;
}

.aug-14-hero-img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
    border-radius: 10px  !important;
}

.aug-14-hero-wrapper{
    display: flex  !important;
    align-items: flex-start  !important;
    justify-content: space-between  !important;
    gap: 20px  !important;
    margin-bottom: 20px  !important;
}

.aug-14-hero-left{
    flex: 0 0 calc(45% - 20px)  !important;
}

.aug-14-hero-title{
    font-size: 44px  !important;
    font-weight: 700  !important;
    line-height: 1.2  !important;
    text-transform: capitalize  !important;
    max-width: 600px  !important;
    margin-bottom: 20px  !important;
}

.aug-14-hero-right{
    flex: 0 0 calc(45% - 20px)  !important;
}

.aug-14-hero-description{
    font-size: 18px  !important;
    font-weight: 400  !important;
    margin-bottom: 20px  !important;
}

.aug-14-hero-btn{
    background-color: transparent  !important;
    color: var(--tertiary-color)  !important;
    font-weight: 600  !important;
    border: none  !important;
    cursor: pointer  !important;
    display: flex  !important;
    align-items: center  !important;
    gap: 10px  !important;
    font-size: 16px  !important;
}

@media (max-width: 768px) {
    .aug-14-hero-wrapper{
        flex-direction: column  !important;
    }

    .aug-14-hero-image{
        height: 300px  !important;
    }

    .aug-14-hero-title{
        font-size: 32px  !important;
    }

    .aug-14-hero-description{
        font-size: 16px  !important;
    }
}

.aug-15-hero-header{
    width: 100%  !important;
    background-color: #f6f7f9  !important;
    padding: 40px 0 100px  !important;
}

.aug-15-hero-content{
    width: var(--section-width)  !important;
    max-width: var(--section-max-width)  !important;
    margin: 0 auto  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
    padding: 100px 0  !important;
}

.aug-15-hero-left{
    flex: 0 0 calc(50% - 20px)  !important;
}

.aug-15-hero-image{
    width: 90%  !important;
    height: 90%  !important;
    position: relative  !important;
    border-radius: 50%  !important;
}

.aug-15-hero-img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
    border-radius: 50%  !important;
    position: relative  !important;
}

.aug-15-image-overlay{
    position: absolute  !important;
    bottom: 40px  !important;
    right: -20px  !important;
    background-color: #fff  !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)  !important;
    padding: 20px  !important;
    border-radius: 10px  !important;
    text-align: center  !important;
}

.aug-15-image-overlay h3{
    font-size: 30px  !important;
    color: var(--tertiary-color)  !important;
}

.aug-15-image-overlay p{
    font-size: 14px  !important;
}

.aug-15-hero-title{
    font-size: 44px  !important;
    font-weight: 700  !important;
    line-height: 1.2  !important;
    text-transform: capitalize  !important;
    max-width: 600px  !important;
    margin-bottom: 20px  !important;
}

.aug-15-hero-description{
    font-size: 20px  !important;
    margin-bottom: 20px  !important;
    line-height: 1.5  !important;
    max-width: 500px  !important;
}

.aug-15-hero-btn{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
}

.aug-15-hero-btn-1{
    padding: 15px 30px  !important;
    font-size: 15px  !important;
    border-radius: 50px  !important;
    font-weight: 600  !important;
    background-color: var(--tertiary-color)  !important;
    border: 1px solid var(--tertiary-color)  !important;
    color: #fff  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-15-hero-btn-1:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
}

.aug-15-hero-btn-2{
    padding: 15px 30px  !important;
    font-size: 15px  !important;
    border-radius: 50px  !important;
    font-weight: 600  !important;
    background-color: transparent  !important;
    border: 2px solid var(--tertiary-color)  !important;
    color: var(--tertiary-color)  !important;
    cursor: pointer  !important;
    transition: all 0.3s ease  !important;
}

.aug-15-hero-btn-2:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)  !important;
    transform: translateY(-5px)  !important;
    background-color: var(--tertiary-color)  !important;
    border: 1px solid var(--tertiary-color)  !important;
    color: #362b70  !important;
}

@media (max-width: 768px) {
    .aug-15-hero-content{
        flex-direction: column  !important;
        gap: 30px  !important;
    }

    .aug-15-hero-header{
        padding: 0 0 100px  !important;
    }

    .aug-15-hero-right{
        text-align: center  !important;
    }

    .aug-15-hero-title{
        font-size: 32px  !important;
    }

    .aug-15-hero-image{
        width: 100%  !important;
        height: 100%  !important;
    }

    .aug-15-image-overlay{
        padding: 10px  !important;
        right: -10px  !important;
    }

    .aug-15-image-overlay h3{
        font-size: 22px  !important;
    }

    .aug-15-hero-description{
        font-size: 16px  !important;
    }

    
}



/*stop here*/


/* Section 1 */
.aug-1-about-section {
    padding: 100px 0  !important;
    width: 100%  !important;
}

.aug-1-about-container{
    width: 95%  !important;
    max-width: 1300px  !important;
    margin: auto  !important;
}

.aug-1-about-header{
    text-align: center  !important;
    max-width: 900px  !important;
    margin: auto  !important;
    margin-bottom: 30px  !important;
}

.aug-1-about-heading{
    font-size: 62px  !important;
    line-height: 1.3  !important;
    font-weight: 500  !important;
    margin-bottom: 12px  !important;
}

.aug-1-about-description {
    font-size: 20px  !important;
    line-height: 1.6  !important;
}

.aug-1-about-image-container{
    width: 100%  !important;
    margin-bottom: 30px  !important;
}

.aug-1-about-image-container img{
    width: 100%  !important;
    height: 500px  !important;
    object-fit: cover  !important;
    border-radius: 15px  !important;
}

.aug-1-about-stats{
    display: flex  !important;
    align-items: stretch  !important;
    flex-wrap: wrap  !important;
    justify-content: space-between  !important;
}

.aug-1-stat-item{
    flex: 0 0 calc(25%)  !important;
    text-align: center  !important;
}

.aug-1-stat-item:not(:last-child){
    border-right: 1px solid #dadee1  !important;
}

.aug-1-stat-item h3{
    font-size: 42px  !important;
    margin-bottom: 5px  !important;
    font-weight: 500  !important;
}

.aug-1-stat-item span{
    display: block  !important;
}

@media (max-width: 768px) {
    .aug-1-about-heading {
        font-size: 32px  !important;
    }

    .aug-1-about-description{
        font-size: 16px  !important;
    }

    .aug-1-about-image-container img{
        height: 200px  !important;
    }

    .aug-1-about-stats{
        gap: 30px  !important;
    }

    .aug-1-stat-item{
        flex: 0 0 calc(50% - 30px)  !important;
    }

    .aug-1-stat-item:not(:last-child){
        border-right: none  !important;
    }

    .aug-1-stat-item span{
        font-size: 16px  !important;
    }
}

/* Section 2 */


.aug-2-about-section{
    width: 100%  !important;
    padding: 100px 0  !important;
}

.aug-2-about-container{
    width: 95%  !important;
    max-width: 1200px  !important;
    margin: auto  !important;
}

.aug-2-content-container{
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
    margin-bottom: 20px  !important;
    gap: 20px  !important;
    width: 100%  !important;
}

.aug-2-text-content{
    flex: 0 0 calc(50% - 20px)  !important;
}

.aug-2-text-content h1{
    font-size: 42px  !important;
    margin-bottom: 12px  !important;
    font-weight: 500  !important;
    line-height: 1.2  !important;
}

.aug-2-text-content h1 span{
    color: var(--bs-primary)   !important;
}

.aug-2-text-content p {
    font-size: 16px  !important;
    color: #6a6985  !important;
    margin-bottom: 24px  !important;
}

.aug-2-text-content button{
    padding: 12px 35px  !important;
    background-color: var(--bs-primary)  !important;
    border: 1px solid var(--bs-primary)  !important;
    color: #fff  !important;
    border-radius: 10px  !important;
    font-size: 15px  !important;
    font-weight: 500  !important;
}

.aug-2-image-content{
    flex: 0 0 calc(50% - 20px)  !important;
    height: 350px  !important;
    border: 1px solid #ddd  !important;
    border-radius: 15px  !important;
}

.aug-2-image-content img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
    border-radius: 15px  !important;
}

.aug-2-image-gallery{
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
    gap: 10px  !important;
}

.aug-2-gallery-item-1{
    flex: 0 0 calc(40% - 10px)  !important;
    height: 300px  !important;
    border-radius: 15px  !important;
}

.aug-2-gallery-item-1 img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
    border-radius: 15px  !important;
}

.aug-2-gallery-item-2 {
    flex: 0 0 calc(60% - 10px)  !important;
    height: 300px  !important;
    border-radius: 15px  !important;
}

.aug-2-gallery-item-2 img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
    border-radius: 15px  !important;
    
}

@media (max-width: 768px) {
    .aug-2-content-container,
    .aug-2-image-gallery{
        flex-direction: column  !important;
    }
}


.aug-3-about-section{
    padding: 100px 0  !important;
    width: 100%  !important;
}

.aug-3-about-container{
    width: 95%  !important;
    max-width: 1200px  !important;
    margin: auto  !important;
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
}

.aug-3-image-container{
    flex: 0 0 calc(45%)  !important;
    border-radius: 15px  !important;
}

.aug-3-image-container img{
    width: 100%  !important;
    height: 600px  !important;
    object-fit: cover  !important;
    border-radius: 15px  !important;
}

.aug-3-content-container {
    flex: 0 0 calc(45%)  !important;
}

.aug-3-about-button{
    padding: 5px 20px  !important;
    margin-bottom: 16px  !important;
    border-radius: 25px  !important;
    background-color: var(--bs-primary)  !important;
    border: 1px solid var(--bs-primary)  !important;
    color: #ffff  !important;
    font-size: 15px  !important;
    font-weight: 500  !important;
}

.aug-3-about-heading {
    font-size: 42px  !important;
    line-height: 1.3  !important;
    margin-bottom: 16px  !important;
    font-weight: 550  !important;
}

.aug-3-about-description {
    font-size: 18px  !important;
    margin-bottom: 24px  !important;
    line-height: 1.6  !important;
}

.aug-3-features-container{
    display: flex  !important;
    flex-direction: column  !important;
    gap: 20px  !important;
}

.aug-3-feature-item{
    display: flex  !important;
    align-items: flex-start  !important;
    gap: 20px  !important;
    margin-bottom: 24px  !important;
}

.aug-3-feature-icon {
    width: 64px  !important;
    height: 64px  !important;
    background-color: var(--bs-primary)  !important;
    color: #fff  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: center  !important;
    border-radius: 15px  !important;
}

.aug-3-feature-icon i{
    font-size: 30px  !important;
}

.aug-3-feature-content {
    flex: 1  !important;
}

.aug-3-feature-content h3{
    font-size: 22px  !important;
    font-weight: 550  !important;
}

.aug-3-feature-content p{
    font-size: 16px  !important;
    line-height: 1.6  !important;
}

.aug-3-learn-more-button{
    padding: 15px 45px  !important;
    font-size: 15px  !important;
    font-weight: 550  !important;
    background-color: var(--bs-primary)  !important;
    border: 1px solid var(--bs-primary)  !important;
    color: #fff  !important;
    border-radius: 15px  !important;
}

@media (max-width: 768px) {
    .aug-3-about-container,
    .aug-3-feature-item{
        flex-direction: column  !important;
        gap: 20px  !important;
    }

    .aug-3-about-heading{
        font-size: 28px  !important;
    }

    .aug-3-about-description{
        font-size: 16px  !important;
    }

    .aug-3-feature-content h3 {
        margin-bottom: 10px  !important;
    }
}


/* Section 4 */

.aug-4-about-section {
    padding: 100px 0  !important;
    width: 100%  !important;
}

.aug-4-about-container {
    width: 95%  !important;
    max-width: 1200px  !important;
    margin: auto  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
}

.aug-4-text-container {
    flex: 0 0 calc(48%)  !important;
}

.aug-4-about-heading{
    font-size: 52px  !important;
    line-height: 1.2  !important;
    margin-bottom: 24px  !important;
}

.aug-4-about-description {
    margin-bottom: 24px  !important;
    font-size: 16px  !important;
    line-height: 1.5  !important;
}

.aug-4-image-container{
    flex: 0 0 calc(48%)  !important;
}

.aug-4-image-container img{
    width: 100%  !important;
    border-radius: 15px  !important;
    object-fit: cover  !important;
}

.aug-4-stats-container {
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
    gap: 20px  !important;
}

.aug-4-stat-item {
    flex: 0 0 calc(50% - 20px)  !important;
    text-align: center  !important;
    background-color: #f3f4ef  !important;
    padding: 40px  !important;
    border-radius: 15px  !important;
}

.aug-4-stat-item h3{
    font-size: 34px  !important;
    margin-bottom: 10px  !important;
}

.aug-4-stat-item span{
    display: block  !important;
    font-size: 16px  !important;
}

@media (max-width: 768px) {
    .aug-4-about-container{
        flex-direction: column  !important;
        gap: 20px  !important;
    }

    .aug-4-stats-container {
        flex-direction: column  !important;
    }

    .aug-4-stat-item{
        padding: 20px  !important;
    }

    .aug-4-stat-item h3{
        font-size: 25px  !important;
    }

    .aug-4-about-heading{
        font-size: 32px  !important;
    }
}

/* Section 5 */
.aug-5-about-section{
    padding: 100px 0  !important;
    width: 100%  !important;
}

.aug-5-about-container{
    width: 95%  !important;
    max-width: 1200px  !important;
    margin: auto  !important;
    text-align: center  !important;
}

.aug-5-about-header{
    max-width: 600px  !important;
    margin: auto  !important;
    margin-bottom: 40px  !important;
}

.aug-5-about-heading {
    font-size: 62px  !important;
}

.aug-5-about-description{
    line-height: 1.7  !important;
}

.aug-5-media-container {
    width: 100%  !important;
    display: flex  !important;
    align-items: stretch  !important;
    gap: 20px  !important;
    justify-content: space-between  !important;
}

.aug-5-main-image-container{
    flex: 0 0 calc(60% - 20px)  !important;
    height: 500px  !important;
    border-radius: 15px  !important;
}

.aug-5-main-image-container img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
    border-radius: 15px  !important;
}

.aug-5-additional-images-container {
    flex: 0 0 calc(40% - 20px)  !important;
    height: 500px  !important;
    display: flex  !important;
    flex-direction: column  !important;
    gap: 20px  !important;
}

.aug-5-additional-image-item{
    height: calc(50% - 10px)  !important;
    width: 100%  !important;
}

.aug-5-additional-image-item img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
    border-radius: 15px  !important;
}

@media (max-width: 760px) {
    .aug-5-about-heading{
        font-size: 42px  !important;
    }

    .aug-5-media-container {
        flex-direction: column  !important;
    }
}


/* Section 6 */


.aug-6-about-section{
    padding: 100px 0  !important;
    width: 100%  !important;
}

.aug-6-about-container{
    width: 95%  !important;
    max-width: 1200px  !important;
    margin: auto  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
}

.aug-6-text-container{
    flex: 0 0 calc(45%)  !important;
}

.aug-6-freedom-heading{
    font-size: 50px  !important;
    margin-bottom: 16px  !important;
    line-height: 1.2  !important;
}

.aug-6-freedom-description {
    font-size: 16px  !important;
    margin-bottom: 30px  !important;
    line-height: 1.7  !important;
}

.aug-6-image-container{
    flex: 0 0 calc(45%)  !important;
    border-radius: 20px  !important;
}

.aug-6-image-container img{
    width: 100%  !important;
    border-radius: 20px  !important;
}

.aug-6-stats-container{
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
}

.aug-6-stat-item h3{
    font-size: 52px  !important;
    color: var(--bs-primary)  !important;
    font-weight: 500  !important;
}

@media (max-width: 768px)  {
    .aug-6-about-container{
        flex-direction: column  !important;
        text-align: center  !important;
        gap: 30px  !important;
    }

    .aug-6-freedom-heading{
        font-size: 36px  !important;
    }

    .aug-6-freedom-description{
        font-size: 14px  !important;
    }

    .aug-6-stats-container{
        flex-direction: column  !important;
        gap: 20px  !important;
    }

    .aug-6-stat-item h3{
        font-size: 36px  !important;
    }
}

/* Section 7 */


.aug-7-about-section{
    padding: 100px 0  !important;
    width: 100%  !important;
}

.aug-7-about-container{
    width: 95%  !important;
    max-width: 1200px  !important;
    margin: auto  !important;
}

.aug-7-intro-container{
    max-width: 600px  !important;
    margin: auto  !important;
    text-align: center  !important;
    margin-bottom: 40px  !important;
}

.aug-7-about-button{
    padding: 5px 15px  !important;
    margin-bottom: 12px  !important;
    background-color: var(--bs-primary)  !important;
    border: 1px solid var(--bs-primary)  !important;
    color: #fff  !important;
    border-radius: 25px  !important;
    font-weight: 550  !important;
}

.aug-7-about-heading {
    font-size: 40px  !important;
    font-weight: 500  !important;
}

.aug-7-content-container{
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
    gap: 20px  !important;
}

.aug-7-image-container{
    flex: 0 0 calc(48% - 20px)  !important;
}

.aug-7-image-container img{
    width: 100%  !important;
    height: 350px  !important;
    object-fit: cover  !important;
    border-radius: 25px  !important;
}

.aug-7-text-container{
    flex: 0 0 calc(50% - 20px)  !important; 
}

.aug-7-about-paragraph {
    margin-bottom: 16px  !important;
    font-size: 18px  !important;
}

.aug-7-stats-container {
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
    background-color: #f6f8fa  !important;
    padding: 20px  !important;
    border: 1px solid #eee  !important;
    border-radius: 20px  !important;
    text-align: center  !important;
}

.aug-7-stat-item h3{
    font-size: 32px  !important;
    margin-bottom: 5px  !important;
    color: #2563eb  !important;
}

@media (max-width: 768px) {
    .aug-7-content-container{
        flex-direction: column  !important;
    }

    .aug-7-stats-container{
        flex-wrap: wrap  !important;
        gap: 20px  !important;
    }

    .aug-7-stat-item{
        flex: 0 0 calc(50% - 20px)  !important;
    }
}

/* Section 8 */


.aug-8-about-section{
    padding: 100px 0  !important;
    width: 100%  !important;
}

.aug-8-about-container{
    width: 95%  !important;
    max-width: 1200px  !important;
    margin: auto  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
    gap: 20px  !important;
}

.aug-8-about-overview{
    flex: 0 0 calc(50% - 20px)  !important;
    position: relative  !important;
}

.aug-8-about-overview img{
    width: 100%  !important;
    position: relative  !important;
}

.aug-8-about-info{
    background-color: #fff  !important;
    position: absolute  !important;
    bottom: 20px  !important;
    left: 0  !important;
    right: 0  !important;
    width: 90%  !important;
    margin: auto  !important;
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
    padding: 20px  !important;
    gap: 20px  !important;
}

.aug-8-about-item {
    flex: 0 0 calc(33.33% - 20px)  !important;
    text-align: center  !important;
}

.aug-8-about-item h3{
    font-size: 48px  !important;
}

.aug-8-about-item span{
    font-size: 15px  !important;
}

.aug-8-about-content {
    flex: 0 0 calc(50% - 20px)  !important;
}

.aug-8-content-heading{
    font-size: 60px  !important;
    margin-bottom: 16px  !important;
}

.aug-8-content-paragraph {
    font-size: 18px  !important;
    line-height: 1.6  !important;
    margin-bottom: 24px  !important;
}

.aug-8-content-button{
    background-color: var(--bs-primary)  !important;
    border: 1px solid var(--bs-primary)  !important;
    color: #fff  !important;
    padding: 15px 40px  !important;
    font-size: 15px  !important;
    font-weight: 550  !important;
    border-radius: 15px  !important;
}

@media (max-width: 768px) {
    .aug-8-about-container{
        flex-direction: column  !important;
    }

    .aug-8-content-heading{
        font-size: 36px  !important;
    }

    .aug-8-about-content{
        text-align: center  !important;
        order: 1  !important;
    }

    .aug-8-about-overview{
        order: 2  !important;
    }

    .aug-8-content-paragraph {
        font-size: 15px  !important;
    }

    .aug-8-content-button {
        width: 100%  !important;
        padding: 13px 40px  !important;
        font-size: 14px  !important;
    }

    .aug-8-about-info {
        flex-direction: column  !important;
        gap: 20px  !important;
        width: 80%  !important;
        justify-content: center  !important;
        text-align: center  !important;
        bottom: -150px  !important;
        border: 1px solid #ddd  !important;
    }

    .aug-8-about-item h3{
        font-size: 32px  !important;
    }
}



.aug-1-property-section {
    width: 100% !important;
    padding: 100px 0 !important;
}

.aug-1-property-container{
    width: 95% !important;
    max-width: 1300px !important;
    margin: auto !important;
}

.aug-1-property-header{
    max-width: 600px !important;
    margin: 0 auto 40px !important;
    text-align: center !important;
}

.aug-1-property-header h3{
    font-size: 14px !important;
    color: var(--bs-primary) !important;
    text-transform: uppercase !important;
    margin-bottom: 4px !important;
}

.aug-1-property-header h1{
    font-size: 36px !important;
}

.aug-1-property-list {
    display: flex !important;
    align-items: stretch !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

.aug-1-3-property-card{
    flex: 0 0 calc(33.8% - 20px) !important;
    border-radius: 20px !important;
    border: 1px solid #eee !important;
    transition: transform 0.3s !important;
}

.aug-1-2-property-card{
    flex: 0 0 calc(50% - 20px) !important;
    border-radius: 20px !important;
    border: 1px solid #eee !important;
    transition: transform 0.3s !important;
}

.aug-1-4-property-card{
    flex: 0 0 calc(25% - 20px) !important;
    border-radius: 20px !important;
    border: 1px solid #eee !important;
    transition: transform 0.3s !important;
}

.aug-1-3-property-card:hover{
    transform: translateY(-10px) !important;
}
.aug-1-2-property-card:hover{
    transform: translateY(-10px) !important;
}
.aug-1-4-property-card:hover{
    transform: translateY(-10px) !important;
}

.aug-1-property-image {
    width: 100% !important;
    position: relative !important;
    height: 250px !important;
}

.aug-1-property-image img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
    position: relative !important;
}

.aug-1-property-buttons{
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.aug-1-property-buttons button{
    padding: 4px 10px !important;
    border-radius: 25px !important;
    border: none !important;
    font-weight: 600 !important;
    color: #fff !important;
}

.aug-1-btn-featured {
    background-color: var(--bs-primary) !important;
}

.aug-1-btn-for-sale{
    background-color: #494949 !important;
}

.aug-1-property-location {
    position: absolute !important;
    bottom: 10px !important;
    left: 10px !important;
    color: #fff !important;
    font-size: 14px !important;
}

.aug-1-property-content {
    padding: 20px !important;
}

.aug-1-property-title{
    font-size: 18px !important;
    margin-bottom: 12px !important;
}

.aug-1-property-details{
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    border-bottom: 1px solid #eee !important;
    padding-bottom: 12px !important;
}

.aug-1-property-detail {
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
}

.aug-1-property-detail span{
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    font-size: 14px !important;
}

.aug-1-property-detail h3{
    font-size: 14px !important;
}

.aug-1-property-agent{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.aug-1-agent-info {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.aug-1-agent-image{
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
}

.aug-1-agent-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

.aug-1-agent-info h3{
    font-size: 14px !important;
    font-weight: 450 !important;
}

.aug-1-property-price {
    font-size: 18px !important;
    font-weight: 550 !important;
}

@media (max-width: 768px) {
    .aug-1-property-list{
        flex-direction: column !important;
    }

    .aug-1-property-header h1{
        font-size: 24px !important;
    }

    .aug-1-property-header h3 {
        font-size: 12px !important;
    }
}


.aug-2-properties-section {
    width: 100% !important;
    padding: 100px 0 !important;
    background-color: #f2f7fd !important;
}

.aug-2-properties-container{
    width: 95% !important;
    max-width: 1300px !important;
    margin: auto !important;
}

.aug-2-section-header{
    margin: 0 auto 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.aug-2-section-header h3{
    font-size: 14px !important;
    color: var(--bs-primary) !important;
    text-transform: uppercase !important;
    margin-bottom: 4px !important;
}

.aug-2-section-header h1{
    font-size: 36px !important;
}

.aug-2-navigation-arrows {
    display: flex !important;
    gap: 20px !important;
    align-items: center !important;
}

.aug-2-navigation-arrows i{
    font-size: 24px !important;
    cursor: pointer !important;
}

.aug-2-properties-list{
    display: flex !important;
    align-items: stretch !important;
    gap: 20px !important;
    width: 100% !important;
    overflow: hidden !important;
}

.aug-2-4-property-card{
    flex: 0 0 calc(25.35% - 20px) !important;
    background-color: #fff !important;
    border-radius: 20px !important;
    min-width: calc(25.35% - 20px) !important;
    transition: transform 0.5s !important;
}

.aug-2-property-image-container{
    width: 100% !important;
    position: relative !important;
    height: 250px !important;
    overflow: hidden !important;
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
}


.aug-2-property-image-container img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important;
    position: relative !important;
    transition: transform 0.5s !important;
}

.aug-2-property-image-container:hover .aug-2-property-image{
    transform: scale(1.1) !important;
}

.aug-2-property-info {
    padding: 20px !important;
}

.aug-2-property-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 12px !important;
}

.aug-2-property-favorite {
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #ebebeb !important;
    border-radius: 50% !important;
}

.aug-2-property-price {
    font-size: 20px !important;
    color: var(--bs-primary) !important;
}

.aug-2-price-duration {
    color: #000 !important;
    font-size: 15px !important;
    font-weight: 450 !important;
}

.aug-2-property-name {
    font-size: 20px !important;
    font-weight: 550 !important;
}

.aug-2-property-address {
    font-size: 14px !important;
    margin-bottom: 16px !important;
}

.aug-2-property-features{
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    justify-content: space-between !important;
}

.aug-2-feature{
    font-size: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

@media (max-width: 768px) {
    .aug-2-properties-list{
        flex-direction: column !important;
    }

    .aug-2-section-header h1{
        font-size: 24px !important;
    }

    .aug-2-section-header h3 {
        font-size: 12px !important;
    }
}

.aug-3-properties-section {
    width: 100% !important;
    padding: 100px 0 !important;
}

.aug-3-properties-container{
    width: 95% !important;
    max-width: 1300px !important;
    margin: auto !important;
}

.aug-3-section-intro{
    max-width: 600px !important;
    margin: 0 auto 40px !important;
    text-align: center !important;
}

.aug-3-section-intro h1{
    font-size: 36px !important;
}

.aug-3-section-intro p{
    font-size: 16px !important;
}

.aug-3-properties-list{
    display: flex !important;
    align-items: stretch !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

.aug-3-2-property-card {
    border: 1px solid #ebebeb !important;
    flex: 0 0 calc(50% - 20px) !important;
    height: 250px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 20px !important;
    border-radius: 15px !important;
    gap: 20px !important;
}

.aug-3-property-image-container {
    width: 250px !important;
    height: 100% !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 10px !important;
}

.aug-3-property-image-container img{
    width: 100% !important;
    height: 100% !important;
    border-radius: 10px !important;
    position: relative !important;
    transition: transform 0.5s !important;
}

.aug-3-property-image-container:hover .aug-3-property-image{
    transform: scale(1.1) !important;
}

.aug-3-property-badge{
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    padding: 4px 10px !important;
    font-size: 14px !important;
    border-radius: 5px !important;
}

.aug-3-property-details{
    flex: 1 !important;
}

.aug-3-property-name{
    font-size: 22px !important;
    margin-bottom: 12px !important;
    font-weight: 500 !important;
}

.aug-3-property-distance{
    font-size: 16px !important;
    margin-bottom: 8px !important;
}

.aug-3-property-price{
    font-size: 24px !important;
    color: var(--bs-primary) !important;
    padding-bottom: 24px !important;
    margin-bottom: 24px !important;
    border-bottom: 1px solid #ebebeb !important;
}

.aug-3-price-duration{
    font-size: 16px !important;
    color: #000 !important;
    font-weight: 450 !important;
}

.aug-3-property-features{
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
}

.aug-3-feature{
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.aug-3-feature i{
    color: var(--bs-primary) !important;
}

@media (max-width: 768px) {
    .aug-3-2-property-card{
        flex-direction: column !important;
        height: auto !important;
        align-items: flex-start !important;
    }

    .aug-3-properties-list{
        flex-direction: column !important;
    }

    .aug-3-property-image-container{
        width: 100% !important;
        height: 250px !important;
        margin-bottom: 12px !important;
    }

    .aug-3-property-details{
        width: 100% !important;
    }

    .aug-3-feature{
        font-size: 14px !important;
    }
}

.aug-4-listing-section {
    width: 100% !important;
    padding: 100px 0 !important;
}

.aug-4-container{
    width: 95% !important;
    max-width: 1300px !important;
    margin: auto !important;
}

.aug-4-listing-title {
    font-size: 34px !important;
    margin-bottom: 40px !important;
}

.aug-4-listing-grid{
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}

.aug-4-3-listing-card{
    flex: 0 0 calc(33.8% - 20px) !important;
}

.aug-4-4-listing-card{
    flex: 0 0 calc(25% - 20px) !important;
}

.aug-4-4-listing-card .aug-4-feature-item{
    font-size: 11px !important;
}

.aug-4-4-listing-card .aug-4-listing-address {
    font-size: 16px !important;
}

.aug-4-2-listing-card{
    flex: 0 0 calc(50% - 20px) !important;
}

.aug-4-listing-image-container {
    width: 100% !important;
    height: 250px !important;
    position: relative !important;
    margin-bottom: 12px !important;
    overflow: hidden !important;
    border-radius: 10px !important;
}

.aug-4-listing-image-container img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: relative !important;
    border-radius: 10px !important;
    transition: transform 0.5s !important;
}

.aug-4-listing-image-container:hover .aug-4-listing-image{
    transform: scale(1.1) !important;
}

.aug-4-listing-status{
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    background-color: #fff !important;
    color: var(--bs-primary) !important;
    padding: 4px 10px !important;
    border-radius: 5px !important;
    font-size: 14px !important;
}

.aug-4-listing-details {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 12px !important;
}

.aug-4-listing-address {
    font-size: 18px !important;
}

.aug-4-listing-price{
    background-color: #f7f8f9 !important;
    padding: 4px 10px !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    font-size: 14px !important;
    font-weight: 550 !important;
}

.aug-4-listing-features{
    display: flex !important;
    align-items: stretch !important;
    gap: 20px !important;
}

.aug-4-feature-item{
    font-size: 15px !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.aug-4-feature-item:not(:last-child){
    border-right: 1px solid #ebebeb !important;
    padding: 0 20px !important;
}

@media (max-width: 768px) {

    .aug-4-listing-grid{
        flex-direction: column !important;
        gap: 30px !important;
    }

    .aug-4-listing-title{
        font-size: 25px !important;
    }
}

.aug-5-properties-section {
    width: 100% !important;
    padding: 100px 0 !important;
    background-color: #f2f7fd !important;
}

.aug-5-properties-container{
    width: 95% !important;
    max-width: 1300px !important;
    margin: auto !important;
}

.aug-5-header{
    margin-bottom: 40px !important;
}

.aug-5-header h3{
    font-size: 16px !important;
}

.aug-5-header h1{
    font-size: 35px !important;
}

.aug-5-properties-list {
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}

.aug-5-3-property-item{
    flex: 0 0 calc(33.8% - 20px) !important;
    background-color: #fff !important;
    border-radius: 10px !important;
}

.aug-5-2-property-item{
    flex: 0 0 calc(50% - 20px) !important;
    background-color: #fff !important;
    border-radius: 10px !important;
}

.aug-5-4-property-item{
    flex: 0 0 calc(25.3% - 20px) !important;
    background-color: #fff !important;
    border-radius: 10px !important;
}

.aug-5-4-property-item .aug-5-property-price::before{
    width: 15% !important;
}
.aug-5-4-property-item .aug-5-property-price::after{
    width: 15% !important;
}

.aug-5-property-image-wrapper{
    width: 100% !important;
    height: 250px !important;
    position: relative !important;
    overflow: hidden !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.aug-5-property-image-wrapper img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    position: relative !important;
    transition: transform 0.5s !important;
}

.aug-5-property-image-wrapper:hover .aug-5-property-image{
    transform: scale(1.1) !important;
}

.aug-5-property-status{
    position: absolute !important;
    left: 10px !important;
    bottom: 10px !important;
    font-size: 14px !important;
    background-color: #fff !important;
    padding: 4px 12px !important;
    border-radius: 5px !important;
    color: var(--bs-primary) !important;
    font-weight: 550 !important;
}

.aug-5-property-content{
    padding: 20px !important;
    text-align: center !important;
}

.aug-5-property-title{
    font-size: 22px !important;
    font-weight: 500 !important;
    margin-bottom: 12px !important;
    color: var(--bs-primary) !important;
}

.aug-5-property-address {
    font-size: 16px !important;
    display: block !important;
    margin: auto !important;
    border: none !important;
    background-color: transparent !important;
    border-bottom: 1px solid #000 !important;
    margin-bottom: 12px !important;
    font-size: 15px !important;
}

.aug-5-property-added-date{
    font-size: 14px !important;
    margin-bottom: 12px !important;
    display: block !important;
}

.aug-5-property-price{
    display: block !important;
    position: relative !important;
    color: var(--bs-primary) !important;
    font-size: 18px !important;
    margin-bottom: 12px !important;
    width: 100% !important;
}

.aug-5-property-price::before{
    content: '' !important;
    width: 30% !important;
    height: 1px !important;
    background-color: #ebebeb !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.aug-5-property-price::after{
    content: '' !important;
    width: 30% !important;
    height: 1px !important;
    background-color: #ebebeb !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.aug-5-property-details{
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    justify-content: center !important;
}

.aug-5-property-details span{
    font-size: 14px !important;
}

@media (max-width: 768px) {

    .aug-5-properties-list{
        flex-direction: column !important;
        gap: 30px !important;
    }

    .aug-5-header h1{
        font-size: 30px !important;
    }
}






.aug-1-contact-section{
    padding: 100px 0  !important;
    width: 100%  !important;
}

.aug-1-contact-content{
    width: 95%  !important;
    margin: auto  !important;
    max-width: 1200px  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
    gap: 30px  !important;
}

.aug-1-contact-left {
    flex: 0 0 calc(50% - 20px)  !important;
    position: relative  !important;
    height: 700px  !important;
}

.aug-1-contact-left img{
    width: 100%  !important;
    position: relative  !important;
    object-fit: cover  !important;
    border-radius: 15px  !important;
    height: 100%  !important;
}

.aug-1-contact-img-overlay button{
    position: absolute  !important;
    background-color: #fff  !important;
    border: 1px solid #eee  !important;
    padding: 12px 35px  !important;
    border-radius: 10px  !important;
    display: flex  !important;
    align-items: center  !important;
    gap: 8px  !important;
    font-size: 15px  !important;
}

.aug-1-contact-img-overlay button i{
    color: var(--bs-primary)  !important;
}

.aug-1-contact-img-overlay button:first-child{
    position: absolute  !important;
    left: -20px  !important;
    top: 50%  !important;
    transform: translateY(-50%)  !important;
}

.aug-1-contact-img-overlay button:last-child{
    position: absolute  !important;
    right: -20px  !important;
    bottom: 30px  !important;
}

.aug-1-contact-right{
    flex: 0 0 calc(50% - 20px)  !important;
}

.aug-1-contact-form-header{
    margin-bottom: 40px  !important;
}

.aug-1-contact-form-header button{
    background-color: var(--bs-primary)  !important;
    color: #fff  !important;
    padding: 5px 10px  !important;
    border-radius: 25px  !important;
    border: 1px solid var(--bs-primary)  !important;
    margin-bottom: 12px  !important;
}

.aug-1-contact-form-header h1{
    font-size: 72px  !important;
    margin-bottom: 12px  !important;
}

.aug-1-contact-form-header p{
    font-size: 18px  !important;
}

.aug-1-form-group{
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
    margin-bottom: 20px  !important;
}

.aug-1-form-input{
    flex: 0 0 calc(48%)  !important;
}

.aug-1-form-input label{
    display: block  !important;
    margin-bottom: 5px  !important;
    font-weight: 500  !important;
    font-size: 15px  !important;
}

.aug-1-form-input input {
    width: 100%  !important;
    border: 1px solid #eee  !important;
    padding: 12px  !important;
    border-radius: 5px  !important;
}

.aug-1-form-input textarea{
    height: 150px  !important;
    width: 100%  !important;
    margin-bottom: 20px  !important;
    border: 1px solid #eee  !important;
    padding: 12px  !important;
    resize: none  !important;
    border-radius: 5px  !important;
}

.aug-1-contact-form > button{
    padding: 12px  !important;
    width: 100%  !important;
    background-color: var(--bs-primary)  !important;
    border: 1px solid var(--bs-primary)  !important;
    color: #fff  !important;
    font-size: 15px  !important;
    font-weight: 500  !important;
    border-radius: 10px  !important;
    cursor: pointer  !important;
}

@media (max-width: 768px) {
    .aug-1-contact-content{
        flex-direction: column  !important;
    }

    .aug-1-contact-form-header h1{
        font-size: 38px  !important;
    }

    .aug-1-contact-form-header p{
        font-size: 16px  !important;
    }
}

.aug-2-contact-section{
    padding: 100px 0  !important;
    width: 100%  !important;
}

.aug-2-contact-content{
    width: 95%  !important;
    margin: auto  !important;
    max-width: 1200px  !important;
    display: flex  !important;
    align-items: flex-start  !important;
    justify-content: space-between  !important;
    gap: 30px  !important;
}

.aug-2-contact-left {
    flex: 0 0 calc(50% - 20px)  !important;
}

.aug-2-contact-left button{
    background-color: var(--bs-primary)  !important;
    color: #fff  !important;
    padding: 5px 10px  !important;
    border-radius: 25px  !important;
    border: 1px solid var(--bs-primary)  !important;
    margin-bottom: 12px  !important;
}

.aug-2-contact-left h1{
    font-size: 46px  !important;
    margin-bottom: 16px  !important;
    line-height: 1.2  !important;
}

.aug-2-contact-left p{
    font-size: 18px  !important;
    line-height: 1.5  !important;
    margin-bottom: 16px  !important;
}

.aug-2-contact-wrapper{
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
    margin-bottom: 24px  !important;
}

.aug-2-contact-col h3 {
    font-size: 18px  !important;
    margin-bottom: 10px  !important;
}

.aug-2-socials h3{
    margin-bottom: 10px  !important;
    font-size: 18px  !important;
}

.aug-2-socials-wrapper {
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
}

.aug-2-social-icon {
    background-color: var(--bs-primary)  !important;
    color: #fff  !important;
    width: 35px  !important;
    border-radius: 50%  !important;
    height: 35px  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: center  !important;
}

.aug-2-social-icon i{
    font-size: 18px  !important;
}

.aug-2-contact-right{
    flex: 0 0 calc(50% - 20px)  !important;
}

.aug-2-form-input{
    flex: 0 0 calc(48%)  !important;
}

.aug-2-form-input label{
    display: block  !important;
    margin-bottom: 5px  !important;
    font-weight: 500  !important;
    font-size: 15px  !important;
}

.aug-2-form-input input{
    width: 100%  !important;
    border: 1px solid #c3c3c3  !important;
    padding: 12px  !important;
    border-radius: 5px  !important;
}

.aug-2-form-input textarea{
    width: 100%  !important;
    resize: none  !important;
    height: 150px  !important;
    border: 1px solid #c3c3c3  !important;
    padding: 12px  !important;
    border-radius: 5px  !important;
}

.aug-2-form-group {
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
    margin-bottom: 20px  !important;
}

.aug-2-form-input.other{
    margin-bottom: 20px  !important;
}

.aug-2-contact-form > button{
    padding: 12px  !important;
    width: 100%  !important;
    background-color: var(--bs-primary)  !important;
    border: 1px solid var(--bs-primary)  !important;
    color: #fff  !important;
    font-size: 15px  !important;
    font-weight: 500  !important;
    border-radius: 10px  !important;
    cursor: pointer  !important;
}

@media (max-width: 768px) {
    .aug-2-contact-content{
        flex-direction: column  !important;
    }

    .aug-2-contact-wrapper {
        align-items: flex-start  !important;
        gap: 20px  !important;
        flex-direction: column  !important;
    }

    .aug-2-contact-left h1{
        font-size: 34px  !important;
    }

    .aug-2-contact-left p{
        font-size: 15px  !important;
    }

    .aug-2-contact-right{
        width: 100%  !important;
    }
}

.aug-3-contact-section{
    padding: 100px 0  !important;
    width: 100%  !important;
    background-color: var(--bs-primary)  !important;
}

.aug-3-contact-content{
    width: 95%  !important;
    margin: auto  !important;
    max-width: 1200px  !important;
}

.aug-3-contact-header {
    text-align: center  !important;
    color: #fff  !important;
    max-width: 900px  !important;
    margin: auto  !important;
    margin-bottom: 40px  !important;
}

.aug-3-contact-header button{
    background-color: #fff  !important;
    color: var(--bs-primary)  !important;
    padding: 5px 10px  !important;
    border-radius: 25px  !important;
    border: 1px solid #fff  !important;
    margin-bottom: 12px  !important;
    font-weight: 550  !important;
}

.aug-3-contact-header h1{
    font-size: 72px  !important;
    line-height: 1.1  !important;
    margin-bottom: 12px  !important;
}

.aug-3-contact-header p{
    font-size: 18px  !important;
}

.aug-3-contact-form {
    background-color: #f3f3f3  !important;
    max-width: 900px  !important;
    width: 100%  !important;
    margin: auto  !important;
    padding: 40px  !important;
    border-radius: 15px  !important;
}

.aug-3-form-group{
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
    margin-bottom: 20px  !important;
}

.aug-3-form-input{
    flex: 0 0 calc(48%)  !important;
}

.aug-3-form-input label{
    display: block  !important;
    margin-bottom: 5px  !important;
    font-weight: 500  !important;
    font-size: 15px  !important;
}

.aug-3-form-input input{
    width: 100%  !important;
    padding: 12px  !important;
    border-radius: 5px  !important;
    background-color: #fff  !important;
    border: none  !important;
}

.aug-3-form-input textarea{
    height: 150px  !important;
    resize: none  !important;
    width: 100%  !important;
    padding: 12px  !important;
    border-radius: 5px  !important;
    background-color: #fff  !important;
    border: none  !important;
}

.aug-3-form-input.other{
    margin-bottom: 20px  !important;
}

.aug-3-contact-form > button{
    padding: 12px  !important;
    width: 100%  !important;
    background-color: var(--bs-primary)  !important;
    border: 1px solid var(--bs-primary)  !important;
    color: #fff  !important;
    font-size: 15px  !important;
    font-weight: 500  !important;
    border-radius: 10px  !important;
    cursor: pointer  !important;
}

@media (max-width: 768px) {
    .aug-3-contact-content{
        flex-direction: column  !important;
    }

    .aug-3-contact-header h1{
        font-size: 34px  !important;
    }

    .aug-3-contact-header p{
        font-size: 15px  !important;
    }
}

.aug-4-contact-section{
    padding: 100px 0  !important;
    width: 100%  !important;
}

.aug-4-contact-content{
    width: 95%  !important;
    margin: auto  !important;
    max-width: 1200px  !important;
}

.aug-4-contact-list {
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
    gap: 20px  !important;
    margin-bottom: 40px  !important;
}

.aug-4-contact-item{
    background-color: var(--bs-primary)  !important;
    flex: 0 0 calc(33.33% - 20px)  !important;
    padding: 30px  !important;
    border-radius: 15px  !important;
    color: #fff  !important;
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
}

.aug-4-icon-container {
    background-color: #f3f3f3  !important;
    color: #000  !important;
    width: 64px  !important;
    height: 64px  !important;
    border-radius: 50%  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: center  !important;
}

.aug-4-icon-container i{
    font-size: 20px  !important;
}

.aug-4-details-container h3{
    font-size: 20px  !important;
    margin-bottom: 4px  !important;
}

.aug-4-details-container span{
    font-size: 15px  !important;
}

.aug-4-contact-wrapper{
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
    gap: 20px  !important;
}

.aug-4-form-container{
    flex: 0 0 calc(50% - 20px)  !important;
    background-color: #f3f3f3  !important;
    padding: 30px  !important;
    border-radius: 15px  !important;
}

.aug-4-form-container h2{
    font-size: 38px  !important;
    margin-bottom: 16px  !important;
}

.aug-4-input-group {
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
    gap: 10px  !important;
    margin-bottom: 20px  !important;
}

.aug-4-input-container{
    flex: 0 0 calc(50% - 10px)  !important;
}

.aug-4-input-container input{
    width: 100%  !important;
    border: 1px solid #c3c3c3  !important;
    padding: 12px  !important;
    border-radius: 5px  !important;
}

.aug-4-select-container {
    width: 100%  !important;
    margin-bottom: 20px  !important;
}

.aug-4-select-container select{
    width: 100%  !important;
    border: 1px solid #c3c3c3  !important;
    padding: 12px  !important;
    border-radius: 5px  !important;
}

.aug-4-textarea-container {
    width: 100%  !important;
    margin-bottom: 20px  !important;
}

.aug-4-textarea-container textarea{
    width: 100%  !important;
    border: 1px solid #c3c3c3  !important;
    padding: 12px  !important;
    border-radius: 5px  !important;
    resize: none  !important;
    height: 150px  !important;
}

.aug-4-submit-button{
    padding: 12px 35px  !important;
    background-color: var(--bs-primary)  !important;
    border: 1px solid var(--bs-primary)  !important;
    color: #fff  !important;
    font-size: 15px  !important;
    font-weight: 500  !important;
    border-radius: 10px  !important;
    cursor: pointer  !important;
}

.aug-4-image-container {
    flex: 0 0 calc(50% - 20px)  !important;
    height: 500px  !important;
}

.aug-4-image-container img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
    border-radius: 15px  !important;
}

@media (max-width: 768px) {
    .aug-4-contact-list{
        flex-direction: column  !important;
    }

    .aug-4-contact-wrapper{
        flex-direction: column  !important;
        gap: 20px  !important;
    }
}

.aug-5-contact-section{
    padding: 100px 0  !important;
    width: 100%  !important;
}

.aug-5-contact-container{
    width: 95%  !important;
    margin: auto  !important;
    max-width: 1200px  !important;
}

.aug-5-intro-section{
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
    gap: 20px  !important;
    margin-bottom: 40px  !important;
}

.aug-5-intro-heading h3{
    font-size: 18px  !important;
    color: var(--bs-primary)  !important;
    margin-bottom: 12px  !important;
}

.aug-5-intro-heading h1{
    font-size: 38px  !important;
}

.aug-5-intro-section p{
    flex: 0 0 calc(40%)  !important;
}

.aug-5-details-form-section {
    display: flex  !important;
    align-items: flex-start  !important;
    justify-content: space-between  !important;
    gap: 20px  !important;
    background-color: #f3f3f3  !important;
    padding: 40px  !important;
    border-radius: 15px  !important;
}

.aug-5-contact-details{
    flex: 0 0 calc(50% - 20px)  !important;
}

.aug-5-details-heading{
    font-size: 34px  !important;
    margin-bottom: 12px  !important;
}

.aug-5-details-description{
    margin-bottom: 30px  !important;
    font-size: 16px  !important;
    line-height: 1.7  !important;
}

.aug-5-contact-item {
    display: flex  !important;
    align-items: flex-start  !important;
    gap: 15px  !important;
    margin-bottom: 20px  !important;
}

.aug-5-contact-item i {
    font-size: 20px  !important;
    color: var(--bs-primary)  !important;
}

.aug-5-contact-info {
    flex: 1  !important;
}

.aug-5-info-title{
    margin-bottom: 10px  !important;
}

.aug-5-info-list {
    list-style: none  !important;
    display: flex  !important;
    flex-direction: column  !important;
    gap: 8px  !important;
}

.aug-5-contact-form{
    flex: 0 0 calc(50% - 20px)  !important;
}

.aug-5-contact-form h2{
    font-size: 38px  !important;
    margin-bottom: 12px  !important;
}

.aug-5-form-description{
    font-size: 16px  !important;
    line-height: 1.7  !important;
    margin-bottom: 30px  !important;
}

.aug-5-form-group {
    width: 100%  !important;
    margin-bottom: 20px  !important;
}

.aug-5-form-group input{
    width: 100%  !important;
    border: 1px solid #c3c3c3  !important;
    padding: 12px  !important;
    border-radius: 5px  !important;
}

.aug-5-form-group textarea{
    height: 150px  !important;
    resize: none  !important;
    width: 100%  !important;
    border: 1px solid #c3c3c3  !important;
    padding: 12px  !important;
    border-radius: 5px  !important;
}

.aug-5-form-button {
    padding: 12px 35px  !important;
    background-color: var(--bs-primary)  !important;
    border: 1px solid var(--bs-primary)  !important;
    color: #fff  !important;
    font-size: 15px  !important;
    font-weight: 500  !important;
    border-radius: 10px  !important;
    cursor: pointer  !important;
}

@media (max-width: 768px) {
    .aug-5-intro-section{
        flex-direction: column  !important;
        align-items: flex-start  !important;
    }

    .aug-5-details-form-section{
        flex-direction: column  !important;
        padding: 20px  !important;
    }

    .aug-5-intro-heading h1{
        font-size: 34px  !important;
    }

    .aug-5-intro-description p{
        font-size: 15px  !important;
    }
}

.aug-6-contact-section{
    padding: 100px 0  !important;
    width: 100%  !important;
    background-color: #f3f3f3  !important;
}

.aug-6-contact-container{
    width: 95%  !important;
    margin: auto  !important;
    max-width: 1200px  !important;
}

.aug-6-header-section {
    margin-bottom: 40px  !important;
}

.aug-6-hello-button {
    padding: 5px 10px  !important;
    background-color: #fff  !important;
    border: none  !important;
    margin-bottom: 12px  !important;
    font-size: 15px  !important;
    font-weight: 550  !important;
    border-radius: 25px  !important;
}

.aug-6-section-title {
    font-size: 38px  !important;
}

.aug-6-content-section{
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
    gap: 20px  !important;
}

.aug-6-image-container {
    flex: 0 0 calc(50% - 20px)  !important;
    height: 600px  !important;
}

.aug-6-image-container img{
    width: 100%  !important;
    object-fit: cover  !important;
    height: 100%  !important;
    border-radius: 15px  !important;
}

.aug-6-form-title {
    font-size: 34px  !important;
    margin-bottom: 12px  !important;
}

.aug-6-form-description {
    font-size: 16px  !important;
    line-height: 1.6  !important;
    margin-bottom: 24px  !important;
}

.aug-6-form-group {
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
    gap: 20px  !important;
    margin-bottom: 20px  !important;
}

.aug-6-input-container {
    flex: 0 0 calc(50% - 20px)  !important;
}

.aug-6-input-container label{
    display: block  !important;
    font-size: 15px  !important;
    font-weight: 550  !important;
    margin-bottom: 5px  !important;
}

.aug-6-input-container input{
    width: 100%  !important;
    border: none  !important;
    border-bottom: 1px solid #000  !important;
    padding: 10px 15px  !important;
    background-color: transparent  !important;
}

.aug-6-textarea-container {
    width: 100%  !important;
    margin-bottom: 20px  !important;
}

.aug-6-textarea-container label{
    display: block  !important;
    font-size: 15px  !important;
    font-weight: 550  !important;
    margin-bottom: 5px  !important;
}

.aug-6-textarea-container textarea{
    width: 100%  !important;
    height: 130px  !important;
    border: none  !important;
    border-bottom: 1px solid #000  !important;
    padding: 10px 0  !important;
    background-color: transparent  !important;
    resize: none  !important;
}

.aug-6-submit-button {
    padding: 12px 35px  !important;
    background-color: var(--bs-primary)  !important;
    border: 1px solid var(--bs-primary)  !important;
    color: #fff  !important;
    font-size: 15px  !important;
    font-weight: 500  !important;
    border-radius: 10px  !important;
    cursor: pointer  !important;
}

@media (max-width: 768px) {
    .aug-6-content-section{
        flex-direction: column  !important;
    }
}

.aug-7-contact-section{
    padding: 100px 0  !important;
    width: 100%  !important;
}

.aug-7-contact-container{
    width: 95%  !important;
    margin: auto  !important;
    max-width: 1200px  !important;
}

.aug-7-header-section{
    margin-bottom: 40px  !important;
    text-align: center  !important;
}

.aug-7-header-section h1{
    font-size: 72px  !important;
}

.aug-7-content-section {
    display: flex  !important;
    align-items: flex-start  !important;
    justify-content: space-between  !important;
    gap: 20px  !important;
}

.aug-7-info-section {
    flex: 0 0 calc(50% - 20px)  !important;
}

.aug-7-info-title {
    font-size: 38px  !important;
    margin-bottom: 40px  !important;
}

.aug-7-form-section{
    flex: 0 0 calc(50% - 20px)  !important;
}

.aug-7-contact-details{
    display: flex  !important;
    flex-direction: column  !important;
    gap: 30px  !important;
}

.aug-7-contact-item {
    font-size: 15px  !important;
    margin-bottom: 5px  !important;
}

.aug-7-contact-item h3{
    font-size: 18px  !important;
}

.aug-7-form-group {
    width: 100%  !important;
    margin-bottom: 20px  !important;
}

.aug-7-form-group input{
    width: 100%  !important;
    border: none  !important;
    border-bottom: 1px solid #000  !important;
    padding: 10px 0 30px  !important;
    background-color: transparent  !important;
    outline: none  !important;
}

.aug-7-form-group select{
    width: 100%  !important;
    border: none  !important;
    border-bottom: 1px solid #000  !important;
    padding: 10px 0 30px  !important;
    background-color: transparent  !important;
    outline: none  !important;
}

.aug-7-form-group textarea{
    width: 100%  !important;
    border: none  !important;
    border-bottom: 1px solid #000  !important;
    padding: 10px 0 30px  !important;
    background-color: transparent  !important;
    outline: none  !important;
    height: 120px  !important;
    resize: none  !important;
}

.aug-7-submit-button {
    padding: 12px 35px  !important;
    background-color: var(--bs-primary)  !important;
    border: 1px solid var(--bs-primary)  !important;
    color: #fff  !important;
    font-size: 15px  !important;
    font-weight: 500  !important;
    border-radius: 10px  !important;
    cursor: pointer  !important;
}

@media (max-width: 768px) {
    .aug-7-content-section{
        flex-direction: column  !important;
    }

    .aug-7-header-section h1{
        font-size: 34px  !important;
    }

    .aug-7-info-title{
        font-size: 24px  !important;
    }

    .aug-7-form-section{
        width: 100%  !important;
    }
}


.aug-8-contact-section{
    padding: 100px 0  !important;
    width: 100%  !important;
    background-color: #f3f3f3  !important;
}

.aug-8-contact-container{
    width: 95%  !important;
    margin: auto  !important;
    max-width: 1200px  !important;
}

.aug-8-header-container {
    max-width: 600px  !important;
    margin: 0 auto 40px  !important;
    text-align: center  !important;
}

.aug-8-header-title {
    font-size: 48px  !important;
    margin-bottom: 12px  !important;
}

.aug-8-header-description {
    font-size: 16px  !important;
}

.aug-8-content-container{
    display: flex  !important;
    align-items: flex-start  !important;
    justify-content: space-between  !important;
}

.aug-8-info-section{
    flex: 0 0 calc(40%)  !important;
}

.aug-8-info-section{
    display: flex  !important;
    flex-direction: column  !important;
    gap: 30px  !important;
}

.aug-8-info-item {
    background-color: #fff  !important;
    padding: 20px  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
}

.aug-8-arrow-container {
    width: 64px  !important;
    height: 64px  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: center  !important;
    border: 2px solid #c3c3c3  !important;
    border-radius: 50%  !important;
}

.aug-8-arrow-container i{
    transform: rotate(320deg)  !important;
}

.aug-8-info-content{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
}

.aug-8-icon-container{
    width: 44px  !important;
    height: 44px  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: center  !important;
    border: 2px solid #c3c3c3  !important;
    border-radius: 50%  !important;
}

.aug-8-info-text span{
    font-size: 15px  !important;
    margin-bottom: 5px  !important;
    display: block  !important;
}

.aug-8-info-text h3{
    font-size: 18px  !important;
}

.aug-8-form-section{
    flex: 0 0 calc(55%)  !important;
    background-color: #fff  !important;
    padding: 40px  !important;
}

.aug-8-form-group{
    width: 100%  !important;
    margin-bottom: 25px  !important;
}

.aug-8-form-group label{
    display: block  !important;
    margin-bottom: 5px  !important;
    font-size: 15px  !important;
    font-weight: 600  !important;
}

.aug-8-form-group input{
    width: 100%  !important;
    border: 1px solid #eee  !important;
    padding: 12px  !important;
    border-radius: 5px  !important;
    background-color: #eee  !important;
}

.aug-8-form-group textarea{
    width: 100%  !important;
    border: 1px solid #eee  !important;
    padding: 12px  !important;
    border-radius: 5px  !important;
    background-color: #eee  !important;
    height: 130px  !important;
    resize: none  !important;
}

.aug-8-submit-button{
    width: 100%  !important;
    padding: 12px  !important;
    background-color: var(--bs-primary)  !important;
    cursor: pointer  !important;
    border: 1px solid var(--bs-primary)  !important;
    color: #fff  !important;
    border-radius: 5px  !important;
}

@media (max-width: 768px) {
    .aug-8-content-container{
        flex-direction: column  !important;
        gap: 20px  !important;
    }

    .aug-8-arrow-container{
        width: 44px  !important;
        height: 44px  !important;
    }

    .aug-8-form-section{
        width: 100%  !important;
        padding: 20px  !important;
    }
}

.aug-9-contact-section{
    padding: 100px 0  !important;
    width: 100%  !important;
}

.aug-9-contact-container{
    width: 95%  !important;
    margin: auto  !important;
    max-width: 1200px  !important;
}

.aug-9-header-section {
    max-width: 600px  !important;
    margin: 0 auto 40px  !important;
    text-align: center  !important;
}

.aug-9-header-subtitle {
    font-size: 14px  !important;
    margin-bottom: 12px  !important;
}

.aug-9-header-title {
    font-size: 72px  !important;
    line-height: 1.1  !important;
}

.aug-9-content-section {
    display: flex  !important;
    align-items: flex-start  !important;
    justify-content: space-between  !important;
    gap: 20px  !important;
    display: flex  !important;
}

.aug-9-info-section {
    flex: 0 0 calc(35%)  !important;
    border: 2px solid var(--bs-primary)  !important;
    padding: 25px  !important;
    border-radius: 20px  !important;
    display: flex  !important;
    flex-direction: column  !important;
    gap: 30px  !important;
    width: 100%  !important;
}

.aug-9-info-item h3{
    font-size: 14px  !important;
    margin-bottom: 8px  !important;
    display: flex  !important;
    align-items: center  !important;
    gap: 5px  !important;
    color: var(--bs-primary)  !important;
}

.aug-9-info-item span{
    font-size: 15px  !important;
}

.aug-9-social-icons {
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
}

.aug-9-form-section {
    flex: 0 0 calc(65%)  !important;
}

.aug-9-form-title{
    font-size: 25px  !important;
    margin-bottom: 16px  !important;
    color: var(--bs-primary)  !important;
}

.aug-9-form-row {
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
    gap: 10px  !important;
    margin-bottom: 20px  !important;
}

.aug-9-form-group{
    width: 100%  !important;
}

.aug-9-form-group label{
    display: block  !important;
    font-size: 15px  !important;
    font-weight: 600  !important;
    margin-bottom: 5px  !important;
}

.aug-9-form-group input{
    width: 100%  !important;
    border: 1px solid #eee  !important;
    padding: 12px  !important;
    border-radius: 5px  !important;
    background-color: #eee  !important;
}

.aug-9-form-group.subject{
    margin-bottom: 25px  !important;
}

.aug-9-form-group textarea{
    width: 100%  !important;
    border: 1px solid #eee  !important;
    padding: 12px  !important;
    border-radius: 5px  !important;
    background-color: #eee  !important;
    height: 130px  !important;
    resize: none  !important;
}

.aug-9-form-group.textarea{
    margin-bottom: 25px  !important;
}

.aug-9-submit-button {
    padding: 12px 35px  !important;
    background-color: var(--bs-primary)  !important;
    border: 1px solid var(--bs-primary)  !important;
    color: #fff  !important;
    font-size: 15px  !important;
    font-weight: 500  !important;
    border-radius: 10px  !important;
    cursor: pointer  !important;
}

@media (max-width: 768px) {
    .aug-9-header-title{
        font-size: 34px  !important;
    }

    .aug-9-content-section{
        flex-direction: column  !important;
    }

    .aug-9-info-section{
        width: 100%  !important;
    }

    .aug-9-form-section{
        width: 100%  !important;
    }
}

.aug-10-contact-section{
    padding: 100px 0  !important;
    width: 100%  !important;
    background-color: var(--bs-primary)  !important;
}

.aug-10-contact-container{
    width: 95%  !important;
    margin: auto  !important;
    max-width: 1200px  !important;
    color: #fff  !important;
}

.aug-10-section-title {
    font-size: 72px  !important;
    max-width: 600px  !important;
    line-height: 1.1  !important;
    margin-bottom: 40px  !important;
}

.aug-10-contact-content{
    display: flex  !important;
    align-items: flex-start  !important;
    justify-content: space-between  !important;
}

.aug-10-contact-details {
    flex: 0 0 calc(45%)  !important;
    border: 1px solid #f3f3f3  !important;
    padding: 40px  !important;
}

.aug-10-details-title {
    font-size: 34px  !important;
    margin-bottom: 16px  !important;
}

.aug-10-details-image {
    width: 300px  !important;
    height: 300px  !important;
    margin-bottom: 16px  !important;
}

.aug-10-details-image img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
}

.aug-10-details-list {
    list-style: none  !important;
    display: flex  !important;
    flex-direction: column  !important;
    gap: 16px  !important;
}

.aug-10-details-list li{
    display: flex  !important;
    align-items: flex-start  !important;
    gap: 40px  !important;
}

.aug-10-contact-form{
    flex: 0 0 calc(45%)  !important;
    border: 1px solid #f3f3f3  !important;
    padding: 40px  !important;
}

.aug-10-form-title {
    font-size: 34px  !important;
    margin-bottom: 24px  !important;
    border-bottom: 1px solid #c3c3c3  !important;
    padding-bottom: 20px  !important;
}

.aug-10-form-group{
    width: 100%  !important;
    margin-bottom: 25px  !important;
}

.aug-10-form-group input{
    border: none  !important;
    outline: none  !important;
    background-color: transparent  !important;
    border-bottom: 1px solid #c3c3c3  !important;
    padding: 25px 10px  !important;
    width: 100%  !important;
}

.aug-10-form-group input::placeholder{
    font-size: 20px  !important;
    color: #fff  !important;
}

.aug-10-form-group textarea{
    border: none  !important;
    outline: none  !important;
    background-color: transparent  !important;
    border-bottom: 1px solid #c3c3c3  !important;
    padding: 25px 10px  !important;
    width: 100%  !important;
    resize: none  !important;
}

.aug-10-form-group textarea::placeholder{
    font-size: 20px  !important;
    color: #fff  !important;
}

.aug-10-submit-button{
    padding: 12px 35px  !important;
    background-color: #fff  !important;
    border: 1px solid #fff  !important;
    color: var(--bs-primary)  !important;
    font-size: 15px  !important;
    font-weight: 500  !important;
    border-radius: 10px  !important;
    cursor: pointer  !important;
}

@media (max-width: 768px) {
    .aug-10-section-title{
        font-size: 34px  !important;
    }

    .aug-10-contact-content{
        flex-direction: column  !important;
        gap: 20px  !important;
    }

    .aug-10-contact-form{
        width: 100%  !important;
    }
}



/*menu starts here*/



.aug-product-section{
    width: 100%  !important;
    padding: 100px 0  !important;
}

.aug-product-section-header{
    text-align: center !important;
    max-width: 600px !important;
    margin: 0 auto 40px !important;
}

.aug-product-section-header h1{
    font-size: 38px !important;
}

.aug-product-section-header p{
    font-size: 16px !important;
}

.aug-2-product-section-header{
    text-align: center !important;
    max-width: 600px !important;
    margin: 0 auto 150px !important;
}

.aug-2-product-section-header h1{
    font-size: 38px !important;
}

.aug-2-product-section-header p{
    font-size: 16px !important;
}

.aug-product-container{
    width: 95%  !important;
    margin: auto  !important;
    max-width: 1300px  !important;
    display: flex  !important;
    align-items: stretch  !important;
    flex-wrap: wrap  !important;
    gap: 20px  !important;
}

.aug-1-product-card{
    flex: 0 0 calc(33.8% - 20px)  !important;
    border-radius: 15px  !important;
    border: 1px solid #eff0f6  !important;
    box-shadow: 0 2px 6px #211f540f  !important;
    padding: 10px !important;
    transition: transform 0.5s ease  !important;
    cursor: pointer !important;
}

.aug-1-product-card:hover{
    transform: translateY(-10px)  !important;
}

.aug-1-product-card:hover .aug-1-product-image{
    transform: scale(1.1)  !important;
}

.aug-1-4-product-card{
    flex: 0 0 calc(25.3% - 20px)  !important;
    border-radius: 15px  !important;
    border: 1px solid #eff0f6  !important;
    box-shadow: 0 2px 6px #211f540f  !important;
    padding: 10px !important;
    transition: transform 0.5s ease  !important;
    cursor: pointer !important;
}

.aug-1-4-product-card:hover{
    transform: translateY(-10px)  !important;
}

.aug-1-4-product-card:hover .aug-1-product-image{
    transform: scale(1.1)  !important;
}

.aug-1-2-product-card{
    flex: 0 0 calc(50% - 20px)  !important;
    border-radius: 15px  !important;
    border: 1px solid #eff0f6  !important;
    box-shadow: 0 2px 6px #211f540f  !important;
    padding: 10px !important;
    transition: transform 0.5s ease  !important;
    cursor: pointer !important;
}

.aug-1-2-product-card:hover{
    transform: translateY(-10px)  !important;
}

.aug-1-2-product-card:hover .aug-1-product-image{
    transform: scale(1.1)  !important;
}

.aug-1-product-image-wrapper{
    width: 100%  !important;
    height: 250px  !important;
    overflow: hidden  !important;
    margin-bottom: 15px  !important;
    position: relative  !important;
}

.aug-1-product-image{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
    transition: transform 0.5s ease  !important;
}

.aug-1-product-badge{
    position: absolute  !important;
    top: 10px  !important;
    left: 10px  !important;
    width: 44px  !important;
    height: 44px  !important;
    background-color: #80891b  !important;
    color: #fff  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: center  !important;
    border-radius: 50%  !important;
    box-shadow: 0 2px 6px #211f540f  !important;
}

.aug-1-product-badge span{
    font-size: 12px  !important;
}

.aug-1-product-brand{
    padding: 4px 20px  !important;
    margin-bottom: 10px  !important;
    font-size: 12px  !important;
    border: 1px solid #eff0f6  !important;
    background-color: transparent  !important;
    border-radius: 25px  !important;
}

.aug-1-product-title{
    font-size: 17px  !important;
    font-weight: 500  !important;
    margin-bottom: 5px  !important;
}

.aug-1-product-weight{
    font-size: 15px  !important;
    display: block  !important;
    margin-bottom: 10px  !important;
}

.aug-1-product-rating-wrapper{
    display: flex  !important;
    align-items: center  !important;
    margin-bottom: 10px  !important;
    gap: 20px  !important;
}

.aug-1-product-rating{
    display: flex  !important;
    align-items: center  !important;
    gap: 10px  !important;
}

.aug-1-product-rating i{
    font-size: 14px  !important;
    color: #ff9900  !important;
}

.aug-1-product-rating-count{
    font-size: 15px  !important;
    font-weight: 500  !important;
}

.aug-1-product-pricing{
    display: flex  !important;
    align-items: center  !important;
    gap: 10px  !important;
}

.aug-1-product-pricing span{
    font-size: 18px  !important;
    font-weight: 550  !important;
    margin-bottom: 10px  !important;
}

.aug-1-product-cart-btn{
    width: 100%  !important;
    padding: 8px  !important;
    background-color: #0a472e  !important;
    color: #fff  !important;
    border: 2px solid #0a472e  !important;
    border-radius: 10px  !important;
    cursor: pointer  !important;
    display: flex  !important;
    align-items: center  !important;
    gap: 8px  !important;
    justify-content: center  !important;
}

/*  */

.aug-2-menu-card{
    flex: 0 0 calc(33.8% - 20px)  !important;
    position: relative  !important;
    background-color: #fff  !important;
    border-radius: 15px  !important;
    border: 1px solid #eff0f6  !important;
    box-shadow: 0 2px 6px #211f540f  !important;
    min-height: 300px  !important;
    padding: 100px 0 0  !important;
    text-align: center  !important;
    cursor: pointer !important;
    transition: transform 0.5s ease  !important;
    margin-bottom: 100px !important;
}

.aug-2-menu-card:hover{
    transform: translateY(-10px)  !important;
}

.aug-2-menu-card:hover .aug-2-menu-img{
    transform: scale(1.1)  !important;
}

.aug-2-4-menu-card{
    flex: 0 0 calc(25.3% - 20px)  !important;
    position: relative  !important;
    background-color: #fff  !important;
    border-radius: 15px  !important;
    border: 1px solid #eff0f6  !important;
    box-shadow: 0 2px 6px #211f540f  !important;
    min-height: 300px  !important;
    padding: 100px 0 0  !important;
    text-align: center  !important;
    cursor: pointer  !important;
    transition: transform 0.5s ease  !important;
    margin-bottom: 100px  !important;
}

.aug-2-4-menu-card:hover{
    transform: translateY(-10px)  !important;
}

.aug-2-4-menu-card:hover .aug-2-menu-img{
    transform: scale(1.1)  !important;
}

.aug-2-2-menu-card {
    flex: 0 0 calc(50% - 20px)  !important;
    position: relative  !important;
    background-color: #fff  !important;
    border-radius: 15px  !important;
    border: 1px solid #eff0f6  !important;
    box-shadow: 0 2px 6px #211f540f  !important;
    min-height: 300px  !important;
    padding: 100px 0 0  !important;
    text-align: center  !important;
    cursor: pointer  !important;
    transition: transform 0.5s ease  !important;
    margin-bottom: 100px  !important;
}

.aug-2-2-menu-card:hover{
    transform: translateY(-10px)  !important;
}

.aug-2-2-menu-card:hover .aug-2-menu-img{
    transform: scale(1.1)  !important;
}

.aug-2-menu-image{
    width: 150px  !important;
    height: 150px  !important;
    border-radius: 50%  !important;
    overflow: hidden  !important;
    box-shadow: 0 2px 6px #211f540f  !important;
    border: 1px solid #eff0f6  !important;
    position: absolute  !important;
    top: -100px  !important;
    left: 50%  !important;
    transform: translateX(-50%)  !important;
    border: 3px solid #80891b  !important;
}

.aug-2-menu-image img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
    transition: transform 0.5s ease  !important;
}

.aug-2-menu-content{
    padding: 10px !important;
}

.aug-2-menu-title{
    font-size: 20px  !important;
    margin-bottom: 5px  !important;
}

.aug-2-menu-description{
    font-size: 14px  !important;
    margin-bottom: 5px  !important;
    max-width: 300px  !important;
    margin: auto  !important;
    line-height: 1.5  !important;
    margin-bottom: 10px  !important;
}

.aug-2-menu-details{
    display: flex  !important;
    align-items: center  !important;
    justify-content: center  !important;
    gap: 30px  !important;
}

.aug-2-menu-price{
    font-weight: 600  !important;
}

.aug-2-menu-rating{
    display: flex  !important;
    align-items: center  !important;
    gap: 10px  !important;
}

.aug-2-menu-rating i {
    font-size: 15px  !important;
    color: #ff9900  !important;
}

.aug-2-menu-cart{
    position: absolute  !important;
    right: 0  !important;
    bottom: 0  !important;
    background-color: #000  !important;
    color: #fff  !important;
    width: 50px  !important;
    height: 50px  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: center  !important;
    border-bottom-right-radius: 20px  !important;
}

.aug-2-menu-cart i{
    font-size: 22px  !important;
}

@media (max-width: 768px) {
    .aug-product-container{
        flex-direction: column  !important;
    }
}

/*  */

.aug-3-product-section{
    padding: 100px 0  !important;
    width: 100%  !important;
    background-color: #faf1df  !important;
}

.aug-3-product-card{
    flex: 0 0 calc(33.8% - 20px)  !important;
    background-color: #fff  !important;
    text-align: center  !important;
    padding: 30px  !important;
    border-radius: 20px  !important;
    cursor: pointer  !important;
    transition: transform 0.5s ease  !important;
}

.aug-3-product-card:hover{
    transform: translateY(-10px)  !important;
}

.aug-3-4-product-card{
    flex: 0 0 calc(25.3% - 20px)  !important;
    background-color: #fff  !important;
    text-align: center  !important;
    padding: 30px  !important;
    border-radius: 20px  !important;
    cursor: pointer  !important;
    transition: transform 0.5s ease  !important;
}

.aug-3-4-product-card:hover{
    transform: translateY(-10px)  !important;
}

.aug-3-2-product-card{
    flex: 0 0 calc(50% - 20px)  !important;
    background-color: #fff  !important;
    text-align: center  !important;
    padding: 30px  !important;
    border-radius: 20px  !important;
    cursor: pointer  !important;
    transition: transform 0.5s ease  !important;
}

.aug-3-2-product-card:hover{
    transform: translateY(-10px)  !important;
}

.aug-3-product-image-wrapper{
    position: relative  !important;
    width: 200px  !important;
    height: 200px  !important;
    margin: auto  !important;
    border-radius: 50%  !important;
    border-bottom: 8px solid #EBE9E6  !important;
    border-right: 8px solid #EBE9E6  !important;
    border-top: 8px solid #EB0029  !important;
    border-left: 8px solid #EB0029  !important;
    box-shadow: 0 2px 6px #211f540f  !important;
    margin-bottom: 16px  !important;
}


.aug-3-product-image{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
    border-radius: 50%  !important;
    position: relative  !important;
    overflow: hidden  !important;
}

.aug-3-product-price-badge{
    background-color: #1d2024  !important;
    color: #fff  !important;
    position: absolute  !important;
    bottom: -5px  !important;
    right: -5px  !important;
    z-index: 1  !important;
    width: 64px  !important;
    height: 64px  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: center  !important;
    border-radius: 50%  !important;
    border: 3px solid #fff  !important;
    box-shadow: 0 2px 6px #211f540f  !important;
}

.aug-3-product-price-badge span{
    font-size: 18px  !important;
    font-weight: 600  !important;
}

.aug-3-product-title {
    font-size: 20px  !important;
    padding-bottom: 24px  !important;
    margin-bottom: 24px  !important;
    border-bottom: 1px solid #EBE9E6  !important;
}

.aug-3-product-ingredients{
    list-style: none  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: center  !important;
    gap: 15px  !important;
    padding-bottom: 24px  !important;
    margin-bottom: 24px  !important;
    border-bottom: 1px solid #EBE9E6  !important;
}

.aug-3-product-ingredients li{
    font-size: 15px  !important;
    font-weight: 600  !important;
}

.aug-3-product-description {
    font-size: 15px  !important;
}

.aug-4-product-section{
    padding: 100px 0  !important;
    width: 100%  !important;
    background-color: #f2f2f2  !important;
    position: relative !important;
}

.aug-4-product-container-wrapper{
    width: 95%  !important;
    margin: auto  !important;
    max-width: 1300px  !important;
    overflow: hidden !important;
}

.aug-4-product-container{
    display: flex  !important;
    gap: 10px  !important;
    transition: transform 0.5s ease  !important;
}

.aug-4-product-card{
    min-width: calc(25% - 10px) !important;
    background-color: #fff  !important;
    border-radius: 20px  !important;
    box-shadow: 0 2px 6px #211f540f  !important;
    cursor: pointer  !important;
}

.aug-4-product-control{
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 100% !important;
    z-index: 99 !important;
}

.aug-4-product-control-icon{
    width: 44px !important;
    height: 44px !important;
    background-color: #fff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    border: 1px solid #eff0f6  !important;
    box-shadow: 0 2px 6px #211f540f  !important;
    position: absolute !important;
    cursor: pointer !important;
}

.aug-4-product-control-icon.left{
    left: 100px !important;
}
.aug-4-product-control-icon.right{
    right: 100px !important;
}

.aug-4-product-control-icon i{
    font-size: 22px !important;
}


.aug-4-product-image-wrapper {
    width: 100%  !important;
    height: 250px  !important;
    overflow: hidden  !important;
    border-top-left-radius: 20px  !important;
    border-top-right-radius: 20px  !important;
    position: relative  !important;
}

.aug-4-product-image{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
    position: relative  !important;
    border-top-left-radius: 20px  !important;
    border-top-right-radius: 20px  !important;
    transition: transform 0.5s ease  !important;
}

.aug-4-product-status{
    font-size: 12px  !important;
    border-radius: 25px  !important;
    font-weight: 550  !important;
    color: #fff  !important;
    position: absolute  !important;
    top: 15px  !important;
    left: 15px  !important;
    border: none  !important;
    background-color: #66ad53  !important;
    padding: 4px 10px  !important;
}

.aug-4-product-wishlist{
    position: absolute  !important;
    top: 15px  !important;
    right: 15px  !important;
}

.aug-4-product-details {
    padding: 20px  !important;
}

.aug-4-product-rating-wrapper{
    display: flex  !important;
    align-items: center  !important;
    gap: 8px  !important;
    font-size: 12px  !important;
    margin-bottom: 8px  !important;
}

.aug-4-product-title{
    font-size: 18px  !important;
    text-transform: capitalize  !important;
    margin-bottom: 8px  !important;
}

.aug-4-product-pricing-wrapper{
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
}

.aug-4-product-add-to-cart{
    width: 44px  !important;
    height: 44px  !important;
    border-radius: 50%  !important;
    display: flex  !important;
    align-items: center  !important;
    justify-content: center  !important;
    background-color: #ececec  !important;
}

.aug-4-product-price{
    font-size: 18px  !important;
    font-weight: 700  !important;
    color: #0a472e  !important;
}

.aug-4-product-add-to-cart i{
    font-size: 20px  !important;
}

@media (max-width: 768px) {
    .aug-4-product-card {
        min-width: 100% !important;
    }
    
    .aug-4-product-container {
        padding: 5px !important;
    }

    .aug-4-product-control-icon.left{
        left: 10px !important;
    }
    .aug-4-product-control-icon.right{
        right: 10px !important;
    }
}




/*menu ends here*/



.aug-1-course-card-section{
    padding: 100px 0 !important;
    width: 100% !important;
    background-color: #f5f5f5 !important;
}

.aug-1-section-title-container{
    text-align: center !important;
    margin-bottom: 50px !important;
}

.aug-1-section-title {
    font-size: 36px !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

.aug-1-section-description{
    font-size: 16px !important;
    color: #666 !important;
    max-width: 600px !important;
    margin: auto !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
}

.aug-1-1-course-card-section{
    padding: 100px 0 !important;
    background-color: #f5f5f5 !important;
}

.aug-1-course-card-container{
    width: 95% !important;
    margin: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    align-items: stretch !important;
    max-width: 1300px !important;
}

.aug-1-course-card{
    flex: 0 0 calc(33.8% - 20px) !important;
    background-color: #fff !important;
    padding: 20px !important;
    border-radius: 10px !important;
    border: 1px solid #E0E5EB !important;
    transition: transform 0.3s ease-in-out !important;
    cursor: pointer !important;
}

.aug-1-course-card:hover {
    transform: translateY(-10px) !important;
}

.aug-1-2-course-card{
    flex: 0 0 calc(50% - 10px) !important;
    background-color: #fff !important;
    padding: 20px !important;
    border-radius: 10px !important;
    border: 1px solid #E0E5EB !important;
    transition: transform 0.3s ease-in-out !important;
    cursor: pointer !important;
}

.aug-1-2-course-card:hover {
    transform: translateY(-10px) !important;
}

.aug-1-4-course-card{
    flex: 0 0 calc(25% - 20px) !important;
    background-color: #fff !important;
    padding: 20px !important;
    border-radius: 10px !important;
    border: 1px solid #E0E5EB !important;
    transition: transform 0.3s ease-in-out !important;
    cursor: pointer !important;
}

.aug-1-4-course-card:hover {
    transform: translateY(-10px) !important;
}

.aug-1-4-course-card .aug-1-course-title{
    font-size: 18px !important;
}

.aug-1-4-course-card .aug-1-course-instructor-section{
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 15px !important;
}

.aug-1-4-course-card .aug-1-course-price {
    font-size: 18px !important;
}

.aug-1-4-course-card .aug-1-course-details-button{
    padding: 8px 20px !important;
    font-size: 12px !important;

}

.aug-1-4-course-card .aug-1-instructor-name{
    font-size: 14px !important;
}

.aug-1-4-course-card .aug-1-instructor-title{
    font-size: 12px !important;
}

.aug-1-course-card-image-container{
    width: 100% !important;
    height: 250px !important;
    overflow: hidden !important;
    margin-bottom: 10px !important;
    border-radius: 10px !important;
}

.aug-1-course-card-image{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 10px !important;
}

.aug-1-course-category-badge{
    padding: 4px 10px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    border-radius: 25px !important;
    border: none !important;
    margin-bottom: 10px !important;
    background-color: rgba(7, 166, 152, 0.1) !important;
    color: #07a689 !important;
}

.aug-1-course-title {
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

.aug-1-course-meta-info{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
    list-style: none !important;
}

.aug-1-course-meta-info li{
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 14px !important;
    color: #666 !important;
}

.aug-1-course-instructor-section{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #e0e0e0 !important;
    padding-bottom: 10px !important;
}

.aug-1-instructor-profile{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.aug-1-instructor-avatar-container{
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
}

.aug-1-instructor-avatar{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.aug-1-instructor-details {
    display: flex !important;
    flex-direction: column !important;
}

.aug-1-instructor-name{
    font-size: 16px !important;
    font-weight: 600 !important;
}

.aug-1-instructor-title{
    font-size: 14px !important;
    color: #666 !important;
}

.aug-1-course-rating{
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.aug-1-star-rating {
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    font-size: 14px !important;
    color: #ffc107 !important;
}

.aug-1-rating-value{
    font-size: 14px !important;
    color: #666 !important;
}

.aug-1-course-price-section{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 10px !important;
}

.aug-1-course-price{
    font-size: 20px !important;
    font-weight: 600 !important;
}

.aug-1-course-details-button{
    padding: 10px 20px !important;
    border: none !important;
    border-radius: 50px !important;
    background-color: transparent !important;
    border: 1px solid #E0E5EB !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}

@media (max-width: 768px){

    .aug-1-course-card-container{
        width: 95% !important;
        flex-direction: column !important;
    }
    .aug-1-course-card{
        flex: 0 0 calc(50% - 10px) !important;
        padding: 15px !important;
    }

    .aug-1-course-card-image-container{
        height: 200px !important;
    }

    .aug-1-course-title{
        font-size: 18px !important;
    }

    .aug-1-course-meta-info{
        flex-wrap: wrap !important;
    }

    .aug-1-instructor-title{
        font-size: 12px !important;
    }

    .aug-1-instructor-name{
        font-size: 14px !important;
    }

    .aug-1-course-details-button{
        padding: 8px 20px !important;
        font-size: 12px !important;
    
    }

    .aug-1-course-instructor-section{
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 15px !important;
    }
}

.aug-2-course-card-section{
    padding: 100px 0 !important;
    width: 100% !important;
    background-color: #f7f7ff !important;
}

.aug-2-section-title-container{
    text-align: center !important;
    margin-bottom: 50px !important;
}

.aug-2-section-subtitle{
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1f242e !important;
    margin-bottom: 10px !important;
}

.aug-2-section-title{
    font-size: 36px !important;
    font-weight: 600 !important;
}

.aug-2-course-card-container{
    width: 95% !important;
    margin: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    align-items: stretch !important;
    max-width: 1300px !important;
}

.aug-2-course-card{
    flex: 0 0 calc(33.8% - 20px) !important;
    background-color: #fff !important;
    cursor: pointer !important;
    transition: transform 0.3s ease-in-out !important;
}

.aug-2-course-card:hover {
    transform: translateY(-10px) !important;
}

.aug-2-4-course-card {
    flex: 0 0 calc(25% - 20px) !important;
    background-color: #fff !important;
    cursor: pointer !important;
    transition: transform 0.3s ease-in-out !important;
}

.aug-2-4-course-card:hover {
    transform: translateY(-10px) !important;
}

.aug-2-4-course-card .aug-2-course-card-image-badge{
    width: 70px !important;
    height: 70px !important;
}

.aug-2-4-course-card .aug-2-course-card-title {
    font-size: 20px !important;
}

.aug-2-4-course-card .aug-2-course-card-meta-info-item{
    font-size: 14px !important;
}

.aug-2-2-course-card {
    flex: 0 0 calc(50% - 20px) !important;
    background-color: #fff !important;
    cursor: pointer !important;
    transition: transform 0.3s ease-in-out !important;
}

.aug-2-2-course-card:hover {
    transform: translateY(-10px) !important;
}

.aug-2-2-course-card .aug-2-course-card-image-container{
    height: 350px !important;
}

.aug-2-course-card-image-container{
    position: relative !important;
    width: 100% !important;
    height: 300px !important;
}

.aug-2-course-card-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: relative !important;
}

.aug-2-course-card-image-badge{
    position: absolute !important;
    bottom: -20px !important;
    right: 20px !important;
    width: 78px !important;
    height: 78px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #1f242e !important;
    color: #fff !important;
    border-radius: 50% !important;
}

.aug-2-course-card-content {
    padding: 30px 40px !important;
}

.aug-2-course-card-title {
    font-size: 24px !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

.aug-2-course-card-instructor {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #666 !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #e0e0e0 !important;
    padding-bottom: 10px !important;
    display: inline-block !important;
    width: 100% !important;
}

.aug-2-course-card-meta-info {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.aug-2-course-card-meta-info-item {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 16px !important;
}

.aug-2-course-card-meta-info-item i {
    font-size: 18px !important;
    color: #07a689 !important;
}

@media (max-width: 768px) {
    .aug-2-course-card-container{
        flex-direction: column !important;
    }
    
    .aug-2-course-card-image-badge{
        width: 70px !important;
        height: 70px !important;
    }
    
    .aug-2-course-card-title {
        font-size: 20px !important;
    }
    
    .aug-2-course-card-meta-info-item{
        font-size: 14px !important;
    }

    .aug-2-course-card-image-container{
        height: 250px !important;
    }
}

.aug-3-course-card-section{
    padding: 100px 0 !important;
    width: 100% !important;
    background-color: #ffff !important;
}

.aug-3-section-title-container{
    max-width: 1300px !important;
    margin: auto !important;
    width: 95% !important;
    margin-bottom: 50px !important;
}

.aug-3-section-title {
    font-size: 36px !important;
    text-transform: capitalize !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

.aug-3-section-subtitle {
    font-size: 16px !important;
    color: #666 !important;
    font-weight: 400 !important;
}

.aug-3-course-card-container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    align-items: stretch !important;
    max-width: 1300px !important;
    margin: auto !important;
    width: 95% !important;
}

.aug-3-course-card {
    flex: 0 0 calc(33.8% - 20px) !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    transition: box-shadow 0.3s ease-in-out !important;
}

.aug-3-course-card:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
}

.aug-3-2-course-card{
    flex: 0 0 calc(50% - 20px) !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    transition: box-shadow 0.3s ease-in-out !important;
}

.aug-3-2-course-card:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
}

.aug-3-course-card-image-container {
    width: 100% !important;
    height: 300px !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    position: relative !important;
    overflow: hidden !important;
}

.aug-3-course-card-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    position: relative !important;
    z-index: 0 !important;
}

.aug-3-course-card-image-container::after {
    content: " " !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    z-index: 1 !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.aug-3-course-card-instructor-container{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    position: absolute !important;
    bottom: 10px !important;
    left: 10px !important;
    background-color: #fff !important;
    padding: 5px !important;
    border-radius: 10px !important;
    z-index: 2 !important;
}

.aug-3-course-card-instructor-avatar-container{
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
}

.aug-3-course-card-instructor-avatar{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 10px !important;
}

.aug-3-course-card-instructor-details{
    display: flex !important;
    flex-direction: column !important;
}

.aug-3-course-card-instructor-name {
    font-size: 14px !important;
}

.aug-3-course-card-instructor-title{
    font-size: 12px !important;
    color: #666 !important;
}

.aug-3-course-card-content{
    padding: 20px !important;
}

.aug-3-course-card-meta-info{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 10px !important;
}

.aug-3-course-card-meta-info-item{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.aug-3-course-card-meta-info-item-button{
    padding: 4px 10px !important;
    border: none !important;
    border-radius: 5px !important;
    font-size: 12px !important;
}

.aug-3-course-card-meta-info-item-button:first-child{
    color: #fd7e14 !important;
    background-color: rgba(253, 126, 20, 0.1) !important;
}

.aug-3-course-card-meta-info-item-button:last-child{
    background-color: #1f242e !important;
    color: #fff !important;
}

.aug-3-course-card-meta-info i {
    font-size: 18px !important;
}

.aug-3-course-card-title{
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

.aug-3-course-card-rating-container{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
    font-size: 14px !important;
    border-bottom: 1px solid #e0e0e0 !important;
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
}

.aug-3-course-card-rating-stars{
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
}

.aug-3-course-card-rating-stars i{
    color: #ffc107 !important;
}

.aug-3-course-card-rating-count {
    color: #666 !important;
}

.aug-3-course-card-price-container{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.aug-3-course-card-price{
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #07a689 !important;
}

.aug-3-course-card-duration {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 14px !important;
}

.aug-3-course-card-duration i{
    color: #b90000 !important;
}

@media (max-width: 768px) {
    .aug-3-course-card-container{
        flex-direction: column !important;
    }

    .aug-3-section-title{
        font-size: 24px !important;
    }

    .aug-3-section-subtitle{
        font-size: 14px !important;
    }
}

.aug-4-course-card-section{
    padding: 100px 0 !important;
    width: 100% !important;
    background-color: #fff !important;
}

.aug-4-section-title-container{
    max-width: 1300px !important;
    margin: auto !important;
    width: 95% !important;
    margin-bottom: 50px !important;
}

.aug-4-section-title{
    font-size: 36px !important;
    font-weight: 600 !important;
    margin-bottom: 5px !important;
}

.aug-4-section-subtitle{
    font-size: 16px !important;
    color: #666 !important;
    font-weight: 400 !important;
}

.aug-4-course-card-container{
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    max-width: 1300px !important;
    margin: auto !important;
    width: 95% !important;
    flex-wrap: wrap !important;
}

.aug-4-course-card{
    flex: 0 0 calc(33.8% - 20px) !important;
    padding: 5px !important;
    border-radius: 10px !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
    cursor: pointer !important;
}

.aug-4-2-course-card{
    flex: 0 0 calc(50% - 20px) !important;
    padding: 5px !important;
    border-radius: 10px !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
    cursor: pointer !important;
}

.aug-4-2-course-card:hover .aug-4-course-card-image-container::after{
    top: 0 !important;
}

.aug-4-2-course-card:hover .aug-4-course-card-image-badge{
    display: flex !important;
    transform: translateY(0) !important;
}

.aug-4-course-card-image-container{
    width: 100% !important;
    height: 300px !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 10px !important;
}

.aug-4-course-card-image-container::after{
    content: " " !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    z-index: 1 !important;
    border-radius: 10px !important;
    transition: top 0.3s ease-in-out !important;
}

.aug-4-course-card:hover .aug-4-course-card-image-container::after{
    top: 0 !important;
}

.aug-4-course-card-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: relative !important;
    z-index: 0 !important;
    border-radius: 10px !important;
}

.aug-4-course-card-image-badge{
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 40px !important;
    height: 40px !important;
    background-color: #fff !important;
    color: #b90000 !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    display: none !important;
    transition: display 0.5s ease-in-out !important;
    transform: translateY(-2px) !important;
}

.aug-4-course-card:hover .aug-4-course-card-image-badge{
    display: flex !important;
    transform: translateY(0) !important;
}

.aug-4-course-card-content{
    padding: 20px !important;
}

.aug-4-course-card-meta-info{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-bottom: 1px solid #e0e0e0 !important;
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
}

.aug-4-course-card-instructor-container{
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
}

.aug-4-course-card-instructor-avatar{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

.aug-4-course-card-meta-info-item{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.aug-4-course-card-meta-info-item-container{
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.aug-4-course-card-meta-info-item-icon{
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.aug-4-course-card-meta-info-item-icon.grade{
    color: #fd7e14 !important;
    background-color: rgba(253, 126, 20, 0.1) !important;
}

.aug-4-course-card-meta-info-item-icon.star{
    color: #ffc107 !important;
    background-color: rgba(255, 193, 7, 0.1) !important;
}

.aug-4-course-card-meta-info-item-value{
    font-size: 14px !important;
}

.aug-4-course-card-title{
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

.aug-4-course-card-category-container{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.aug-4-course-card-category-btn{
    padding: 4px 10px !important;
    color: #07a689 !important;
    background-color: rgba(7, 166, 152, 0.1) !important;
    border: none !important;
    border-radius: 5px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.aug-4-course-category-status{
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background-color: #07a689 !important;
}

.aug-4-course-card-price{
    font-size: 20px !important;
    color: #07a689 !important;
    font-weight: 600 !important;
}

@media (max-width: 768px) {
    .aug-4-course-card-container {
        flex-direction: column !important;
    }

    .aug-4-2-course-card{
        flex: 0 0 100% !important;
    }
}

.aug-5-course-card-section{
    padding: 100px 0 !important;
    width: 100% !important;
}

.aug-5-course-section-title-container{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    max-width: 1300px !important;
    margin: auto !important;
    width: 95% !important;
    margin-bottom: 50px !important;
}

.aug-5-course-section-title-container-left{
    display: flex !important;
    flex-direction: column !important;
}

.aug-5-course-section-title-container-left-title{
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #07a689 !important;
    text-transform: uppercase !important;
}

.aug-5-course-section-title-container-left-subtitle{
    font-size: 48px !important;
    font-weight: 600 !important;
    max-width: 500px !important;
    line-height: 1.2 !important;
}

.aug-5-course-section-title-container-right{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.aug-5-course-section-title-container-right-control-btn{
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    background-color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    border: 1px solid #e0e0e0 !important;
    color: #666 !important;
}

.aug-5-course-card-container-wrapper{
    max-width: 1300px !important;
    margin: auto !important;
    width: 95% !important;
    overflow: hidden !important;
}

.aug-5-course-card-container{
    display: flex !important;
    transition: transform 0.5s ease-in-out !important;
    gap: 10px !important;
    padding: 10px 10px !important;
}

.aug-5-course-card{
    min-width: calc(25% - 10px) !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
    border-radius: 10px !important;
    transition: transform 0.5s ease-in-out !important;
    cursor: pointer !important;
}

.aug-5-course-card-image-container{
    width: 100% !important;
    height: 300px !important;
    position: relative !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.aug-5-course-card-image{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    position: relative !important;
}

.aug-5-course-card-price{
    position: absolute !important;
    top: 15px !important;
    right: 0 !important;
    background-color: #b90000 !important;
    color: #fff !important;
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
    padding: 4px 10px !important;
    font-size: 14px !important;
}

.aug-5-course-card-category{
    position: absolute !important;
    left: 15px !important;
    bottom: -15px !important;
    background-color: #07a689 !important;
    color: #fff !important;
    padding: 6px 25px !important;
    font-size: 12px !important;
    border-radius: 25px !important;
    text-transform: uppercase !important;
}

.aug-5-course-card-meta-info{
    padding: 30px 20px 20px !important;
}

.aug-5-course-card-meta-info-item{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 14px !important;
    margin-bottom: 10px !important;
}

.aug-5-course-card-meta-info-item-value{
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: #666 !important;
}

.aug-5-course-card-meta-info-item-value i{
    color: #07a689 !important;
}

.aug-5-course-card-title{
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

.aug-5-course-card-rating-container{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 10px !important;
    font-size: 14px !important;
    color: #666 !important;
}

.aug-5-course-card-rating-duration{
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.aug-5-course-card-rating-duration i{
    color: #07a689 !important;
}

.aug-5-course-card-rating-stars{
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 14px !important;
}

.aug-5-course-card-rating-stars{
    color: #ffc107 !important;
}

@media (max-width: 768px) {
    .aug-5-course-card{
        flex: 0 0 100% !important;
        min-width: 100% !important;
    }

    .aug-5-course-section-title-container-left-subtitle{
        font-size: 32px !important;
    }

    .aug-5-course-card-container{
        padding: 5px !important;
    }

    .aug-5-course-section-title-container{
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 20px !important;
    }
}









.aug-1-blog-container{
    padding: 100px 0  !important;
    width: 100%  !important;
}

.aug-1-blog-wrapper{
    width: 90%  !important;
    margin: auto  !important;
    max-width: 1200px  !important;
}

.aug-1-blog-header{
    text-align: center  !important;
    margin-bottom: 40px  !important;
}

.aug-1-blog-header h1{
    font-size: 44px  !important;
}

.aug-1-blog-row{
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
    gap: 20px  !important;
}

.aug-1-blog-card{
    flex: 0 0 calc(33.33% - 20px)  !important;
    transition: transform 0.2s ease  !important;
    cursor: pointer  !important;
}

.aug-1-blog-card:hover {
    transform: translateY(-5px)  !important;
}

.aug-1-blog-image {
    width: 100%  !important;
    margin-bottom: 12px  !important;
}

.aug-1-blog-image img{
    width: 100%  !important;
    height: 250px  !important;
    object-fit: cover  !important;
    border-radius: 15px  !important;
}

.aug-1-blog-meta{
    display: flex  !important;
    gap: 20px  !important;
    font-size: 14px  !important;
    margin-bottom: 12px  !important;
    color: #4f4f4f  !important;
}

.aug-1-blog-meta span {
    display: flex  !important;
    align-items: center  !important;
    gap: 5px  !important;
}

.aug-1-blog-title{
    font-size: 24px  !important;
    font-weight: 600  !important;
    margin-bottom: 12px  !important;
    line-height: 1.3  !important;
}

.aug-1-blog-description{
    margin-bottom: 20px  !important;
    line-height: 1.5  !important;
    color: #4f4f4f  !important;
}

.aug-1-read-more{
    text-decoration: none  !important;
    font-weight: 500  !important;
    transition: all 0.2s ease  !important;
    display: inline-flex  !important;
    align-items: center  !important;
    gap: 8px  !important;
    padding: 8px 16px  !important;
    border-style: solid  !important;
    border-width: 1px 1px 3px 1px  !important;
    border-color: #0066ff  !important;
    border-radius: 12px  !important;
    color: #000  !important;
    font-size: 15px  !important;
}

@media (max-width: 760px) {
    .aug-1-blog-row{
        flex-direction: column  !important;
        gap: 30px  !important;
    }

    .aug-1-blog-header h1{
        font-size: 34px  !important;
    }

    .aug-1-blog-title{
        font-size: 22px  !important;
    }

    .aug-1-blog-description{
        font-size: 15px  !important;
    }
}

.aug-2-blog-container{
    padding: 100px 0  !important;
    width: 100%  !important;
}

.aug-2-blog-wrapper{
    width: 90%  !important;
    margin: auto  !important;
    max-width: 1200px  !important;
}

.aug-2-blog-header{
    text-align: center  !important;
    margin-bottom: 40px  !important;
}

.aug-2-blog-header h1{
    font-size: 44px  !important;
    margin-bottom: 12px  !important;
}

.aug-2-blog-header p{
    font-size: 16px  !important;
    max-width: 500px  !important;
    margin: auto  !important;
    line-height: 1.5  !important;
}

.aug-2-blog-row{
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
    gap: 20px  !important;
}

.aug-2-blog-card{
    flex: 0 0 calc(33.33% - 20px)  !important;
    transition: transform 0.2s ease  !important;
    cursor: pointer  !important;
    border: 1px solid #ddd  !important;
    border-radius: 15px  !important;
}

.aug-2-blog-card:hover {
    transform: translateY(-5px)  !important;
}

.aug-2-blog-image {
    width: 100%  !important;
    margin-bottom: 12px  !important;
}

.aug-2-blog-image img{
    width: 100%  !important;
    height: 300px  !important;
    object-fit: cover  !important;
    border-top-left-radius: 15px  !important;
    border-top-right-radius: 15px  !important;
}

.aug-2-blog-content{
    padding: 12px  !important;
}

.aug-2-blog-meta{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
    font-size: 14px  !important;
    margin-bottom: 12px  !important;
    color: #4f4f4f  !important;
}

.aug-2-blog-meta span:first-child {
    border: 1px solid #ddd  !important;
    padding: 5px 10px  !important;
    border-radius: 50px  !important;
}

.aug-2-blog-title{
    font-size: 22px  !important;
    font-weight: 500  !important;
    margin-bottom: 12px  !important;
    line-height: 1.3  !important;
}

@media (max-width: 760px) {
    .aug-2-blog-row{
        flex-direction: column  !important;
        gap: 30px  !important;
    }

    .aug-2-blog-header h1{
        font-size: 34px  !important;
    }

    .aug-2-blog-title{
        font-size: 22px  !important;
    }

    .aug-2-blog-description{
        font-size: 15px  !important;
    }
}

.aug-3-blog-container{
    padding: 100px 0  !important;
    width: 100%  !important;
}

.aug-3-blog-wrapper{
    width: 90%  !important;
    margin: auto  !important;
    max-width: 1200px  !important;
    display: flex  !important;
}

.aug-3-blog-header{
    flex: 0 0 calc(40%)  !important;
}

.aug-3-blog-header h1{
    font-size: 48px  !important;
    margin-bottom: 12px  !important;
    color: #121e4c  !important;
    font-weight: 500  !important;
}

.aug-3-blog-header p{
    font-size: 16px  !important;
    max-width: 500px  !important;
    margin: auto  !important;
    margin-bottom: 12px  !important;
    line-height: 1.5  !important;
    color: #3f4b7d  !important;
}

.aug-3-blog-header button{
    font-size: 16px  !important;
    border: 1.5px solid #cad2f0  !important;
    padding: 18px 24px  !important;
    background-color: transparent  !important;
    border-radius: 12px  !important;
}

.aug-3-blog-header button a{
    text-decoration: none  !important;
    color: inherit  !important;
}

.aug-3-blog-row{
    display: flex  !important;
    align-items: stretch  !important;
    flex-direction: column  !important;
    gap: 20px  !important;
}

.aug-3-blog-card{
    transition: transform 0.2s ease  !important;
    cursor: pointer  !important;
    align-items: center  !important;
    display: flex  !important;
}

.aug-3-blog-card:hover {
    transform: translateY(-5px)  !important;
}

.aug-3-blog-image {
    width: 100%  !important;
    flex: 0 0 calc(40%)  !important;
}

.aug-3-blog-image img{
    width: 100%  !important;
    height: 300px  !important;
    object-fit: cover  !important;
    border-radius: 15px  !important;
}

.aug-3-blog-content{
    padding: 12px  !important;
    flex: 0 0 calc(60%)  !important;
}

.aug-3-blog-meta{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
    font-size: 16px  !important;
    margin-bottom: 24px  !important;
    color: #4f4f4f  !important;
}

.aug-3-blog-meta span:first-child {
    background-color: #dce6f9  !important;
    padding: 12px 20px  !important;
    border-radius: 25px  !important;
}

.aug-3-blog-title{
    font-size: 22px  !important;
    font-weight: 500  !important;
    margin-bottom: 12px  !important;
    line-height: 1.3  !important;
    margin-bottom: 24px  !important;
}

.aug-3-read-more{
    display: flex  !important;
    align-items: center  !important;
    gap: 8px  !important;
    color: #3f4b7d  !important;
    font-size: 16px  !important;
    text-decoration: none  !important;
}

@media (max-width: 760px) {
    .aug-3-blog-wrapper{
        flex-direction: column  !important;
        gap: 30px  !important;
    }

    .aug-3-blog-card{
        flex-direction: column  !important;
        gap: 20px  !important;
    }

    .aug-3-blog-header h1{
        font-size: 34px  !important;
    }

    .aug-3-blog-title{
        font-size: 22px  !important;
    }

    .aug-3-blog-description{
        font-size: 15px  !important;
    }
}


.aug-4-blog-container{
    padding: 100px 0  !important;
    width: 100%  !important;
}

.aug-4-blog-wrapper{
    width: 90%  !important;
    margin: auto  !important;
    max-width: 1200px  !important;
}

.aug-4-blog-header{
    margin-bottom: 40px  !important;
}

.aug-4-blog-header h1{
    font-size: 48px  !important;
    margin-bottom: 12px  !important;
    color: #121e4c  !important;
}

.aug-4-blog-row{
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
    flex-wrap: wrap  !important;
    gap: 20px  !important;
}

.aug-4-blog-card{
    flex: 0 0 calc(50% - 20px)  !important;
    transition: transform 0.2s ease  !important;
    cursor: pointer  !important;
}

.aug-4-blog-card:hover {
    transform: translateY(-5px)  !important;
}

.aug-4-blog-image {
    width: 100%  !important;
    position: relative  !important;
}

.aug-4-blog-image img{
    width: 100%  !important;
    height: 300px  !important;
    object-fit: cover  !important;
    border-radius: 15px  !important;
    position: relative  !important;
}

.aug-4-blog-content{
    padding: 12px  !important;
}

.aug-4-blog-meta{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
    font-size: 16px  !important;
    color: #4f4f4f  !important;
    position: absolute  !important;
    left: 10px  !important;
    top: 10px  !important;
}

.aug-4-blog-meta span{
    background-color: #14ca74  !important;
    padding: 12px 20px  !important;
    border-radius: 25px  !important;
    color: #fff  !important;
}

.aug-4-blog-title{
    font-size: 32px  !important;
    margin-bottom: 12px  !important;
    line-height: 1.3  !important;
    color: rgb(17, 35, 89)  !important;
}

.aug-4-blog-description{
    line-height: 1.5  !important;
    font-size: 18px  !important;
    color: rgb(17, 35, 89)  !important;
}

.aug-4-read-more{
    display: flex  !important;
    align-items: center  !important;
    gap: 8px  !important;
    color: #3f4b7d  !important;
    font-size: 16px  !important;
}

@media (max-width: 760px) {
    .aug-4-blog-row{
        flex-direction: column  !important;
        gap: 30px  !important;
    }

    .aug-4-blog-header h1{
        font-size: 34px  !important;
    }

    .aug-4-blog-title{
        font-size: 22px  !important;
    }

    .aug-4-blog-description{
        font-size: 15px  !important;
    }

    .aug-4-blog-meta{
        font-size: 14px  !important;
    }
}

.aug-5-blog-container{
    padding: 100px 0  !important;
    width: 100%  !important;
    background-color: #edf0f5  !important;
}

.aug-5-blog-wrapper{
    width: 90%  !important;
    margin: auto  !important;
    max-width: 1200px  !important;
}

.aug-5-blog-header{
    margin-bottom: 40px  !important;
}

.aug-5-blog-header h1{
    font-size: 48px  !important;
    margin-bottom: 12px  !important;
    color: #121e4c  !important;
}

.aug-5-blog-row{
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
    flex-wrap: wrap  !important;
    gap: 20px  !important;
}

.aug-5-blog-card{
    flex: 0 0 calc(50% - 20px)  !important;
    transition: transform 0.2s ease  !important;
    cursor: pointer  !important;
}

.aug-5-blog-card:hover {
    transform: translateY(-5px)  !important;
}

.aug-5-blog-image {
    width: 100%  !important;
    position: relative  !important;
    margin-bottom: 16px  !important;
}

.aug-5-blog-image img{
    width: 100%  !important;
    height: 300px  !important;
    object-fit: cover  !important;
    border-radius: 15px  !important;
    position: relative  !important;
}

.aug-5-blog-content{
    padding: 20px  !important;
    background-color: #fff  !important;
    border-radius: 15px  !important;
}

.aug-5-blog-meta{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
    font-size: 16px  !important;
    color: #4f4f4f  !important;
    position: absolute  !important;
    left: 10px  !important;
    top: 10px  !important;
}

.aug-5-blog-meta span{
    background-color: #4c68ff  !important;
    padding: 12px 20px  !important;
    border-radius: 25px  !important;
    color: #fff  !important;
}

.aug-5-blog-title{
    font-size: 28px  !important;
    margin-bottom: 16px  !important;
    line-height: 1.3  !important;
    color: rgb(17, 35, 89)  !important;
}

.aug-5-blog-description{
    line-height: 1.5  !important;
    font-size: 16px  !important;
    color: rgb(17, 35, 89)  !important;
}

.aug-5-blog-date{
    font-size: 16px  !important;
    color: rgb(17, 35, 89)  !important;
    margin-bottom: 16px  !important;
    display: block  !important;
}

.aug-5-read-more{
    display: flex  !important;
    align-items: center  !important;
    gap: 8px  !important;
    color: #3f4b7d  !important;
    font-size: 16px  !important;
}

@media (max-width: 760px) {
    .aug-5-blog-row{
        flex-direction: column  !important;
        gap: 30px  !important;
    }

    .aug-5-blog-header h1{
        font-size: 34px  !important;
    }

    .aug-5-blog-title{
        font-size: 22px  !important;
    }

    .aug-5-blog-description{
        font-size: 15px  !important;
    }

    .aug-5-blog-meta{
        font-size: 14px  !important;
    }
}

.aug-6-blog-container{
    padding: 100px 0  !important;
    width: 100%  !important;
}

.aug-6-blog-wrapper{
    width: 90%  !important;
    margin: auto  !important;
    max-width: 1200px  !important;
}

.aug-6-blog-header{
    margin-bottom: 40px  !important;
    text-align: center  !important;
}

.aug-6-blog-header h3{
    color: #093628  !important;
}

.aug-6-blog-header h1{
    font-size: 48px  !important;
    margin-bottom: 12px  !important;
    color: #121e4c  !important;
}

.aug-6-blog-header p{
    max-width: 500px  !important;
    margin: auto  !important;
    line-height: 1.5  !important;
}

.aug-6-blog-row{
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
    flex-wrap: wrap  !important;
    gap: 20px  !important;
}

.aug-6-blog-card{
    flex: 0 0 calc(50% - 20px)  !important;
    transition: transform 0.2s ease  !important;
    cursor: pointer  !important;
}

.aug-6-blog-card:hover {
    transform: translateY(-5px)  !important;
}

.aug-6-blog-image {
    width: 100%  !important;
    position: relative  !important;
    margin-bottom: 16px  !important;
}

.aug-6-blog-image img{
    width: 100%  !important;
    height: 300px  !important;
    object-fit: cover  !important;
    border-radius: 15px  !important;
    position: relative  !important;
}

.aug-6-blog-meta{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
    font-size: 16px  !important;
    color: #4f4f4f  !important;
}

.aug-6-blog-meta span:first-child{
    background-color: #e8f8f2  !important;
    padding: 12px 20px  !important;
    border-radius: 25px  !important;
    color: #093628  !important;
    font-weight: 600  !important;
}

.aug-6-blog-title{
    font-size: 28px  !important;
    margin-bottom: 16px  !important;
    line-height: 1.3  !important;
    color: rgb(17, 35, 89)  !important;
}

.aug-6-blog-description{
    line-height: 1.5  !important;
    font-size: 16px  !important;
    color: rgb(17, 35, 89)  !important;
}

.aug-6-read-more{
    display: flex  !important;
    align-items: center  !important;
    gap: 8px  !important;
    color: #3f4b7d  !important;
    font-size: 16px  !important;
}

@media (max-width: 760px) {
    .aug-6-blog-row{
        flex-direction: column  !important;
        gap: 30px  !important;
    }

    .aug-6-blog-header h1{
        font-size: 34px  !important;
    }

    .aug-6-blog-title{
        font-size: 22px  !important;
    }

    .aug-6-blog-description{
        font-size: 15px  !important;
    }

    .aug-6-blog-meta{
        font-size: 14px  !important;
    }
}

.aug-7-blog-container{
    padding: 100px 0  !important;
    width: 100%  !important;
}

.aug-7-blog-wrapper{
    width: 90%  !important;
    margin: auto  !important;
    max-width: 1200px  !important;
}

.aug-7-blog-header{
    margin-bottom: 40px  !important;
    text-align: center  !important;
}

.aug-7-blog-header h3{
    color: #093628  !important;
}

.aug-7-blog-header h1{
    font-size: 48px  !important;
    margin-bottom: 12px  !important;
    color: #121e4c  !important;
}

.aug-7-blog-header p{
    max-width: 500px  !important;
    margin: auto  !important;
    line-height: 1.5  !important;
}

.aug-7-blog-row{
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
    flex-wrap: wrap  !important;
    gap: 30px  !important;
}

.aug-7-blog-card{
    flex: 0 0 calc(50% - 30px)  !important;
    transition: transform 0.2s ease  !important;
    cursor: pointer  !important;
    display: flex  !important;
    align-items: stretch  !important;
    height: 220px  !important;
    gap: 20px  !important;
}

.aug-7-blog-card:hover {
    transform: translateY(-5px)  !important;
}

.aug-7-blog-image {
    width: 100%  !important;
    position: relative  !important;
    margin-bottom: 16px  !important;
    height: 100%  !important;
    flex: 0 0 calc(40% - 20px)  !important;
}

.aug-7-blog-image img{
    width: 100%  !important;
    height: 100%  !important;
    object-fit: cover  !important;
    border-radius: 15px  !important;
    position: relative  !important;
}

.aug-7-blog-content{
    width: 100%  !important;
    height: 100%  !important;
    flex: 0 0 calc(60% - 20px)  !important;
}

.aug-7-blog-meta{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
    font-size: 14px  !important;
    color: #4f4f4f  !important;
}

.aug-7-blog-meta span:first-child{
    background-color: #e8f8f2  !important;
    padding: 12px 20px  !important;
    border-radius: 25px  !important;
    color: #093628  !important;
    font-weight: 600  !important;
}

.aug-7-blog-title{
    font-size: 20px  !important;
    margin-bottom: 8px  !important;
    line-height: 1.3  !important;
    color: rgb(17, 35, 89)  !important;
}

.aug-7-blog-description{
    line-height: 1.5  !important;
    font-size: 16px  !important;
    color: rgb(17, 35, 89)  !important;
    margin-bottom: 16px  !important;
}

.aug-7-read-more{
    display: flex  !important;
    align-items: center  !important;
    gap: 8px  !important;
    color: #3f4b7d  !important;
    font-size: 16px  !important;
}

@media (max-width: 760px) {
    .aug-7-blog-row{
        flex-direction: column  !important;
        gap: 30px  !important;
    }

    .aug-7-blog-card{
        flex-direction: column  !important;
    }

    .aug-7-blog-header h1{
        font-size: 34px  !important;
    }

    .aug-7-blog-title{
        font-size: 22px  !important;
    }

    .aug-7-blog-description{
        font-size: 15px  !important;
    }

    .aug-7-blog-meta{
        font-size: 14px  !important;
    }
}

.aug-8-blog-container{
    padding: 100px 0  !important;
    width: 100%  !important;
    background-color: #f4f8ff  !important;
}

.aug-8-blog-wrapper{
    width: 90%  !important;
    margin: auto  !important;
    max-width: 1200px  !important;
}

.aug-8-blog-header{
    margin-bottom: 40px  !important;
    text-align: center  !important;
}

.aug-8-blog-header h3{
    color: #093628  !important;
}

.aug-8-blog-header h1{
    font-size: 48px  !important;
    margin-bottom: 12px  !important;
    color: #121e4c  !important;
}

.aug-8-blog-header p{
    max-width: 500px  !important;
    margin: auto  !important;
    line-height: 1.5  !important;
}

.aug-8-blog-row{
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
    flex-wrap: wrap  !important;
    gap: 30px  !important;
}

.aug-8-blog-card{
    flex: 0 0 calc(33.33% - 30px)  !important;
    transition: transform 0.2s ease  !important;
    cursor: pointer  !important;
    gap: 20px  !important;
    background-color: #fff  !important;
    border-radius: 15px  !important;
}

.aug-8-blog-card:hover {
    transform: translateY(-5px)  !important;
}

.aug-8-blog-image {
    width: 100%  !important;
    position: relative  !important;
}

.aug-8-blog-image img{
    width: 100%  !important;
    height: 250px  !important;
    object-fit: cover  !important;
    border-top-left-radius: 15px  !important;
    border-top-right-radius: 15px  !important;
    position: relative  !important;
}

.aug-8-blog-content{
    width: 100%  !important;
    padding: 20px  !important;
}

.aug-8-blog-meta{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
    font-size: 14px  !important;
    color: #4f4f4f  !important;
    position: absolute  !important;
    top: 10px  !important;
    left: 10px  !important;
}

.aug-8-blog-meta span:first-child{
    background-color: #e8f8f2  !important;
    padding: 12px 20px  !important;
    border-radius: 25px  !important;
    color: #093628  !important;
    font-weight: 600  !important;
}

.aug-8-blog-title{
    font-size: 20px  !important;
    margin-bottom: 16px  !important;
    line-height: 1.3  !important;
    color: rgb(17, 35, 89)  !important;
}

.aug-8-blog-item{
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
}

.aug-8-blog-item i{
    font-size: 18px  !important;
}

@media (max-width: 760px) {
    .aug-8-blog-row{
        flex-direction: column  !important;
        gap: 30px  !important;
    }
    
    .aug-8-blog-header h1{
        font-size: 34px  !important;
    }

    .aug-8-blog-title{
        font-size: 22px  !important;
    }

    .aug-8-blog-description{
        font-size: 15px  !important;
    }

    .aug-8-blog-meta{
        font-size: 14px  !important;
    }
}


.aug-9-blog-container{
    padding: 100px 0  !important;
    width: 100%  !important;
}

.aug-9-blog-wrapper{
    width: 90%  !important;
    margin: auto  !important;
    max-width: 1200px  !important;
}

.aug-9-blog-header{
    margin-bottom: 40px  !important;
}

.aug-9-blog-header h1{
    font-size: 48px  !important;
    margin-bottom: 12px  !important;
    color: #121e4c  !important;
}

.aug-9-blog-row{
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
    flex-wrap: wrap  !important;
    gap: 30px  !important;
}

.aug-9-blog-card{
    flex: 0 0 calc(33.33% - 30px)  !important;
    transition: transform 0.2s ease  !important;
    cursor: pointer  !important;
    gap: 20px  !important;
}

.aug-9-blog-card:hover {
    transform: translateY(-5px)  !important;
}

.aug-9-blog-image {
    width: 100%  !important;
    position: relative  !important;
    margin-bottom: 16px  !important;
}

.aug-9-blog-image img{
    width: 100%  !important;
    height: 250px  !important;
    object-fit: cover  !important;
    position: relative  !important;
}

.aug-9-blog-content{
    width: 100%  !important;
}

.aug-9-blog-meta{
    display: flex  !important;
    align-items: center  !important;
    gap: 20px  !important;
    font-size: 14px  !important;
    color: #4f4f4f  !important;
}

.aug-9-blog-title{
    font-size: 20px  !important;
    margin-bottom: 16px  !important;
    line-height: 1.3  !important;
    color: rgb(17, 35, 89)  !important;
}

.aug-9-blog-line{
    width: 100px  !important;
    height: 1px  !important;
    background-color: #4f4f4f  !important;
}

@media (max-width: 760px) {
    .aug-9-blog-row{
        flex-direction: column  !important;
        gap: 30px  !important;
    }

    .aug-9-blog-header h1{
        font-size: 34px  !important;
    }

    .aug-9-blog-title{
        font-size: 22px  !important;
    }

    .aug-9-blog-description{
        font-size: 15px  !important;
    }

    .aug-9-blog-meta{
        font-size: 14px  !important;
    }
}

.aug-10-blog-container{
    padding: 100px 0  !important;
    width: 100%  !important;
}

.aug-10-blog-wrapper{
    width: 90%  !important;
    margin: auto  !important;
    max-width: 1200px  !important;
}

.aug-10-blog-header{
    margin-bottom: 40px  !important;
}

.aug-10-blog-header h1{
    font-size: 48px  !important;
    margin-bottom: 12px  !important;
    color: #121e4c  !important;
}

.aug-10-blog-row{
    display: flex  !important;
    align-items: stretch  !important;
    justify-content: space-between  !important;
    flex-wrap: wrap  !important;
    gap: 30px  !important;
}

.aug-10-blog-card{
    flex: 0 0 calc(33.33% - 30px)  !important;
    transition: transform 0.2s ease  !important;
    cursor: pointer  !important;
    gap: 20px  !important;
}

.aug-10-blog-card:hover {
    transform: translateY(-5px)  !important;
}

.aug-10-blog-image {
    width: 100%  !important;
    position: relative  !important;
    margin-bottom: 16px  !important;
}

.aug-10-blog-image img{
    width: 100%  !important;
    height: 250px  !important;
    object-fit: cover  !important;
    position: relative  !important;
    border-radius: 15px  !important;
}

.aug-10-blog-content{
    width: 100%  !important;
}

.aug-10-blog-meta{
    display: flex  !important;
    align-items: center  !important;
    justify-content: space-between  !important;
    gap: 20px  !important;
    font-size: 15px  !important;
    color: #4f4f4f  !important;
}

.aug-10-blog-title{
    font-size: 20px  !important;
    margin-bottom: 24px  !important;
    line-height: 1.3  !important;
    color: rgb(17, 35, 89)  !important;
    border-bottom: 1px solid #d6d6d6  !important;
    padding-bottom: 24px  !important;
}

.aug-10-blog-line{
    width: 100px  !important;
    height: 1px  !important;
    background-color: #4f4f4f  !important;
}

.aug-10-read-more{
    display: flex  !important;
    align-items: center  !important;
    gap: 8px  !important;
}

@media (max-width: 760px) {
    .aug-10-blog-row{
        flex-direction: column  !important;
        gap: 30px  !important;
    }

    .aug-10-blog-header h1{
        font-size: 34px  !important;
    }

    .aug-10-blog-title{
        font-size: 22px  !important;
    }

    .aug-10-blog-description{
        font-size: 15px  !important;
    }

    .aug-10-blog-meta{
        font-size: 14px  !important;
    }
}