.bg-color{
    background: #82533912;
}
.title {
    text-align: center;
    margin-bottom: 45px;
}

.title.left {
    text-align: left;
}

.title p {
    margin-top: 25px;
}

.sub-title {
    font-size: 22px;
    line-height: 29px;
    color: var(--text-color); 
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px;
}

.h1-title {
    font-size: 50px; 
    color: var(--primary-color);
    font-weight: 800; 
    text-transform: capitalize;
    margin-bottom: 18px;
}

.h2-title {
    font-size: 42px; 
    font-weight: 800;
    color: var(--primary-color); 
    text-transform: capitalize;
    margin-bottom: 20px;
    position: relative;
}

.h3-title {
    font-size: 40px; 
    color: var(--primary-color);
    font-weight: 800; 
    text-transform: capitalize;
    margin-bottom: 25px;
}

.h4-title {
    font-size: 25px; 
    color: var(--primary-color);
    font-weight: 800; 
    margin-bottom: 0;
}

/*==========About Us CSS Start==========*/
section {
    overflow: hidden;
}

.about-us-img-box {
    width: 100%;
    position: relative;
}

.about-us-img {
    width: 84.278%;
    aspect-ratio: 1/1;
    max-width: 100%;
    --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MzYiIGhlaWdodD0iNzIyIiB2aWV3Qm94PSIwIDAgNTM2IDcyMiIgZmlsbD0ibm9uZSI+CjxtYXNrIGlkPSJtYXNrMF85Ml85MDYxIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iNTM2IiBoZWlnaHQ9IjcyMiI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjAgMEM4Ljk1NDMgMCAwIDguOTU0MzEgMCAyMFY3MDJDMCA3MTMuMDQ2IDguOTU0MzIgNzIyIDIwIDcyMkg1MTZDNTI3LjA0NiA3MjIgNTM2IDcxMy4wNDYgNTM2IDcwMlY0OTNDNTM2IDQ4MS45NTQgNTI2Ljk2OSA0NzMuMTg3IDUxNi4wOTcgNDcxLjIzN0M0NjMuNzM2IDQ2MS44NDYgNDI0IDQxNi4wNjMgNDI0IDM2MUM0MjQgMzA1LjkzNyA0NjMuNzM2IDI2MC4xNTQgNTE2LjA5NyAyNTAuNzYzQzUyNi45NjkgMjQ4LjgxMyA1MzYgMjQwLjA0NiA1MzYgMjI5VjIwQzUzNiA4Ljk1NDMgNTI3LjA0NiAwIDUxNiAwSDIwWiIgZmlsbD0iYmxhY2siLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzkyXzkwNjEpIj4KPHJlY3QgeD0iLTIyNyIgeT0iLTYiIHdpZHRoPSIxMDk4IiBoZWlnaHQ9IjczMSIgZmlsbD0iYmxhY2siLz4KPC9nPgo8L3N2Zz4=");
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-repeat: no-repeat;
    border-radius: 20px;
    background-size: cover;
}

.about-counter-box {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 31.448%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: var(--primary-color);
    box-shadow: 0px 4px 30px -1px #CBA6724D;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 1px;
}

.about-counter-box .h3-title,
.about-counter-box .h4-title {
    color: var(--white);
    margin-bottom: 0;
}

.about-us-content {
    padding-left: 27px;
}
 

.about-us-content-btn {
    margin-top: 40px;
}

/*==========About Us CSS End==========*/

/*==========Banner CSS Start==========*/
.main-banner {
    position: relative;
    padding-top:50px; 
    overflow: hidden;
}

.banner-content {
    margin: 60px 0;
    position: relative;
    z-index: 9;
}

.banner-content p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 33px;
}

.banner-img {
    position: relative;
    padding-top: 49px;
    z-index: 9;
}

.banner-img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 81.134%;
    aspect-ratio: 1 / 1.1163;
    background: var(--primary-color);
    opacity: 0.1;
    border-radius: 59% 41% 35% 65% / 53% 36% 64% 47%;
    animation: radius_animation 8s linear infinite alternate;
    z-index: 0;
}

@keyframes radius_animation {
    0% {
        border-radius: 59% 41% 35% 65% / 53% 36% 64% 47%;
    }

    50% {
        border-radius: 26% 74% 33% 67% / 67% 61% 39% 33%;
    }

    100% {
        border-radius: 59% 41% 35% 65% / 53% 36% 64% 47%;
    }
}

.banner-img:after {
    content: '';
    position: absolute;
    top: 88px;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    aspect-ratio: 1 / 0.87108;
    background: transparent;
    border: 1px solid var(--primary-color);
    border-radius: 71% 29% 34% 66% / 33% 36% 64% 67%;
    animation: radius_animation2 5s linear infinite alternate;
    z-index: 2;
}

@keyframes radius_animation2 {
    0% {
        border-radius: 71% 29% 34% 66% / 33% 36% 64% 67%;
    }

    50% {
        border-radius: 39% 61% 49% 51% / 34% 23% 77% 66%;
    }

    100% {
        border-radius: 71% 29% 34% 66% / 33% 36% 64% 67%;
    }
}

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

.banner-img .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 101px;
    background: linear-gradient(180deg, rgba(244, 237, 231, 0) 29.7%, #F4EDE7 195.05%);
    pointer-events: none;
    z-index: 10;
}

.main-banner .bg-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 25.5vw;
    line-height: 0.78; 
    color: var(--white);
    opacity: 0.4;
    pointer-events: none;
    font-weight: 800;
    text-align: center;
    animation: blink_text 1s linear infinite alternate;
    z-index: 0;
    font-family: var(--Urbanist);
}

@keyframes blink_text {
    0% {
        opacity: 0.3;
    }

    100% {
        opacity: 0.55;
    }
}

