:root {
        --themecolorhoney: #f6ae2d;
        --themecolorwhite: #fcf7f8;
        --themecolorblue: #0195DB;
        --themecolorcharcoal: #424651;
        --themecolorjunglegreen: #182825;
        --themecolorgradient: linear-gradient(to right,var(--themecolorcharcoal),var(--themecolorhoney));
        --themecolorbrown: #783b37;
        /* --themecolorbrown: #8e2d26; */
        /* --themecolorbrown2: #783b37; */
}

.rd-navbar-static .rd-megamenu-item-1plus2 {
        flex-basis: 691px;
        max-width: 691px;
}

@media (min-width: 1200px)
{
        .rd-navbar-static .rd-megamenu-list-item + .rd-megamenu-list-item {
                margin-top: 14px !important;
        }
}
.themecolorhoney
{
        background-color: var(--themecolorhoney) !important;
}
.themecolorwhite
{
        background-color: var(--themecolorwhite) !important;
}
.themecolorblue
{
        background-color: var(--themecolorblue) !important;
}
.themecolorcharcoal
{
        background-color: var(--themecolorcharcoal) !important;
}
.themecolorjunglegreen
{
        background-color: var(--themecolorjunglegreen) !important;
}
.themecolorgradient
{
        background: var(--themecolorgradient) !important;
}

.fillthemecolorhoney
{
        fill: var(--themecolorhoney) !important;
}
.fillthemecolorwhite
{
        fill: var(--themecolorwhite) !important;
}
.fillthemecolorblue
{
        fill: var(--themecolorblue) !important;
}
.fillthemecolorcharcoal
{
        fill: var(--themecolorcharcoal) !important;
}
.fillthemecolorblack
{
        fill: black !important;
}
.fillthemecolorjunglegreen
{
        fill: var(--themecolorjunglegreen) !important;
}
.themecolorwhitetext
{
        color: var(--themecolorwhite) !important;
}
.themecolorcharcoaltext
{
        color: var(--themecolorcharcoal) !important;
}
.themecolorbluetext
{
        color: var(--themecolorblue) !important;
}


.rd-navbar-corporate.rd-navbar-static .rd-navbar-nav-wrap {
        background-color:  var(--themecolorcharcoal) !important;
}


.rd-navbar-corporate.rd-navbar-static .rd-navbar-aside-outer {
        background:  var(--themecolorhoney) !important;
        border:none !important;
}
.rd-navbar-aside
{
        color :var(--themecolorcharcoal) !important;
}

.rd-navbar-corporate.rd-navbar-static .rd-navbar-search-toggle
{
        background: var(--themecolorblue) !important;
}

.rd-navbar-corporate.rd-navbar-static .rd-nav-link:hover {
        color: var(--themecolorhoney) !important;
}

.rd-navbar-corporate.rd-navbar-static .rd-nav-item.focus .rd-nav-link, .rd-navbar-corporate.rd-navbar-static .rd-nav-item.opened .rd-nav-link, .rd-navbar-corporate.rd-navbar-static .rd-nav-item.active .rd-nav-link {
        color: var(--themecolorhoney);
}

.text-black
{
        color:black !important;
}
.pricing-classic-body::before {
        display: none !important;
}

.min-height-800px
{
        min-height: 800px !important;
}
.min-height-500px
{
        min-height: 500px !important;
}

.productimage
{
        max-height: 250px !important;
        width: auto !important;
}



.slick-active img
{
        max-width: 400px;
}

@media (min-width: 1200px)
{
        h3, .heading-3, .event-classic-date {
                font-size: 20px;
        }
}


.quote-classic-big-text::before {

        color: var(--themecolorblue);
}
.tabs-line .nav-link.active {
        color: var(--themecolorblue);
}

.tabs-line .nav-link::after {

        background: var(--themecolorblue);
}

.heightnone
{
        height: none;
}

