@font-face {
    /* 
        src: url('../fonts/Graphik-Regular.woff') url('../fonts/Graphik-Regular.woff2');
        font-family:Graphik,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
        font-family:Graphik;
     */
    font-family: "Graphik";
    font-display: swap;
    src: url("../fonts/Graphik-Regular.woff2") format("woff2"), url("../fonts/Graphik-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;    
}

:root{
    ----daraCoLinks: rgb(66 162 137) !important;
    ----daraCoLinks2:rgb(108 181 162) !important;
    ----daraCoTxtColor:rgb(37, 75, 65) !important;
    ----daraCoTxtWhite:#fff !important;
    --bs-primary-rgb:var(----daraCoTxtColor);
    --bs-btn-hover-color:var(----daraCoTxtColor);
    ----daraWbColor:var(----daraCoTxtColor);

    --font-family-primary:Graphik,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji" !important;
    --font-family-secondary:Graphik,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji" !important;
    --font-family-tertiary:Graphik,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji" !important;
    --font-family-serif:Graphik,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji" !important;
    --font-family-script:Graphik,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji" !important;
    --font-family-mono:Graphik,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji" !important;
}
::selection{background:var(----daraCoTxtColor);}

/* Common Style Start */

*{font-family: var(--font-family-primary);}

.btn-alt-primary{ color:var(----daraCoTxtColor)!important; }
.uc-link{ color:var(----daraCoLinks);}
.uc-link:hover{ color:var(--bs-btn-hover-color);}


:where(.uc-dark) .dark\:focus\:text-primary-400:focus,:where(.uc-dark) .dark\:hover\:text-primary-400:hover,:where(.uc-dark) .dark\:text-primary-400,:where(.uc-dark) .dark\:text-primary-400-focus:focus,:where(.uc-dark) .dark\:text-primary-400-hover:hover {
    --bs-text-opacity: 1;
    color:var(----daraCoLinks) !important;
}

.bg-DaraCo, .bg-DaraCo:hover{
    background-color:var(----daraCoTxtColor) ! important;
    border-radius: 2px;
}
#daraCoSlider .link, #daraCoSlider a, #daraCoSlider label, #daraCoSlider h4{color: var(----daraCoTxtWhite) !important;}

.nav-x{gap:2.18rem;}
.nav-x>.uc-active{
    background-color: var(--bgColorDrk); padding:10px 100px; color:var(----daraCoTxtWhite);
}
.uc-tab>*>a:hover{color:var(----daraCoTxtWhite)}
.btn:hover{background-color: var(--bgColorDrk); border-color:var(--bgColorDrk);}


:where(.uc-dark) .dark\:focus\:text-white:focus, :where(.uc-dark) .dark\:hover\:text-white:hover, :where(.uc-dark) .dark\:text-white, :where(.uc-dark) .dark\:text-white-focus:focus, :where(.uc-dark) .dark\:text-white-hover:hover{color: var(----daraCoTxtWhite);}
/* .btn-alt-primary{color:#244b41!important;} */
.btn-alt-primary:focus, .btn-alt-primary:hover{color:var(----daraCoTxtWhite)!important; background-color:var(----daraCoTxtColor)!important;}

/* End Common Style */


/* uc-gdpr-notification Style Start */

#uc-gdpr-notification .btn-primary { 
    --bs-btn-color:var(----daraCoTxtWhite); --bs-btn-bg: var(----daraCoLinks); --bs-btn-border-color: var(----daraCoLinks); 
    --bs-btn-hover-color:var(----daraCoTxtWhite); --bs-btn-hover-bg: #214ad7; --bs-btn-hover-border-color: #1f46ca; 
    --bs-btn-focus-shadow-rgb: 71, 112, 253; --bs-btn-active-color:var(----daraCoTxtWhite); --bs-btn-active-bg: #1f46ca; 
    --bs-btn-active-border-color: #1d41be; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); 
    --bs-btn-disabled-color:var(----daraCoTxtWhite); --bs-btn-disabled-bg: var(----daraCoLinks); --bs-btn-disabled-border-color: var(----daraCoLinks); 
}
#uc-gdpr-notification .btn:hover{
    background-color: var(----daraCoTxtColor); border-color: var(----daraCoTxtColor);
}
a.masterClassess{text-decoration:none !important;}
a.masterClassess:hover{text-decoration:underline !important;}

