/* seo start */

.services1_section1 {
    background: url(../img/section1_mainbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 188px;
    padding-bottom: 120px;
    
    
    
}
.moda_title {
    color: var(--core-near-black, #0E0E0E);
    font-family: 'Manrope';
    font-size: 32px;
    margin-bottom: 24px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: 0.64px;
    text-transform: capitalize;
}
.moda_subtitle {
    color: var(--core-olive-200, #44877F);
    font-family: 'Manrope';
    font-size: 16px;
    margin-bottom: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 181.1%; /* 28.976px */
}
.btn_brief {
    color: var(--core-olive-300, #445C59);
    text-align: center;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 9px 0px 9px 24px;
}
.moda_boda {
    padding: 53px 40px; 
}
.moda_row {
    margin-bottom: 40px;
}
.moda-check-label {
    color: var(--core-near-black, #0E0E0E);
    font-family: 'Manrope';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 181.1%; /* 25.354px */
    text-transform: capitalize;
    margin-bottom: 0px;
    margin-left: 8px;
    padding-top: 4px;
}
.moda-check-label a {
    color: var(--core-olive-200, #44877F);
    font-family: 'Manrope';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 181.1%;
    text-transform: capitalize;
    text-decoration: none;
}
.moda_boda_2 {
    padding: 56px;
}
.moda_dialog2 {
    max-width: 517px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)!important;
}
.moda-check-input {
    background: var(--core-near-black, #0E0E0E);
    height: 24px;
    width: 24px;
    border-radius: 0px!important;
    border: 0px;
}
.moda_dialog {
    max-width: 801px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)!important;
}
.moda_content {
    border-radius: 0px;
}
.inner_div {
    display: flex;
    flex-direction: row;
    gap: 40px;
    justify-content: center;
    align-items: center;
}

.main_title {
    color: var(--core-off-white, #FBFBFB);
    font-family: Manrope;
    font-size: 64px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: 1.28px;
    text-transform: capitalize;
    margin-bottom: 0;
    
}

.main_para {
    color: var(--core-off-white, #FBFBFB);
    text-align: center;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 181.1%; /* 28.976px */
    align-self: stretch;
    margin-bottom: 0;
    
}

.outer_div {
    display: flex;
    width: 1435px;
    height: 16px;
    padding: 0px 88px;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 64px;
    
}

.link_text {
    color: var(--core-off-white, #FBFBFB);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    opacity: 0.4;
    text-decoration: none;
}

.link_text.active {
    opacity: 1;
}


.services1_sec1_inner {
    background: url(../img/inner_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 1245px;
    height: 615px;
    border: 24px solid white;

    display: flex;
    width: 1242px;
    height: 615px;
    padding: 104px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    flex-shrink: 0;
        
}


.arrow_services1 {
    color: var(--core-off-white, #FBFBFB);
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 181.1%; /* 25.354px */
    text-transform: capitalize;
    margin-bottom: 0px;
}
.month_button:hover, .month_button.active:hover {
    background: #FFF;
    color: var(--core-near-black, #0E0E0E);
}
        .shader {
            display: none;
        }
.arrow_services2 {
    color: var(--core-off-white, #FBFBFB);
    font-family: Manrope;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 181.1%; /* 25.354px */
    text-transform: capitalize;
    margin-bottom: 0px;
}
.feild_box1::file-selector-button {
    display: none;
}
.ddddd {
    color: var(--core-near-black, #0E0E0E);
    font-family: 'Manrope';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 0px;
}
.moda-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
    background-color: #000000;
}
.right_button1 {
    transform: rotate(90deg);
    width: fit-content;

    gap: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 107px;
    
}

.left_button1 {
    transform: rotate(-90deg);
    width: fit-content;
    gap: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 108px;
    
}

.arrow1 {
    transform: rotate(90deg);
}

.arrow2 {
    transform: rotate(-90deg);  
}


.services1_section2 {
    background: url(../img/services1_sec2_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
    padding-top: 123px;
    padding-bottom: 123px;


    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;

}

.section2 {
    width: 471px;
    margin-left: 332px;
    height: 351px;

}

.section3 {
    width: 462px;
    margin-left: 292px;
    
    
}

.title1 {
    color: var(--core-olive-300, #445C59);
    font-family: Manrope;
    font-size: 48px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: 0.96px;
    text-transform: capitalize;
    margin-bottom: 56px;

}

.para1{
    color: var(--core-olive-200, #44877F);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 181.1%;
    margin-bottom: 0;
}


.title1_2 {
    color: var(--core-olive-300, #445C59);
    font-family: Manrope;
    font-size: 48px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: 0.96px;
    text-transform: capitalize;
    margin-bottom: 40px;
}

.para1_2 {
    color: var(--core-olive-200, #44877F);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 181.1%;
    margin-bottom: 0;
}
.title1_3 {
    color: var(--core-olive-300, #445C59);
    font-family: Manrope;
    font-size: 48px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: 0.96px;
    text-transform: capitalize;
    margin-bottom: 56px;
}

.para1_3 {
    color: var(--core-olive-200, #44877F);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 181.1%;
    margin-bottom: 0;
    margin-bottom: 56px;
}

.services1_section3 {
    background: url(../img/services1_sec3_bg.png);
    background-repeat: no-repeat;
    background-size: 1920px;
    background-position: right top;
    padding-top: 163px;
    padding-bottom: 123px;


    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;

}

.services1_section4 {



    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;

}

.leftside {

    background: url(../img/services1_sec4_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;

}
.arrow_para {
    color: var(--core-olive-300, #445C59);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
    
}

.section4 {
    width: 512px;
  
    margin-top: 115px;
    margin-left: 207px;
    margin-bottom: 114px;
}
.last_div {
    display: flex;
    margin-top: 56px;
    align-items: flex-start;
    gap: 16px;
}

.s1_mobo,.s3_mobo,.s2_mobo {
    display: none;
}





/* seo end */



/* ppc start */


.services2_section1 {
    background: url(../img/ppc_bgmain.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 188px;
    padding-bottom: 120px; 
}


.services2_sec1_inner {
    background: url(../img/inner_bg2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 1245px;
    height: 615px;
    border: 24px solid white;

    display: flex;
    width: 1242px;
    height: 615px;
    padding: 104px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    flex-shrink: 0;
        
}


.services2_section2 {
    background: url(../img/services2_sec2_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
    padding-top: 123px;
    padding-bottom: 123px;


    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;

}

.services2_section3 {
    background: url(../img/services2_sec3_bg.png);
    background-repeat: no-repeat;
    background-size: 1920px;
    background-position: right top;
    padding-top: 163px;
    padding-bottom: 123px;


    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.leftside2 {

    background: url(../img/services2_sec4_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;


    
}

.section2_1 {
    width: 462px;
    margin-left: 292px;
    
    
}
/* ppc end */



/* orm start*/

.services3_section1 {
    background: url(../img/orm_bgmain.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 188px;
    padding-bottom: 120px; 
}


.services3_sec1_inner {
    background: url(../img/inner_bg3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 1245px;
    height: 615px;
    border: 24px solid white;

    display: flex;
    width: 1242px;
    height: 615px;
    padding: 104px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    flex-shrink: 0;
        
}


.services3_section2 {
    background: url(../img/services3_sec2_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
    padding-top: 123px;
    padding-bottom: 123px;


    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;

}

.services3_section3 {
    background: url(../img/services3_sec3_bg.png);
    background-repeat: no-repeat;
    background-size: 1920px;
    background-position: right top;
    padding-top: 163px;
    padding-bottom: 123px;


    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.leftside3 {

    background: url(../img/services3_sec4_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;


    
}

.section2_1 {
    width: 462px;
    margin-left: 292px;
    
    
}

.main_title3 {
    color: var(--core-off-white, #FBFBFB);
    font-family: Manrope;
    font-size: 64px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: 1.28px;
    text-transform: capitalize;
    margin-bottom: 0;
    
}



/* orm end*/



/*social media start*/

.services4_section1 {
    background: url(../img/sm_bgmain.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 188px;
    padding-bottom: 120px; 
}


.services4_sec1_inner {
    background: url(../img/inner_bg4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 1245px;
    height: 615px;
    border: 24px solid white;

    display: flex;
    width: 1242px;
    height: 615px;
    padding: 104px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    flex-shrink: 0;
        
}


.services4_section2 {
    background: url(../img/services4_sec2_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
    padding-top: 123px;
    padding-bottom: 123px;


    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;

}

.services4_section3 {
    background: url(../img/services4_sec3_bg.png);
    background-repeat: no-repeat;
    background-size: 1920px;
    background-position: right top;
    padding-top: 163px;
    padding-bottom: 123px;


    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.leftside4 {

    background: url(../img/services4_sec4_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;


    
}


.main_title4 {
    color: var(--core-off-white, #FBFBFB);
    font-family: Manrope;
    font-size: 64px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: 1.28px;
    text-transform: capitalize;
    margin-bottom: 0;
    
}


/*social media end*/


/*wdd start*/

.services5_section1 {
    background: url(../img/wdd_bgmain.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 188px;
    padding-bottom: 120px; 
}


.services5_sec1_inner {
    background: url(../img/inner_bg5.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 1245px;
    height: 615px;
    border: 24px solid white;

    display: flex;
    width: 1242px;
    height: 615px;
    padding: 104px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    flex-shrink: 0;
        
}


.services5_section2 {
    background: url(../img/services5_sec2_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
    padding-top: 123px;
    padding-bottom: 123px;


    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;

}

.services5_section3 {
    background: url(../img/services5_sec3_bg.png);
    background-repeat: no-repeat;
    background-size: 1920px;
    background-position: right top;
    padding-top: 163px;
    padding-bottom: 123px;


    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.leftside5 {

    background: url(../img/services5_sec4_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;    
}





/*wdd end*/



/*  tab panel css */

.s1_title {
    color: var(--core-olive-300, #445C59);
    font-family: Manrope;
    font-size: 48px;
    font-style: normal;
    margin: 0px;
    font-weight: 200;
    line-height: normal;
    letter-spacing: 0.96px;
    text-transform: capitalize;
}

.s1_subtitle {
    color: var(--core-olive-200, #44877F);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    margin: 0px;
    font-weight: 400;
    line-height: 181.1%;
}


.error_button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border: none;
    border-radius: 0px;
    padding: 0px;
    color: var(--core-olive-300, #445C59);
    text-align: center;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.error_button:hover {
    display: flex;
    align-items: center;
    padding-right: 41px;
    border: none;
    background: none;
    padding: 0px;
    border-radius: 0px;
    color: var(--core-off-white, #44877F);
    text-align: center;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.error_button:hover .error_arrow {
    transform: rotate(-90deg);
}

.error_button:hover .error_rect {
    stroke: #445C59;
}

.error_button:hover .error_path {
    stroke: #445C59;
}



.service_s4 {
    padding: 104px 0px;
    display: flex;
    justify-content: center;
}

.service_s4container {
    background-image: url(../img/service_s4bg.svg);
    background-position: bottom left;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 72px;
    align-self: stretch;
}

.service_s4container_1 {
    background-image: url(../img/service1_s4bg.svg);
    background-position: bottom left;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 72px;
    align-self: stretch;
}

.service_s4container_2 {
    background-image: url(../img/service2_s4bg.svg);
    background-position: bottom left;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 72px;
    align-self: stretch;
}

.service_s4left {
    width: 275px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    padding-left: 24px;
}

.service_s4right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    background-color: #FFFFFF;
}

.tab_top {
    display: flex;
    align-items: center;
    gap: 16px;
}

.select_button {
    padding: 15px 0px;
    color: var(--core-olive-300, #445C59);
    text-align: center;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    border-radius: 0px;
    font-weight: 500;
    line-height: normal;
}

.month_buttonbar {
    display: flex;
    flex-direction: row;
    gap: 8px;
    border: none;
}

.month_button {
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 0px;
    border: none;
    background: var(--neutral-400, #EEE);
    color: var(--core-near-black, #0E0E0E);
    text-align: center;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.month_button.active {
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 0px;
    border: none;
    background: var(--core-olive-200, #44877F);
    color: var(--core-near-black, #FFFFFF);
    text-align: center;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}
.swipe_tabletext{
    display: none;
}


.account_table_header>tr th:first-child {
    background: var(--core-near-black, #0E0E0E);
    height: 56px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.account_table_header>tr th:last-child {
    background: var(--core-near-black, #0E0E0E);
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.account_table_header>tr th {
    background: var(--core-near-black, #0E0E0E);
    align-items: center;
    gap: 8px;
    align-self: stretch;
    padding: 0px 16px;
}

.account_table_header>tr th:first-child .table_head_text {
    text-align: left;
}

.table_head_text {
    color: var(--core-off-white, #FBFBFB);
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    margin: 0px;
    font-weight: 500;
    line-height: normal;
}

.table_head_text::after {
    content: url(../img/Field\ Icons.svg);
    position: relative;
    left: 8px;
    top: 8px;
}


.account_table_body tr {
    background: #FBFBFB;
}

.account_table_body tr:last-child {
    border-bottom: 0px solid transparent;
}

.account_table_body td:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.account_table_body td {
    justify-content: center;
    height: 56px;
    align-items: center;
    gap: 10px;
    padding: 4px 16px;
}

.account_table_body tr:last-child td:last-child {
    border-bottom-right-radius: 4px !important;
}

.account_table_body tr:last-child td:first-child {
    border-bottom-left-radius: 4px !important;
}

.account_table_body tr:first-child td:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.table_body_text {
    color: var(--core-olive-300, #445C59);
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    margin: 0px;
    font-weight: 500;
    line-height: 181.1%;
    text-transform: capitalize;
}

.table-striped {
    --bs-table-striped-bg: #FFFFFF;
    --bs-table-bg: #FBFBFB;
    border: 1px solid var(--neutral-500, #D0D0D0);
}