* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.btn-green {
    background: #6A9C08;
    color: white;
    width: 100%;
    border-radius: 3px;
    margin-bottom: 2rem;
}

.form-group {
    padding: 1rem 0rem;
}

.form-group-check .form-check-label {
    display: inline;
    padding: 0;
    margin-left: 0.5rem;
}

body {
    letter-spacing: 0.05em;
}

.btn {
    margin-left: 1px !important;
}

/*background styles*/
.bg--darkblue_euh {
    background-color: rgba(0, 34, 57, 1);
}

.bg--lightblue_euh {
    background: rgba(24, 189, 230, 1);
}

.bg--lightgreen_euh {
    background: rgba(106, 156, 8, 1);
}

.bg--light-1_euh {
    background-color: rgba(240, 241, 242, 1);
}

.bg--light-gray_euh {
    background-color: rgba(245, 245, 245, 1);
}

.bg--light-gray-1_euh {
    background-color: rgba(231, 231, 231, 1);
}

/*text styles*/
.text-style--darkblue_euh {
    color: rgba(0, 34, 57, 1);
}

.text-style--white_euh {
    color: rgba(240, 241, 242, 1);
}

.text-style--violet_euh {
    color: white;
    background: rgba(0, 34, 57, 1);
    padding: 1rem;
    margin-top: 1rem;
    cursor: pointer;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    .text-style--violet_euh:hover {
        color: rgba(0, 34, 57, 1);
        background: #18BDE6;
        padding: 1rem;
        margin-top: 1rem;
    }

.text-style--lightblue_euh {
    color: rgba(24, 189, 230, 1);
}

.text-style--brown_euh {
    color: rgba(214, 155, 100, 1);
}

.text-style--hover-1_euh:hover {
    text-decoration: underline !important;
    text-underline-offset: 10px !important;
    color: rgba(24, 189, 230, 1) !important;
}

/* Vehicle for sale <article3> */
.article3__grid {
    display: grid;
    grid-template-areas:
        'one one five'
        'two three five'
        'four four five';
    grid-gap: 0.5rem;
}

.sideA-euh__header {
    grid-area: one;
}

.sideA-euh__left {
    grid-area: two;
}

.sideA-euh__right {
    grid-area: three;
}

.sideA-euh__footer {
    grid-area: four;
}

.sideB-euh {
    grid-area: five;
}


/* alternately design_desktop <article1-PG> */
.information_Pg ~ .furtherInfo_Pg:nth-child(odd) {
    flex-direction: row-reverse !important;
}

/* For same size of the icons <article2-PG> */
.offerTable-Pg {
    display: grid;
    grid-template-columns: auto 25%;
}

/* coverage table division */
.coverageGrid_Pg {
    display: grid;
    grid-template-columns: 53% 15% 15% 15%;
}

.CategoryLink, .CategoryBLink {
    cursor: pointer !important;
    --bs-gutter-x: 0rem;
}

.aside__menu--sm {
    grid-template-columns: repeat(2, auto) !important;
}

/* for responsive*/
@media screen and (max-width: 990px) {
    /* for Car brands mobile <article2> */
    .car-brands {
        margin: auto !important;
    }

    .aside__menu--sm {
        grid-template-columns: repeat(2, auto) !important;
        grid-gap: 0 !important;
        bottom: 0px !important;
        width: 100vw !important;
        right: auto !important;
        box-shadow: 0px -2px 5px #b9b9b9 !important;
    }

    aside .btn {
        border-radius: 0px !important;
    }
}

@media screen and (max-width: 998px) {
    /* Vehicle for sale_mobile <article3> */
    .article3__grid {
        grid-template-areas:
            'one'
            'three'
            'five'
            'two'
            'four' !important;
    }

    /* Bg gray faded_mobile */
    .bg--light-1_euh, .bg--light-gray_euh {
        background-color: white;
    }

    /* List of vehicle specs-col display_mobile */
    .sideB-euh__content {
        display: grid;
        grid-template-columns: auto auto;
    }

    /* forms button resize_mobile */
    .footer__btn--size {
        width: 85% !important;
    }

    /* forms image Hide_mobile */
    .forms__img {
        display: none;
    }

    /* forms image reorder size_mobile */
    .forms__img-1 {
        width: 75% !important;
    }

    /* coverage text top table responsive vertically */
    .text-lg-rotate {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
    }

    /* coverage table gap_mobile */
    .coverageGrid_Pg {
        grid-gap: 2px !important;
    }
}


.footer__btn--size:hover {
    color: rgba(0, 34, 57, 1);
    background: #18BDE6;
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: white;
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: white;
}


/* 
  ##Device = All
  ##Screen = Styles will be apply for all resolutions
*/

/* CSS */


/* 
  ##Device = Desktops large
  ##Screen = 1920px to higher resolution desktops
*/

@media (min-width: 1920px) {

    /* CSS */

}


/* 
  ##Device = Desktops
  ##Screen = 1281px to 1919px
*/

@media (min-width: 1281px) and (max-width: 1919px) {

    /* CSS */
    .paragraph-gap {
        padding: 0rem 5rem 2rem 5rem !important;
    }

    .gap-kindlustus p {
        padding: 0rem 4rem !important;
    }
}

/* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */

@media (min-width: 1025px) and (max-width: 1280px) {

    /* CSS */
    .paragraph-gap {
        padding: 0rem 4rem 2rem 4rem !important;
    }

    .gap-kindlustus p {
        padding: 0rem 3rem !important;
    }
}

/* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) {

    /* CSS */
    .paragraph-gap {
        padding: 0rem 4rem 2rem 4rem !important;
    }

    .gap-kindlustus p {
        padding: 0rem 3rem !important;
    }
}

/* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    /* CSS */
    .paragraph-gap {
        padding: 0rem 4rem 2rem 4rem !important;
    }

    .gap-kindlustus p {
        padding: 0rem 3rem !important;
    }
}

/* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */

@media (min-width: 481px) and (max-width: 767px) {

    /* CSS */
    .paragraph-gap {
        padding: 0rem 4rem 2rem 4rem !important;
    }

    .gap-kindlustus p {
        padding: 0rem 3rem !important;
    }
}

/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */

@media (min-width: 320px) and (max-width: 480px) {

    /* CSS */
    .paragraph-gap {
        padding: 0rem 1rem 1rem 1rem !important;
    }

    .gap-kindlustus p {
        line-height: initial;
    }
}