@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=Rubik:wght@300;400;500;600;700&display=swap');

* {
    margin: 0;
    padding: 0;
}

.cq-LinkChecker {
    display: none
}

.header-plancont,
.hamburgd-cont,
.header-container {
    display: none;
}


.header-item-select {
    border-radius: 10px;
    background: #F9FAFB;
}

.header-container {
    position: fixed;
    z-index: 99;
    top: 78px;
    left: 0px;
    background-color: white;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
}

.header-container .heder-mainbox {
    display: flex;
    padding: 16px 58px;
    height: 420px;
    background: #fff;
    overflow: auto;
    }

    .heder-mainbox::-webkit-scrollbar-track
{
    display: unset !important;
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
	background-color: transparent;
}

.heder-mainbox::-webkit-scrollbar
{
    display: unset !important;
	width: 10px;
	/* background-color: #F5F5F5; */
}

.heder-mainbox::-webkit-scrollbar-thumb
{
	background-color: #99999999;
    border-radius: 200px;
	/* border: 2px solid #555555; */
}

.heder-mainbox::-webkit-scrollbar-button {
    background: #C2C2C2;
    height: 5px;
    display: block;
}

/* Customizing the appearance of the up and down arrows */
.heder-mainbox::-webkit-scrollbar-button:increment {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj4KICA8cGF0aCBkPSJNMS4yLDEwLjZsNC44LTQuOGw0LjgsNC44bDEuMi0xLjJsLTYuLTZsLTYuMiw2TDEuMiwxMC42eiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4=');
    background-size: 6px;
    background-position: center;
    background-repeat: no-repeat;
}

.heder-mainbox::-webkit-scrollbar-button:decrement {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj4KICA8cGF0aCBkPSJNMTAsMTEuMmw0LjgtNC44bC00LjgtNC44bDEuMi0xLjJsLTYsNkwxLDEwLjZsMS4yLDEuMmw2LTZMMTAsMTEuMnoiIGZpbGw9IiNmZmYiLz4KPC9zdmc+');
    background-size: 6px;
    background-position: center;
    background-repeat: no-repeat;
}


.header-container .heder-mainbox a{
    color: black
}



.headerhidden .headerhide-head {
    color: #0072BC;
    font-size: 14px;
    font-weight: 400;
    margin-top: 12px;
}


.header-container .header-sectionone {
    display: flex;
    flex-direction: column;
    /*gap: 20px;*/
    width: 30%;
    position: relative;
    /* overflow: scroll; */
}

.header-container .header-sectionone .calc-h1 {
    font-family: Rubik;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    min-height: 20px;
    color: #0072BC;
}

.header-secondet {
    display: inline-block;
    /* width: 80%; */
    width: 100%;
    padding: 12px 12px 12px 8px;
    justify-content: space-between;
    color: #363C41;
    cursor: pointer;
    margin-top: 12px;
    border-radius: 10px;
}

.header-secondet:hover {
    background: #F9FAFB;

}

.header-sectionone::-webkit-scrollbar,
.header-sectiontwo::-webkit-scrollbar,
.header-sectionthree::-webkit-scrollbar {
    display: none;
}

