@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body{
    font-family: "Inter", serif;
    background: #F7F7F7;
}
.main_wrapper{
    width: 100%;
}
.header_wrap_bg {
    background: #fff;
    box-sizing: border-box;
    padding: 10px 0px;
    filter: drop-shadow(0px -9px 6px black);
    position: relative; /* Start as relative */
    width: 100%;
    z-index: 1000;
    transition: all 0.3s ease;
}

.header_wrap_bg {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    /* Optional animation when page loads */
    animation: slideDown 0.5s ease-in-out;
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}
.header_logo_menus{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
nav.main_menu_navbar> ul {
    list-style-type: none;
    display: flex;
    align-items: center;
    column-gap: 30px;
    margin: 0px;
}
button.faqsmenubtn {
    background: #00AE37;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 4px 10px;
}
nav.main_menu_navbar> ul li a {
    color: #000;
    font-weight: 400;
    transition: all 0.3s ease;
}
nav.main_menu_navbar ul li.menu_Active a {
    color: #00ae37 !important;
}
nav.main_menu_navbar ul li:hover a {
    color: #00ae37;
    text-decoration: none;
}
img{
    width: 100%;
}
a.web_logo> img {
    width: 200px;
    transition: all 0.6s ease;
}
.mainHero_sectionWrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 30px;
    row-gap: 30px;
    position: relative;
    box-sizing: border-box;
    padding: 70px 0px;
}
.varified_text_wrapperHero {
    width: 100%;
}
.mainVerified_text {
    width: 347px;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    position: relative;
    box-sizing: border-box;
    padding: 7px 20px;
}
.mainVerified_text> span img {
    width: 68px;
}
.mainVerified_text> span {
    font-size: 19px;
    font-weight: 500;
    text-transform: capitalize;
    color: #0a0a0a;
}
span.verified_ammount_wrapper {
    position: absolute;
    right: -27px;
    z-index: 1;
}
span.verified_ammount_wrapper> span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    color: #fff;
    font-weight: 400;
}
.safeReview_showMain {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
span.veirfied_img_icons> img {
    width: 38px;
}
span.reviewIcons_wrapper {
    display: flex;
    align-items: center;
    column-gap: 2px;
    font-size: 16px;
    color: #fe9703;
}
.herocontent_One> h2 {
    font-size: 32px;
    font-weight: 400;
    margin: 0px;
}
.herocontent_One {
    display: flex;
    flex-direction: column;
    row-gap: 25px;
}
.our_ServicesListed {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
img.herroSection_overlyImg {
    position: absolute;
    top: 49%;
    left: 59%;
    transform: translate(-50%, -50%);
    width: 246px;
}
.main_wrapper.pricingMain_wrapper_bg {
    width: 100%;
    background: #fff;
}
.main_pricingBox_wrapper {
    width: 100%;
    box-sizing: border-box;
    padding: 50px 0px;
}
.box_headerWrapper {
    display: flex;
    flex-direction: column;
    row-gap: 13px;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}
.box_headerWrapper> h2 {
    color: #313131;
    text-transform: capitalize;
    font-size: 28px;
    margin: 0px;
    font-weight: 700;
}
.header_titleDecoration> span {
    background: #e7e7e7;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
}
.header_titleDecoration {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    column-gap: 5px;
}
.pricingPlan_boxWrapper {
    width: 90%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 10px;
    margin: 0px auto;
}
.plantop_wrapper {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 20px;
    background: #F5F5F5;
}
span.planName {
    font-size: 22px;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
}
span.planPric {
    font-size: 45px;
    font-weight: 400;
}
.planbottom_wrapper {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 20px;
    background: #ffffff;
    row-gap: 5px;
}
span.planPackeg {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    display: inline-block;
    font-size: 13px;
    background: #00ae37;
    color: #fff;
    box-sizing: border-box;
    padding: 2px 10px;
    border-radius: 30px;
}
.pricing_plan_box {
    width: 100%;
    box-sizing: border-box;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}
.pricingPlan_boxWrapper {
    width: 90%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 30px;
    margin: 0px auto;
}
.plantop_wrapper.Middleplantop_wrapper {
    background: #00ae37;
}
.plantop_wrapper.Middleplantop_wrapper> span.planName,
.plantop_wrapper.Middleplantop_wrapper> span.planPric{
    color: #fff;
}
.plantop_wrapper.Middleplantop_wrapper> span.planPackeg {
    background: #f5f5f5;
    color: #00ae37;
}
.otherService_mainWrapper {
    width: 100%;
    box-sizing: border-box;
    padding: 50px 0px;
}
.otherService_mainWrapper> h2 {
    display: block;
    text-align: center;
    margin-bottom: 30px;
    text-transform: capitalize;
    font-size: 28px;
    font-weight: 700;
}
.serviceMain_boxWrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 30px;
}
.servicesBox {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 20px;
    position: relative;
}
span.services_iconsWrapper {
    width: 90px;
    height: 90px;
    box-sizing: border-box;
    background: #dfdfdf;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
}
span.servicesTitle {
    display: block;
    text-align: center;
    margin-top: 35px;
    font-size: 20px;
    font-weight: 400;
}
span.servicesContent {
    font-size: 14px;
    margin: 0px;
    text-align: center;
    display: block;
}
.serviceMain_boxWrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 30px;
    margin-top: 78px;
    row-gap: 78px;
}
span.services_iconsWrapper.unverified-reviews {
}
span.services_iconsWrapper.helpful-votes {
    background: #C2E3FF;
}
span.services_iconsWrapper.question-and-answers {
    background: #FFEFCF;
}
span.servicesContent> span {
    font-weight: 600;
    color: #00ae37;
}
.ourRevviewservices_boxWrapper {
    text-align: justify;
}
img.textWith_imgShape1 {
    float: left;
    width: 533px;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
}
.contentMain_Wrapper {
    width: 100%;
    box-sizing: border-box;
    padding: 50px 0px;
    border-top: 1px solid #ddd;
}
.dubbleColumn_content {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 60px;
    row-gap: 60px;
}
.content_column1> .content_column2 {
    width: 100%;
}
.content_column1 {
    position: relative;
}
.content_column1:after {
    content: '';
    position: absolute;
    top: 43px;
    right: -30px;
    width: 4px;
    height: 60%;
    background: #e7e7e7;
    border-radius: 40px;
}
.content_column2> h3 {
    font-size: 20px;
    font-weight: 500;
    color: #212121;
}
.pointerContent_wrapper {
    margin-top: 30px;
}
.pointerContent_wrapper> h3 {
    margin: 0px;
    font-weight: 700;
    font-size: 18px;
    color: #000000;
}
.pointerContent_wrapper> p {
    margin: 0px;
    padding-left: 22px;
    border-left: 3px solid #e7e7e7;
    margin-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.dubbleColumn2_wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: center;
    justify-content: center;
    column-gap: 40px;
    row-gap: 40px;
}
.dubbleColumn3_wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
    justify-content: center;
    column-gap: 40px;
    row-gap: 40px;
}
.mainImportant_ContentWrapper {
    width: 100%;
    box-sizing: border-box;
    padding: 50px 0px;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 40px;
}
.contactUs_boxWrapper {
    width: 100%;
    box-sizing: border-box;
    padding: 50px 0px;
}
.contactUs_boxWrapper {
    width: 100%;
    box-sizing: border-box;
    padding: 50px 0px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    row-gap: 30px;
}
form#contactForm {
    box-sizing: border-box;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
}
.contactInfo_wrapper {
    box-sizing: border-box;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    width: 100%;
    overflow: hidden;
}
.contactBox_right {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 30px;
    width: 100%;
    overflow: hidden;
}
.contactInfo_wrapper> ul {
    margin: 0px;
}
.formColumn> label {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 16px;
}
form#contactForm {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    width: 100%;
}
.formColumn> input {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    outline: none;
}
.formColumn> textarea#message {
    width: 100%;
    height: 100px;
    border: 1px solid #ddd;
    border-radius: 5px;
    outline: none;
    box-sizing: border-box;
    padding: 5px 10px;
}
span#sendMailbtn {
    background: #00AE37;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 5px 12px;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
    cursor: pointer;
}
.check_boxWrap> label {
    margin: 0px;
}
span.cInfo_title2, span.cInfo_title {
    font-size: 20px;
    margin-bottom: 5px;
    display: block;
    font-weight: 500;
}
.contactInfo_wrapper> ul {
    list-style-type: none;
    padding: 0px;
    display: flex;
    flex-direction: column;
    row-gap: 7px;
}
.contactInfo_wrapper> ul li {
    display: flex;
    align-items: center;
    column-gap: 5px;
    box-sizing: border-box;
    padding: 5px 10px;
    background: #f7f7f7;
    border-radius: 10px;
}
.contactInfo_wrapper> ul li i {
    font-size: 20px;
    margin-top: 2px;
}
.contactInfo_wrapper> ul li i.fa-regular.fa-envelope {
    color: #5d5d5d;
}
.contactInfo_wrapper> ul li i.fa-brands.fa-skype {
    color: #007bff;
    font-size: 24px;
}
.contactInfo_wrapper> ul li a {
    text-decoration: underline;
    color: black;
}
.contactInfo_wrapper> p span {
    color: black;
    font-weight: 600;
}
.contactInfo_wrapper> p:last-child {
    margin: 0px;
}
span.cInfo_title2 {
    display: flex;
    align-items: center;
    column-gap: 5px;
}
span.cInfo_title2> img {
    width: 25px;
}
.checkbox_Cloumn {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    font-size: 14px;
    row-gap: 5px;
    column-gap: 5px;
    box-sizing: border-box;
    background: #f7f7f7;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
}
.check_boxWrap {
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 5px;
}
.footerMain_wrapper.footer_bg {
    width: 100%;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    padding: 20px 20px;
    background: #fff;
}
.footerMain_wrapper.footer_bg> span span{
    color: #00AE37;
    font-weight: 500;
}
.menu_toggle_btn {
    display: none;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
}
img.herroSection_overlyImg {
    z-index: -1;
}
span.reviewIcons_wrapper.reviewIcons_wrapper2 {
    font-size: 25px;
}

