html,
body {
    padding: 0;
    margin: 0;
}

body {
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    color: #212121;
}

.h1,
h1,
.h2,
h2 {
    font-size: inherit;
    font-weight: inherit;
    line-height: normal;
    margin: inherit;
}


/* UTILITIES */

.bg-light-green {
    background: #26939C;
}

.bg-contact {
    background: url('assets/img/img-contact.jpg') no-repeat;
    background-size: cover;
}

.bg-ctos-primary {
    background: #017673;
}

.bg-mediumgrey {
    background: #e7e7e7;
}

.bg-lightgrey {
    background: #F4F6FA;
}

.bg-gradient-custom {
    background: #1e5799;
    background: -moz-linear-gradient(left, #1e5799 0%, #158084 0%, #4c9985 100%);
    background: -webkit-linear-gradient(left, #1e5799 0%, #158084 0%, #4c9985 100%);
    background: linear-gradient(to right, #1e5799 0%, #158084 0%, #4c9985 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#4c9985', GradientType=1);
}

.btn-custom {
    width: 310px;
    background: #F15D22;
    border-radius: 8px;
    text-align: center;
}

.btn-custom a {
    color: #ffffff;
    text-decoration: none;
}

.font-grey {
    color: #212121;
}

.font-white {
    color: #fff;
}

.btn-custom-label {
    padding: 18px;
}


/* HEADER */

.header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4;
}

.navbar {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.55);
}

.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 1);
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(255, 255, 255, 1);
}

.navbar-collapse.show .navbar-nav .nav-item {
    border-bottom: 1px solid;
    border-color: rgba(255, 255, 255, 0.55);
}

.navbar-collapse.show .navbar-nav .nav-item:last-child {
    border-bottom: 0;
}

.navbar-brand {
    background: url('assets/img/logo-ctos.png') no-repeat;
    width: 102px;
    height: 40px;
    background-size: cover;
    margin: 1rem 0;
}

.navbar-light .navbar-toggler {
    border-color: transparent;
    padding: 0;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-light .navbar-toggler-icon {
    background: url('assets/img/icon-menu.png') no-repeat center center;
    width: 25px;
    height: 21px;
    background-size: cover;
}


/* BANNER */

#landing .banner.ci {
    background: url('assets/img/img-banner-ci.jpg') no-repeat;
    background-size: cover;
    min-height: 630px;
    padding-top: 100px;
    margin-top: 72px;
}

#landing .banner.vc {
    background: url('assets/img/img-banner-vc.jpg') bottom no-repeat;
    background-size: cover;
    min-height: 630px;
    padding-top: 100px;
    margin-top: 72px;
}

#landing .banner .banner-brand.ci {
    background: url('assets/img/logo-ctos-car-insurance.png') no-repeat center center;
    width: 389px;
    height: 55px;
    background-size: cover;
}

#landing .banner .banner-brand.vc {
    background: url('assets/img/logo-ctos-vehicle-check.png') no-repeat center center;
    width: 389px;
    height: 55px;
    background-size: cover;
}

#landing .banner .banner-title {
    font-size: 3rem;
    font-weight: 600;
    line-height: 55px;
}

#landing .banner .banner-title span {
    color: #F15D22;
}

#landing .banner .banner-desc,
#landing .banner .partner-desc {
    font-size: 1rem;
}

#landing .partner-brand.ps {
    background: url('assets/img/logo-policy-street.png') no-repeat center center;
    width: 60px;
    height: 25px;
    background-size: cover;
    margin-left: 20px;
}

#landing .partner-brand.oto {
    background: url('assets/img/logo-otofact.png') no-repeat -15px center;
    width: 280px;
    height: 100px;
    background-size: cover;
}


/* CONTENT */

.content-section {
    padding: 2.18rem 0;
}

.content-section-title {
    font-size: 1.65rem;
    font-weight: bold;
    margin-bottom: 5px;
}