.slick-nav-1 .slick-arrow {

        background: var(--themecolorblue);
}
.ui-to-top, .ui-to-top:focus, .ui-to-top:active {

        background: var(--themecolorblue);
}
.font30px
{
        font-size: 30px !important;
}

.table-custom.table-custom-primary thead th {
        color: var(--themecolorcharcoal);
        background: var(--themecolorhoney);
}
.border-right-themecolorblue
{
        border-right: 5px solid var(--themecolorblue);
}
.page-item.active > .page-link, .page-item.active > .page-link:hover, .page-item.active > .page-link:focus, .page-item.active > .page-link:active {
        color: var(--themecolorhoney);
}
.table-custom td {

        color: var(--themecolorcharcoal);

        padding: 5px 12px
}
.tabs-custom .nav-link {
        color: var(--themecolorcharcoal);
}
h2, .heading-2, .counter-classic-number .symbol {
        font-size: 40px;
}
.footer-corporate-2 {
        background: var(--themecolorcharcoal);
}
.footer-corporate-2 .footer-corporate-panel {
        /* background: var(--themecolorblue); */

}
.borderthemecolorhoney
{
        border:5px solid var(--themecolorhoney);
}
.borderthemecolorblue
{
        border:1px solid var(--themecolorblue);
}
.button-primary:hover, .button-primary:active {
        color: var(--themecolorcharcoal);
        background-color: var(--themecolorhoney);
        border-color: var(--themecolorhoney);
}

/* for products cards  */

.card {
        /* width:900px; */
        // height: 300px;
        background: #fff;
        border-radius: 15px;
        padding: 1rem;
        display:grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
        transition:.3s ease-in-out;

        &:hover {
                box-shadow:.3px 4px 7px rgba(0,0,0,.2);
        }

        .img-box {
                width: 100%;
                height:100%;
                border-radius: 10px;

                img {
                        width:100%;
                        height:100%;
                        border-radius: inherit;
                        object-fit:cover;
                }
        }
        .content {
                padding: 1rem;
                display:flex;
                flex-direction:column;
                justify-content:space-between;

                h3 {
                        font-size: 1.1rem;
                }
                p {
                        font-size: .8rem;
                        color: gray;
                }
        }

        .card-action {
                display:flex;
                justify-content:space-between;
                margin-top:2rem;

                .name-container {
                        display:flex;
                        gap:1rem;
                        align-items:center;
                        justify-content:center;

                        .avatar {
                                width:50px;
                                height:50px;
                                border-radius: 50%;
                                outline-width: 1px;
                                outline-color: orange;
                                outline-offset: 1px;
                                outline-style: dotted;
                        }
                        .name-box {
                                display:flex;
                                flex-direction: column;

                                span {
                                        font-size:.9rem;
                                        font-weight:500;
                                }
                                small {
                                        color:gray;
                                }
                        }
                }
        }
}

@media screen and (max-width:800px){
        .card {
                margin:1rem;
        }
}

@media screen and (max-width:600px){
        .card {
                grid-template-columns: 1fr;
                margin:1rem;
        }
}

.button-primary, .button-primary:focus {
        color: #ffffff;
        background-color: var(--themecolorblue);
        border-color:  var(--themecolorblue);
}

.select2-container {

        border: 1px solid #d9d2d2;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {

        background-color: var(--themecolorhoney);
        color: #141414;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {

        color: #141414;
}

.select2-container--default .select2-results__option[aria-selected=true] {
        background-color: var(--themecolorhoney);
        color: #141414;
}

.form-control:focus {

        border-color: rgba(0, 0, 0, 0.125);
        outline: 0;
        box-shadow: none;
}
.font-weight-500
{
        font-weight: 500 !important;
}


.rd-navbar-static .rd-nav-item + .rd-nav-item {
        margin-left: 12px;
}

.rd-nav-item.active .fillthemecolorwhite
{
        fill:var(--themecolorhoney) !important;
}