.mailSend_confirmation_main_wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1111111111111;
    backdrop-filter: blur(2px);
    background: #ffffffbd;
    transition: all 0.4s ease;
    animation: mailconfirmationMain 0.4s ease;
}
@keyframes mailconfirmationMain{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.mail_confirmationWrap {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 350px;
    background: #ffffff;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #e9e9e9;
    text-align: center;
    box-shadow: 0px 0px 23px -12px #000;
    transition: all 0.4s ease;
    animation: mailconfirmationMain2 0.4s ease;
}
@keyframes mailconfirmationMain2{
    0%{
        transform: translate(-50%, -50%) scale(0);
    }
    100%{
        transform: translate(-50%, -50%) scale(1);
    }
}
span.mainConfirmation_Title {
    display: block;
    color: #080808;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
}
.mail_confirmationWrap> img {
    width: 60px;
    margin-bottom: 10px;
}



.faq-container {
    width: 100%;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    margin: 0px auto;
    margin-top: 60px;
}

.faq-container h1 {
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
    text-align: center;
}

.faq-item {
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 0;
    cursor: pointer;
}

.faq-item .question {
    font-weight: 600;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq-item .question::after {
    content: "+";
    font-size: 26px;
    color: #00ae37;
    transition: transform 0.3s ease;
    font-weight: 500;
}

.faq-item.active .question::after {
    transform: rotate(45deg);
}

.answer {
    display: none;
    font-size: 16px;
    color: #555;
    margin-top: 10px;
    line-height: 1.6;
}
.faq-container> .faq-item:last-child{
    border-bottom: none;
}
.faqsSection_mainWrapper {
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 60px;
    background: #fff;
    border-bottom: 1px dashed #ddd;
}
.spinner-border {
    width: 1rem;
    height: 1rem;
    border: .20em solid currentColor;
    border-right-color: transparent !important;
}
span.ourHero_list_item {
    transition: all 0.6s ease;
    font-size: 18px;
    font-weight: bold;
}

.herocontent_One > h2 {
    transition: all 0.6s ease;
    animation: titleanimatehead 0.6s ease;
}

@keyframes titleanimatehead {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}

/* Hide .herocontent_two by default */
.herocontent_two {
    display: block;
}
span.veirfied_img_icons {
    transition: all 0.3s ease;
    animation: verifideAnimate 0.3s ease;
    display: block;
}
@keyframes verifideAnimate {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    70%{
        transform: scale(1.4);
        opacity: 0.7;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
span.reviewIcons_wrapper.reviewIcons_wrapper2> i {
    transition: all 0.3s ease;
}

span.reviewIcons_wrapper.reviewIcons_wrapper2> i:nth-child(1) {
    animation: animatestar1 0.4s ease;
}
@keyframes animatestar1 {
    0%{
        transform: translateX(1000px);
        opacity: 0;
    }
    90%{
        transform: translateX(-10px);
        opacity: 1;
    }
    100%{
        transform: translateX(0px);
        opacity: 1;
    }
}
span.reviewIcons_wrapper.reviewIcons_wrapper2> i:nth-child(2) {
    animation: animatestar2 0.5s ease;
}
@keyframes animatestar2 {
    0%{
        transform: translateX(1000px);
        opacity: 0;
    }
    90%{
        transform: translateX(-10px);
        opacity: 1;
    }
    100%{
        transform: translateX(0px);
        opacity: 1;
    }
}
span.reviewIcons_wrapper.reviewIcons_wrapper2> i:nth-child(3) {
    animation: animatestar3 0.6s ease;
}
@keyframes animatestar3 {
    0%{
        transform: translateX(1000px);
        opacity: 0;
    }
    90%{
        transform: translateX(-10px);
        opacity: 1;
    }
    100%{
        transform: translateX(0px);
        opacity: 1;
    }
}
span.reviewIcons_wrapper.reviewIcons_wrapper2> i:nth-child(4) {
    animation: animatestar4 0.7s ease;
}
@keyframes animatestar4 {
    0%{
        transform: translateX(1000px);
        opacity: 0;
    }
    90%{
        transform: translateX(-10px);
        opacity: 1;
    }
    100%{
        transform: translateX(0px);
        opacity: 1;
    }
}
span.reviewIcons_wrapper.reviewIcons_wrapper2> i:nth-child(5) {
    animation: animatestar5 0.8s ease;
}
@keyframes animatestar5 {
    0%{
        transform: translateX(1000px);
        opacity: 0;
    }
    90%{
        transform: translateX(-10px);
        opacity: 1;
    }
    100%{
        transform: translateX(0px);
        opacity: 1;
    }
}
span.reviewIcons_wrapper.reviewIcons_wrapper2{
    display: block;
}
span.verified_ammount_wrapper> span{
    transition: all 0.6s ease;
    animation: popupdollar 0.4s ease;
}
@keyframes popupdollar {
    0%{
        transform: translate(-50%, -50%) scale(0.5);
    }
    70%{
        transform: translate(-50%, -50%) scale(1.5);
    }
    100%{
        transform: translate(-50%, -50%) scale(1);
    }
}




































.our_ServicesListed> span.ourHero_list_item:nth-child(1) {
    animation: animatelisting1 0.4s ease;
}
@keyframes animatelisting1 {
    0%{
        transform: translateX(100%);
        opacity: 0;
    }
    70%{
        transform: translateX(-10%);
        opacity: 1;
    }
    100%{
        transform: translateX(0%);
        opacity: 1;
    }
}
.our_ServicesListed> span.ourHero_list_item:nth-child(2) {
    animation: animatelisting2 0.5s ease;
}
@keyframes animatelisting2 {
    0%{
        transform: translateX(238%);
        opacity: 0;
    }
    70%{
        transform: translateX(-10%);
        opacity: 1;
    }
    100%{
        transform: translateX(0%);
        opacity: 1;
    }
}
.our_ServicesListed> span.ourHero_list_item:nth-child(3) {
    animation: animatelisting3 0.6s ease;
}
@keyframes animatelisting3 {
    0%{
        transform: translateX(372%);
        opacity: 0;
    }
    70%{
        transform: translateX(-10%);
        opacity: 1;
    }
    100%{
        transform: translateX(0%);
        opacity: 1;
    }
}
.our_ServicesListed> span.ourHero_list_item:nth-child(4) {
    animation: animatelisting4 0.7s ease;
}
@keyframes animatelisting4 {
    0%{
        transform: translateX(510%);
        opacity: 0;
    }
    70%{
        transform: translateX(-10%);
        opacity: 1;
    }
    100%{
        transform: translateX(0%);
        opacity: 1;
    }
}
.our_ServicesListed> span.ourHero_list_item:nth-child(5) {
    animation: animatelisting5 0.8s ease;
}
@keyframes animatelisting5 {
    0%{
        transform: translateX(644%);
        opacity: 0;
    }
    70%{
        transform: translateX(-10%);
        opacity: 1;
    }
    100%{
        transform: translateX(0%);
        opacity: 1;
    }
}
img.herroSection_overlyImg {
    transition: all 0.4s ease;
    animation: animatebigstar 0.6s ease;
}
@keyframes animatebigstar {
    0%{
        transform: translate(-50%, -50%) scale(20);
        opacity: 0;
    }
    60%{
        transform: translate(-50%, -50%) scale(0.7);
        opacity: 1;
    }
    100%{
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}
.mainHero_sectionWrapper {
    height: 418px;
}
.contactInfo_wrapper> ul li> i.fa-solid.fa-phone-alt {
    color: #007bff;
}
.contactInfo_wrapper> ul li> i.fa-brands.fa-whatsapp {
    font-weight: bold;
    color: #28a745;
}
.contactInfo_wrapper> ul li> i.fa-brands.fa-weixin {
    color: #00c53e;
}
.contactInfo_wrapper> ul li> i {
    width: 24px;
}
.welcomeHerowrapper {
    text-align: center;
    margin-top: 50px;
    border-bottom: 2px dashed #00ae37;
    padding-bottom: 30px;
}
.welcomeHerowrapper> h1 {
    font-size: 40px;
    color: #636363;
    font-weight: 400;
}
.welcomeHerowrapper> h1 span {
    color: #fe9703;
    font-weight: 500;
    text-shadow: 1px 1px 1px #4f4f4f, 1px 1px 1px #000, 2px 2px 1px #a7a7a7;
}
span.tospan_slofgan {
    font-weight: 500;
    font-size: 15px;
}


/* Button wrapper styling */
.heroStartbtn_wrapper {
    display: flex;
    gap: 20px;
    align-items: center;
}

/* Common button styles */
.heroStartbtn_wrapper a {
    position: relative;
    padding: 8px 20px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 15px rgba(0, 174, 55, 0.2);
}

/* Get Started button specific styles */
.getStartedssgabtn {
    background: #00AE37;
    color: white;
    border: 2px solid #00AE37;
}

.getStartedssgabtn:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255, 255, 255, 0.2),
        transparent
    );
    transition: all 0.6s;
    z-index: -1;
}

.getStartedssgabtn:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0, 174, 55, 0.3);
    color: #fff;
}

