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

a {
    text-decoration: none;
    color: #000;
}

li {
    list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

.img__contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

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

:root {
    --f1: 'Poppins', sans-serif;
    --f2: 'Rethink Sans', sans-serif;
    --c1: #DB9642;
    --c2: linear-gradient(0deg, #DB9642, #434449);
}

/* main css  */



/* header  */
.mainHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.header {
    position: absolute;
    width: 100%;
    z-index: 99;
}

.navMenu {
    display: flex;
    align-items: center;
    gap: 30px;
}

.themeBtn {
    padding: 10px 20px;
    background: var(--c1);
    font-size: 14px;
    color: #fff;
    font-family: var(--f1);
    border: 1px solid transparent;
    transition: 300ms all;
}

.navMenu li a {
    font-size: 14px;
    color: #fff;
    font-family: var(--f1);
    display: flex;
    align-items: center;
    gap: 5px;
}

.navMenu li a i {
    height: 14px;
}

.logo {
    width: 200px;
    height: auto;
    padding: 15px 10px;
    background: #fff;
    border-radius: 0px 0px 10px 10px;
}

/* header  */

/* banner  */
.banner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    position: relative;
    padding: 97px 0 0;
    overflow: hidden;
}

.banner__img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -3;
    inset: 0;
}

.banner__img:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background: var(--c2);
    opacity: 0.9;
}


.subhead {
    font-size: 21px;
    color: #fff;
    font-family: var(--f1);
    text-transform: capitalize;
}

.banner__content h1 {
    font-family: var(--f2);
    text-transform: capitalize;
    font-size: 60px;
    font-weight: 900;
    color: #fff;
    line-height: 65px;
}

.banner__content p {
    font-family: var(--f1);
    font-size: 14px;
    margin: 20px 0;
    color: #fff;
}

.bannerBtns {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 20px 0 0;
}

.themeBtn.--trans {
    background: transparent;
    border-color: #fff;
}

.themeBtn:hover {
    background: transparent;
    border-color: #fff;
}

.themeBtn.--trans:hover {
    background: var(--c1);
    border-color: transparent;
}

.ball {
    width: 480px;
    background: #fff;
    border-radius: 100%;
    aspect-ratio: 1/1;
    position: absolute;
}

.ball.--one {
    bottom: -110px;
    right: 360px;
    opacity: 0.8;
    z-index: -1;
}

.ball.--two {
    right: -30px;
    bottom: -100px;
    opacity: 0.3;
    z-index: -1;
}

.--three {
    background: var(--c1);
    width: 370px;
    right: 30px;
    z-index: -2;
    bottom: 200px;
}

.bannerFormMain {
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: -10px 0px 0 10px;
    width: 76%;
    margin: 0 auto;
    border: 1px solid;
}

.bannerFormHead h2 {
    font-size: 28px;
    margin: 0 0 10px;
    font-family: var(--f2);
    color: #000;
    font-weight: 700;
}

.bannerFormHead h2 span {
    color: var(--c1);
}

.bannerFormHead p {
    font-size: 14px;
    font-family: var(--f1);
    margin: 10px 0;
}

.inputFeild :is(input, textarea) {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border-radius: 10px;
    border: 1px solid #4444;
}

.inputFeild {
    margin: 15px 0;
}

.inputFeild textarea {
    height: 150px;
}

.feildBtn button {
    text-transform: capitalize;
}

.feildBtn button:hover {
    color: var(--c1) !important;
    border-color: var(--c1);
}

.mainformSide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.bannerGirl {
    position: absolute;
    right: 0;
    width: 290px;
    bottom: 0;
}

/* banner  */
/* about  */
.about {
    padding: 100px 0;
}

.about__imgMain {
    width: 100%;
    height: 620px;
    border-radius: 20px;
    overflow: hidden;
}

.about__content {
    padding-left: 60px;
}

.absubHead {
    font-size: 20px;
    font-family: var(--f1);
    font-weight: 500;
    color: #000;
}

.about__content h2 {
    font-size: 47px;
    font-family: var(--f2);
    color: #000;
    line-height: 51px;
    font-weight: 700;
}

.about__content p {
    font-size: 14px;
    margin: 10px 0;
    line-height: 28px;
}

.aboutBtns {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 20px 0 0;
}

a.themeBtn.--trans.--black {
    border-color: #000;
    color: #000;
}

a.themeBtn.--trans.--black:hover {
    border-color: transparent;
    color: #fff;
}

.themeBtn.--hover:hover {
    border-color: #000;
    color: #000;
}

.about2 {
    position: absolute;
    bottom: 0;
    width: 370px;
    left: 20px;
    height: 400px;
    border-radius: 20px;
    overflow: hidden;
    border: 11px solid #fff;
}

.mainImages {
    position: relative;
    width: 100%;
    height: 600px;
}

.aboutlogo {
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 240px;
    opacity: 0.6;
    display: none;
}

/* about  */

