body {
    background-color: #FBFBFB;
}

.desktop {
    display: block;
}

.mobile {
    display: none;
}

.fsb20 {
    font-size: 20px;
    font-weight: 700;
}


/* INDEX PAGE */

.home1_hd {
    width: 100%;
    /* height: 120vh; */
    background-image: url(media/Home1.png);
    background-position-x: center;
    background-size: cover;
}

.service_box_hd {
    width: 342px;
    border-radius: 24px;
    border: 1px solid var(--neutral-400, #E4E4E4);
    padding: 24px;
    position: relative;
    height: 412px;
}

.service_box_hd:hover {
    background-color: #fff !important;
}

.text_under {
    /* display: inline-block !important; */
    text-decoration: none !important;
    border-bottom: 2px solid #6246E4;
    padding-bottom: 4px;
}

.home3 {
    background-image: url(media/home3bg.png);
    background-size: cover;
    background-position-x: center;
    background-position-y: -45px;
}

.home4 {
    background-image: url(media/home4bg.png);
    background-size: cover;
    background-position-x: center;
    border-radius: 32px;
}

.benifit_box_hd {
    width: 458px;
    /* margin-bottom: 20px; */
}


/* FAQ SECTION */

.cone_hd {
    top: -30px;
    left: -90px;
}

.accordion-item {
    border: 1px solid #D0D0D0 !important;
    border-radius: 24px !important;
    padding: 32px 10px;
    margin-bottom: 24px;
    background-color: transparent;
}

.accordion-item .accordion-header {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.accordion-item .accordion-button {
    color: #10082D !important;
}

.accordion-item .accordion-button {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    padding-left: 30px;
    margin-left: 20px;
}

.accordion-item .accordion-body {
    /* padding-left: 30px; */
}

.accordion-button::after {
    left: 0 !important;
    position: absolute;
    background-image: url(media/plus.svg);
}

.accordion-button:not(.collapsed)::after {
    background-image: url(media/minus.png);
}


/* end FAQ  SECTION*/


/* INDEX PAGE */


/* Service Page */

.service_list {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 180px;
    left: -120px;
}

.mybox1 {
    left: -50px;
}

.service_list li {
    margin-bottom: 16px;
    list-style: none;
}

.service_list div {
    display: inline-block;
    font-size: 24px;
    padding: 24px 32px;
    list-style: none;
    border-radius: 24px;
    /* Left Shadow */
    font-weight: 700;
    /* line-height: 115%; */
    /* 27.6px */
    letter-spacing: 0.36px;
    box-shadow: -8px 0px 48px 0px rgba(0, 0, 0, 0.15);
}

.service_list.sev1 div {
    background: var(--Light-Green, #B0FEE2);
    color: var(--Green, #00BD79);
}

.service_list.sev2 div {
    background: var(--Light-Green, #CCFFA5);
    color: var(--Green, #56C300);
}

.service_list.sev1.sev33 div {
    background: var(--Light-Green, #FFE4BB);
    color: var(--Green, #FF9F2F);
}

.service_list.sev2.sev44 div {
    background: var(--Light-Green, #FBCCFF);
    color: var(--Green, #B800C8);
}

.service_list.sev2 {
    left: auto;
    text-align: right;
    right: -180px;
}

.service_list.sev1.sev33 {
    top: 150px;
}

.bg_grey {
    border-radius: 32px;
    background: var(--neutral-300, #F2F2F2);
}

.serv1_hd {
    background-image: url(media/servbg.png);
    background-size: cover;
    background-position-x: center;
}

.mycol10 {
    width: 85.8% !important;
}


/* End Service Page */


/* contactUS Section */

.contact_us_hd {
    background-image: url(media/lastsec.png);
    background-size: cover;
    background-position-x: center;
    background-repeat: no-repeat;
}


/* END contactUS Section */

.os_hd {
    background-image: url(media/osbg.png);
    background-size: cover;
    background-position-x: center;
    background-repeat: no-repeat;
}

.cc_hd {
    background-image: url(media/ccbg.png);
}

.cw_hd {
    background-image: url(media/cwbg.png);
}

.cw2_hd {
    background-image: url(media/cwbg2.png);
}

.sm_hd {
    background-image: url(media/smbg.png);
}

.services_box_hd {
    border-radius: 32px;
    border: 1px solid var(--neutral-400, #E4E4E4);
}

.services_box_hd:hover {
    border-radius: 32px;
    background: var(--Neutral-200, #FBFBFB);
    /* Card */
    box-shadow: 8px 4px 32px 0px rgba(121, 103, 188, 0.10);
}

.my_BTN_hd {
    width: 194px;
    background-color: transparent;
}


/* MODAL */

.modal {
    background: rgba(0, 0, 0, 0.50);
}

.modal input {
    background-color: transparent !important;
}

.mumodalform:nth-child(6) input,
.row.mb-4.py-2.mx-0.mumodalform input {
    background-color: #F2F2F2 !important;
}

.rbtns {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 24px;
    /* border-radius: 46px; */
    /* border: 1px solid #1E1E1E; */
    background: #F2F2F2;
    color: #10082D;
    font-size: 16px !important;
    /* opacity: 0.4; */
    border-radius: 16px;
}

.rbtns.active {
    background: var(--Deep-Purple, #10082D);
    /* background: var(--greyscale-white, #FFF); */
    /* color: black; */
    opacity: 1;
}

.qyt:checked~label {
    opacity: 1;
    background: #203541;
    color: white;
}

.d1 {
    background-color: #FBFBFB !important;
    min-width: 812px;
    border-radius: 24px !important;
    /* background-color: transparent; */
}

.d1 .modal-body {
    padding: 0px;
    width: 100% !important;
    border-radius: 24px !important;
    background-color: #FBFBFB !important;
}

.d1 .modal-body .container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
    background-color: #FBFBFB !important;
}

.d1 .modal-body div.bg-white {
    border-radius: 24px !important;
    width: 100% !important;
    background-color: #FBFBFB !important;
}

.modal-body {
    border-radius: 24px !important;
    overflow: hidden;
}

.d1 .modal-content {
    width: 100% !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 24px !important;
    background-color: #FBFBFB !important;
}

.modal-content {
    border-radius: 24px !important;
}

.sf {
    margin-left: -90px;
}

.modal input,
.modal select,
.modal textarea {
    padding: 16px;
}

.modal .btn_blue_trans {
    background-color: transparent;
}

.modal .btn_blue_trans:hover {
    border-radius: 16px;
    background: var(--Bright-Purple, #6246E4);
    display: flex;
    padding: 16px 24px;
    height: 58px;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #FBFBFB;
    border: 0px;
}

    .nav-link.text-uppercase.fs20.blue_clr.active {
        text-decoration: underline;
        text-decoration-color: #6246E4;
        text-decoration-thickness: 3px;
        text-underline-offset: 5px;
    }
    
.chose {
    border-radius: 24px;
    background-color: #F2F2F2;
    gap: 0px !important;
    padding: 8px !important;
    width: 55.8%;
    height: 68px;
}

.modal-content {
    background-color: #FBFBFB;
}

.mumodalform label {
    margin-bottom: 20px;
    margin-top: 10px;
}

.mumodalform1 input,
.mumodalform1 select {
    color: #9B9B9B;
}

.qytHD {
    right: 30px;
    top: 65px;
}

.qytHD button {
    background: transparent;
    border-radius: 8px;
}

.awwHD {
    top: 70px;
    right: 15px;
    width: 50px;
    background-color: #FBFBFB;
}

.mumodalform1 textarea {
    width: 100%;
    height: 130px;
}

.addc {
    min-width: 684px;
}


/* button[aria-label="close"] {
    background-color: transparent !important;
} */


/* end Modal */

@media screen and (max-width: 1440px) and (min-width: 1300px) {
    .w90hd {
        width: 90%;
    }
    .w45HD {
        width: 45%;
    }
    .w55HD {
        width: 55%;
    }
    .img_fluid_1440_1280_hd {
        width: 100%;
    }
    .service_box_hd {
        width: 330px;
        height: 420px;
    }
    /* .home3 {} */
    .benifit_box_hd {
        width: 420px;
        /* margin-bottom: 20px; */
    }
    .service_list {
        top: 120px;
        left: -110px;
    }
    .service_list div {
        font-size: 20px;
        padding: 15px 20px
    }
    .service_list.sev2 {
        left: auto;
        text-align: right;
        right: -70px;
    }
    .service_list.sev1.sev33 {
        top: 60px;
    }
    .mypad {
        padding: 0px !important;
        margin: 0px !important;
    }
}

@media screen and (max-width: 1280px) and (min-width: 1000px) {
    .img_fluid_1440_1280_hd {
        width: 100%;
    }
    .service_box_hd {
        width: 290px;
        height: 450px;
    }
    .benifit_box_hd {
        width: 380px;
        /* margin-bottom: 20px; */
    }
    .service_list {
        top: 100px;
        left: -100px;
    }
    .service_list div {
        font-size: 20px;
        padding: 15px 20px
    }
    .service_list.sev2 {
        left: auto;
        text-align: right;
        right: -80px;
    }
    .service_list.sev1.sev33 {
        top: 60px;
    }
    .mypad {
        padding: 0px !important;
        margin: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    .contact_us_hd.py-xl-5 .col-xxl-9.col-xl-11.pt-4.px-4.w90hd.mx-auto.py-xl-5.my-xl-3 {
        padding-top: 0px!important;
    }
    .w100_HD {
        width: 100%;
    }
    /* index */
    .home1_hd {
        background-image: url(media/homebgM.png);
    }
    .service_box_hd {
        width: 100%;
        height: 100%;
    }
    .service_box_hd img {
        width: 48px;
        height: 48px;
    }
    .more_link {
        position: relative !important;
        margin-bottom: 0 !important;
    }
    .home3 {
        background-image: url(media/home3mbg.png);
        background-size: 100%;
        background-position-y: 40px;
        background-position-x: center;
    }
    .home4 {
        background-image: url(media/home4bgm.png);
        /* background-size: 100%; */
        /* background-position-y: 20px; */
        background-position-x: center;
    }
    .home4 img {
        width: 32px;
        height: 32px;
    }
    .cone_hd {
        top: -20px;
        left: -50px;
        width: 115.996px !important;
        height: 116.569px !important;
    }
    .cone_hd img {
        width: 100% !important;
    }
    .faq_sec {
        overflow: hidden !important;
    }
    /* end index */
    /* service Mob */
    .mymar {
        margin-left: -20px !important;
    }
    .mybox1 {
        left: 0px;
    }
    .mycol10 {
        width: 100% !important;
    }
    .service_list {
        top: 85px;
        left: -30px;
    }
    .service_list li {
        margin-bottom: 7.77px;
    }
    .service_list div {
        border-radius: 11.659px;
        font-size: 11.659px;
        padding: 9.659px 15.545px;
    }
    .marl10_hd {
        margin-left: 10px;
    }
    .marr10_hd {
        margin-left: -10px;
    }
    .mymar2 {
        margin-left: -25px;
    }
    .service_list.sev1 {
        left: -40px;
    }
    .service_list.sev2 {
        left: auto;
        text-align: right;
        right: -15px;
        top: 104px;
    }
    .service_list.sev1.sev33 {
        top: 100px;
        left: -40px;
    }
    .serv1_hd {
        background-image: url(media/servbgm.png);
        background-size: cover;
        background-position-x: center;
    }
    .accordion-button::after {
        /*margin-top: -50px;*/
    }
    .accordion-item .accordion-body {
        padding-left: 49px;
    }
    .accordion-item {
        background-color: transparent !important;
    }
    /* end service mob */
    .contact_us_hd {
        height: 550px;
        background-image: url(media/lastsecM.png);
    }
    .os_hd {
        background-image: url(media/osbgm.png);
        background-size: cover;
        background-position-x: center;
        background-repeat: no-repeat;
    }
    .cc_hd {
        background-image: url(media/ccbgm.png);
    }
    .cw_hd {
        background-image: url(media/cwbgm.png);
        background-size: 100% 100%;
    }
    .cw2_hd {
        background-image: url(media/cwbg2m.png);
    }
    .sm_hd {
        background-image: url(media/smbgm.png);
    }
    .d1 {
        min-width: 100%;
        padding: 0px;
        margin: 0px;
        /* background-color: transparent; */
    }
    .d1 .modal-body {
        padding: 10px 10px;
    }
    .rbtns {
        font-size: 16px !important;
        padding: 16px;
    }
    .addc {
        min-width: 100%;
        padding: 10px;
        margin: 0px;
    }
    .addc .modal-body {
        padding: 10px 10px;
    }
    .my_BTN_hd {
        width: 100%;
    }
    .chose {
        width: 98% !important;
    }
    .sf {
        margin-left: 0px;
    }
    .myb {
        margin-top: -6px;
    }
    .myb2 {
        margin-top: -10px;
    }
    .accordion-item {
        padding: 16px 9px;
    }
    .accordion-item:nth-child(3) .accordion-button::after,
    .accordion-item:nth-child(4) .accordion-button::after,
    .accordion-item:nth-child(5) .accordion-button::after {
        /*margin-top: -20px !important;*/
    }
    .mumodalform label {
        margin-bottom: 7px;
        margin-top: 24px;
    }
    .col-lg-6.col-md-8.col-sm-12.mb-4.position-relative,
    .col-lg-12.mb-4.position-relative {
        margin-bottom: 0px !important;
    }
}