.main-banner .bg-icon,
.main-inner-banner .bg-icon {
    position: absolute;
    top: 20px;
    left: -43px;
    width: 202px;
    aspect-ratio: 1/1;
    --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDMiIGhlaWdodD0iMjA0IiB2aWV3Qm94PSIwIDAgMjAzIDIwNCIgZmlsbD0ibm9uZSI+CjxwYXRoIGQ9Ik0yMDEuNTQyIDEyMS43MUMyMDAuODA4IDEyMC41MTQgMTk5LjUzMiAxMTkuOCAxOTguMTMgMTE5LjhIMTk3LjQxOUwxNjguNjYzIDU2LjQxNDZIMTc1LjM5NUMxNzkuOTA4IDU2LjQxNDYgMTgzLjU3OSA1Mi43NDE2IDE4My41NzkgNDguMjI3QzE4My41NzkgNDMuNzEyMyAxNzkuOTA4IDQwLjAzOTMgMTc1LjM5NSA0MC4wMzkzSDEwOS45MjRWMjkuMjU4M0MxMTQuMjA3IDI2LjM5MDMgMTE3LjAzNCAyMS41MDcgMTE3LjAzNCAxNS45NzRDMTE3LjAzNCA3LjE2NjA5IDEwOS44NzIgMCAxMDEuMDY5IDBDOTIuMjY1MyAwIDg1LjEwMjkgNy4xNjYwOSA4NS4xMDI5IDE1Ljk3NEM4NS4xMDI5IDIxLjUwNyA4Ny45Mjk3IDI2LjM5MDMgOTIuMjEzNSAyOS4yNTgzVjQwLjAzODlIMjYuNzQxNEMyMi4yMjg3IDQwLjAzODkgMTguNTU4IDQzLjcxMTkgMTguNTU4IDQ4LjIyNjZDMTguNTU4IDUyLjc0MTIgMjIuMjI5MSA1Ni40MTQyIDI2Ljc0MTQgNTYuNDE0MkgzMy40NzM2TDQuNzE3NTYgMTE5LjhINC4wMDY4OUMyLjYwNDI3IDExOS44IDEuMzI4OTcgMTIwLjUxNCAwLjU5NTIzMiAxMjEuNzFDLTAuMTM4NTEgMTIyLjkwNiAtMC4xOTc0IDEyNC4zNjcgMC40MzgwNTkgMTI1LjYyTDUuNjM1NTMgMTM1Ljg1NUM3LjY0Nzc1IDEzOS44MTggMTEuNjU4MyAxNDIuMjggMTYuMTAxNyAxNDIuMjhINjIuMDg1MUM2Ni41Mjg2IDE0Mi4yOCA3MC41Mzg3IDEzOS44MTggNzIuNTUxMyAxMzUuODU1TDc3Ljc0ODQgMTI1LjYyQzc4LjM4NDIgMTI0LjM2OSA3OC4zMjU4IDEyMi45MDggNzcuNTkyNCAxMjEuNzExQzc2Ljg1ODcgMTIwLjUxNSA3NS41ODMgMTE5LjggNzQuMTc5OSAxMTkuOEg3My40Njk3TDQ0LjcxMzcgNTYuNDE0Nkg5Mi4yMTMxVjE2OC4xNUg3MC42MTk5QzY1LjMxODkgMTY4LjE1IDYxLjAwNjQgMTcyLjQ2NSA2MS4wMDY0IDE3Ny43NjhWMTgyLjk5N0g1Ni4yMjQ3QzUwLjkyMzggMTgyLjk5NyA0Ni42MTEzIDE4Ny4zMTIgNDYuNjExMyAxOTIuNjE1VjIwMC44NEM0Ni42MTEzIDIwMi40OTQgNDcuOTUxOCAyMDMuODM2IDQ5LjYwNTkgMjAzLjgzNkgxNTIuNTMxQzE1NC4xODUgMjAzLjgzNiAxNTUuNTI1IDIwMi40OTUgMTU1LjUyNSAyMDAuODRWMTkyLjYxNUMxNTUuNTI1IDE4Ny4zMTIgMTUxLjIxMyAxODIuOTk3IDE0NS45MTIgMTgyLjk5N0gxNDEuMTNWMTc3Ljc2OEMxNDEuMTMgMTcyLjQ2NSAxMzYuODE4IDE2OC4xNSAxMzEuNTE3IDE2OC4xNUgxMDkuOTI0VjgxLjYyNjVDMTA5LjkyNCA3OS45NzIgMTA4LjU4MyA3OC42MzAzIDEwNi45MjkgNzguNjMwM0MxMDUuMjc1IDc4LjYzMDMgMTAzLjkzNCA3OS45NzE2IDEwMy45MzQgODEuNjI2NVYxNjguMTQ5SDk4LjIwMTZWNTMuNDE4NEM5OC4yMDE2IDUxLjc2MzggOTYuODYxMSA1MC40MjIyIDk1LjIwNyA1MC40MjIySDI2Ljc0MTRDMjUuNTMxMyA1MC40MjIyIDI0LjU0NjkgNDkuNDM3MyAyNC41NDY5IDQ4LjIyNjZDMjQuNTQ2OSA0Ny4wMTU5IDI1LjUzMTMgNDYuMDMxIDI2Ljc0MTQgNDYuMDMxSDk1LjIwNzRDOTYuODYxNSA0Ni4wMzEgOTguMjAyIDQ0LjY4OTcgOTguMjAyIDQzLjAzNDdWMzEuNjkyOEM5OC4zMTM5IDMxLjcxMzEgOTguNDI2OSAzMS43MjgzIDk4LjUzOTUgMzEuNzQ2MkM5OC41OTY4IDMxLjc1NTMgOTguNjUzNyAzMS43NjQ5IDk4LjcxMDYgMzEuNzczMkM5OC45MDI4IDMxLjgwMTUgOTkuMDk2MSAzMS44MjU4IDk5LjI4OTkgMzEuODQ3M0M5OS4zNjE1IDMxLjg1NTMgOTkuNDMzMiAzMS44NjQ0IDk5LjUwNTIgMzEuODcxMkM5OS42ODc0IDMxLjg4ODcgOTkuODcwNSAzMS45MDE0IDEwMC4wNTQgMzEuOTEzQzEwMC4xMzQgMzEuOTE4MiAxMDAuMjE0IDMxLjkyNTMgMTAwLjI5NSAzMS45Mjg5QzEwMC41MjMgMzEuOTM5NyAxMDAuNzUxIDMxLjk0NDggMTAwLjk3OSAzMS45NDY0QzEwMS4wMDkgMzEuOTQ2NCAxMDEuMDM4IDMxLjk0ODggMTAxLjA2OCAzMS45NDg4QzEwMS4wOTggMzEuOTQ4OCAxMDEuMTI3IDMxLjk0NjggMTAxLjE1NyAzMS45NDY0QzEwMS4zODUgMzEuOTQ1MiAxMDEuNjE0IDMxLjk0MDEgMTAxLjg0MiAzMS45Mjg5QzEwMS45MjIgMzEuOTI0OSAxMDIuMDAyIDMxLjkxNzggMTAyLjA4MyAzMS45MTNDMTAyLjI2NiAzMS45MDE0IDEwMi40NDkgMzEuODg4NyAxMDIuNjMxIDMxLjg3MTJDMTAyLjcwMyAzMS44NjQgMTAyLjc3NSAzMS44NTUzIDEwMi44NDcgMzEuODQ3M0MxMDMuMDQxIDMxLjgyNTggMTAzLjIzNCAzMS44MDE5IDEwMy40MjYgMzEuNzczNkMxMDMuNDgzIDMxLjc2NTMgMTAzLjU0IDMxLjc1NTcgMTAzLjU5NyAzMS43NDY2QzEwMy43MDkgMzEuNzI4NyAxMDMuODIyIDMxLjcxMzUgMTAzLjkzNCAzMS42OTMyVjQzLjAzNTFDMTAzLjkzNCA0NC42ODk3IDEwNS4yNzUgNDYuMDMxNCAxMDYuOTI5IDQ2LjAzMTRIMTc1LjM5NUMxNzYuNjA1IDQ2LjAzMTQgMTc3LjU4OSA0Ny4wMTYzIDE3Ny41ODkgNDguMjI3QzE3Ny41ODkgNDkuNDM3NiAxNzYuNjA1IDUwLjQyMjYgMTc1LjM5NSA1MC40MjI2SDEwNi45MjlDMTA1LjI3NSA1MC40MjI2IDEwMy45MzUgNTEuNzYzOCAxMDMuOTM1IDUzLjQxODhWNjcuNDIzN0MxMDMuOTM1IDY5LjA3ODMgMTA1LjI3NSA3MC40MiAxMDYuOTI5IDcwLjQyQzEwOC41ODMgNzAuNDIgMTA5LjkyNCA2OS4wNzg3IDEwOS45MjQgNjcuNDIzN1Y1Ni40MTQ2SDE1Ny40MjNMMTI4LjY2NyAxMTkuOEgxMjcuOTU3QzEyNi41NTQgMTE5LjggMTI1LjI3OCAxMjAuNTE1IDEyNC41NDUgMTIxLjcxMUMxMjMuODExIDEyMi45MDggMTIzLjc1MyAxMjQuMzY5IDEyNC4zODggMTI1LjYyTDEyOS41ODYgMTM1Ljg1NUMxMzEuNTk4IDEzOS44MTggMTM1LjYwOSAxNDIuMjggMTQwLjA1MiAxNDIuMjhIMTg2LjAzNUMxOTAuNDc5IDE0Mi4yOCAxOTQuNDg5IDEzOS44MTggMTk2LjUwMiAxMzUuODU1TDIwMS42OTkgMTI1LjYxOUMyMDIuMzM1IDEyNC4zNjggMjAyLjI3NiAxMjIuOTA2IDIwMS41NDIgMTIxLjcxWk0xMzEuNTE3IDE3NC4xNDJDMTMzLjUxNiAxNzQuMTQyIDEzNS4xNDEgMTc1Ljc2OSAxMzUuMTQxIDE3Ny43NjhWMTgyLjk5Nkg4OS4zMjE1Qzg3LjY2NzQgMTgyLjk5NiA4Ni4zMjY5IDE4NC4zMzggODYuMzI2OSAxODUuOTkzQzg2LjMyNjkgMTg3LjY0NyA4Ny42Njc0IDE4OC45ODkgODkuMzIxNSAxODguOTg5SDE0NS45MTJDMTQ3LjkxIDE4OC45ODkgMTQ5LjUzNiAxOTAuNjE2IDE0OS41MzYgMTkyLjYxNVYxOTcuODQzSDUyLjYwMDZWMTkyLjYxNUM1Mi42MDA2IDE5MC42MTYgNTQuMjI2NSAxODguOTg5IDU2LjIyNDcgMTg4Ljk4OUg3NS40MjM0Qzc3LjA3NzUgMTg4Ljk4OSA3OC40MTgxIDE4Ny42NDggNzguNDE4MSAxODUuOTkzQzc4LjQxODEgMTg0LjMzOCA3Ny4wNzc1IDE4Mi45OTYgNzUuNDIzNCAxODIuOTk2SDY2Ljk5NTNWMTc3Ljc2OEM2Ni45OTUzIDE3NS43NjggNjguNjIxMiAxNzQuMTQyIDcwLjYxOTUgMTc0LjE0MkgxMzEuNTE3Wk02Ny4yMTE4IDEzMy4xNDFDNjYuMjI2MiAxMzUuMDgyIDY0LjI2MTcgMTM2LjI4OCA2Mi4wODUxIDEzNi4yODhIMTYuMTAyMUMxMy45MjU1IDEzNi4yODggMTEuOTYxMSAxMzUuMDgyIDEwLjk3NTUgMTMzLjE0MUw3LjI0Mzg4IDEyNS43OTJINzAuOTQzNEw2Ny4yMTE4IDEzMy4xNDFaTTY2LjkyODUgMTE5LjhIMTEuMjU4OEwzOS4wOTM2IDU4LjQ0NDZMNjYuOTI4NSAxMTkuOFpNMTA1LjQ5NCAyNC45MTczQzEwNS4zODUgMjQuOTcxNCAxMDUuMjc0IDI1LjAyMjggMTA1LjE2NCAyNS4wNzI5QzEwNS4xMDggMjUuMDk4NCAxMDUuMDUyIDI1LjEyNTEgMTA0Ljk5NiAyNS4xNDk0QzEwNC44NzEgMjUuMjAzMSAxMDQuNzQ0IDI1LjI1MjkgMTA0LjYxOCAyNS4zMDE1QzEwNC41MjEgMjUuMzM4NSAxMDQuNDIzIDI1LjM3MzkgMTA0LjMyNCAyNS40MDgyQzEwNC4yMiAyNS40NDQ0IDEwNC4xMTYgMjUuNDgwNiAxMDQuMDExIDI1LjUxMzNDMTAzLjkxNSAyNS41NDI3IDEwMy44MTggMjUuNTY5IDEwMy43MjEgMjUuNTk1N0MxMDMuNjQ4IDI1LjYxNiAxMDMuNTc1IDI1LjYzNjcgMTAzLjUwMSAyNS42NTU0QzEwMy40MDEgMjUuNjgwNSAxMDMuMyAyNS43MDMyIDEwMy4xOTkgMjUuNzI1NUMxMDMuMTI1IDI1Ljc0MTQgMTAzLjA1MSAyNS43NTczIDEwMi45NzcgMjUuNzcxNkMxMDIuODc4IDI1Ljc5MDggMTAyLjc3OSAyNS44MDg3IDEwMi42NzkgMjUuODI1QzEwMi41OTYgMjUuODM4NSAxMDIuNTEzIDI1Ljg1MDEgMTAyLjQzMSAyNS44NjEyQzEwMi4zMzggMjUuODc0IDEwMi4yNDYgMjUuODg2NyAxMDIuMTUzIDI1Ljg5NjdDMTAyLjA1IDI1LjkwNzggMTAxLjk0NiAyNS45MTU4IDEwMS44NDIgMjUuOTIzN0MxMDEuNzY3IDI1LjkyOTcgMTAxLjY5MiAyNS45MzY5IDEwMS42MTggMjUuOTQwOEMxMDEuNDM1IDI1Ljk1MDggMTAxLjI1MyAyNS45NTY4IDEwMS4wNjkgMjUuOTU2OEMxMDAuODg1IDI1Ljk1NjggMTAwLjcwMiAyNS45NTA4IDEwMC41MiAyNS45NDA4QzEwMC40NDUgMjUuOTM2OSAxMDAuMzcxIDI1LjkyOTcgMTAwLjI5NiAyNS45MjM3QzEwMC4xOTIgMjUuOTE1OCAxMDAuMDg5IDI1LjkwNzggOTkuOTg1MSAyNS44OTY3Qzk5Ljg5MiAyNS44ODY3IDk5Ljc5OTYgMjUuODc0IDk5LjcwNzMgMjUuODYxMkM5OS42MjQ2IDI1Ljg1MDEgOTkuNTQxOCAyNS44MzgxIDk5LjQ1OTQgMjUuODI1Qzk5LjM1OTYgMjUuODA4NyA5OS4yNjAxIDI1Ljc5MDggOTkuMTYxIDI1Ljc3MTZDOTkuMDg2NiAyNS43NTczIDk5LjAxMjYgMjUuNzQxNCA5OC45MzkgMjUuNzI1NUM5OC44Mzc5IDI1LjcwMzYgOTguNzM2OCAyNS42ODA5IDk4LjYzNyAyNS42NTU0Qzk4LjU2MzMgMjUuNjM2NyA5OC40OTAxIDI1LjYxNiA5OC40MTY1IDI1LjU5NTdDOTguMzE5OCAyNS41NjkgOTguMjIyNyAyNS41NDI3IDk4LjEyNzIgMjUuNTEzM0M5OC4wMjIyIDI1LjQ4MDYgOTcuOTE4MyAyNS40NDQ0IDk3LjgxNDEgMjUuNDA4MkM5Ny43MTU0IDI1LjM3MzkgOTcuNjE3MSAyNS4zMzg5IDk3LjUyIDI1LjMwMTVDOTcuMzkzNSAyNS4yNTI5IDk3LjI2NzQgMjUuMjAzMSA5Ny4xNDI0IDI1LjE0OTRDOTcuMDg1NSAyNS4xMjUxIDk3LjAyOTggMjUuMDk4NCA5Ni45NzM3IDI1LjA3MjlDOTYuODYzNSAyNS4wMjI4IDk2Ljc1MzMgMjQuOTcxOCA5Ni42NDQyIDI0LjkxNzNDOTMuMzU3NSAyMy4yODI2IDkxLjA5MjYgMTkuODg4NyA5MS4wOTI2IDE1Ljk3NEM5MS4wOTI2IDEwLjQ3MDEgOTUuNTY3OSA1Ljk5MjA0IDEwMS4wNjkgNS45OTIwNEMxMDYuNTcxIDUuOTkyMDQgMTExLjA0NiAxMC40NzAxIDExMS4wNDYgMTUuOTc0QzExMS4wNDUgMTkuODg4NyAxMDguNzgxIDIzLjI4MjYgMTA1LjQ5NCAyNC45MTczWk0xNjMuMDQ0IDU4LjQ0NDZMMTkwLjg3OCAxMTkuOEgxMzUuMjA4TDE2My4wNDQgNTguNDQ0NlpNMTkxLjE2MiAxMzMuMTQxQzE5MC4xNzYgMTM1LjA4MiAxODguMjEyIDEzNi4yODggMTg2LjAzNSAxMzYuMjg4SDE0MC4wNTJDMTM3Ljg3NSAxMzYuMjg4IDEzNS45MTEgMTM1LjA4MiAxMzQuOTI1IDEzMy4xNDFMMTMxLjE5MyAxMjUuNzkySDE5NC44OTNMMTkxLjE2MiAxMzMuMTQxWiIgZmlsbD0iI0I2OEM1QSIvPgo8L3N2Zz4=");
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--primary-color);
    transform: rotate(27.74deg);
    animation: rotate_icon 2s linear infinite alternate;
    opacity: 0.2;
}