#daraCoContent h1, #daraCoContent h2, #daraCoContent h3, #daraCoContent h4, #daraCoContent h5, 
#daraCoContent h6, #daraCoContent h1 > span, #daraCoContent h2 > span, #daraCoContent h3 > span, 
#daraCoContent h4 > span, #daraCoContent h5 > span, #daraCoContent h6 > span, #daraCoContent > strong,
#daraCoContent strong > span, #daraCoContent > p, #daraCoContent p > span, 
#daraCoContent a > span ,#daraCoContent > ul li, #daraCoContent p > em, #daraCoContent em > a, 
#daraCoContent p a > em, #daraCoContent > *{color:inherit !important;}
#daraCoContent > p{ margin-bottom:1.4rem !important;}
#daraCoContent h1, #daraCoContent h2, #daraCoContent h3, 
#daraCoContenth4, #daraCoContent h5, #daraCoContent h6{ line-height:1.5 !important; margin:1.5rem auto !important; }

#live_now p, #live_now p > em, #live_now p a > em{ color:inherit !important; }

/* End uc-gdpr-notification Style */

.uc-ask-notification{opacity:0;visibility:hidden;transform:translateY(8px);transition:all 250ms ease}
.uc-ask-notification.show{opacity:1;visibility:visible;transform:translateY(0)}

/* Desktop Menu myAccountSettings Start */

.bg-DaraWbColor{
    background-color:var(----daraWbColor);
    color:var(----daraCoTxtWhite);
}
.txt-DaraWbColor{color:var(----daraWbColor);}

#myAccountSettings{ height:500px; overflow:scroll;}
#myAccountSettings .nav-x>.uc-active{padding:10px 15px;}
.btn-alt-primary, .btn-alt-primary:focus, .btn-alt-primary:hover{ background:var(----daraCoTxtColor); }
#myAccountSettings .nav-x a{color:inherit !important;}
#myAccountSettings .g1{--bs-gutter-y:0.2rem;}
#myAccountSettings form label.btn{ 
    --bs-btn-padding-x:0.5rem;
    --bs-btn-font-size:0.9rem;
    --bs-btn-font-weight:500;
    --bs-btn-line-height:40px !important;
    --bs-btn-border-radius:var(--radius);
    margin:0rem 0rem 0.5rem 0rem;
    color:var(----daraCoTxtColor);
    border:var(--bs-btn-border-width) solid var(----daraCoTxtColor);
    
}
#myAccountSettings .btn-outline-primary{        
    color:var(----daraCoTxtColor);
    border:var(--bs-btn-border-width) solid var(----daraCoTxtColor);
}
#myAccountSettings .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
    color: var(----daraCoTxtWhite) !important;
    background-color: var(----daraCoTxtColor);
    border-color: var(----daraCoTxtColor);
}
#myAccountSettings .Darafrm2{
    --radius:0; border:1px solid #6cb5a2;
    width:30%; line-height:30px;
    
}
#myAccountSettings .btn-primary{
    --bs-btn-bg:transparent;
    --bs-btn-border-color:var(----daraCoTxtColor);
}
#myAccountSettings .btn-primary:hover{
    color: var(----daraCoTxtWhite) !important;
}

