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

/*
font-family: 'Poppins', sans-serif;
font-family: 'Roboto', sans-serif;
*/
body {
    font-family: 'Rubik', sans-serif;
}

.linear {
    transition-timing-function: linear;
}

.ease {
    transition-timing-function: ease;
}

.ease-in {
    transition-timing-function: ease-in;
}

.ease-out {
    transition-timing-function: ease-out;
}

.ease-in-out {
    transition-timing-function: ease-in-out;
}

/* ============================
	HEADER STYLE
============================ */
#headerWrap {
    padding: 20px 0px;
    background-size: cover;
    position: relative;
    background: rgb(255 255 255 / 0%);
    z-index: 99;
    color: #fff;
}

.logowrap {
    position: relative;
    height: 40px;
    top: -4px;
}

    .logowrap span {
        background: url(https://sgp1.digitaloceanspaces.com/cms-stage01/CDRReport__logo_a044e2f0-5e31-4500-81b9-5e821a847b27.png)no-repeat 0 0;
        height: 50px;
        display: block; /* zoom: 0.9; */
    }

.headerInformation {
    text-align: right;
    float: right;
}

#headerWrap a.contactdetails {
    font-family: 'Poppins', sans-serif;
    margin: 0px;
    float: right;
    margin-left: 15px;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    padding: 2px 0px 4px 0px;
}

#headerWrap .contactdetails p i {
    margin-right: 5px;
    color: #332ee0;
}

#headerWrap .navigate {
    float: left;
    border-right: 1px solid #b6b4f0;
    margin: 0px 10px 0px 0px;
    padding-right: 10px;
}

#headerWrap .divbar {
    display: block;
    background: #b6b4f0;
    width: 100%;
    height: 1px;
    margin: 18px 0px 60px;
}

.sidepanelblock {
    background: #eef3f5;
    border-radius: 5px;
    padding: 20px;
    margin: 0 0 26px;
}

.sidepanelblock ul {
    font-weight: 400;
    float: none;
    padding: 0px 0px 0px 2px;
    margin: 10px 0px 0px;
    text-align: left;
}

.sidepanelblock ul li {
    line-height: 20px;
    margin-bottom: 10px;
    color: #333;
    font-size: 15px;
    font-weight: 400;
    list-style: none;
}

.sidepanelblock li:before {
    font-family: 'FontAwesome';
    font-size: 15px;
    color: #005c7d;
    content: "\f105";
    margin-right: 10px;
    font-weight: bold;
}

.sidepanelblock ol li a, .sidepanelblock ul li a {
    font-size: 15px;
    color: #006a90;
    transition: 0.5s;
    font-weight: 400;
}

.sidepanelblock ol li a:hover, .sidepanelblock ul li a:hover {
    color: #000;
    text-decoration: none;
}

/* ====================================================================================
    FOOTE STYLE
==================================================================================== */

footer {
    background: #313B3D;
    padding: 50px 0px 10px;
    color: #fff;
    font-family: 'Rubik', sans-serif;
}
.footer-logo {
    margin-bottom: 15px;
}

.cdrfooterinfo p {
    font-size: 15px;
    font-weight: 300;
    line-height: 21px;
    margin: 0px 0px 12px;
}

.cdrfooterinfo i {
    font-size: 12px;
    margin-right: 8px;
}

.rating i {
    color: #ffc107;
    margin-right: 0px;
}

footer h4 {
    font-size: 20px;
    border-bottom: 1px solid #5b6f73;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-weight: 500;
}

footer ul {
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

footer ul li {
    list-style: none;
}

footer ul li:before {
    font-family: 'FontAwesome';
    font-size: 11px;
    color: #2bb0e0;
    content: "\f054";
    margin-right: 10px;
    font-weight: 400;
}

footer ul li a {
    font-size: 15px;
    color: #fff;
    transition: 0.5s;
    font-weight: 300;
}

footer ul li a:hover {
    color: #2bb0e0;
    text-decoration: none;
}

.captions-common p {
    font-weight: 300;
    text-align: center;
    font-size: 14px;
    padding: 10px 20px;
    margin: 30px 0px 0px;
    background: #293538;
    color: #7a9196;
    border-radius: 5px;
}




/* ====================================================================================
    RESPONSIVE STYLE
==================================================================================== */

@media only screen and (max-width: 768px) {

    /* FOOTER */
    footer {
        padding: 40px 20px 20px;
    }

    footer h4 {
        margin: 10px 0px 10px;
    }

}