.getStartedssgabtn:hover:before {
    left: 100%;
}

.getStartedssgabtn:active {
    transform: translateY(1px);
}

/* Other Services button specific styles */
.otherserVicsebtn {
    background: transparent;
    color: #00AE37;
    border: 2px solid #00AE37;
}

.otherserVicsebtn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #00AE37;
    transition: all 0.4s ease-in-out;
    z-index: -1;
}

.otherserVicsebtn:hover {
    color: white;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0, 174, 55, 0.3);
}

.otherserVicsebtn:hover:before {
    width: 100%;
}

.otherserVicsebtn:active {
    transform: translateY(1px);
}

/* Responsive styles */
@media (max-width: 768px) {
    .heroStartbtn_wrapper {
        flex-direction: column;
        gap: 15px;
    }

    .heroStartbtn_wrapper a {
        width: 100%;
        text-align: center;
        padding: 12px 25px;
        font-size: 14px;
    }
}
ul.marketPlaceWrapperList> li img {
    width: 30px;
    height: auto;
}
.ourExprienceWrapper {
    width: 100%;
    margin: 0px auto;
    background: #f7f7f7;
    margin-top: 50px;
    border-radius: 10px;
    overflow: hidden;
}
span.expresnceTitle {
    display: block;
    text-align: center;
    box-sizing: border-box;
    padding: 6px 0px;
    background: #00ae37;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px;
    color: #fff;
}
ul.marketPlaceWrapperList {
    margin: 0px;
    box-sizing: border-box;
    padding: 0px 20px 20px 20px;
    list-style-type: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
    row-gap: 10px;
}
ul.marketPlaceWrapperList> li {
    display: flex;
    align-items: center;
    column-gap: 10px;
    background: #fff;
    border-radius: 20px;
}


