/* SIMPLE AND EASY STEPS */

#landing .simple-easy-steps .step-item {
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    margin: 0 15px;
    padding: 30px;
}

#landing .simple-easy-steps .step-item .icon {
    width: 110px;
    height: 110px;
    margin: auto;
}

#landing .simple-easy-steps .step-item .step-item-title-wrapper .step-item-number {
    font-size: 82px;
    color: #F2721D;
    font-weight: bold;
    margin-right: 10px;
}

#landing .simple-easy-steps .step-item .step-item-title-wrapper .step-item-title {
    font-size: 28px;
    font-weight: bold;
    color: #066964;
    line-height: normal;
    text-align: left;
}

#landing .simple-easy-steps .step-item .icon.input {
    background: url('assets/img/icon-input.png') no-repeat center center;
    background-size: 100%;
}

#landing .simple-easy-steps .step-item .icon.compare {
    background: url('assets/img/icon-compare.png') no-repeat center center;
    background-size: 100%;
}

#landing .simple-easy-steps .step-item .icon.choose {
    background: url('assets/img/icon-choose.png') no-repeat center center;
    background-size: 100%;
}

#landing .simple-easy-steps .step-item .icon.get-cover {
    background: url('assets/img/icon-get-cover.png') no-repeat center center;
    background-size: 100%;
}


/* WHY CHOOSE CTOS */

#landing .why-choose-ctos .step-item {
    border: 0;
    padding: 20px;
}

#landing .why-choose-ctos .step-item .icon {
    width: 130px;
    height: 130px;
    margin: auto;
}

#landing .why-choose-ctos .step-item .step-item-title-wrapper {
    margin: 1.5rem 0;
}

#landing .why-choose-ctos .step-item .step-item-title-wrapper .step-item-title {
    color: #fff;
    text-align: center;
}

#landing .why-choose-ctos .step-item .icon.drive-less {
    background: url('assets/img/icon-drive-less.png') no-repeat center center;
    background-size: 100%;
}

#landing .why-choose-ctos .step-item .icon.best-price {
    background: url('assets/img/icon-best-price.png') no-repeat center center;
    background-size: 100%;
}

#landing .why-choose-ctos .step-item .icon.road-tax {
    background: url('assets/img/icon-road-tax.png') no-repeat center center;
    background-size: 100%;
}

#landing .why-choose-ctos .step-item .icon.free-quote {
    background: url('assets/img/icon-free-quote.png') no-repeat center center;
    background-size: 100%;
}


/* PRIVACY POLICY */

#privacy-policy .page-title {
    padding-top: 72px;
}

#privacy-policy .privacy-policy-list {
    list-style-type: none;
    padding-left: 0;
}

#privacy-policy .privacy-policy-list li {
    margin-bottom: 3rem;
}

#privacy-policy .privacy-policy-list li div:nth-child(2n+3) {
    padding-top: 1rem;
}

#privacy-policy .privacy-policy-inner-list {
    list-style-type: disc;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#privacy-policy .privacy-policy-inner-list li {
    padding-left: 1rem;
    margin-bottom: 0;
}

#privacy-policy .privacy-policy-list li::marker,
#privacy-policy .privacy-policy-list .privacy-policy-title {
    font-weight: bold;
}

#privacy-policy .privacy-policy-list .privacy-policy-title {
    margin-bottom: .5rem;
}


/* CONTACT */

#landing .contact {
    padding: 30px 0;
}

#landing .contact .btn-custom {
    width: 120px;
    background: #F15D22;
    color: #ffffff;
    border-radius: 8px;
    text-align: center;
}

#landing .contact .btn-custom-label {
    padding: 13px 0;
}

#contact .page-title {
    padding-top: 72px;
}

#contact .map {
    padding: 30px;
}


/* FOOTER */

.footer {
    padding-top: 2rem;
}