@keyframes rotate_icon {
    0% {
        transform: rotate(23deg);
    }

    100% {
        transform: rotate(27.74deg);
    }
}

.banner-img .rotate-btn {
    position: absolute;
    top: 25.545%;
    right: 13.523%;
    z-index: 10;
}

.banner-img .rotate-btn img {
    position: absolute;
}
/*==========Banner CSS End==========*/

/*==========Features CSS Start==========*/
.main-features {
    background: var(--text-color);
}

.features-list {
    display: flex;
}

.feature-box {
    width: 25%;
    padding: 27px clamp(1.25rem, 5.769vw - 3.798rem, 3.125rem) 30px clamp(1.25rem, 5.769vw - 3.798rem, 3.125rem);
    /* Clamp value 50px to 20px from 1920px to 1400px */
    display: flex;
    align-items: center;
    gap: 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.feature-box .icon img {
    width: auto;
    max-width: 60px;
    height: auto;
    max-height: 60px;
    object-fit: contain;
    object-position: center;
    transform: scale(1);
    transition: 0.3s;
}

.feature-box:hover .icon img {
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}

.feature-box .h4-title {
    color: var(--white);
    margin-bottom: 12px;
}

.feature-box .text p {
    line-height: 10px;
    color: var(--white);
    opacity: 0.8;
}

/*==========Features CSS End==========*/


/*==========Our Services CSS Start==========*/
.main-our-services {
    position: relative;  
}

.our-services-title .h2-title {
    margin-bottom: 0;
}

.our-services-content {
    padding-left: 26px;
}

.our-services-content p {
    margin-bottom: 16px;
}

.services-list {
    position: relative;
    margin-top: 37px;
}

.services-list .row {
    --bs-gutter-y: 1.5rem;
}

.services-list-bg-shape {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.services-list-bg-shape img {
    width: 100%;
    min-width: 1936px;
    max-width: unset;
}

.service-box {
    width: 100%;
    height: 100%;
    background: var(--white);
    padding: 20px 20px 15px;
    border-radius: 20px;
    box-shadow: 0px 4px 60px -1px rgba(0, 0, 0, 0.1);
    position: relative;
    top: 0;
    transition: 0.5s;
}

.service-box:hover {
    top: -10px;
}

.service-box .icon {
    width: 70px;
    aspect-ratio: 1/1;
    background: var(--primary-color);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 23px;
    transition: 0.3s;
}
.service-box .icon img{
    width: 35px;
    height: 35px;
    object-fit: contain;
}
.service-box:hover .icon {
    animation: zoom 0.8s linear infinite alternate;
}

@keyframes zoom {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.1);
    }
}