/* creative  */
.creative {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 70px 0;
    overflow: hidden;
}

.crsubHead {
    font-size: 20px;
    color: #fff;
    font-family: var(--f1);
}

.creative_content h3 {
    font-size: 50px;
    color: #fff;
    font-family: var(--f2);
    margin: 10px 0;
    line-height: 54px;
}

.creative_content p {
    font-size: 14px;
    line-height: 23px;
    color: #fff;
    font-family: var(--f1);
}

.girlImg {
    width: 260px;
    margin: 0 auto;
}

.mainCreativeImg {
    position: relative;
    height: 430px;
}

.cloudImg {
    position: absolute;
    bottom: -10px;
    width: 590px;
}

.creative:before {
    position: absolute;
    width: 170px;
    aspect-ratio: 1/1;
    content: '';
    border: 20px solid #fff;
    border-radius: 100%;
    left: -80px;
    top: 20px;
    opacity: 0.3;
}

.creative:after {
    position: absolute;
    width: 170px;
    aspect-ratio: 1 / 1;
    content: '';
    border: 20px solid #fff;
    border-radius: 100%;
    right: -80px;
    bottom: 20px;
    opacity: 0.3;
}

/* creative  */


/* AK CSS */

.faqs {
    padding: 100px 0;
}

.faqs_main button.accordion-button {
    color: #000;
    padding: 15px 0px;
}

.faqs_main .accordion-body p {
    font-size: 13px;
    margin: 0;
    font-family: var(--f1);
    color: #fff;
    line-height: 30px;
}

.faqs_main .accordion-button:not(.collapsed) {
    color: #000;
    border-bottom: 2px solid #80808073;
    box-shadow: none;
    background: none;
}

.accordion-button:not(.collapsed)::after {
    content: "\ec41";
    font-size: 25px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: 'uicons-solid-rounded';
    background: none;
}

.accordion-button::after {
    content: "\ee82";
    font-size: 25px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: 'uicons-solid-rounded';
    background: none;
}

.faqs_main .accordion-item {
    border: none;
    border-top: 1px solid #8080805c;
}

.faqs_main .accordion-body {
    padding: 20px 15px;
    background: var(--c1);
}

.faqs_main .accordion-button:focus {
    box-shadow: none;
}

.faqs_main .accordion-button {
    font-size: 14px;
    font-weight: 400;
    font-family: var(--f1);
}

.faqs_main h3 {
    font-family: var(--f2);
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 20px;
}

.faqs_main h3 span {
    font-family: var(--f2);
    font-size: 30px;
    font-weight: 800;
    color: var(--c1);
}

.faqs_main .accordion-item:nth-last-child(1) {
    border-bottom: 1px solid #8080805c;
}

.faqs_main {
    padding: 40px 30px;
    background: #fff;
    box-shadow: 0px 0px 8px 0px #80808073;
    width: 100%;
}