.footer .footer-logo {
    background: url('assets/img/logo-ctos.png') no-repeat center center;
    width: 105px;
    height: 41.5px;
    background-size: 100%;
}

.footer .footer-title {
    padding: 1rem 0;
}

.footer .footer-copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1.5rem 0;
}

.footer .footer-copyright span {
    opacity: .5;
}

.footer .footer-social-wrapper {
    display: flex;
    justify-content: center;
    padding-bottom: 2rem;
}

.footer .footer-social-wrapper .footer-social-icon.facebook {
    background: url('assets/img/ic-fb.svg') no-repeat;
    width: 42px;
    height: 42px;
    background-size: cover;
}

.footer .footer-social-wrapper .footer-social-icon.youtube {
    background: url('assets/img/ic-youtube.svg') no-repeat;
    width: 42px;
    height: 42px;
    background-size: cover;
}

.footer .footer-social-wrapper .footer-social-icon.linkedin {
    background: url('assets/img/ic-linkedin.svg') no-repeat;
    width: 42px;
    height: 42px;
    background-size: cover;
}

.btn-scroll-top {
    width: 60px;
    height: 60px;
    background: url('assets/img/icon-scroll-top.png') no-repeat;
    background-size: cover;
    position: fixed;
    bottom: 5%;
    right: 1%;
    z-index: 1;
    transition: all 1s;
}

.hide {
    opacity: 0;
}

.show {
    opacity: 1;
}


/* CAROUSEL */


/* .carousel-indicators [data-bs-target] {
    background-color: #2c2c2c;
} */

@media (max-width:576px) {
    #landing .content-section {
        padding: 2.18rem;
    }
    .navbar-brand {
        background: url('assets/img/logo-ctos.png') no-repeat;
        width: 76.5px;
        height: 30px;
        background-size: cover;
    }
    .navbar-light .navbar-toggler-icon {
        background: url('assets/img/icon-menu.png') no-repeat center center;
        width: 25px;
        height: 21px;
        background-size: 80%;
    }
    #landing .banner .banner-wrapper {
        background: rgba(255, 255, 255, 0.55);
        padding: 30px;
        border-radius: 4px;
    }
    #landing .banner {
        padding-top: 30px;
    }
    #landing .banner .banner-brand.ci {
        background: url('assets/img/logo-ctos-car-insurance.png') no-repeat center center;
        width: 274px;
        height: 67px;
        background-size: 100%;
    }
    #landing .banner .banner-brand.vc {
        background: url('assets/img/logo-ctos-vehicle-check.png') no-repeat center center;
        width: 274px;
        height: 67px;
        background-size: 100%;
    }
    #landing .partner-brand {
        background: url('assets/img/logo-policy-street.png') no-repeat center center;
        width: 48px;
        height: 20px;
        background-size: cover;
        margin-left: 20px;
    }
    #landing .banner .banner-title {
        font-size: 2rem;
        line-height: 1.3333;
    }
    #landing .banner .banner-desc,
    #landing .banner .partner-desc {
        font-size: .9rem;
    }
    #landing .btn-custom {
        width: inherit;
    }
    #landing .simple-easy-steps .step-item {
        margin: 0 0 1rem 0;
    }
    #landing .contact .col.col-md-8 {
        padding-bottom: 10px;
        text-align: center;
    }
    #landing .contact .col.col-md-4 .btn-custom {
        margin: auto;
    }
}

@media (max-width:768px) {
    #landing .banner.ci {
        background: url('assets/img/img-banner-mobile-ci.jpg') center center no-repeat;
        background-size: cover;
        margin-top: 62px;
    }
    #landing .banner.vc {
        background: url('assets/img/img-banner-mobile-vc.jpg') center center no-repeat;
        background-size: cover;
        margin-top: 62px;
    }
    #landing .simple-easy-steps .step-item {
        margin-bottom: 1rem;
    }
}

@media (max-width:992px) {}

@media (max-width:1200px) {}

@media (max-width:1400px) {}