.service-box .h4-title {
    margin-bottom: 16px;
}

.service-box .h4-title a {
    color: inherit;
    transition: 0.3s;
}

.service-box .h4-title a:hover {
    color: var(--primary-color);
}

/*==========Our Services CSS End==========*/


/*==========Testimonials CSS Start==========*/
 
.main-testimonials{
    position: relative;
}
.testimonial-bg-shape {
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translate(-670px);
    width: 405px;
    display: inline-block;
}

.testimonials-title .h2-title {
    margin-bottom: 38px;
}

.testimonial-box {
    width: 100%;
    position: relative;
    margin-top: 78px;
    padding: 77px 30px 30px;
    text-align: center;
    border: 1px solid #bcbcbc;
    border-radius: 20px;
}

.testimonial-box-shape {
    position: absolute;
    top: -0.5px;
    left: 50%;
    transform: translate(-50%);
    width: 170px;
    background-color: #fff;
}

.testimonial-img {
    position: absolute;
    top: -78px;
    left: 50%;
    transform: translate(-50%);
    width: 120px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.quote-icon {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 76px;
    display: inline-block;
    opacity: 0.3;
}

.review-by {
    margin-bottom: 16px;
}

.review-by .h4-title {
    margin-bottom: 9px;
}

.review-by p {
    color: var(--secondary-color);
}

.testimonial-text {
    margin-bottom: 23px;
}

.testimonial-ratting {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    font-size: 25px;
    color: #ffc107;
}
.testimonial-slider .owl-dots{
    text-align: center;
    margin-top: 20px;
}
.testimonial-slider button.owl-dot{
    width: 13px;
    height: 13px;
    background: #c4c4c4;
    border-radius: 50%;
    opacity: 1;
    margin: 0 5px !important;
    display: inline-block;
    transition: 0.3s;
    cursor: pointer;
}
.testimonial-slider button.owl-dot.active{
    background-color: var(--primary-color);
}
/*==========Testimonials CSS End==========*/



/*==========Blog CSS Start==========*/
 
.blog-title .h2-title {
    margin-bottom: 38px;
}

.blog-lists .row {
    --bs-gutter-y: 1.5rem;
}

.blog-box {
    position: relative;
}


.blog-img-box {
    position: relative;
    margin-bottom: 23px;
}

.blog-img-wp {
    position: relative;
    width: 100%;
    height: 100%;
    --mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MTUiIGhlaWdodD0iMzUyIiB2aWV3Qm94PSIwIDAgNDE1IDM1MiIgZmlsbD0ibm9uZSI+CjxtYXNrIGlkPSJtYXNrMF85Ml85NjM3IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDE1IiBoZWlnaHQ9IjM1MiI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDE1IDIwQzQxNSA4Ljk1NDMgNDA2LjA0NiAwIDM5NSAwSDIwQzguOTU0MyAwIDAgOC45NTQzMSAwIDIwVjI5MkMwIDMwMy4wNDYgOC45NTQzMSAzMTIgMjAgMzEySDEyMkMxMzMuMDQ2IDMxMiAxNDIgMzIwLjk1NCAxNDIgMzMyQzE0MiAzNDMuMDQ2IDE1MC45NTQgMzUyIDE2MiAzNTJIMzk1QzQwNi4wNDYgMzUyIDQxNSAzNDMuMDQ2IDQxNSAzMzJWMjBaIiBmaWxsPSJibGFjayIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfOTJfOTYzNykiPgo8cmVjdCB4PSItNTAiIHdpZHRoPSI1MzIiIGhlaWdodD0iMzU1IiBmaWxsPSJibGFjayIvPgo8L2c+Cjwvc3ZnPg==");
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    aspect-ratio: 1/0.84616;
}
.back-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.blog-img {
    width: 100%;
    transition: 0.3s;
    height: 420px;
    object-fit: cover;
}

.blog-box:hover .blog-img {
    transform: scale(1.1) rotate(3deg);
}

.blog-date {
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 32%;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 1;
}

.blog-date img {
    width: 20px;
    flex-shrink: 0;
}

.blog-box-text .h4-title {
    margin-bottom: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
} 
.blog-box-text .h4-title a {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    display: inherit;
    -webkit-line-clamp: inherit;
    line-clamp: inherit;
    -webkit-box-orient: inherit;
    box-orient: inherit;
    overflow: inherit;
    text-overflow: inherit;
    transition: 0.3s;
}

.blog-box-text:hover .h4-title a {
    color: var(--text-color);
}

.blog-box-text p {
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
h1.blog-heading {
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 13px;
    }
/*==========Blog CSS End==========*/

/**/
.content-box-wrapper{
    display: flex; 
    gap: 20px;
    flex-direction: column; 
    border-style: solid;
    border-width: 5px 5px 5px 5px; 
    border-color: var(--primary-color); 
    border-radius: 15px 15px 15px 15px;
    padding: 70px; 
    background-color: transparent;
    background-image: linear-gradient(335deg, #f6fbf4 0%, #fff 100%);
}

.content-box-wrapper ol, .content-box-wrapper ul {
    padding-left: 30px;
}

.content-box-wrapper li{
    list-style: inherit;
    margin-bottom: 13px;
    padding: 0;
}
.col-lg-6.align-self-center.order-lg-1 .about-us-content {
    padding: 0;
}
.content-box-wrapper .ul-list li:before{
    display: none;
}
.mobile-text-box{
    display: flex;
  
  }
  .mobile-text-box i{  
      font-size: 18px;
      color: var(--primary-color);
      margin-right: 10px;
      margin-top: 4px;
  }

/*==========FAQ CSS End==========*/

  .main-faq .faq-sec-content  .accordion-item{
    background-color: transparent;
    margin-top: 20px;
  }
  .main-faq .accordion-button {
    background-color: var(--secondary-color);
    color: #FFF;
    pointer-events: none;
    padding: 10px 15px;
    font-size: 19px;
}
.main-faq ul{
    padding-left: 30px;
}
.main-faq ul li{
    list-style: inherit;
    margin-bottom: 10px;
}
.main-faq .faq-sec-content .accordion-header {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px; 
    border-bottom: 1px solid #c4c4c4;
}
.main-faq .accordion-body{
    background-color: var(--white); 
    padding: 10px 15px;
}
.main-faq .faq-sec-content .accordion-header .accordion-button:not(.collapsed) {
    color: var(--primary-color); 
    box-shadow: unset; 
    background-color: var(--secondary-color);
    color: #FFF;
}
.main-faq .accordion-button::after {
    content: "\f063";
    font-family: 'FontAwesome';
    background-image: unset !important;
} 
.main-faq .accordion-button:focus{
    box-shadow: unset;
}

.cotact-form-sec {
    padding-left: 60px;
}

.cotact-form-sec input[type="text"],
.cotact-form-sec input[type="email"],
.cotact-form-sec input[type="tel"],
.cotact-form-sec textarea {
  border: none;
  border: 1px solid#fff;
  border-bottom: 2px solid rgb(128, 126, 126);
  background: transparent;
  outline: none;
  width: 100%;
  text-transform: capitalize;
  padding: 1rem 0.4rem;
  transition: .3s;
}

.cotact-form-sec input:focus, .cotact-form-sec textarea:focus {
    background: #ffffff00;  
    border-radius: 0px 0px 0px 0px;
    border-top: 1px solid #dfdfdfd6;
    border-left: 1px solid #dfdfdfd6;
    border-right: 1px solid #dfdfdfd6;
    
}

.cotact-form-sec .sec-btn {
    padding: 15px 30px;
    height: auto;
}
.cotact-form-sec .sec-btn:hover {
    padding: 15px 30px;
    height: auto;
}
.cotact-form-sec input.wpcf7-form-control.wpcf7-quiz {
    width: 80px;
    display: block;
    background: #efefef;
    border: 1px solid rgb(128, 126, 126);
    padding: 10px;
    margin-top: 5px;
}
.cotact-form-sec .screen-reader-response{
    display: none;
}
.cotact-form-sec span.wpcf7-not-valid-tip {
    margin-top: 5px;
    display: inline-block;
    font-size: 14px;
    color: red;
}

/*==========About Us Page CSS Start==========*/
/* Inner Banner CSS Start */
.main-inner-banner { 
    min-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bg-color); 
    position: relative;
    padding: 40px 0;
}

.inner-banner-content {
    text-align: center;
    position: relative;
}
.inner-banner-content .h1-title, .inner-banner-content h1{
    color: var(--text-color);
}
.inner-banner-content .h1-title:last-child {
    margin-bottom: 0;
}

.inner-banner-shape {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 684px;
    max-width: calc(100% - 60px);
    height: 260px;
    overflow: hidden;
    z-index: 0;
}

.inner-banner-shape:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 81.134%;
    aspect-ratio: 1 / 1.1163;
    background: var(--primary-color);
    opacity: 0.1;
    border-radius: 59% 41% 35% 65% / 53% 36% 64% 47%;
    animation: radius_animation 8s linear infinite alternate;
    z-index: 0;
}

.inner-banner-shape:after {
    content: '';
    position: absolute;
    top: 88px;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    aspect-ratio: 1 / 0.87108;
    background: transparent;
    border: 1px solid var(--primary-color);
    border-radius: 71% 29% 34% 66% / 33% 36% 64% 67%;
    animation: radius_animation2 5s linear infinite alternate;
    z-index: 2;
}

/* Inner Banner CSS End */

/* Breadcrumb CSS Start */
.breadcrumb-box {
    text-align: center;
    margin: -20px auto 0;
    max-width: calc(100% - 60px);
    position: relative;
    z-index: 10;
}

.breadcrumb-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    min-height: 40px;
    padding: 8px 19px 7px;
    background: var(--primary-color);
    border-radius: 40px;
}