.rd-navbar-static .rd-megamenu-list-link:hover {
        color: var(--themecolorblue);

}

@media (min-width: 1200px)
{
        .rd-navbar-static .rd-megamenu-list-item + .rd-megamenu-list-item.custom-margin {
                margin-top: 5px !important;
                font-size: 1rem !important;
        }
}

@media (min-width: 1200px)
{
        .rd-navbar-static .rd-megamenu-list-link.customfontsize {
                font-size: 12px;
        }
}

.gradientbackground
{
        background: linear-gradient(to right, var(--themecolorhoney), var(--themecolorcharcoal));

}

.post-classic-content {

        background:white;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, [class^='heading-'] a:hover {
        color: var(--themecolorblue);
}


.rd-navbar-static .rd-navbar-dropdown {

        width: 300px !important;

}
.rd-navbar-static .rd-dropdown-link:hover {
        color:  var(--themecolorblue);
}

.footer-corporate-2 .footer-corporate-panel {
        background: var(--themecolorhoney);
}

.context-dark .footer-corporate-info .icon, .bg-gray-700 .footer-corporate-info .icon, .bg-gray-3 .footer-corporate-info .icon, .bg-brown-1 .footer-corporate-info .icon, .bg-primary .footer-corporate-info .icon {
        color: #fff;
}

.breadcrumbs-custom-title
{
        display: none;
}

.marginpagebanner10
{
        margin-top:10rem !important;
}
.marginpagebanner15
{
        margin-top:15rem !important;
}
.marginpagebanner22
{
        margin-top:22rem !important;
}
.marginpagebanner24
{
        margin-top:24rem !important;
}
.fullwidthimage
{
        width: 100%;
        height:auto;
}

.parallax-container {

        overflow: inherit;
}
.whitestroke
{
        stroke:#fff
}
.active .whitestroke
{
        stroke:var(--themecolorhoney);
}
.card.yellowborder
{
        border: 1px solid var(--themecolorhoney);
}

.quote-creative {
        border-radius: 0px !important;
}
.noborder
{
        border:none !important;
}

.owl-dot.active {
        background-color: var(--themecolorhoney);
}

.product-dawn-button, .product-dawn-button:focus {
        color: white;
        background-color: var(--themecolorblue);
        border:none;
}

.desktop .product-dawn:hover .product-dawn-button, .desktop .product-dawn:hover .product-dawn-button:focus {
        color: #ffffff;
        background: var(--themecolorgradient) !important;
        border:none;
}
a:hover {
        color: var(--themecolorhoney);
}

.owl-dot:hover, .owl-dot:focus {
        background: var(--themecolorgradient);
}
/* our units css */

.tile {
        position: relative;
        height:100%;
        background-size:cover;
        background-repeat: no-repeat;
        background-origin: content-box;
        background-position: center;
        border-radius:0;
        color: #fff !important;
        font-family: 'Merriweather', serif;
}
.tile{
        border:5px solid #fff;
}
.tile .overlay{
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: rgba(26,59,60, 0.75);
}
.tile h2 {
        margin:0;
        text-align:left;
        font-weight: 700;
        font-size: 17px;
        font-family: 'Lato', sans-serif;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.tile h2 span{
        padding:0 15px;
}
.tile p {
        padding: 0 0 5px 0;
}
.tile ul{
        padding-left:15px;
}
.tile li{
        margin:15px 0;
}
.tile a{
        font-size: 20px;
        font-weight: 400;
        color:#fff;
}
.tile a.btn-link{
        margin-top:30px;
        padding:0;
}
.tile a:hover{
        font-weight:bold;
        color:#fff;
}
@media (max-width: 768px){
        .tile-toggle{
                display:block;
                padding:10px;
                background-color: rgba(26,59,60, 0.75);
                border-left:1px solid #fff;
        }
        .tile ul{
                list-style: none;
                margin:0;
                padding:0;
                border-top:1px solid #fff;
        }
        .tile ul li{
                margin:0;
        }
        .tile ul li a{
                display:block;
                padding: 8px 22px;
                border-bottom: 1px solid #fff;
        }
        .tile a.btn-link{
                margin-top:0;
                padding: 8px 22px;
        }
}
/*Medium devices (tablets, 768px or more)*/
@media (min-width: 768px) {
        /*Tiles To Accordions*/
        .tiles .tile .overlay{
                padding: 60px;
        }
        .tile h2{
                font-size: 35px;
        }
        .tiles .tile .tile-toggle{
                display:none;
        }
        .tiles .tile .collapse{
                display:block;
        }
}
/* end of our units css */

.box-icon-classic-svg, .box-icon-classic-icon {

        animation: none;
}

.box-icon-classic-title a:hover {
        color: var(--themecolorblue);
}


.tabs-horizontal.tabs-line .nav-tabs {
        justify-content: center;

}

.tabs-line .nav-tabs-wrap::before {

        background: var(--themecolorgradient);
}

.text-danger
{
        color : #ca0e0e !important;
}



/* mobile css */
.rd-navbar-fixed .rd-nav-item:hover .rd-nav-link, .rd-navbar-fixed .rd-nav-item.focus .rd-nav-link, .rd-navbar-fixed .rd-nav-item.active .rd-nav-link, .rd-navbar-fixed .rd-nav-item.opened .rd-nav-link {

        background: var(--themecolorcharcoal);
}

.rd-navbar-fixed .rd-navbar-nav-wrap {

        background: var(--themecolorcharcoal);
}
.rd-navbar-fixed .rd-nav-link {
        color:var(--themecolorwhite);
}
.rd-navbar-fixed .rd-navbar-submenu-toggle::after {

        color:var(--themecolorwhite);
}

.rd-navbar-fixed .rd-megamenu-list > li > a, .rd-navbar-fixed .rd-navbar-dropdown > li > a {
        color: var(--themecolorwhite);
}

.rd-navbar-fixed .rd-megamenu-list > li:hover > a, .rd-navbar-fixed .rd-megamenu-list > li.focus > a, .rd-navbar-fixed .rd-megamenu-list > li.active > a, .rd-navbar-fixed .rd-megamenu-list > li.opened > a, .rd-navbar-fixed .rd-navbar-dropdown > li:hover > a, .rd-navbar-fixed .rd-navbar-dropdown > li.focus > a, .rd-navbar-fixed .rd-navbar-dropdown > li.active > a, .rd-navbar-fixed .rd-navbar-dropdown > li.opened > a {

        background:var(--themecolorhoney);

}
.ranklisttext
{
color : var(--themecolorblue);
}
.border-ranklist
{
        border-color:#aaaaaa !important;
}
.page-link:hover {
    color: var(--themecolorblue);
}
@media (max-width: 768px) {
        .rd-navbar-fixed li.opened > .rd-navbar-megamenu {
                padding-top: 0px;
        }
        .ranklisttext
        {
                color:white !important;
        }
        .textwhiteinmobile
        {
                color:white !important;
        }
        /* .rd-menu svg,.rd-menu .fillthemecolorcharcoal,.rd-menu .fillthemecolorblack
        {
        fill:var(--themecolorwhite);
        } */
        .whiteinmobile
        {
                fill:var(--themecolorwhite) !important;
        }
        .marginpagebanner10 {
                margin-top: 6rem !important;
        }
        html.rd-navbar-fixed-linked .page {
                padding-top: 0px;
        }
        .contacts-amber a:hover {
                color: var(--themecolorblue);
        }
        .tabs-horizontal.tabs-line .nav-tabs {
                justify-content: left;
        }
        .border-right-themecolorblue {
                border-right:none;
        }

        .rounded-circle10 {
            border-radius: 10% !important;
        }
}

.popins
{
        font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
/* end of mobile css */
