.desktop_none{
    display: none !important;
}
.mobile_none{
    display: block !important;
}
/* Service Start */
.service_s1{
    display: flex;
    padding: 0px;
    margin-top: 101px;
    flex-direction: row;
    gap: 5%;
}
.service_s1img{
    width: 37.5%;
}
.service_s1right{
    width: 100%;
    display: flex;
    align-items: center;
    padding-right: 12%;
}
.service_s1contentbar{
    display: flex;
    padding: 120px 0;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
    flex: 1 0 0;
}
.service_s1labela{
    color: #6B7275;
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: 1.1px;
    margin: 0px;
}
.service_s1labelb{
    color: #D92F24;
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: 1.1px;
    margin: 0px;
}
.service_s1titlebar{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    flex: 1 0 0;
}
.service_s1title{
    color: var(--brand-graphite, #1F2325);
    font-family: Butler;
    font-size: 68px;
    font-style: normal;
    font-weight: 700;
    line-height: 124%;
    margin: 0px;
}
.service_s1titledot{
    color: var(--brand-red, #D92F24);
    font-family: Butler;
    font-size: 68px;
    font-style: normal;
    font-weight: 700;
    line-height: 124%;
    margin: 0px;
}
.service_s1subtitle{
    color: var(--brand-cool-grey, #6B7275);
    font-family: "Work Sans";
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 165%;
    margin: 0px;
}
.service_s2{
    display: flex;
    padding: 144px 0px;
    align-items: center;
    gap: 96px;
    background: var(--brand-mist, #EAECEC);
    position: relative;
}
.service_c2{
    display: flex;
    flex-direction: row;
    gap: 96px;
    align-items: center;
}
.service_s2imgbg{
    position: absolute;
    right: 0px;
    z-index: -1;
    max-height: 100%;
}
.service_s2left{
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
}
.service_s2title{
    color: var(--brand-graphite, #1F2325);
    font-family: Butler;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin: 0px;
}
.service_s2titledot{
    color: var(--brand-red, #D92F24);
    font-family: Butler;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin: 0px;
}
.service_s2subtitle{
    color: var(--brand-cool-grey, #6B7275);
    font-family: "Work Sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 168%;
    margin: 0px;
}
.home_s2img{
    width: 43%;
}

.service_s3{
    padding: 112px 0px 120px 0px;
    background-color: #F7F8F8;
    position: relative;
}
.service_s3bg{
    position: absolute;
    right: 16px;
    top: 12px;
    z-index: -1;
     animation: serviceBgAnimation 2s ease-in-out infinite;
}
@keyframes serviceBgAnimation {
    0%,
    66.66% {
        opacity: 1;
    }
    83.33% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.service_c3{
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
}
.service_s3title{
    color: var(--brand-graphite, #1F2325);
    font-family: "Work Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin-bottom: 24px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}
.service_reddot{
    background: #D92F24;
    width: 6px;
    height: 6px;
    position: relative;
    padding: 0px;
    border-radius: 100px;
}
.service_reddotb{
    background: #D92F24;
    width: 5px;
    height: 5px;
    position: relative;
    padding: 0px;
    border-radius: 100px;
}
.service_s3cardbar{
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}
.service_s3cardline{
    display: flex;
    flex-direction: row;
    gap: 24px;
    width: 100%;
}
.service_s3card{
    display: flex;
    padding: 48px 48px 40px 48px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    border-radius: 2px;
    border: 1px solid var(--brand-border, #DFE3E4);
    background: var(--brand-surface, #FCFDFD);
    width: 49.2% !important;
}
.service_s3cardtitlebar{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.service_s3cardtitle{
    color: var(--brand-graphite, #1F2325);
    font-family: Butler;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 132%;
    margin: 0px;
}
.service_s3cardsubtitle{
    color: var(--brand-cool-grey, #6B7275);
    font-family: "Work Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    margin: 0px;
}
.service_s3cardlabel{
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DFE3E4;
    width: 100%;
    align-items: center;
    color: var(--brand-cool-grey, #6B7275);
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: 1.1px;
    margin: 0px;
}
.service_s3cardbottom{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.service_s3cardbottomleft{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}
.service_s3cardbottomlabel{
    color: var(--brand-cool-grey, #6B7275);
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: 1.1px;
    margin: 0px;
}
.service_s3cardbottomtitle{
    color: var(--brand-graphite, #1F2325);
    font-family: Butler;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 132%;
    margin: 0px;
}
.service_s3cardbottomsubtitle{
    color: var(--brand-cool-grey, #6B7275);
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: 1.1px;
    margin: 0px;
}
.service_s3cardbtn{
    display: inline-flex;
    padding: 16px 28px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    background: var(--brand-red, #D92F24);
    color: var(--brand-surface, #FCFDFD);
    font-family: "Work Sans";
    font-size: 15px;
    height: 53px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.service_s3cardbtn:hover , .service_s3cardbtn:active{
    border: 1px solid #0F0F0F;
    font-family: "Work Sans";
    color: var(--brand-surface, #FCFDFD) !important;
    background-color: #0F0F0F !important;
    box-shadow: none !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.service_s4{
    padding: 120px 0px;
    background-image: url(../img/service_s4bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.service_c4{
    display: flex;
    flex-direction: column;
    gap: 67px;
    width: 100%;
}
.service_s4titlebar{
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    max-width: 450px;
    margin: auto;
}
.service_s4label{
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--brand-stone, #F7F8F8);
    font-family: "Work Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
.service_s4title{
    color: var(--base-white, #FFF);
    text-align: center;
    font-family: Butler;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.96px;
    margin: 0px;
}
.service_s4titleb{
    color: var(--brand-red, #D92F24);
    font-family: Butler;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.96px;
    margin: 0px;
}
.service_s4bottom{
    display: flex;
    flex-direction: row;
    gap: 48px;
    max-width: 1040px;
    margin: auto;
    width: 100%;
}
.service_s4bottomcard{
    display: flex;
    width: 100%;
    padding: 24px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    border-top: 2px solid #FFF;
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.3s ease;
}
.service_s4bottomcard.active {
    opacity: 1;
}
.service_s4bottomcardtitle{
    color: var(--base-white, #FFF);
    font-family: Butler;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 132%;
    margin: 0px;
}
.service_s4bottomcardsubtitle{
    color: var(--brand-stone, #F7F8F8);
    font-family: "Work Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    margin: 0px;
}
.service_s5 {
    padding: 104px 0;
    background: var(--brand-stone, #F7F8F8);
    position: relative;
}
.service_s5bg{
    position: absolute;
    left: 12px;
    top: 7px;
    z-index: -1;
     animation: serviceBgAnimation 2s ease-in-out infinite;
}
@keyframes serviceBgAnimation {
    0%,
    66.66% {
        opacity: 1;
    }
    83.33% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.service_c5{
    display: flex;
    flex-direction: row;
    gap: 40px;
}
/* LEFT SIDE */
.service_faqleft {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 40px 0px;
    align-self: start;
    position: sticky;
    top: 102px;
    width: 480px;
   min-width: 480px;
}
.service_faqleft h2 {
    color: var(--brand-graphite, #1F2325);
    font-family: Butler;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 126%;
    margin: 0;
}
.service_faqleft h2 span{
    color: var(--brand-red, #D92F24);
    font-family: Butler;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 126%;
}
.service_faqleft p {
    color: var(--brand-cool-grey, #6B7275);
    font-family: "Work Sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 168%;
    margin: 0px;
}
/* RIGHT SIDE */
.service_faqright {
    width: 100%;
    min-width: 0;
}
.service_faqitem {
    padding: 32px 0px;
    border-bottom: 1px solid #DFE3E4;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.service_faqitem h3{
    color: var(--brand-graphite, #1F2325);
    font-family: Butler;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 126%;
    margin: 0px;
}
.service_faqitem p{
    color: var(--brand-cool-grey, #6B7275);
    font-family: "Work Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 172%;
    margin: 0px;
}
.service_faqitem:first-child {
    padding-top: 0px;
}
.service_faqitem:last-child {
    border-bottom: none;
}
.service_s6{
    display: flex;
    padding: 120px 0px 152px 0px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    background: var(--brand-mist, #EAECEC);
}
.service_c6{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}
.service_s6title{
    color: var(--brand-graphite, #1F2325);
    font-family: Butler;
    font-size: 92px;
    font-style: normal;
    font-weight: 700;
    line-height: 122%;
    margin: 0px;
}
.service_s6title span{
    color: var(--brand-red, #D92F24);
    font-family: Butler;
    font-size: 92px;
    font-style: normal;
    font-weight: 700;
    line-height: 122%;
    margin: 0px;
}
.service_s6bottom{
    display: flex;
    flex-direction: row;
    gap: 40px;
    justify-content: space-between;
}
.service_s6bottomtext{
    color: var(--brand-cool-grey, #6B7275);
    font-family: "Work Sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 168%;
    margin: 0px;
    max-width: 560px;
}
.service_s6bottombtnbar{
    display: flex;
    flex-direction: row;
    gap: 16px;
}
.service_s6btnwhite{
    display: flex;
    padding: 16px 28px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    border: 1px solid #1F2325;
    color: var(--brand-graphite, #1F2325);
    font-family: "Work Sans";
    font-size: 15px;
    height: 53px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin: 0px;
}
.service_s6btnwhite:hover , .service_s6btnwhite:active{
    border: 1px solid #1F2325;
    font-family: "Work Sans";
    color: var(--brand-surface, #FCFDFD) !important;
    background-color: #1F2325 !important;
    box-shadow: none !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
/* Service End */
/* Modal */
.modal-backdrop.show {
    opacity: 0.8;
    background-color: #000;
}
.article-modal-dialog {
    max-width: 720px;
    width: 720px;
}
.article-modal-content {
    padding: 48px;
    border-radius: 24px;
    border: 1px solid #E6E2DE;
    background: var(--brand-stone, #F7F8F8);
    display: flex;
    flex-direction: column;
    gap: 32px;
    position: relative;
}
.article_modalheader{
    padding: 0px;
    border: none;
}
.modal_closebtn{
    position: absolute;
    top: 24px;
    height: 16px;
    padding: 0px;
    font-size: 12px;
    width: 16px;
    right: 24px;
}
.modal_divideline{
    background-color: #EAECEC;
    height: 1px;
    width: 100%;
}
.article_modaltop{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.article_headingbar{
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}
.article_headingred{
    color: #D92F24;
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: 1.1px;
    margin: 0px;
}
.article_headingline{
    width: 24px;
    height: 1px;
    background: #E6E2DE;
}
.article_headinggrey{
    color: #6B7275;
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: 1.1px;
    margin: 0px;
}
.article_modaltitle{
    color: #1F2325;
    font-family: Butler;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 128%;
    margin: 0px;
}
.article_modalsubtitle{
    color: #6B7275;
    font-family: "Work Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    margin: 0px;
}
.article_modalmiddle{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.article_modalmiddletop{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.article_modalmiddlelabel{
    color: #1F2325;
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: 1.1px;
    margin: 0px;
}
.quality_btnbar{
    display: flex;
    flex-direction: row;
    gap: 8px;
}
.quality_btn{
    display: flex;
    padding: 16px 20px;
    justify-content: center;
    align-items: flex-start;
    height: 51px;
    margin: 0px;
    border-radius: 999px;
    border: 1px solid #DFE3E4;
    background: #FCFDFD;
    color: #6B7275;
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    outline: none !important;
    box-shadow: none !important;
    letter-spacing: 1.1px;
}
.quality_btn.active, .quality_btn:hover , .quality_btn:active{
    display: flex;
    padding: 16px 20px;
    justify-content: center;
    align-items: flex-start;
    border-radius: 999px;
    background: #1F2325 !important;
    color: #FCFDFD !important;
    box-shadow: none !important;
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: 1.1px;
}
.article_modalmiddlebot{
    display: flex;
    flex-direction: row;
    gap: 16px;
}
.word_countbar{
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}
.word_countlabel{
    color: #1F2325;
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: 1.1px;
    margin: 0px;
}
.word_inputbar{
    display: flex;
    padding: 8px 8px 8px 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    gap: 4px;
    border-radius: 12px;
    border: 1px solid #DFE3E4;
    background: #FCFDFD;
}
.word_input{
    border: none;
    border-radius: 0px;
    background-color: transparent !important;
    padding: 0px;
    outline: none !important;
    box-shadow: none !important;
}
/* Remove Bootstrap focus effect */
.word_input:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: inherit;
}

/* Chrome, Safari, Edge */
.word_input::-webkit-outer-spin-button,
.word_input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.word_input[type="number"] {
    -moz-appearance: textfield;
}
.minusbtn, .sumbtn{
    color: #1F2325;
    font-family: "Work Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    border-radius: 8px;
    background: #EAECEC;
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.article_modalbottom{
    display: flex;
    padding: 24px;
    flex-direction: column;
    gap: 20px;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid #EBE7E2;
    background: var(--brand-surface, #FCFDFD);
}
.article_btnbar{
    display: flex;
    flex-direction: row;
    gap: 12px;
}
.modal_investbox{
    display: flex;
    flex-direction: row;
    gap: 24px;
    justify-content: space-between;
}
.modal_investtitlebar{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.modal_investtitle{
    color: #6B7275;
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: 1.1px;
    margin: 0px;
}
.modal_investsubtitle{
    color: #6B7275;
    font-family: "Work Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    margin: 0px;
}
.modal_investamount{
    color: #1F2325;
    font-family: Butler;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 128%;
    margin: 0px;
}
/* Modal 2 */
.article-brief-dialog{
    width: 1000px;
    max-width: 1000px;
}
.article-brief-left{
    padding: 48px;
    display: flex;
    width: 400px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 20px 0px 0px 20px;
    align-self: stretch;
    background: #F7F8F8;
}
.article-brief-right{
    padding: 48px;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 24px;
    background: #FFFFFF;
    border-radius: 0px 20px 20px 0px;
}
.article-brief-content{
    display: flex;
    flex-direction: row;
    gap: 0px;
    border-radius: 20px;
    border: 1px solid #DFE3E4;
    background: #FCFDFD;
    box-shadow: 0 12px 32px 0 rgba(31, 35, 37, 0.05);
}
.article_brieflefttop{
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}
.article_brieftitle{
    color: var(--brand-graphite, #1F2325);
    font-family: Butler;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin: 0px;
}
.article_briefsubtitle{
    color: #6B7275;
    font-family: "Work Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    margin: 0px;
}
.article_briefleftbottom{
    width: 100%;
    padding: 40px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.article_briefcontentline{
    display: flex;
    flex-direction: row;
    gap: 24px;
    justify-content: space-between;
    align-items: center;
}
.modal_divideline2{
    background: #6B7275;
    height: 1px;
    width: 100%;
}
.article_briefcontenttitle{
    color: #6B7275;
    font-family: "Work Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    margin: 0px;
}
.article_briefcontentsubtitle{
    color: var(--brand-graphite, #1F2325);
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: 1.1px;
    margin: 0px;
}
.article_brieftotaltitle{
    color: var(--brand-graphite, #1F2325);
    font-family: "Work Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin: 0px;
}
.article_brieftotalamount{
    color: var(--brand-graphite, #1F2325);
    font-family: Butler;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 126%;
    margin: 0px;
}
.article_rightline{
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 16px;
}
.article_rightlabelbar{
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}
.article_brieflabel{
    color: #1F2325;
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: 1.1px;
    margin: 0px;
}
.article_selectbox{
    position: relative;
    width: 100%;
}
.article_brieftextbox{
    display: flex;
    padding: 12px 16px;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #DFE3E4;
    background: var(--base-white, #FFF);
    color: #1F2325;
    font-family: "Work Sans";
    font-size: 15px;
    font-style: normal;
    height: 50px;
    font-weight: 400;
    line-height: 170%;
    box-shadow: none !important;
}
.article_brieftextbox::placeholder{
    color: #6B7275;
    font-family: "Work Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    margin: 0px;
}
.article_brieftextbox{
    height: auto !important;
}
.modal_droparrow{
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}

.article-brief-content form .article_btnbar{
    flex-direction: row;
    gap: 16px;
}




/* *************** */
/* Responsive Css */
/* ************* */
@media screen and (max-width: 700px) {
    .desktop_none{
        display: block !important;
    }
    .mobile_none{
        display: none !important;
    }
    /* Service Start */
    .article_modalmiddlebot{
        gap: 10px;
    }
    .article_modaltitle{
        font-size: 32px;
    }
    .article-brief-content form .article_btnbar{
        flex-direction: row;
        gap: 16px;
    }
    .article_btnbar .btn{
        padding: 16px 12px;
    }
    .service_s1{
        padding: 40px 24px;
        flex-direction: column-reverse;
        gap: 32px;
        margin-top: 73px;
    }
    .service_s1right{
        padding: 0px;
    }
    .service_s1contentbar{
        padding: 0px;
        gap: 16px;
    }
    .service_s1titlebar{
        gap: 16px;
    }
    .service_s1title{
        font-size: 32px;
    }
    .service_s1titledot{
        font-size: 32px;
    }
    .service_s1subtitle{
        font-size: 15px;
    }
    .service_s1img{
        width: 100%;
    }
    .service_s2{
        padding: 40px 0px;
    }
    .service_c2{
        flex-direction: column;
        padding: 0px 24px;
    }
    .service_c2{
        gap: 16px;
    }
    .service_s2left{
        gap: 16px;
    }
    .service_s2title{
        font-size: 32px;
        line-height: 124%;
    }
    .service_s2titledot{
        font-size: 32px;
        line-height: 124%;
    }
    .service_s2subtitle{
        font-size: 15px;
    }
    .home_s2img{
        width: 100%;
    }
    .service_s3{
        padding: 56px 0px;
    }
    .service_c3{
        padding: 0px 24px;
        gap: 16px;
    }
    .service_s3cardline{
        flex-direction: column;
        gap: 16px;
    }
    .service_s3title{
        margin-bottom: 8px;
        font-size: 11px;
    }
    .service_s3cardbar{
        gap: 16px;
    }
    .service_s3card{
        padding: 24px;
        gap: 16px;
        width: 100% !important;
    }
    .service_s3cardlabel{
        padding-bottom: 16px;
    }
    .service_s3cardtitle{
        font-size: 26px;
    }
    .service_s3cardbottom{
        flex-direction: column;
        gap: 16px;
        align-items: self-start;
    }
    .service_s3cardbtn{
        width: 100%;
    }
    .service_s4{
        padding: 64px 0px;
    }
    .service_c4{
        padding: 0px 24px;
        gap: 64px;
    }
    .service_s4title{
        font-size: 28px;
    }
    .service_s4titleb{
        font-size: 28px;
    }
    .service_s4titlebar{
        max-width: 300px;
    }
    .service_s4bottom{
        flex-direction: column;
        gap: 48px;
    }
    .service_s5{
        padding: 40px 24px;
    }
    .service_c5{
        flex-direction: column;
        gap: 24px;
        padding: 0px;
    }
    .service_faqleft{
        width: 100%;
        min-width: 100%;
        position: unset;
        padding: 20px 0px 0px 0px;
        gap: 0px;
    }
    .service_faqleft h2{
        font-size: 28px;
    }
    .service_faqleft h2 span{
        font-size: 28px;
    }
    .service_faqleft p{
        color: var(--brand-cool-grey, #6B7275);
        font-family: "Work Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 170%;
    }
    .service_faqitem{
        padding: 24px 0px;
        border-top: 1px solid #DFE3E4;
        border-bottom: none;
        gap: 8px;
        display: flex;
    }
    .service_faqitem:first-child{
        padding: 24px 0px;
    }
    .service_faqitem h3{
        font-size: 18px;
    }
    .service_faqitem p{
        font-size: 15px;
    }
    .service_s6{
        padding: 56px 24px;
    }
    .service_c6{
        gap: 16px;
        padding: 0px;
    }
    .service_s6title{
        font-size: 30px;
        line-height: 132%;
        max-width: 200px;
    }
    .service_s6title span{
        font-size: 30px;
        line-height: 132%;
    }
    .service_s6bottom{
        flex-direction: column;
        gap: 24px;
    }
    .service_s6bottombtnbar{
        flex-direction: column;
        gap: 16px;
    }
    .service_c6 .service_s3title{
        margin-bottom: 4px !important;
    }
    /* Service End */
    /* Modal */
    .article-modal-dialog{
        width: 100%;
        max-width: 100%;
        padding: 40px 24px;
        margin: 0px;
    }
    .article-modal-content{
        padding: 64px 24px 24px 24px;
        gap: 32px;
    }
    .article_modaltop{
        gap: 8px;
    }
    .article_headingbar{
        margin-bottom: 16px;
    }
    .modal_investbox{
        flex-direction: column;
        gap: 16px;
    }
    .article_btnbar{
        flex-direction: column;   
    }
    .quality_btnbar2{
        flex-direction: column;
    }
    .quality_btn, .quality_btn.active, .quality_btn:hover , .quality_btn.active{
        padding: 16px 10px;
    }
    .article-brief-dialog{
        width: 100%;
        max-width: 100%;
        padding: 40px 24px;
        margin: 0px;
    }
    .article-brief-content{
        flex-direction: column;
    }
    .article-brief-left{
        padding: 56px 24px 32px 24px;
        border-radius: 20px 20px 0px 0px;
        width: 100%;
    }
    .article-brief-right{
        border-radius: 0px 0px 20px 20px;
        padding: 48px 24px 24px 24px;
    }
    .article_brieftitle{
        font-size: 32px;
    }
    .article_rightline{
        flex-direction: column;
        gap: 24px;
    }

}

@media screen and (min-width: 700px) and (max-width: 799px) {}

@media screen and (min-width: 800px) and (max-width: 899px) {}

@media screen and (min-width: 900px) and (max-width: 999px) {}

@media screen and (min-width: 1000px) and (max-width: 1099px) {
    .service_s1right{
        padding-right: 3%;
    }
    .service_s2imgbg{
        right: -23px;
        height: 560px;
    }
    .article-brief-dialog{
        width: 900px;
        max-width: 900px;
    }
    .article-brief-left{
        padding: 32px;
    }
    .article-brief-right{
        padding: 32px;
    }
}

@media screen and (min-width: 1100px) and (max-width: 1199px) {
    .service_s1right{
        padding-right: 3%;
    }
    .service_s2imgbg{
        right: -23px;
        height: 570px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1299px) {
    .service_s1right{
        padding-right: 3%;
    }
    .service_s2imgbg{
        right: -35px;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1399px) {
    .service_s1right{
        padding-right: 6%;
    }
    .service_s2imgbg{
        right: -30px;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1499px) {
    .service_s1right{
        padding-right: 2%;
    }
    .service_s2imgbg{
        right: -60px;
    }
}

@media screen and (min-width: 1500px) and (max-width: 1599px) {
    .service_s1right{
        padding-right: 4%;
    }
    .service_s2imgbg{
        right: -28px;
    }
}

@media screen and (min-width: 1600px) and (max-width: 1699px) {
    .service_s1right{
        padding-right: 6%;
    }
    .service_s2imgbg{
        right: -28px;
    }
}

@media screen and (min-width: 1700px) and (max-width: 1799px) {
    .service_s2imgbg{
        right: -28px;
        height: 860px;
    }

}

@media screen and (min-width: 1800px) and (max-width: 1899px) {}

@media screen and (min-width: 1900px) and (max-width: 1999px) {}

@media screen and (min-width: 2000px) and (max-width: 2400px) {}