.breadcrumb-box ul li {
    color: var(--white);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    font-weight: 600;
    gap: 10px;
}

.breadcrumb-box ul li:not(:last-child):after {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 14px;
    line-height: 1;
}

.breadcrumb-box ul li a {
    color: inherit;
    text-transform: inherit;
    transition: 0.3s;
}

.breadcrumb-box ul li a:hover {
    text-decoration: underline;
}

/* Breadcrumb CSS End */


/*==========404 Error Page CSS Start==========*/
.main-404-error {
    margin: var(--spacing) 0;
}

.error-content {
    text-align: center;
    max-width: 800px;
    margin: auto;
}

.error-content .error-img {
    margin-bottom: 30px;
    max-width: 500px;
}

.error-content .h2-title {
    margin-bottom: 18px;
    color: var(--text-color);
}

.error-content p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 32px;
}

.thank-you-img {
     
    max-width: 250px;
    margin: auto;
    margin-bottom: 20px;
}
.thank-you-img svg{
    width: 150px;
    height: 150px;
    color: var(--primary-color);
}
.thank-you-img .error-img{
    margin-bottom: 0;
}
/*==========404 Error Page CSS End==========*/


/*==========Counter CSS Start==========*/
.main-counter { 
    background: var(--bg-color);
}

.counter-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 142px;
}