.header-sectionone .header-secondet_active {
    border-radius: 10px;
    border: 1px solid var(--card-stroke-99-bfde, #99BFDE);
    background: var(--card-bg-color-f-4-faff, #F4FAFF);
    color: var(--balic-brand-color-blue-005-eac, #005DAC);
}

.header-secondet .secondet-list {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-secondet .secondet-space {
    justify-content: space-between;
}

.secondet-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-secondet .secondet-list li {
    list-style: none;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;

    display: flex;
    align-items: center;
    gap: 5px;
}

.header-secondet .secondet-list li span {
    color: #4F4F4F;
}

.header-secondet .secondet-list li a {
    color: #4F4F4F;
}

.header-secondet .secondet-list li i {
    font-family: Rubik;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #027A48;
    border-radius: 10px;
    padding: 3px 10px 6px 10px;
    background: #ECFDF3;
    flex-shrink: 0;
}

.header-secondet .secondet-list img {
    width: 36px;
    height: 36px;
}

.header-secondet .secondet-list .secondet-label {
    background: #ECFDF3;
    padding: 2px 10px 6px 10px;
    border-radius: 14px;
    color: #027A48;
    font-weight: 400;
    font-size: 14px;
}



.header-container .header-sectiontwo {
    width: 40%;
    padding: 0px 16px;
    position: relative;
    /* overflow: scroll; */
}

.hamburg-ul{
    padding: 0px;
    margin: 0px;
}

.header-container .header-sectiontwo .calc-h1 {
    font-family: Rubik;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    min-height: 20px;
    color: #0072BC;
}

.header-container .header-sectiontwo .head-sectiotwodetai {
    margin-top: 16px;
}

.header-container .header-sectiontwo .head-sectiotwodetai .head-stitem:first-child {
    margin-top: 0px;
}

.header-container .header-sectiontwo .head-sectiotwodetai .head-stitem {
    margin-top: 12px;
    padding: 16px;
    width: fit-content;
    color: var(--text-grey-1363-c-41, #363C41);
    cursor: pointer;
    border-radius: none;
    border: none;
    background: none;
    width: 100%;
}

.header-container .header-sectiontwo .head-sectiotwodetai .head-stitem_active {
    border-radius: 10px;
    border: 1px solid var(--card-stroke-99-bfde, #99BFDE);
    background: var(--card-bg-color-f-4-faff, #F4FAFF);
    color: #005DAC !important;
}


.headstitemsecone {
    display: flex;
    align-items: center;
    gap: 8px;
}

.headstitemsecone .hitem-tit {
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.headstitemsecone .hitem-tit a {
    color: #4F4F4F;
}

.headstitemsecone .hitem-tit .hitem-tit-img {
    height: 36px;
    width: 36px;
    margin-right: 8px;
}

.headstitemsecone i {
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #027A48;
    border-radius: 10px;
    display: flex;
    padding: 3px 10px 6px 10px;
    justify-content: center;
    align-items: center;
    background: #ECFDF3;
    flex-shrink: 0;
}

.header-container .header-sectiontwo .head-sectiotwodetai .head-stitem span {
    color: var(--text-grey-25-c-666-e, #5C666E);
    font-family: Rubik;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.header-container .header-sectionthree {
    width: 30%;
    padding: 16px 16px 0px 16px;
}

.header-container .header-sectionthree .header-sectionbox {
    border-radius: 10px;
    background: #F9FAFB;
    padding: 16px;
    height: 100%;
}

.header-container .header-sectionthree .header-sectionbox .sectionbox-imgcard {
    width: 100%;
   height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.header-container .header-sectionthree .header-sectionbox .sectionbox-imgcard a  {
    width: 100%;
    height: 100%;
}
.header-container .header-sectionthree .header-sectionbox .sectionbox-imgcard a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.header-container .header-sectionthree .header-sectionbox .sectionbox-imgcard .sectionbox-carddetails {
    /*border-radius: 0px 0px 10px 10px;*/
    background: rgba(255, 255, 255, 0.90);
    position: absolute;
    display: flex;
    padding: 12px 0px;
    align-items: center;
    bottom: -1px;
    justify-content: space-around;
    width: 100%;
}

.header-container .header-sectionthree .header-sectionbox .sectionbox-imgcard .sectionbox-carddetails img {
    width: 16px;
    height: 16px;
}

.header-container .header-sectionthree .header-sectionbox .sectionbox-imgcard .sectionbox-carddetails .section-contaus {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 2px solid #AAA;
    gap: 8px;
    width: 50%;
}

.header-container .header-sectionthree .header-sectionbox .sectionbox-imgcard .sectionbox-carddetails .section-contaus a {
    color: var(--balic-brand-color-blue-005-eac, #005DAC);
    text-align: center;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 128.571% */
    text-decoration-line: underline;
}

.header-container .header-sectionthree .header-sectionbox .sectionbox-imgcard .sectionbox-carddetails .section-downlpbro {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 60%;
}

.header-container .header-sectionthree .header-sectionbox .sectionbox-imgcard .sectionbox-carddetails .section-downlpbro a {
    color: var(--balic-brand-color-blue-005-eac, #005DAC);
    text-align: center;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 128.571% */
    text-decoration-line: underline;
}

.header-container .header-sectionthree .header-cardbottom {
    margin-top: 4px;

}

.header-container .header-sectionthree .header-cardbottom .calc-h2 {
    color: var(--text-black-131619, #005DAB);
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    margin-top: 24px;
    min-height: 20px;
}

.header-container .header-sectionthree .header-cardbottom .heder-cardbotd {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.header-container .header-sectionthree .header-cardbottom .heder-cardbotd .heder-deb {
    display: flex;
    align-items: start;
    gap: 8px;
}

.header-container .header-sectionthree .header-cardbottom .heder-cardbotd .heder-deb p {
    color: var(--text-black-131619, #131619);
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.header-container .header-sectionthree .header-cardbottom .heder-cardbotd .heder-deb img {
    width: 16px;
    height: 16px;
}

.header-container .header-sectionthree .header-cardbottom .heder-cardbotd .heder-bottodiv {
    display: flex;
    justify-content: center;
    gap: 16px;
}

.header-container .header-sectionthree .header-cardbottom .heder-cardbotd .heder-bottodiv button {
    display: flex;
    padding: 12px;
    justify-content: center;
    align-items: center;
    color: #FCFCFC;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    border-radius: 40px;
    background: #f89c30;
    border: none;
    width: 50%;
}

.header-container .header-sectionthree .header-cardbottom .heder-cardbotd .heder-bottodiv button a {
    color: #fff;
}

.header-container .header-sectionthree .header-cardbottom .heder-cardbotd .heder-bottodiv button:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    border-radius: 40px;
    border: 1px solid #f89c30;
    background: var(--White, #FFF);

}

.header-container .header-sectionthree .header-cardbottom .heder-cardbotd .heder-bottodiv button:nth-child(2) a {
    color: #f89c30;

}

.view-more-header {
    text-align: center;
    margin-top: 18px;
}


/* footer */

.header-container .footer-header-defooter {
    border-radius: 0px 0px 10px 10px;
    display: flex;
    align-items: center;
    justify-content: end;
    background: #fff;
    position: sticky;
    bottom: 0;
    margin-right: 50px;
    /* right: 50px;
    width: 100%; */
}

.header-container .footer-header-defooter a {
    font-family: Rubik;
    font-size: 12px;
    font-weight: 700;
    text-decoration: underline;
    color: #0072BC;
}



@media screen and (max-width:500px) {
    .header-container {
        display: none;
    }
}


.header-plancont {
    padding: 16px;
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 999;
    background-color: white;
    overflow-y: scroll;
}

.header-plancont .mheader-top {
    display: flex;
    justify-content: end;
}

.header-plancont .mheader-top img {
    width: 20px;
    height: 20px;
}

.header-plancont .mheader-maindiv {
    /*   height: 333px;
    overflow: scroll; */
    margin-top: 16px;
}

.header-plancont .mheader-maindiv .mheader-mainitem {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #AAA;
    padding-bottom: 16px;
    margin-top: 16px;
    cursor: pointer;
}

.header-plancont .mheader-maindiv .mheader-mainitem .mheader-mainitemlist {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-plancont .mheader-maindiv .mheader-mainitem .mheader-mainitemlist .mheader-inimg {
    width: 24px;
    height: 24px;
}

.header-plancont .mheader-maindiv .mheader-mainitem .mheader-mainitemlist span a {
    font-size: 16px;
    font-family: Rubik;
    font-weight: 500;
    color: #4F4F4F;
}

.header-plancont .mheader-maindiv .mheader-mainitem .headerhidden {
    display: none;
}

.header-plancont .mheader-maindiv .mheader-mainitem .headerhidden1 {
    display: none;
}

.header-plancont .mheader-maindiv .mheader-mainitem span {
    color: var(--text-grey-1363-c-41, #363C41);
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.header-plancont .mheader-maindiv .mheader-mainitem img {
    width: 24px;
    height: 24px;
}

.header-plancont .mheader-maindiv .mheader-mainitem .headerdoic {
    color: black;
}

.header-plancont .mheader-maindiv .mheader-mainitem .headerdoic_active {
    transform: rotate(180deg);
}

.header-plancont .mheader-maindiv .mheader-mainitem .headerac-viewall {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
}

.header-plancont .mheader-maindiv .mheader-mainitem .headerac-viewall a {
    font-family: Rubik;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    color: #0072BC;
}

.header-plancont .mheder-bottom {
    margin-top: 10px;
    padding: 8px 0px 16px 0px;
}

.header-plancont .mheder-bottom .mheder-social {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-plancont .mheder-bottom .mheder-social img {
    width: 24px;
    height: 24px;
}

.tag_img {
    height: unset !important;
    width: unset !important;
}

i:has(> img) {
    background: unset !important;
    padding: 0px 0px 0px 0px !important;
}

div.secondet-label:has(> img) {
    background: unset !important;
}

.white-mob-shrink{
    color: white !important;
}

@media screen and (min-width:500px) {
    .header-plancont {
        display: none;
    }
   
}

@media screen and (max-width:500px){
    .white-mob-shrink{
        display: none;
    }
}

.hamburgd-cont {
    position: fixed;
    top: 80px;
    right: 0;
    z-index: 99;
    font-family: Rubik;
    /* display: flex; */
    justify-content: end;
    width: 100vw;
    height: calc(100vh - 80px);
    background: rgba(0, 0, 0, 0.5);
}

.desk-hamburgd-overlay {
    width: 100%;
    height: 100%;
}

.hamburgd-cont .hamburgd-box {
    background-color: #fff;
    width: 30%;
    padding: 16px;
    overflow-y: scroll;
}

.hamburgd-cont .hamburgd-box .hamburg-firstb {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 12px;

}

.hamburgd-cont .hamburgd-box ul {
    padding: 12px 8px 12px 8px;
    border-radius: 8px;


}

.hamburgd-cont .hamburgd-box ul:hover {
    background-color: #EEEEEE;
}

.hamburgd-cont .hamburgd-box ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}


.hamburgd-cont .hamburgd-box ul li .hamburg-card {
    display: flex;
    gap: 8px;
    align-items: center;
}

.hamburgd-cont .hamburgd-box ul li .hamburg-card img {
    width: 24px;
    height: 24px;
}

.hamburgd-cont .hamburgd-box ul li .hamburg-card .calc-h1 {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
}

.hamburgd-cont .hamburgd-box ul li .hamburg-card .calc-h1 {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
    color: #4D4D4D;
}

.hamburgd-cont .hamburgd-box ul .hamclose-svg, .hamcloseinner-svg {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.hamburgd-cont .hamburgd-box ul .hamclose-svgactive {
    transform: rotate(180deg);
}

.hamburgd-cont .hamburgd-box .hamburger-socal {
    display: flex;
    gap: 16px;
    margin-top: 20px;
}

.hamburgd-cont .hamburgd-box .hamburger-socal img {
    width: 24px;
    height: 24px;
}

.hamburgd-cont .hamburgcard-hidden, .hamburgd-cont .hamburgcard-hidden1 {
    display: none;
}

.hamburgd-cont .hamburgcard-hidden .hambur-hdetails {
    display: flex;
    justify-content: start;
    align-items: center;
    margin-top: 20px;
    gap: 10px;
    cursor: pointer;
}

.hamburgd-cont .hamburgcard-hidden .hambur-hdetails img {
    width: 24px;
    height: 24px;
}

.hamburgd-cont .hamburgcard-hidden .hambur-hdetails .calc-h2 {
    font-size: 16px;
    font-weight: 400;
    color: #4D4D4D;
}