.footer {
    padding: 70px 0px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.follow_us h3 {
    color: #fff;
    font-size: 39px;
    font-family: var(--f2);
    font-weight: 800;
}

.follow_us ul {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    width: 47%;
    margin: 30px 0px;
}

.follow_us li a {
    color: #aa824f;
    font-size: 21px;
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 2px;
    height: 33px;
    width: 33px;
    justify-content: center;
    border-radius: 5px;
}

.follow_us li a i {
    line-height: 1;
}

.follow_us {
    width: 88%;
}

.footer_logo {
    width: 80%;
    height: auto;
    border-radius: 10px;
    background: #fff;
    padding: 6px 17px;
}

.footer_trm {
    display: flex;
    align-items: center;
    gap: 14px;
}

.footer_trm a {
    color: #fff;
    font-size: 12px;
    font-family: var(--f1);
}

.follow_us p {
    font-size: 13px;
    color: #fff;
    font-family: var(--f1);
    margin: 25px 0px;
}

.footer_services h3 {
    color: #fff;
    font-size: 39px;
    font-family: var(--f2);
    font-weight: 800;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

.footer_services ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 20px;
    /* justify-content: space-between; */
}

.footer_services ul li {
    width: 33%;
    margin-bottom: 20px;
    padding-left: 20px;
    position: relative;
}

.footer_services li a {
    color: #ffff;
    font-family: var(--f1);
    font-size: 12px;
}

.footer_services ul li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.newsletter-box {
    background-color: var(--c1);
    padding: 30px 30px;
    border-radius: 6px;
    color: white;
}

.newsletter-box h2 {
    margin: 0 0 15px;
    font-size: 22px;
    font-weight: 700;
    font-family: var(--f1);
}

.newsletter-box p {
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 25px;
    font-family: var(--f1);
}

.form-group {
    display: flex;
    background: #fff;
    padding: 5px 9px;
    justify-content: space-between;
}

.form-group input {
    border: none;
    outline: none;
    font-size: 14px;
}

.form-group button {
    background-color: var(--c1);
    color: white;
    border: none;
    padding: 3px 20px;
}

.form-group button:hover {
    background-color: #b57128;
}

.footer .banner__img:before {
    background: linear-gradient(180deg, #DB9642, #434449);
}

.footerBottom {
    padding: 20px 0 0;
    border-top: 1px solid #fff;
    margin-top: 10px;
}

.footerBottom h4 {
    font-size: 25px;
    font-family: var(--f2);
    font-weight: 600;
    color: #fff;
}

.footerContact {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 20px 0 0;
}

.footerContact li a {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #Fff;
    font-size: 14px;
    font-family: var(--f1);
}

.footerContact li a i {
    color: var(--c1);
    height: 14px;
}

.about_list {
    padding-left: 20px;
}

.about_list li {
    font-size: 14px;
    list-style: disc;
    margin: 0 0 10px;
}

.about.--bg {
    background: #db964224;
}

.submenu {
    position: absolute;
    background: #fff;
    padding: 10px;
    border-radius: 20px;
    transition: 300ms all;
    opacity: 0;
    visibility: hidden;
}

.submenu li a {
    color: #000;
    padding: 10px 10px;
    border-radius: 10px;
    transition: 300ms all;
}

.submenu li a:hover {
    color: #fff;
    background: var(--c1);
}

.navMenu li:hover .submenu {
    opacity: 1;
    visibility: visible;
}


.inner_banner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 197px 0 100px;
    position: relative;
}

.inner_cont h3 {
    font-size: 80px;
    font-family: var(--f1);
    color: #fff;
}

.policy_content {
    width: 80%;
    margin: 0 auto;
    box-shadow: 0 0 15px 1px #4444;
    padding: 40px;
    border-radius: 20px;
}

.privacy {
    padding: 70px 0;
}

.policy_content h1 {
    font-size: 33px;
    margin: 0 0 20px;
    font-family: var(--f1);
    color: #000;
    font-weight: 600;
}

.policy_content h4 {
    font-size: 24px;
    margin: 0 0 15px;
    font-family: var(--f1);
    font-weight: 600;
    color: #000;
}

.policy_content p {
    font-size: 14px;
    line-height: 27px;
    margin: 0 0 15px;
}

.policy_content ul {
    padding-left: 20px;
    margin: 0 0 20px;
}

.policy_content :is(ul li, ol li) {
    font-size: 14px;
    margin: 0 0 10px;
    list-style: disc;
}

.contactForm .bannerFormMain {
    width: 100%;
    box-shadow: none;
    border: none;
}

.contactForm .bannerFormHead h2 {
    font-size: 38px;
}

.contact {
    padding: 70px 0;
}

.contactImg {
    height: 560px;
    border-radius: 20px;
    overflow: hidden;
}

.faqForm {
    position: sticky;
    top: 20px;
}




.who-it-for {
    padding: 70px 0;
    background: #db964230;
}

.title {
    text-align: center;
    margin: 0 0 40px;
}

.clean-list {
    padding: 20px 20px 10px 40px;
    background: var(--c1);
    border-radius: 20px;
    height: 120px;
}

.clean-list li {
    font-size: 14px;
    margin: 0 0 10px;
    color: #fff;
    list-style: disc;
}

.title h6 {
    font-size: 15px;
    font-family: var(--f1);
    margin: 0 auto;
    width: fit-content;
    padding: 10px;
    background: #fff;
    border-radius: 50px;
    box-shadow: 0 0 15px 1px #4444;
}

.title h2 {
    font-size: 30px;
    font-family: var(--f1);
    margin: 10px 0;
}

.title p {
    font-size: 14px;
    margin: 0;
}

.step-card {
    background: #fff;
    padding: 50px 35px;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgb(0 0 0 / 14%);
    position: relative;
    margin-bottom: 40px;
    transition: .4s;
    height: 210px;
}

.step-card:hover {
    transform: translateY(-8px)
}

.step-number {
    font-size: 70px;
    font-weight: 700;
    color: #f0f2f7;
    position: absolute;
    top: -5px;
    right: 30px;
    font-family: var(--f1)
}

p.dtl_para {
    text-align: center;
}

.section.how-it-works {
    padding: 70px 0;
}

.what-we-offer .title p {
    color: #ccc
}

.card-box {
    background: var(--c1);
    padding: 35px 26px;
    border-radius: 18px;
    box-shadow: 0 8px 35px rgb(0 0 0 / .05);
    height: 100%;
    transition: .4s;
    position: relative;
    z-index: 1
}

.card-box:hover {
    transform: translateY(-8px)
}

.what-we-offer .card-box {
    background: var(--c1);
    color: #fff
}
.section.what-we-offer {
    padding: 70px 0;
    background: #db964224;
}

.what-we-offer .card-box ul li {
    list-style: disc;
    font-size: 14px;
}

.what-we-offer .card-box ul {
    padding-left: 20px;
    margin: 20px 0 0;
}

.what-we-offer .card-box h5 {
    font-size: 18px;
}