.counter-box {
    display: flex;
    align-items: center;
    gap: 20px;
}

.counter-title .h1-title {
    color: var(--primary-color);
    margin-bottom: 0;
}

.counter-text {
    display: inline-block;
    flex: auto;
    position: relative;
}

.counter-text:before {
    content: '';
    position: absolute;
    top: -10px;
    right: -33px;
    width: 66px;
    aspect-ratio: 1/1;
    background: var(--primary-color);
    opacity: 0.2;
    border-radius: 50%;
    z-index: -1;
    animation: zoom 1s linear infinite alternate;
}

.counter-text .h4-title span {
    display: block;
}

/*==========Counter CSS End==========*/

.blog-detail-content .blog-img-wp{
    --mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MzAiIGhlaWdodD0iNDUwIiB2aWV3Qm94PSIwIDAgODMwIDQ1MCIgZmlsbD0ibm9uZSI+CjxtYXNrIGlkPSJtYXNrMF8yMzhfMTg2MCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjgzMCIgaGVpZ2h0PSI0NTAiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTgzMCAyMEM4MzAgOC45NTQzMSA4MjEuMDQ2IDAgODEwIDBIMjBDOC45NTQzIDAgMCA4Ljk1NDMxIDAgMjBWMzkwQzAgNDAxLjA0NiA4Ljk1NDMxIDQxMCAyMCA0MTBIMTIyQzEzMy4wNDYgNDEwIDE0MiA0MTguOTU0IDE0MiA0MzBWNDMwQzE0MiA0NDEuMDQ2IDE1MC45NTQgNDUwIDE2MiA0NTBIODEwQzgyMS4wNDYgNDUwIDgzMCA0NDEuMDQ2IDgzMCA0MzBWMjBaIiBmaWxsPSJibGFjayIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjM4XzE4NjApIj4KPHJlY3QgeD0iLTEyIiB5PSItMTE1IiB3aWR0aD0iODUxIiBoZWlnaHQ9IjU2OCIgZmlsbD0iYmxhY2siLz4KPC9nPgo8L3N2Zz4=);
    aspect-ratio: 1 / 0.54218;
}