#takeAction .card-text{ line-height:25px;}
#takeAction div.apImage{
    position:relative; background-position:center; background-repeat:no-repeat; height:40px;
    background-image:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23303C42%22%20d%3D%22M23%204c0-.534-.208-1.036-.586-1.414l-1-1c-.756-.756-2.07-.758-2.83.002L17%203.19V3c0-1.103-.818-2-1.824-2H2.824C1.818%201%201%201.897%201%203v18c0%201.103.818%202%201.824%202h12.352C16.182%2023%2017%2022.103%2017%2021V10.766l5.414-5.352C22.792%205.036%2023%204.534%2023%204z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M16%2021c0%20.551-.37%201-.824%201H2.824C2.37%2022%202%2021.551%202%2021V3c0-.551.37-1%20.824-1H4.5v1.154A.987.987%200%200%200%204%204c0%20.551.449%201%201%201s1-.449%201-1a.987.987%200%200%200-.5-.846V2h3v1.154A.987.987%200%200%200%208%204c0%20.551.449%201%201%201s1-.449%201-1a.987.987%200%200%200-.5-.846V2h3v1.154A.987.987%200%200%200%2012%204c0%20.551.449%201%201%201s1-.449%201-1a.987.987%200%200%200-.5-.846V2h1.676c.454%200%20.824.449.824%201v1.202l-7.855%207.946a.503.503%200%200%200-.11.166l-2%205a.5.5%200%200%200%20.65.65l5-2a.503.503%200%200%200%20.167-.109l4.148-4.1V21z%22%2F%3E%3Cpath%20fill%3D%22%23FFCA28%22%20d%3D%22M12.14%2014.163l-.193-.387a.5.5%200%200%200-.223-.223l-.38-.19L19.5%205.207l.846.846-8.205%208.11z%22%2F%3E%3Cpath%20d%3D%22M12.14%2014.163l-.193-.387a.5.5%200%200%200-.223-.223l-.38-.19L19.5%205.207l.846.846-8.205%208.11z%22%20opacity%3D%22.1%22%2F%3E%3Cpath%20fill%3D%22%23FFCA28%22%20d%3D%22M10.637%2012.656l-.19-.38A.5.5%200%200%200%2010%2012h-.302l8.25-8.346.845.846-8.156%208.156z%22%2F%3E%3Cpath%20fill%3D%22%23FAFAFA%22%20d%3D%22M7.692%2016.485l-.177-.177L8.84%2013h.852l.362.724a.5.5%200%200%200%20.223.223l.851.426.265.53-.172.17-3.528%201.412z%22%2F%3E%3Cpath%20fill%3D%22%23D32F2F%22%20d%3D%22M21.709%204.705l-.652.645-2.407-2.407.643-.65a1.024%201.024%200%200%201%201.414%200l1%201c.189.189.293.44.293.707s-.104.518-.291.705z%22%2F%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%2210.135%22%20x2%3D%2216.87%22%20y1%3D%2213.865%22%20y2%3D%2220.601%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M16%2021v-9.245l-4.148%204.1a.503.503%200%200%201-.166.11l-5%202a.501.501%200%200%201-.54-.111L10.293%2022h4.883c.454%200%20.824-.449.824-1z%22%2F%3E%3Cpath%20d%3D%22M7.692%2016.485l3.528-1.412.172-.17-.265-.53-.85-.426c-.049-.024-.075-.074-.112-.112l-2.561%202.561.088.089zM21.207%202.793l-1.353%201.353%201.203%201.204.652-.645C21.896%204.518%2022%204.267%2022%204s-.104-.518-.293-.707l-.5-.5z%22%20opacity%3D%22.1%22%2F%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%22-.767%22%20x2%3D%2219.638%22%20y1%3D%226.308%22%20y2%3D%2215.824%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23FFF%22%20stop-opacity%3D%22.2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20fill%3D%22url(%23b)%22%20d%3D%22M23%204c0-.534-.208-1.036-.586-1.414l-1-1c-.756-.756-2.07-.758-2.83.002L17%203.19V3c0-1.103-.818-2-1.824-2H2.824C1.818%201%201%201.897%201%203v18c0%201.103.818%202%201.824%202h12.352C16.182%2023%2017%2022.103%2017%2021V10.766l5.414-5.352C22.792%205.036%2023%204.534%2023%204z%22%2F%3E%3C%2Fsvg%3E');
}
.myCustomIcons{ background: #fff; width: 21px; height: 21px; }
.w-170px{width:170px!important;}

@media(max-width:786px){

    #MobUserAccountSettings .accordion{
        --bs-accordion-border-color:var(----daraCoLinks2)!important;
        --bs-accordion-border-width:0!important;
        --bs-accordion-bg:var(----daraCoTxtWhite)!important;
        --bs-accordion-active-color: #212529 !important;
        --bs-accordion-btn-icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23397061'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
        --bs-accordion-btn-active-icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23397061'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
    }
    #MobUserAccountSettings{ height:100%; overflow:auto;}
    #MobUserAccountSettings .nav-x>.uc-active{padding:10px 15px;}
    #MobUserAccountSettings .nav-x a{color:inherit !important;}
    #MobUserAccountSettings .g1{--bs-gutter-y:0.2rem;}
    #MobUserAccountSettings form label.btn{ 
        --bs-btn-padding-x:0.5rem;
        --bs-btn-font-size:0.8rem;
        --bs-btn-font-weight:500;
        --bs-btn-line-height:40px !important;
        --bs-btn-border-radius:var(--radius);
        margin:0rem 0rem 0.5rem 0rem;
        color:var(----daraCoTxtColor);
        border:var(--bs-btn-border-width) solid var(----daraCoTxtColor);
        
    }
    #MobUserAccountSettings .btn-outline-primary{        
        color:var(----daraCoTxtColor);
        border:var(--bs-btn-border-width) solid var(----daraCoTxtColor);
    }
    #MobUserAccountSettings .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
        color: var(----daraCoTxtWhite) !important;
        background-color: var(----daraCoTxtColor);
        border-color: var(----daraCoTxtColor);
    }
    #MobUserAccountSettings .Darafrm2{
        --radius:0; border:1px solid #6cb5a2;
        width:30%; line-height:30px;
        
    }
    #MobUserAccountSettings .btn-primary{
    --bs-btn-bg:transparent;
    --bs-btn-border-color:var(----daraCoTxtColor);
    }
    #MobUserAccountSettings .btn-primary:hover{
        color: var(----daraCoTxtWhite) !important;
    }
    .nav-x>.uc-active{padding: 10px 19% !important;}    
}