.why-choose-section {
    background: linear-gradient(135deg,  #e9ecef 100%, #f8f9fa 0%, #e9ecef 100%);
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 50px;
    border-radius: 10px;
}

.why-choose-section::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(13, 110, 253, 0.1) 0%, rgba(13, 110, 253, 0) 70%);
    border-radius: 50%;
    transform: translate(50%, -50%);
}

.why-choose-container {
    max-width: 1200px;
    margin: 0 auto;
}

.section-title {
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}

.section-title h2 {
    font-size: 30px;
    color: #2c3e50;
    margin: 0;
    font-weight: 700;
    position: relative;
    display: inline-block;
}

.section-title h2::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #00ae37, #00cb40);
    border-radius: 2px;
}

.features-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.feature-card {
    background: white;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
}
.servicesBox{
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.feature-card:hover, .servicesBox:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 0;
    background: linear-gradient(to bottom, #00b138, #00c940);
    transition: height 0.3s ease;
}

.feature-card:hover::before {
    height: 100%;
}
.feature-title {
    font-size: 18px;
    color: #2c3e50;
    margin-bottom: 3px;
    font-weight: 600;
}

.feature-description {
    color: #6c757d;
    line-height: 1.6;
    margin: 0;
    font-size: 15px;
}

@media (max-width: 768px) {
    .why-choose-section {
        padding: 20px;
    }

    .section-title h2 {
        font-size: 2rem;
    }

    .features-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .feature-card {
        padding: 1.5rem;
    }
}



.obligations-container {
    max-width: 1200px;
    margin: 50px auto;
    padding: 40px 20px;
    font-family: 'Inter', sans-serif;
}

.obligations-title {font-size: 30px;color: #2c3e50;margin-bottom: 24px;font-weight: 700;position: relative;text-align: center;display: block;}

.obligations-title::after {
    content: '';
    position: absolute;
    bottom: -13px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #00ae37, #00cb40);
    border-radius: 2px;
}

.obligations-intro {
    text-align: center;
    color: #64748b;
    font-size: 15px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.obligations-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    margin-top: 30px;
}

.obligation-card {
    background: white;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
}

.obligation-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.obligation-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(to bottom, #00b138, #00c940);
}

.obligation-icon {
    width: 50px;
    height: 50px;
    background: #f0f9ff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.obligation-icon svg {
    width: 25px;
    height: 25px;
    color: #28a745;
}

.obligation-title {
    font-size: 18px;
    color: #1e293b;
    margin-bottom: 8px;
    font-weight: 600;
}

.obligation-text {
    color: #64748b;
    line-height: 1.6;
    font-size: 15px;
    margin: 0px;
}

@media (max-width: 768px) {
    .obligations-title {
        font-size: 2rem;
    }
    
    .obligations-grid {
        grid-template-columns: 1fr;
    }
}
.process-section {
}

.process-container {
    display: flex;
    gap: 2rem;
}

.process-image {
    flex: 1;
    min-width: 300px;
}

.process-image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.process-image img:hover {
    transform: scale(1.02);
}

.process-content {
    flex: 1;
}

.process-content h3 {
    color: #2d3748;
    font-size: 25px;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.process-steps {
    list-style: none;
    padding: 0;
    margin: 0;
}

.process-steps li {
    padding: 1rem 1.5rem;
    margin-bottom: 1rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    position: relative;
    padding-left: 3rem;
    transition: transform 0.2s ease;
}

.process-steps li:hover {
    transform: translateX(5px);
}

.process-steps li::before {
    content: "";
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: #00ae37;
    border-radius: 50%;
}

@media (max-width: 768px) {
    .process-container {
        flex-direction: column;
    }
    
    .process-image {
        min-width: 100%;
    }
}






































/* Mobile view 1440px */
@media (max-width:1440px){
    
}

/* Mobile view 1024px */
@media (max-width:1024px){

}

/* Mobile view 768px */
@media (max-width: 768px) {
    .mainHero_sectionWrapper {
        height: auto;
    }
    ul.marketPlaceWrapperList {
        grid-template-columns: 1fr;
    }
    button.menu_toggle_btn {
        border: 2px solid #00ae37;
        border-radius: 5px;
        color: #00ae37;
        box-sizing: border-box;
        font-size: 18px;
        outline: none;
    }
    .header_titleDecoration {
        column-gap: 8px;
    }
    .header_titleDecoration> span {
        width: 8px;
        height: 8px;
    }
    .contactUs_boxWrapper {
        grid-template-columns: 1fr;
        width: 100%;
        overflow: hidden;
    }
    .pricingPlan_boxWrapper {
        grid-template-columns: 1fr;
        row-gap: 30px;
        width: 100%;
    }
    .serviceMain_boxWrapper {
        grid-template-columns: 1fr;
        row-gap: 72px;
    }
    .dubbleColumn3_wrapper {
        grid-template-columns: 1fr;
    }
    .contentImage_wrapper {
        display: none;
    }
    .dubbleColumn2_wrapper {
        grid-template-columns: 1fr;
    }
    .content_column1:after {
        content: '';
        position: absolute;
        top: 110%;
        right: 50%;
        width: 50%;
        height: 2px;
        background: #e7e7e7;
        border-radius: 40px;
        transform: translateX(50%);
    }
    .dubbleColumn_content {
        grid-template-columns: 1fr;
    }
    img.textWith_imgShape1 {
        float: none;
        width: 100%;
    }
    .herocontent_One> h2 {
        font-size: 30px;
    }
    .mainHero_sectionWrapper {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .main_menu_navbar ul {
        display: none;
        flex-direction: column;
        gap: 15px;
        background: #fff;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        padding: 20px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        z-index: 999;
    }

    .main_menu_navbar ul.active {
        display: flex;
    }

    .menu_toggle_btn {
        display: inline;
        color: #000;
    }

    .header_logo_menus {
        flex-direction: row;
        justify-content: space-between;
    }
    .box_headerWrapper> h2 {
        text-align: center;
    }
    .varified_text_wrapperHero {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .safeReview_showMain {
        justify-content: center;
    }
}



/* Mobile view 425px */
@media (max-width:425px){
    .mainVerified_text> span {
        font-size: 18px;
    }
    .mainVerified_text {
        width: 312px;
        padding: 7px 10px;
    }
    .checkbox_Cloumn {
        grid-template-columns: 1fr;
    }
}

/* Mobile view 375px */
@media (max-width:375px){

}
li.menu_Active> a button {
    position: relative;
}
li.menu_Active> a button:after {
    content: '';
    position: absolute;
    top: 115%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-top: 10px solid #00ae37;
}
.policy-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 50px;
}

.policy-card {
    background: white;
    padding: 15px;
    border-radius: 1rem;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
}

.policy-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
}

.policy-icon {
    background: #f8fafc;
    width: 3rem;
    height: 3rem;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.policy-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 0.75rem;
}

.policy-text {
    color: #64748b;
    line-height: 1.6;
    font-size: 0.95rem;
}

/* SVG icons will use this color */
.icon-color {
    fill: #2563eb;
}

/* Mobile view 600px */
@media (max-width:600px){
    .policy-grid {
        grid-template-columns: 1fr;
    }
}
.pricingPlan_boxWrapper> a {
    text-decoration: none;
    color: #000;
}