.blog-detail-content ul{
    padding-left: 30px;
}

.blog-detail-content ul li{
    list-style: inherit;
    margin-bottom: 10px;
}

.page-blog-detail h1{
    font-size: 40px;
font-weight: 800; 
margin: 30px 0 10px 0;      
color: var(--primary-color); 
}
.page-blog-detail .title, .page-blog-detail h2 {
font-size: 37px;
font-weight: 800; 
margin: 30px 0 10px 0;     

}
.page-blog-detail h3 {
font-size: 27px;
font-weight: 800; 
margin: 20px 0 10px 0;    

}
.page-blog-detail h4 {
font-size: 25px;
font-weight: 800; 
margin: 20px 0 10px 0;  

}
.page-blog-detail h5, .page-blog-detail h6{
font-size: 24px;
font-weight: 800; 
margin: 20px 0 10px 0;    
text-transform: capitalize;

}
.page-blog-detail .content {
margin-top: 20px;

} 
.sidebar .h4-title {
    padding-bottom: 4px;
    position: relative;
    margin-bottom: 30px;
    margin-top: 0;
}
.sidebar .h4-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 79px;
    height: 1px;
    background: var(--primary-color);
}
.recent-post-box {
    display: flex;
    align-items: center;
    gap: 20px;
}
.recent-post-box:not(:last-child) {
    margin-bottom: 25px;
}
.recent-post-box .img {
    width: 100px;
    aspect-ratio: 1 / 1;
    border-radius: 20px;
    flex-shrink: 0;
}
.recent-post-box .text p {
    margin-bottom: 10px;
}
.recent-post-box .date {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--primary-color);
}
.recent-post-box .date img {
    width: 20px;
}
.sidebar {
    position: sticky;
    top: 100px;
}
.page-blog-detail{
    overflow: inherit;
}


/*responsive css start here*/
@media (max-width: 1399px){
.blog-date {
    font-size: 13px;
}
}

@media (max-width: 1199px){
    .h1-title {
        font-size: 45px;
    }
    .content-box-wrapper{
        padding: 50px;
    }
    .blog-date {
        bottom: -2px;
        width: 41%;
    }
    .blog-img-wp {
        --mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTYiIGhlaWdodD0iMjUyIiB2aWV3Qm94PSIwIDAgMjk2IDI1MiIgZmlsbD0ibm9uZSI+CjxtYXNrIGlkPSJtYXNrMF85Ml85NjM3IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjk2IiBoZWlnaHQ9IjI1MiI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjk2IDIwQzI5NiA4Ljk1NDMxIDI4Ny4wNDYgMCAyNzYgMEgyMEM4Ljk1NDMgMCAwIDguOTU0MyAwIDIwVjIwM0MwIDIxNC4wNDYgOC45NTQzIDIyMyAyMCAyMjNIMTIzLjk2N0MxMzEuNzE3IDIyMyAxMzggMjI5LjI4MyAxMzggMjM3LjAzM1YyMzcuMDMzQzEzOCAyNDQuNzgyIDE0NC4yODMgMjUxLjA2NSAxNTIuMDMzIDI1MS4wNjVIMjc2QzI4Ny4wNDYgMjUxLjA2NSAyOTYgMjQyLjExMSAyOTYgMjMxLjA2NVYyMFoiIGZpbGw9ImJsYWNrIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85Ml85NjM3KSI+CjxyZWN0IHg9Ii0zNS42NjI2IiB3aWR0aD0iMzc5LjQ1MSIgaGVpZ2h0PSIyNTMuMjA1IiBmaWxsPSJibGFjayIvPgo8L2c+Cjwvc3ZnPg==);
    }
    .page-blog-detail h1 {
        font-size: 35px;
        }
    .page-blog-detail .title, .page-blog-detail h2 {
        font-size: 32px;
    }
    }


@media (max-width: 992px){
.h1-title {
    font-size: 50px;
}
.h2-title {
    font-size: 38px;
    margin-bottom: 20px;
}
.content-box-wrapper{
    padding: 30px;
}
.banner-img{
    text-align: center;
    padding-top: 10px;
}
.banner-img img {
    max-width: 450px;
    margin: auto;
}
.banner-content {
    margin: 0;
}
.h1-title {
    font-size: 44px;
}
.features-list{
    flex-wrap: wrap;
}
.feature-box{
    width: 50%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.about-us-img-box {
    max-width: 500px;
    margin: auto;
    margin-bottom: 40px;
}
.h3-title {
    font-size: 36px;
}
.h4-title {
    font-size: 22px;
}
.testimonial-box{
    padding: 77px 20px 20px;
}
.quote-icon{
    width: 60px;
}
.cotact-form-sec{
    padding: 0;
}
.about-us-content{
    padding-left: 0;
}
.our-services-content{
  padding-left: 0;
  margin-top: 20px;
} 
.main-inner-banner {
    min-height: 200px;
}
.counter-list{
    gap: 70px;
    margin-left: -30px;
}
.recent-posts .item-details h4 {
    font-size: 19px;
    }
    .sidebar .h4-title { 
        margin-bottom: 20px;
        margin-top: 10px;
    }

    h1.blog-heading {
        font-size: 33px;
    }
}


@media (max-width: 767px){
    .sub-title {
        font-size: 17px;
        margin-bottom: 10px;
        line-height: normal;
    }
    .h1-title {
        font-size: 32px;
    }
    .h2-title {
        font-size: 27px;
    }

    .main-banner .bg-icon, .main-inner-banner .bg-icon{
        width: 110px;
    }
    .content-box-wrapper {
        padding: 20px;
        gap :0;
    }
    .testimonial-box-shape{
        top: -1px;
    }
    .about-us-content-btn {
        margin-top: 20px;
    }
    .col-md-6.p-3 {
        padding-top: 10px !important;
        padding-bottom: 0 !important;
    }
    .counter-list {
        flex-direction: column;
        margin-left: 0;
        gap: 40px;
    }
    .page-blog-lists .blog-img-wp {
        --mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTYiIGhlaWdodD0iMjUyIiB2aWV3Qm94PSIwIDAgMjk2IDI1MiIgZmlsbD0ibm9uZSI+CjxtYXNrIGlkPSJtYXNrMF85Ml85NjM3IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjk2IiBoZWlnaHQ9IjI1MiI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjk2IDIwQzI5NiA4Ljk1NDMxIDI4Ny4wNDYgMCAyNzYgMEgyMEM4Ljk1NDMgMCAwIDguOTU0MyAwIDIwVjIwM0MwIDIxNC4wNDYgOC45NTQzIDIyMyAyMCAyMjNIMTIzLjk2N0MxMzEuNzE3IDIyMyAxMzggMjI5LjI4MyAxMzggMjM3LjAzM1YyMzcuMDMzQzEzOCAyNDQuNzgyIDE0NC4yODMgMjUxLjA2NSAxNTIuMDMzIDI1MS4wNjVIMjc2QzI4Ny4wNDYgMjUxLjA2NSAyOTYgMjQyLjExMSAyOTYgMjMxLjA2NVYyMFoiIGZpbGw9ImJsYWNrIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85Ml85NjM3KSI+CjxyZWN0IHg9Ii0zNS42NjI2IiB3aWR0aD0iMzc5LjQ1MSIgaGVpZ2h0PSIyNTMuMjA1IiBmaWxsPSJibGFjayIvPgo8L2c+Cjwvc3ZnPg==);
        aspect-ratio: 1 / 0.84616;
    }
    .page-blog-lists .blog-img-wp img{
        height: 100%;
        object-fit: cover;
    }
    .blog-box { 
        max-width: 450px;
        margin: auto;
    }
    .error-content p{
        margin-bottom: 20px;
    }
    .thank-you-img svg {
        width: 130px;
        height: 130px;
    }
    .thank-you-img{
        margin-bottom: 10px;
    }
    .inner-banner-shape{
        bottom: auto;
        top: 0;
    }
    .error-content .error-img {
        margin-bottom: 20px;
    }
    h1.blog-heading {
        font-size: 29px;
    }
}


@media (max-width: 480px){
.feature-box {
    width: 100%;
    padding: 22px;
}
.about-counter-box .h3-title {
    font-size: 26px;
}

.about-counter-box .h4-title {
    font-size: 15px;
}

.our-services-content { 
    margin-top: 10px;
}
.sub-title { 
    margin-bottom: 5px;
}
.service-box{
    padding: 20px;
}
.cotact-form-sec input[type="text"], .cotact-form-sec input[type="email"], 
.cotact-form-sec input[type="tel"], .cotact-form-sec textarea {
    padding: 10px 8px;
}
.main-inner-banner {
    min-height: 140px; 
    
    padding: 20px 0;
}
.page-blog-detail h1 {
    font-size: 28px;    
    margin: 20px 0 10px 0;
}
.page-blog-detail .title, .page-blog-detail h2 {
    font-size: 26px;
    margin: 20px 0 10px 0;
}
.page-blog-detail h3 {
    font-size: 25px;
    }
.page-blog-detail h4 {
font-size: 24px;
}
.page-blog-detail h5, .page-blog-detail h6{
    font-size: 22px;
}
 
.breadcrumb-box ul li {
    font-size: 13px;
}
}