@font-face {
    font-family: "CairoBold";
    src: url("/font/Cairo-Bold.ttf");
}

@font-face {
    font-family: "CairoSemiBold";
    src: url("/font/Cairo-SemiBold.ttf");
}

@font-face {
    font-family: "CairoRegular";
    src: url("/font/Cairo-Regular.ttf");
}


/* maven-pro-regular - latin */

@font-face {
    font-family: "Maven Pro";
    font-style: normal;
    font-weight: 400;
    src: url(/font/maven-pro-v22-latin-regular.eot?f753772552e92ad9aee37b8af4a34eb1);
    /* IE9 Compat Modes */
    src: local(""), url(/font/maven-pro-v22-latin-regular.eot?f753772552e92ad9aee37b8af4a34eb1) format("embedded-opentype"), url(/font/maven-pro-v22-latin-regular.woff2?3698e8fefeec5d037f72dbdaa5be3f13) format("woff2"), url(/font/maven-pro-v22-latin-regular.woff?1358f471f175854de2737e4688805e03) format("woff"), url(/font/maven-pro-v22-latin-regular.ttf?73a0c11e178f517d96172f8b9ec641dd) format("truetype"), url(/font/maven-pro-v22-latin-regular.svg?1f4159bc64454765383f84a8c192fe0a) format("svg");
    /* Legacy iOS */
}


/* maven-pro-500 - latin */

@font-face {
    font-family: "Maven Pro";
    font-style: normal;
    font-weight: 500;
    src: url(/font/maven-pro-v22-latin-500.eot?b6937c8622b12d602104236da07f0763);
    /* IE9 Compat Modes */
    src: local(""), url(/font/maven-pro-v22-latin-500.eot?b6937c8622b12d602104236da07f0763) format("embedded-opentype"), url(/font/maven-pro-v22-latin-500.woff2?e9e82e23052fd59f1029cc5a0710ac93) format("woff2"), url(/font/maven-pro-v22-latin-500.woff?003bcaa3bde0446e9d1379340af0ca67) format("woff"), url(/font/maven-pro-v22-latin-500.ttf?181125b7c5884eb1cad46d19751b4cba) format("truetype"), url(/font/maven-pro-v22-latin-500.svg?81d09b02bfd1c560a889f1ddbc9369e9) format("svg");
    /* Legacy iOS */
}


/* maven-pro-600 - latin */

@font-face {
    font-family: "Maven Pro";
    font-style: normal;
    font-weight: 600;
    src: url(/font/maven-pro-v22-latin-600.eot?6709f116e11051705ed81bfaaf071381);
    /* IE9 Compat Modes */
    src: local(""), url(/font/maven-pro-v22-latin-600.eot?6709f116e11051705ed81bfaaf071381) format("embedded-opentype"), url(/font/maven-pro-v22-latin-600.woff2?17b87edce0272bb5e637920f3ed5333a) format("woff2"), url(/font/maven-pro-v22-latin-600.woff?091abb20254539f2999294655e2d9f81) format("woff"), url(/font/maven-pro-v22-latin-600.ttf?e8a1e59ee4e5e155ae8911baf3fd5576) format("truetype"), url(/font/maven-pro-v22-latin-600.svg?fbe4fc0a008b428cd3cb678d734ab58d) format("svg");
    /* Legacy iOS */
}


/* maven-pro-700 - latin */

@font-face {
    font-family: "Maven Pro";
    font-style: normal;
    font-weight: 700;
    src: url(/font/maven-pro-v22-latin-700.eot?fc2611f7a1a86eff4921343b6eaaf0cd);
    /* IE9 Compat Modes */
    src: local(""), url(/font/maven-pro-v22-latin-700.eot?fc2611f7a1a86eff4921343b6eaaf0cd) format("embedded-opentype"), url(/font/maven-pro-v22-latin-700.woff2?1c61b6794449398025ea6bba3099e00b) format("woff2"), url(/font/maven-pro-v22-latin-700.woff?c6b4639fd8769c4ebfc09d0e696d29f0) format("woff"), url(/font/maven-pro-v22-latin-700.ttf?8b4f27027edbc8105415f4c63e1aed74) format("truetype"), url(/font/maven-pro-v22-latin-700.svg?a9e658df915d41511a25e70255b646e9) format("svg");
    /* Legacy iOS */
}


/* maven-pro-800 - latin */

@font-face {
    font-family: "Maven Pro";
    font-style: normal;
    font-weight: 800;
    src: url(/font/maven-pro-v22-latin-800.eot?2d749fed8ce6a3e2ffc9d19c11bdd4d7);
    /* IE9 Compat Modes */
    src: local(""), url(/font/maven-pro-v22-latin-800.eot?2d749fed8ce6a3e2ffc9d19c11bdd4d7) format("embedded-opentype"), url(/font/maven-pro-v22-latin-800.woff2?726121f5ccec3590ae8498480b0143ec) format("woff2"), url(/font/maven-pro-v22-latin-800.woff?27eda2c626fa97208b3372f493b173eb) format("woff"), url(/font/maven-pro-v22-latin-800.ttf?5224663db6c48456672066f998257f07) format("truetype"), url(/font/maven-pro-v22-latin-800.svg?c213d47bd205a1fe97e94379ef15d97b) format("svg");
    /* Legacy iOS */
}


/* maven-pro-900 - latin */

@font-face {
    font-family: "Maven Pro";
    font-style: normal;
    font-weight: 900;
    src: url(/font/maven-pro-v22-latin-900.eot?a18758c780ea1581eb62fcf44a7d3d26);
    /* IE9 Compat Modes */
    src: local(""), url(/font/maven-pro-v22-latin-900.eot?a18758c780ea1581eb62fcf44a7d3d26) format("embedded-opentype"), url(/font/maven-pro-v22-latin-900.woff2?b235267dab2e58f1d3a3511328c93671) format("woff2"), url(/font/maven-pro-v22-latin-900.woff?de1e5ac087215fe1eedc80b9c1e6cd75) format("woff"), url(/font/maven-pro-v22-latin-900.ttf?99c46d9758340c3de5a32f77dd2c4731) format("truetype"), url(/font/maven-pro-v22-latin-900.svg?0b03dfac1287dcf2634043ca7352b3d3) format("svg");
    /* Legacy iOS */
}

.cairoBold {
    font-family: CairoBold, Arial, Helvetica, sans-serif;
}

.cairoRegular {
    font-family: CairoRegular, Arial, Helvetica, sans-serif;
}

body {
    background: #efeff0;
    font-family: CairoRegular, Arial, Helvetica, sans-serif;
    color: #111111;
    font-size: 14px;
}

main {
    min-height: 90vh;
}

.ellipsis {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border: 2px solid rgba(103, 98, 99, 0.3);
    box-shadow: none;
    outline: 0 none;
}


/*Nav*/

.topHeeader {
    background: #ecedf0;
    font-size: 11px;
    padding: 5px 100px;
}

.topHeeader img {
    vertical-align: middle;
    max-height: 15px;
}

.topHeeader a {
    color: #464142;
    text-decoration: none;
    font-family: cairoSemiBold, Arial, Helvetica, sans-serif;
    display: inline;
}

.text-blue-darc {
    color: #29273d!important;
}

@media(max-width:800px) {
    nav .logo {
        width: 80px;
    }
    nav .navbar-toggler {
        font-size: 30px;
        border: 2px solid #fff!important;
        border-radius: 8px;
    }
    nav {
        background: #000000;
        color: #fff;
    }
    nav .nav-item {
        padding: 0px 10px;
    }
    nav .nav-link {
        color: #fff!important;
        text-decoration: none;
        font-size: 18px;
    }
    .nav-item.active .nav-link {
        color: #ee6730!important;
        text-decoration: underline;
        font-weight: bold;
    }
    nav .login {
        background: #135db1;
        color: #fff;
        border-radius: 3px;
        font-family: cairoBold, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    nav .register {
        background: #135db1;
        color: #fff;
        border-radius: 3px;
        font-family: cairoBold, Arial, Helvetica, sans-serif;
        text-transform: uppercase;
    }
    nav .btn-localization {
        background: #fff;
        color: #135db1!important;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        border-radius: 3px;
        float: right;
    }
    nav .btn-localization .nav-link {
        background: #fff;
        color: #135db1!important;
        border-radius: 3px;
    }
    .nav-item.active .nav-link {
        color: #ee6730!important;
        text-decoration: none;
        font-size: 18px;
        font-weight: bold;
    }
    nav .login-outline {
        background: #ee6730;
        color: #fff;
        border-radius: 8px;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
    }
    nav .register-outline {
        background: #ee6730;
        color: #fff;
        border-radius: 8px;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
    }
}

@media(min-width:801px) {
    nav .logo {
        width: 90px;
    }
    nav .navbar-toggler {
        font-size: 41px;
        border: 1px solid #fff;
        border-radius: 3px;
    }
    nav {
        background: #000000;
        color: #fff;
    }
    nav .nav-item {
        padding: 0px 10px;
    }
    nav .nav-link {
        color: #fff!important;
        text-decoration: none;
    }
    .nav-item.active .nav-link {
        color: #ee6730!important;
        text-decoration: none;
        font-weight: bold;
    }
    nav .login {
        background: #135db1;
        color: #fff;
        border-radius: 3px;
        font-family: cairoBold, Arial, Helvetica, sans-serif;
    }
    nav .register {
        background: #135db1;
        color: #fff;
        border-radius: 3px;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
    }
    nav .login-outline {
        background: #ee6730;
        color: #fff;
        border-radius: 8px;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
    }
    nav .register-outline {
        background: #ee6730;
        color: #fff;
        border-radius: 8px;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
    }
    nav .btn-localization {
        background: #fff;
        color: #135db1!important;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        border-radius: 3px;
    }
    nav .btn-localization .nav-link {
        background: #fff;
        color: #135db1!important;
        border-radius: 3px;
    }
}


/*Footer*/

#myFooter {
    background: #7f7e7e!important;
    color: white;
    padding-top: 60px;
    padding-bottom: 60px;
}

#myFooter .logo {
    width: 160px;
}

#myFooter {
    background-color: #515151;
}

#myFooter .copyright {
    color: white;
    font-size: 14px;
    font-family: "CairoRegular", Arial, Helvetica, sans-serif;
}

#myFooter .copyright a {
    color: white!important;
    font-size: 14px;
    text-decoration: none;
    font-family: "CairoRegular", Arial, Helvetica, sans-serif;
}

#myFooter .copyright .innova-link {
    font-family: "CairoBold", Arial, Helvetica, sans-serif;
}

#myFooter .copyright span {
    color: white;
    font-size: 14px;
    text-decoration: none;
    font-family: "CairoBold", Arial, Helvetica, sans-serif;
}

.bottomMenu li:first-child {
    margin-bottom: 5px;
    font-weight: bold;
    font-family: "Maven Pro", "Arial Narrow", Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 0.005rem;
}

.bottomMenu li {
    color: #FFF;
    font-weight: 400;
    list-style: none;
}

.nav-links li {
    margin-bottom: 3px;
}

.bottomMenu a {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    transition: all 0.5s ease-in-out;
}

.bottomMenu a:hover {
    text-decoration: none;
    color: #fff;
    padding-left: 5px;
    letter-spacing: 2px;
}

.topMenuSocialMedia {
    display: none;
    position: relative;
    color: #515151;
    text-align: center;
    width: 54%;
    margin: auto;
    height: 34%;
    padding-top: 60px;
}

.topMenuSocialMedia li {
    list-style: none;
}

.topMenuSocialMedia a {
    color: #515151;
}

.topMenuSocialMedia a:hover {
    color: #afaeb2;
    padding-left: 5px;
    text-decoration: none;
}

.navbar-toggler {
    border: none;
}


/*Newsletter*/

@media(max-width:800px) {
    .newsLetterBox {
        background-color: #26273d;
        color: #fff;
    }
    .newsLetterBox h3 {
        font-weight: 700;
    }
    .newsLetterForm {
        width: 100%;
    }
    .newsLetterForm input[type=Text],
    .newsLetterForm input[type=email] {
        border: 1px solid #dfe3e4;
        background-color: #FFF;
        height: 50px;
        padding: 10px;
        border-radius: 1px;
        color: #515151;
        margin: 0;
        width: 75%;
        margin-right: 1%;
    }
    .newsLetterForm button {
        background-color: #135db1;
        border-radius: 1px;
        height: 50px;
        padding: 10px 80px 10px 80px;
        color: #fff;
        font-weight: 700;
        margin: 0;
        border: 0;
        transition: all 0.5s ease-in-out;
    }
    .newsLetterForm button:hover {
        background-color: #2dc1d8;
    }
    .newsLetterForm input[type=checkbox] {
        margin-top: 18px;
        width: 20px;
        height: 20px;
    }
}

@media(min-width:801px) {
    .newsLetterBox {
        padding: 25px;
        padding-left: 70px;
        background-color: #26273d;
        color: #fff;
    }
    .newsLetterBox h3 {
        font-weight: 700;
    }
    .newsLetterForm {
        width: 100%;
    }
    .newsLetterForm input[type=Text],
    .newsLetterForm input[type=email] {
        border: 1px solid #dfe3e4;
        background-color: #FFF;
        height: 50px;
        padding: 10px;
        border-radius: 1px;
        color: #515151;
        margin: 0;
        width: 75%;
        margin-right: 1%;
    }
    .newsLetterForm button {
        background-color: #135db1;
        border-radius: 1px;
        height: 50px;
        padding: 10px 80px 10px 80px;
        color: #fff;
        font-weight: 700;
        margin: 0;
        border: 0;
        transition: all 0.5s ease-in-out;
    }
    .newsLetterForm button:hover {
        background-color: #2dc1d8;
    }
    .newsLetterForm input[type=checkbox] {
        width: 20px;
        height: 20px;
    }
    .newsLetterForm label {
        vertical-align: sub;
    }
}


/*Register*/

#register-block .content {
    background: #ffffff;
    border-radius: 15px;
    border: #f0eced solid 1px;
    box-shadow: 6px 6px 10px -5px rgba(0 0 0 / 30%);
}

.register-title label {
    color: #2d303f;
    font-weight: bold;
    font-family: "CairoBold", Arial, Helvetica, sans-serif;
    font-size: 28px;
    display: block;
}

#register-block form input,
#register-block form select {
    background-color: #fbfdfa;
    color: #767c6a;
    font-family: "CairoRegular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid rgba(45, 48, 63, 0.2);
    box-shadow: 3px 4px 8px -5px rgba(0 0 0 / 30%);
}

#register-block form .col-form-label {
    color: #2d303f;
    font-family: "CairoRegular", Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#register-block form .btn {
    background: #ee6730;
    font-family: "CairoBold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #fff;
    width: 100%;
    text-transform: capitalize;
    border-radius: 5px;
    box-shadow: 0px 3px 9px rgb(0 0 0 / 30%);
}

#register-block form .btn:hover,
#register-block form .btn:focus {
    background: #fff;
    font-family: "CairoBold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #ee6730;
    width: 100%;
    text-transform: capitalize;
    border-radius: 5px;
    box-shadow: 0px 3px 9px rgb(0 0 0 / 30%);
}


/*Login*/

#login-block .content {
    background: #ffffff;
    border-radius: 3px;
    border: #f0eced solid 1px;
    box-shadow: 6px 6px 10px -5px #e0e1e4;
}

.login-title label {
    color: #135db1;
    font-weight: bold;
    font-family: cairoBold, Arial, Helvetica, sans-serif;
    font-size: 28px;
    display: block;
}

#login-block form input,
#login-block form select {
    background: #f0eced;
    color: #453f41;
    font-family: cairoSemiBold, Arial, Helvetica, sans-serif;
    font-size: 14px;
    border-radius: 3px;
    border: #f0eced solid 1px;
    box-shadow: 6px 6px 10px -5px #e0e1e4;
}

#login-block form .col-form-label {
    color: #939292;
    font-family: cairoBold, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#login-block form .btn {
    background: #26c898;
    font-family: cairoBold, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #fff;
    width: 100%;
}


/*Contact*/

#contact-block .content {
    background: #ffffff;
    border-radius: 15px;
    border: #f0eced solid 1 px;
    box-shadow: 6px 6px 10px -5px rgb(0 0 0 / 30%);
}

.contact-title label {
    color: #2d303f;
    font-weight: bold;
    font-family: "CairoBold", Arial, Helvetica, sans-serif;
    font-size: 28px;
    display: block;
}

.contact-title span {
    display: block;
}

#contact-block form input,
#contact-block form textarea,
#contact-block form select {
    background-color: #fbfdfa;
    color: #767c6a;
    font-family: "CairoRegular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid rgba(45, 48, 63, 0.2);
    box-shadow: 3px 4px 8px -5px rgb(0 0 0 / 30%);
}

#contact-block form .col-form-label {
    color: #2d303f;
    font-family: "CairoRegular", Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#contact-block form .btn {
    background: #ee6730;
    font-family: "CairoBold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #fff;
    width: 100%;
    border-radius: 5 px;
    box-shadow: 0px 3px 9px rgb(0 0 0 / 30%);
}

#contact-block form .btn:hover,
#regiscontactter-block form .btn:focus {
    background: #fff;
    font-family: "CairoBold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #ee6730;
    width: 100%;
    text-transform: capitalize;
    border-radius: 5px;
    box-shadow: 0px 3px 9px rgb(0 0 0 / 30%);
}


/*Profile*/

#profile-block .content {
    background: #ffffff;
    border-radius: 15px;
    border: #f0eced solid 1px;
    box-shadow: 6px 6px 10px -5px #e0e1e4;
}

.profile-title label {
    color: #2d303f;
    font-weight: bold;
    font-family: "CairoBold", Arial, Helvetica, sans-serif;
    font-size: 28px;
    display: block;
}

#profile-block form input,
#profile-block form textarea,
#profile-block form select {
    background: #fbfdfa;
    color: #767c6a;
    font-family: "CairoRegular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid rgba(45, 48, 63, 0.2);
    box-shadow: 3px 4px 8px -5px rgba(0 0 0 / 30%);
}

#profile-block form .col-form-label {
    color: #2d303f;
    font-family: "CairoRegular", Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.btn-edit {
    background: #135db1;
    color: #fff;
    border-radius: 3px;
    font-family: cairoBold, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.btn-edit:hover,
.btn-edit:focus {
    background: #135db1;
    color: #fff;
    border-radius: 3px;
    font-family: cairoBold, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.btn-green {
    background: #12d48d;
    color: #fff;
    border-radius: 3px;
    font-family: cairoBold, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    box-shadow: 2px 5px 3px 0px #cccccc;
}

.btn-green:hover,
.btn-green:focus {
    background: #12d48d;
    color: #fff;
    border-radius: 3px;
    font-family: cairoBold, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}


/*services block*/

.services-block {
    background: #ecedf0;
    margin-top: 8%;
    margin-bottom: 8%;
}

.services-block .service {
    padding: 0 25px;
}

.services-block .service label {
    color: #26273d;
    height: 50px;
    font-size: 16px;
    display: block;
    font-weight: bold;
    font-family: cairoBold, Arial, Helvetica, sans-serif;
}

.services-block .service p {
    color: #857e80;
    font-size: 15px;
    display: block;
    font-family: cairoRegular, Arial, Helvetica, sans-serif;
    text-align: justify;
    line-height: 22px;
}

.services-block .service img {
    height: 90px;
    max-height: 90px;
}


/*Hom blogs block*/

.blog-block {
    margin-top: 8%;
    margin-bottom: 8%;
}

.blogs-block {
    margin-top: 8%;
    margin-bottom: 8%;
}

.blog-block .content {
    background: #fff;
    box-shadow: 2px 5px 3px 0px #cccccc;
}

.blog-block .img-block {
    width: 100%;
    min-width: 100%;
    height: 306px;
    transition: all 0.5s ease-in-out;
}

.blog-block label {
    color: #135db1;
    font-size: 22px;
    font-weight: bold;
    font-family: cairoBold, Arial, Helvetica, sans-serif;
}

.blog-block label a {
    color: #135db1;
    font-size: 22px;
    font-weight: bold;
    font-family: cairoBold, Arial, Helvetica, sans-serif;
}

.blog-block p {
    color: #857e80;
    font-size: 14px;
    font-weight: bold;
    font-family: cairoRegular, Arial, Helvetica, sans-serif;
}

.blog-details-block {
    margin-top: 8%;
    margin-bottom: 8%;
}

.blog-details-block .content {}

.blog-details-block .img-block {
    width: 100%;
    min-width: 100%;
    height: 306px;
    transition: all 0.5s ease-in-out;
}

.blog-details-block label {
    color: #135db1;
    font-size: 24px;
    font-weight: bold;
    font-family: cairoBold, Arial, Helvetica, sans-serif;
}

.blog-details-block p {
    color: #857e80;
    font-size: 14px;
    font-weight: bold;
    font-family: cairoRegular, Arial, Helvetica, sans-serif;
}

.blogs-block .content {
    background: #fff;
    box-shadow: 2px 5px 3px 0px #cccccc;
}

.blogs-block .img-block {
    width: 100%;
    min-width: 100%;
    height: 225px;
    transition: all 0.5s ease-in-out;
}

.blogs-block label {
    color: #135db1;
    font-size: 16px;
    font-weight: bold;
    font-family: cairoBold, Arial, Helvetica, sans-serif;
}

.blogs-block p {
    color: #857e80;
    font-size: 14px;
    font-weight: bold;
    font-family: cairoRegular, Arial, Helvetica, sans-serif;
}

.blogs-block .btn {
    background: #26273d;
    color: #fff;
    font-weight: bold;
    font-family: cairoBold, Arial, Helvetica, sans-serif;
    font-size: 16px;
    border-radius: 1px;
    box-shadow: 2px 5px 3px 0px #cccccc;
    text-decoration: none;
}

.blogs-block .btn:hover,
.blogs-block .btn:focus {
    background: #26273d;
    color: #fff;
    font-weight: bold;
    font-family: cairoBold, Arial, Helvetica, sans-serif;
    font-size: 16px;
    box-shadow: 2px 5px 3px 0px #cccccc;
    text-decoration: none;
}

.info-list label {
    font-size: 1.3rem;
    color: #26273d;
    font-family: CairoRegular, Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin-right: 15px;
    border-bottom: 1px solid black;
    width: 90%;
}

.vehicle-price {
    font-size: 1.5rem!important;
    color: #26273d!important;
    font-family: CairoRegular, Arial, Helvetica, sans-serif;
    font-weight: 500;
}

.blogs-block .title {
    color: #135db1;
    font-size: 22px!important;
    font-weight: bold;
    font-family: cairoBold, Arial, Helvetica, sans-serif;
}

.bg-none {
    background: none!important;
}

svg {
    width: 15px;
    height: 15px;
}

.clearfix {
    text-align: center;
    margin-top: 3rem;
}

.clearfix p {
    display: none;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.clearfix nav>:first-child {
    display: none;
}

#login-block form textarea {
    background: #f0eced;
    color: #453f41;
    font-family: cairoSemiBold, Arial, Helvetica, sans-serif;
    font-size: 14px;
    border-radius: 3px;
    border: #f0eced solid 1px;
    box-shadow: 6px 6px 10px -5px #e0e1e4;
}

.damage-row {
    border: 1px solid #939292;
    border-radius: 5px;
}

.delete-damage-row {
    color: #fff;
    border-radius: 16px;
    padding: 3px 5px;
    background-color: #dc3545!important;
    position: absolute;
    right: 1px;
    cursor: pointer;
}

#login-block form .input-group-append {
    color: #453f41;
    border: none;
    background: #f0eced;
}

#login-block form .input-group-append .input-group-text {
    color: #453f41;
    font-weight: bold;
    border: none;
    background: #f0eced;
}

@media(max-width:800px) {
    #login {
        min-height: 92vh;
        background-color: #383838;
    }
    #login .login-img {
        width: 90%;
        margin-left: 10%;
        padding-top: 10%;
    }
    #login .login-title label {
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
        font-size: 28px;
        color: #fff;
    }
    #login .login-form-block {
        padding-top: 15%;
    }
    #login form input {
        background: #ffffff;
        color: #453f41;
        font-family: 'CairoSemiBold', Arial, Helvetica, sans-serif;
        font-size: 16px;
        border-radius: 8px;
        border: #f0eced solid 1px;
        padding: 22px 12px 22px 55px;
        box-shadow: 0px 3px 9px rgb(0 0 0 / 30%);
    }
    #login form {
        width: 100%;
    }
    .text-orange {
        color: #ee6730;
        font-family: 'CairoBold', Arial, Helvetica, sans-serif;
        font-size: 16px;
    }
    .btn-orange {
        background: #ee6730;
        font-family: 'CairoBold', Arial, Helvetica, sans-serif;
        font-size: 16px;
        padding: 8px 50px;
        color: #fff;
        border-radius: 8px;
        box-shadow: 0px 3px 9px rgb(0 0 0 / 30%);
    }
    .btn-orange:hover,
    .btn-orange:focus {
        background: #fff;
        font-family: 'CairoBold', Arial, Helvetica, sans-serif;
        font-size: 16px;
        padding: 8px 50px;
        color: #ee6730;
        border-radius: 8px;
    }
    .btn-gray {
        background: #7f7e7e;
        font-family: 'CairoBold', Arial, Helvetica, sans-serif;
        font-size: 16px;
        padding: 8px 50px;
        color: #fff;
        border-radius: 8px;
        box-shadow: 0px 3px 9px rgb(0 0 0 / 30%);
    }
    .btn-gray:hover,
    .btn-gray:focus {
        background: #fff;
        font-family: 'CairoBold', Arial, Helvetica, sans-serif;
        font-size: 16px;
        padding: 8px 50px;
        color: #7f7e7e;
        border-radius: 8px;
    }
    .btn-black {
        background: #000000;
        font-family: 'CairoBold', Arial, Helvetica, sans-serif;
        font-size: 16px;
        padding: 8px 50px;
        color: #fff;
        border-radius: 8px;
        box-shadow: 0px 3px 9px rgb(0 0 0 / 30%);
    }
    .btn-black:hover,
    .btn-black:focus {
        background: #fff;
        font-family: 'CairoBold', Arial, Helvetica, sans-serif;
        font-size: 16px;
        padding: 8px 50px;
        color: #000000;
        border-radius: 8px;
    }
    #login form .icon {
        position: absolute;
        min-width: 40px;
    }
    #login form .icon-user {
        padding: 7px 16px;
    }
    #login form .icon-key {
        padding: 15px 16px;
    }
    #login .rest-pwd {
        font-family: 'CairoRegular', Arial, sans-serif;
        font-size: 16px;
        color: #939292;
        text-decoration: none;
    }
    #login .rest-pwd:hover {
        font-family: 'CairoRegular', Arial, sans-serif;
        font-size: 16px;
        color: #939292;
        text-decoration: underline;
    }
}

@media(min-width:801px) {
    #login {
        min-height: 90vh;
        background-color: #383838;
    }
    #login .login-img {
        max-width: 100%;
        padding-top: 10%;
    }
    #login .login-title label {
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
        font-size: 28px;
        color: #fff;
    }
    #login .login-form-block {
        padding-top: 15%;
    }
    #login form input {
        background: #ffffff;
        color: #453f41;
        font-family: 'CairoSemiBold', Arial, Helvetica, sans-serif;
        font-size: 14px;
        border-radius: 8px;
        border: #f0eced solid 1px;
        padding: 22px 12px 22px 55px;
        box-shadow: 0px 3px 9px rgb(0 0 0 / 30%);
    }
    #login form {
        width: 70%;
    }
    .text-orange {
        color: #ee6730;
        font-family: 'CairoBold', Arial, Helvetica, sans-serif;
        font-size: 14px;
    }
    .btn-orange {
        background: #ee6730;
        font-family: 'CairoBold', Arial, Helvetica, sans-serif;
        font-size: 14px;
        padding: 8px 80px;
        color: #fff;
        border-radius: 8px;
        box-shadow: 0px 3px 9px rgb(0 0 0 / 30%);
    }
    .btn-orange:hover,
    .btn-orange:focus {
        background: #fff;
        font-family: 'CairoBold', Arial, Helvetica, sans-serif;
        font-size: 14px;
        padding: 8px 80px;
        color: #ee6730;
        border-radius: 8px;
    }
    .btn-gray {
        background: #7f7e7e;
        font-family: 'CairoBold', Arial, Helvetica, sans-serif;
        font-size: 14px;
        padding: 8px 80px;
        color: #fff;
        border-radius: 8px;
        box-shadow: 0px 3px 9px rgb(0 0 0 / 30%);
    }
    .btn-gray:hover,
    .btn-gray:focus {
        background: #fff;
        font-family: 'CairoBold', Arial, Helvetica, sans-serif;
        font-size: 14px;
        padding: 8px 80px;
        color: #7f7e7e;
        border-radius: 8px;
    }
    .btn-black {
        background: #000000;
        font-family: 'CairoBold', Arial, Helvetica, sans-serif;
        font-size: 14px;
        padding: 8px 80px;
        color: #fff;
        border-radius: 8px;
        box-shadow: 0px 3px 9px rgb(0 0 0 / 30%);
    }
    .btn-black:hover,
    .btn-black:focus {
        background: #fff;
        font-family: 'CairoBold', Arial, Helvetica, sans-serif;
        font-size: 14px;
        padding: 8px 80px;
        color: #000000;
        border-radius: 8px;
    }
    #login form .icon {
        position: absolute;
        min-width: 40px;
    }
    #login form .icon-user {
        padding: 7px 16px;
    }
    #login form .icon-key {
        padding: 15px 16px;
    }
    #login .rest-pwd {
        font-family: 'CairoRegular', Arial, sans-serif;
        font-size: 14px;
        color: #939292;
        text-decoration: none;
    }
    #login .rest-pwd:hover {
        font-family: 'CairoRegular', Arial, sans-serif;
        font-size: 14px;
        color: #939292;
        text-decoration: underline;
    }
}

@media(max-width:800px) {
    .car-row-block {}
    .car-row-block .car-title {
        font-family: 'CairoBold', Arial, Helvetica, sans-serif;
        font-size: 22px;
        color: #000000;
        margin-top: 15px;
    }
    .car-row-block .car-price {
        font-size: 30px;
        color: #ee6730!important;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
    }
    .car-row-block .info-list label {
        font-size: 1.3rem;
        color: #26273d;
        font-family: "CairoRegular", Arial, Helvetica, sans-serif;
        margin-right: 16px;
        border-bottom: 1px solid black;
        width: 100%;
    }
}

@media(min-width:801px) {
    .car-row-block {}
    .car-row-block .car-title {
        font-family: 'CairoBold', Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #000000;
    }
    .car-row-block .car-price {
        font-size: 30px;
        color: #ee6730!important;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
    }
    .car-row-block .info-list label {
        font-size: 1.3rem;
        color: #26273d;
        font-family: "CairoRegular", Arial, Helvetica, sans-serif;
        margin-right: 15px;
        border-bottom: 1px solid black;
        width: 90%;
    }
    .select-filter {
        background-color: #fbfdfa;
        color: #767c6a;
        font-family: "CairoRegular", Arial, Helvetica, sans-serif;
        font-size: 14px;
        border-radius: 5px;
        border: 1px solid rgba(45, 48, 63, 0.2);
        box-shadow: 3px 4px 8px -5px rgba(0 0 0 / 30%);
    }
    .select-filter:focus {
        background-color: #fbfdfa;
        color: #767c6a;
        font-family: "CairoRegular", Arial, Helvetica, sans-serif;
        font-size: 14px;
        border-radius: 5px;
        border: 1px solid rgba(45, 48, 63, 0.2);
        box-shadow: 3px 4px 8px -5px rgba(0 0 0 / 30%);
    }
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545!important;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e)!important;
    background-repeat: no-repeat!important;
    background-position: right calc(0.375em + 0.1875rem) center!important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)!important;
}

.pager {
    list-style: none;
}

.pager li {
    display: inline-block;
}

.pager li a,
.pager li span {
    display: inline-block;
    background-color: #ee9b30;
    color: #fff;
    border-radius: 50%;
    padding: 5px 11px;
    font-family: "CairoBold", Arial, Helvetica, sans-serif;
    width: 30px;
    height: 30px;
    text-decoration: none;
}

.pager li.active span {
    display: inline-block;
    background-color: #fff;
    color: #ee9b30;
    border-radius: 50%;
    padding: 5px 11px;
    border: 0.05rem solid rgb(238, 155, 48);
    font-family: "CairoBold", Arial, Helvetica, sans-serif;
    width: 30px;
    height: 30px;
    text-decoration: none;
}

.pager li.disabled span {
    display: inline-block;
    background-color: rgba(127, 126, 126, 0.3);
    color: #fff;
    border-radius: 50%;
    padding: 5px 11px;
    font-family: "CairoBold", Arial, Helvetica, sans-serif;
    width: 30px;
    height: 30px;
    text-decoration: none;
}

.pager li.active span:hover {
    display: inline-block;
    background-color: #fff;
    color: #ee9b30;
    border-radius: 50%;
    padding: 5px 11px;
    border: 0.05rem solid rgb(238, 155, 48);
    font-family: "CairoBold", Arial, Helvetica, sans-serif;
    width: 30px;
    height: 30px;
    text-decoration: none;
}

.pager li a:hover,
.pager li span:hover {
    display: inline-block;
    background-color: rgba(127, 126, 126, 0.3);
    color: #fff;
    border-radius: 50%;
    padding: 5px 11px;
    font-family: "CairoBold", Arial, Helvetica, sans-serif;
    width: 30px;
    height: 30px;
}

.pager .prev a {
    background-color: #7f7e7e;
    color: #fff;
    padding: 5px 8px;
}

.pager .next a {
    background-color: #7f7e7e;
    color: #fff;
    padding: 5px 10px;
}

.white-block .content {
    background: #ffffff;
    border-radius: 15px;
    border: #f0eced solid 1px;
    box-shadow: 6px 6px 10px -5px rgba(0 0 0 / 30%);
}

.white-block .block-title {
    color: #2d303f;
    font-weight: bold;
    font-family: "CairoBold", Arial, Helvetica, sans-serif;
    font-size: 28px;
    display: block;
}


/*Home page*/

@media(max-width:800px) {
    .home-entrance {
        min-height: 92vh;
        background-color: #383838;
    }
    .home-entrance .text-block label {
        color: #fff;
        font-family: "CairoSemiBold", Arial, Helvetica, sans-serif;
        font-size: 18px;
    }
    .home-entrance .entrance-img {
        max-width: 100%;
        padding-top: 10%;
    }
    .home-entrance .text-block {
        padding-top: 12%;
    }
    .home-entrance .text-block label strong {
        color: #fff;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
    }
    .home-entrance .text-block .btn {
        color: #fff;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
        border: 2px solid #fff;
        border-radius: 8px;
        padding: 10px 50px;
        font-size: 16px;
        width: 100%;
    }
    .home-entrance .text-block .btn:hover,
    .home-entrance .text-block .btn:focus {
        color: #383838;
        background-color: #fff;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
        border: 2px solid #383838;
        border-radius: 8px;
        padding: 10px 50px;
        font-size: 16px;
    }
    .home-entrance .video-block {
        padding-top: 8%;
    }
    .home-entrance .video-iframe {
        width: 96%;
        margin-left: 2%;
    }
    .home-entrance .video-block .video-bg {
        width: 92%;
        margin-left: 4%;
    }
    .home-entrance .video-block .video-btn {
        position: absolute;
        top: 41%;
        left: 34%;
    }
    .home-entrance .video-block .video-play {
        width: 80%;
    }
    .home-entrance .video-block .video-btn:hover,
    .home-entrance .video-block .video-btn:focus {
        box-shadow: none!important;
    }
    .home-details {
        min-height: 90vh;
        background-color: #ecedf0;
    }
    .home-details .processus-block {
        padding-top: 15%;
        padding-bottom: 15%;
    }
    .home-details .processus-block .title {
        color: #3a5072;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
        font-size: 24px;
    }
    .home-details .processus-block .list-data ul {
        list-style: none;
    }
    .home-details .processus-block .list-data ul li {
        margin-bottom: 10px;
    }
    .home-details .processus-block .list-data ul li img {
        width: 12%;
        display: inline-block;
    }
    .home-details .processus-block .list-data ul li span {
        color: #383838;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
        font-size: 18px;
        width: 84%;
        display: inline-block;
        vertical-align: middle;
    }
    .home-details .description-block {
        background: #fafafa;
        padding: 5px;
        box-shadow: 0px 5px 3px rgb(127 126 126 / 30%);
        width: 90%;
    }
    .home-details .description-block .img-block img {
        width: 100%;
    }
    .home-details .description-block .text {
        color: #383838;
        font-size: 18px;
        font-family: "CairoSemiBold", Arial, Helvetica, sans-serif;
    }
    .home-details .services-block {
        padding-top: 20%;
        padding-bottom: 20%;
    }
    .home-details .services-block img {
        width: 34%;
        margin-left: 33%;
        margin-bottom: 20px;
        display: block;
    }
    .home-details .services-block span {
        display: block;
        color: #899099;
        font-size: 24px;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
    }
    .home-details .mobile-app .text-content {
        padding-top: 100px;
    }
    .home-details .mobile-app .text-content label {
        color: #ed662f;
        font-size: 30px;
        font-weight: bold;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
    }
    .home-details .mobile-app .text-content p {
        color: #383838;
        font-size: 24px;
        font-family: "CairoSemiBold", Arial, Helvetica, sans-serif;
    }
    .home-details .mobile-app .text-content img {
        width: 60%;
        cursor: pointer;
    }
}

@media(min-width:801px) {
    .home-entrance {
        min-height: 90vh;
        background-color: #383838;
    }
    .home-entrance .text-block label {
        color: #fff;
        font-family: "CairoSemiBold", Arial, Helvetica, sans-serif;
        font-size: 24px;
    }
    .home-entrance .entrance-img {
        max-width: 100%;
        padding-top: 10%;
    }
    .home-entrance .text-block {
        padding-top: 12%;
    }
    .home-entrance .text-block label strong {
        color: #fff;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
    }
    .home-entrance .text-block .btn {
        color: #fff;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
        border: 2px solid #fff;
        border-radius: 8px;
        padding: 10px 50px;
        font-size: 16px;
    }
    .home-entrance .text-block .btn:hover,
    .home-entrance .text-block .btn:focus {
        color: #383838;
        background-color: #fff;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
        border: 2px solid #383838;
        border-radius: 8px;
        padding: 10px 50px;
        font-size: 16px;
    }
    .home-entrance .video-iframe {
        width: 86%;
        margin-left: 17%;
    }
    .home-entrance .video-block {
        padding-top: 8%;
    }
    .home-entrance .video-block .video-bg {
        width: 86%;
        margin-left: 17%;
        height: 86%;
    }
    .home-entrance .video-block .video-btn {
        position: absolute;
        top: 45%;
        left: 49%;
    }
    .home-entrance .video-block .video-btn:hover,
    .home-entrance .video-block .video-btn:focus {
        box-shadow: none!important;
    }
    .home-details {
        min-height: 90vh;
        background-color: #ecedf0;
    }
    .home-details .processus-block {
        padding-top: 10%;
        padding-bottom: 10%;
    }
    .home-details .processus-block .title {
        color: #3a5072;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
        font-size: 24px;
    }
    .home-details .title-text {
        color: #3a5072;
        font-family: "CairoRegular", Arial, Helvetica, sans-serif;
        font-size: 24px;
    }
    .home-details .processus-block .list-data ul {
        list-style: none;
    }
    .home-details .processus-block .list-data ul li {
        margin-bottom: 10px;
    }
    .home-details .processus-block .list-data ul li img {
        width: 51px;
        height: 51px;
    }
    .home-details .processus-block .list-data ul li span {
        color: #383838;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
        font-size: 20px;
    }
    .home-details .description-block {
        background: #fafafa;
        padding: 20px;
        box-shadow: 0px 5px 3px rgb(127 126 126 / 30%);
        width: 90%;
    }
    .home-details .description-block .img-block img {
        width: 100%;
    }
    .home-details .description-block .text {
        color: #383838;
        font-size: 24px;
        font-family: "CairoSemiBold", Arial, Helvetica, sans-serif;
    }
    .home-details .services-block {
        padding-top: 15%;
        padding-bottom: 15%;
    }
    .home-details .services-block img {
        width: 34%;
        margin-left: 33%;
        margin-bottom: 20px;
        display: block;
    }
    .home-details .services-block span {
        display: block;
        color: #899099;
        font-size: 24px;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
    }
    .home-details .mobile-app .text-content {
        padding-top: 100px;
    }
    .home-details .mobile-app .text-content label {
        color: #ed662f;
        font-size: 30px;
        font-weight: bold;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
    }
    .home-details .mobile-app .text-content p {
        color: #383838;
        font-size: 24px;
        font-family: "CairoSemiBold", Arial, Helvetica, sans-serif;
    }
    .home-details .mobile-app .text-content img {
        width: 45%;
        margin-top: 60px;
        cursor: pointer;
    }
}


/*End Home page*/

#snackbar {
    visibility: hidden;
    width: 90%;
    margin-left: 5%;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 0;
    bottom: 30px;
    font-size: 18px;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 3.5s;
    animation: fadein 0.5s, fadeout 0.5s 3.5s;
}

.snackbar-success {
    background-color: #ee9b30!important;
    color: #fff!important;
    font-family: 'CairoBold', Arial, Helvetica, sans-serif;
}

.snackbar-failed {
    background-color: #7f7e7e;
    color: #fff!important;
    font-family: 'CairoBold', Arial, Helvetica, sans-serif;
}


/*Prsache popup*/

@media(max-width:800px) {
    .square-modal .modal-content {
        background-color: #ffffff;
        padding: 15px;
        box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.2);
    }
    .radios-container {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        width: 100%;
        align-items: center;
        justify-content: space-evenly;
    }
    .radios-container .option {
        background: #fff;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        margin: 10px 0;
        border-radius: 5px;
        cursor: pointer;
        padding: 0 10px;
        border: 2px solid lightgrey;
        transition: all 0.3s ease;
    }
    .radios-container .option .dot {
        height: 20px;
        width: 21px;
        background: #d9d9d9;
        border-radius: 50%;
        position: relative;
    }
    .radios-container .option .dot::before {
        position: absolute;
        content: "";
        top: 4px;
        left: 3px;
        width: 13px;
        height: 12px;
        background: #ee9b30;
        border-radius: 50%;
        opacity: 0;
        transform: scale(1.5);
        transition: all 0.3s ease;
    }
    input[type="radio"] {
        display: none;
    }
    #option-1:checked:checked~.option-1,
    #option-2:checked:checked~.option-2 {
        border-color: #ee9b30;
        background: #ee9b30;
    }
    #option-1:checked:checked~.option-1 .dot,
    #option-2:checked:checked~.option-2 .dot {
        background: #fff;
    }
    #option-1:checked:checked~.option-1 .dot::before,
    #option-2:checked:checked~.option-2 .dot::before {
        opacity: 1;
        transform: scale(1);
    }
    .radios-container .option span {
        font-size: 20px;
        color: #808080;
        padding-left: 20px;
    }
    #option-1:checked:checked~.option-1 span,
    #option-2:checked:checked~.option-2 span {
        color: #fff;
    }
    .square-modal .modal-content .purchase-confirm .btn {
        background-color: #ffffff;
        color: #ee9b30;
        font-size: 18px;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
        width: 100%;
        border-radius: 5px;
        border: 2px solid #ee9b30;
    }
    .square-modal .modal-content .purchase-confirm .btn:hover,
    .square-modal .modal-content .purchase-confirm .btn:focus {
        background-color: #ee9b30;
        color: #ffffff;
        border: 2px solid #ee9b30;
        box-shadow: none;
    }
    .square-modal .modal-content .purchase-cancel .btn {
        background-color: #000000;
        color: #fff;
        font-size: 18px;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
        width: 100%;
        border-radius: 5px;
        border: 2px solid #000000;
    }
    .square-modal .modal-content .purchase-cancel .btn:hover,
    .square-modal .modal-content .purchase-cancel .btn:focus {
        background-color: #fff;
        color: #000000;
        border: 2px solid #000000;
        box-shadow: none;
    }
    .square-modal .modal-content .confirm-message label {
        color: #2d303f;
        font-size: 16px;
        font-family: "CairoRegular", Arial, Helvetica, sans-serif;
        text-align: justify;
    }
    .nav-lang-btn {
        margin-top: 20px;
        border: 2px solid #fff;
        border-radius: 8px;
        width: 20%;
        padding: 8px 5px 8px 10px !important;
    }
    .nav-lang-btn::after {
        position: absolute;
        top: 40px;
        left: 50px;
    }
    .home-details .title-text {
        color: #3a5072;
        font-family: "CairoRegular", Arial, Helvetica, sans-serif;
        font-size: 22px;
    }
}

@media(min-width:801px) {
    .square-modal .modal-content {
        background-color: #ffffff;
        padding: 15px;
        box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.2);
    }
    .radios-container {
        display: inline-flex;
        width: 100%;
        align-items: center;
        justify-content: space-evenly;
    }
    .radios-container .option {
        background: #fff;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        margin: 0 10px;
        border-radius: 5px;
        cursor: pointer;
        padding: 0 10px;
        border: 2px solid lightgrey;
        transition: all 0.3s ease;
    }
    .radios-container .option .dot {
        height: 20px;
        width: 21px;
        background: #d9d9d9;
        border-radius: 50%;
        position: relative;
    }
    .radios-container .option .dot::before {
        position: absolute;
        content: "";
        top: 4px;
        left: 4px;
        width: 13px;
        height: 12px;
        background: #ee9b30;
        border-radius: 50%;
        opacity: 0;
        transform: scale(1.5);
        transition: all 0.3s ease;
    }
    input[type="radio"] {
        display: none;
    }
    #option-1:checked:checked~.option-1,
    #option-2:checked:checked~.option-2 {
        border-color: #ee9b30;
        background: #ee9b30;
    }
    #option-1:checked:checked~.option-1 .dot,
    #option-2:checked:checked~.option-2 .dot {
        background: #fff;
    }
    #option-1:checked:checked~.option-1 .dot::before,
    #option-2:checked:checked~.option-2 .dot::before {
        opacity: 1;
        transform: scale(1);
    }
    .radios-container .option span {
        font-size: 20px;
        color: #808080;
        padding-left: 20px;
    }
    #option-1:checked:checked~.option-1 span,
    #option-2:checked:checked~.option-2 span {
        color: #fff;
    }
    .square-modal .modal-content .purchase-confirm .btn {
        background-color: #ffffff;
        color: #ee9b30;
        font-size: 18px;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
        width: 100%;
        border-radius: 5px;
        border: 2px solid #ee9b30;
    }
    .square-modal .modal-content .purchase-confirm .btn:hover,
    .square-modal .modal-content .purchase-confirm .btn:focus {
        background-color: #ee9b30;
        color: #ffffff;
        border: 2px solid #ee9b30;
        box-shadow: none;
    }
    .square-modal .modal-content .purchase-cancel .btn {
        background-color: #000000;
        color: #fff;
        font-size: 18px;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
        width: 100%;
        border-radius: 5px;
        border: 2px solid #000000;
    }
    .square-modal .modal-content .purchase-cancel .btn:hover,
    .square-modal .modal-content .purchase-cancel .btn:focus {
        background-color: #fff;
        color: #000000;
        border: 2px solid #000000;
        box-shadow: none;
    }
    .square-modal .modal-content .confirm-message label {
        color: #2d303f;
        font-size: 16px;
        font-family: "CairoRegular", Arial, Helvetica, sans-serif;
        text-align: justify;
    }
    .google-appimg {
        margin-top: 53px!important;
    }
    .nav-lang-btn {
        border: 2px solid #fff;
        border-radius: 8px;
    }
}

.counter-block {
    padding-top: 10%;
}

.section-title {
    color: #3a5072;
    font-family: "CairoBold", Arial, Helvetica, sans-serif;
    font-size: 30px;
}

.counter-block .counter-wrapper {
    position: absolute;
    width: 80vw;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: space-around;
    gap: 10px;
}

.counter-block .counter-card-container {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 1em 0;
    position: relative;
    font-size: 16px;
    border-radius: 0.5em;
    background-color: #ee6730;
    border-bottom: 10px solid #ee6730;
    width: 60%;
    margin-left: 20%;
}

.counter-block .counter-card-container em {
    color: #fff;
    font-size: 2.5em;
    text-align: center;
}

.counter-block .counter-card-container span.num {
    color: #ffffff;
    display: grid;
    place-items: center;
    font-weight: 600;
    font-size: 3em;
}

.counter-block .counter-card-container span.text {
    color: #fff;
    font-size: 1.3em;
    text-align: center;
    padding: 0.7em 0;
    font-weight: 400;
    line-height: 0;
}

@media screen and (max-width: 1024px) {
    .counter-card-container {
        width: 80%;
        margin-left: 10%;
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    .counter-card-container {
        width: 80%;
        margin-left: 10%;
        font-size: 18px;
    }
}

@media screen and (max-width: 480px) {
    .counter-card-container {
        width: 80%;
        margin-left: 10%;
        font-size: 18px;
    }
}

.services-block-text {
    background: #ecedf0;
    margin-top: 15%;
    margin-bottom: 15%;
}

.services-block-text .post {
    color: #3a5072;
    font-weight: 400;
    font-size: 22px;
}

.services-block-text .post p {
    font-size: 22px;
    font-weight: 600;
    display: inline-block;
}

.services-block-text .post .more {
    color: #3a5072!important;
    font-size: 22px!important;
    font-weight: 600!important;
}

.services-block-text .post .dots {
    color: #3a5072!important;
    font-size: 22px!important;
    font-weight: 600!important;
    margin-left: 2px;
}

.services-block-text .post button {
    border: none;
    cursor: pointer;
    font-weight: 600;
    display: inline-block;
    font-size: 16px;
    border-radius: 3px;
    background-color: transparent;
    color: #ee6730;
    float: right;
}

.services-block-text .post:not(:last-child) {
    margin-bottom: 50px;
}

.services-block-text .hide {
    display: none!important;
}

.services-block .block-small-title {
    font-size: 24px;
    color: #3a5072;
    font-weight: 400;
    margin-bottom: 50px;
    text-align: center;
}

.services-block .text-block {
    margin-top: 20px;
}

.services-block .text-block p {
    font-size: 18px;
    color: #3a5072;
    font-weight: 400;
    text-align: center;
    line-height: 20px;
}

.services-block .text-block .more {
    font-size: 18px;
    color: #3a5072;
    font-weight: 400;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    font-family: "CairoRegular", Arial, Helvetica, sans-serif;
}

.services-block .text-block .dots {
    font-size: 18px;
    color: #3a5072;
    font-weight: 400;
    text-align: justify;
    line-height: 20px;
    display: inline-block;
    transition: 1s;
    margin-left: 2px;
}

.services-block .text-block .hide {
    display: none!important;
}

.services-block .text-block button {
    border: none;
    cursor: pointer;
    font-weight: 600;
    display: inline-block;
    font-size: 16px;
    border-radius: 3px;
    background-color: transparent;
    color: #ee6730;
    margin-top: 10px;
    float: right;
}

@media screen and (max-width: 1024px) {
    .counter-card-container {
        width: 80%;
        margin-left: 10%;
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    .services-block .text-block p {
        font-size: 20px;
        color: #3a5072;
        font-weight: 400;
        text-align: center;
        line-height: 22px;
    }
    .services-block .text-block .more {
        font-size: 20px;
        color: #3a5072;
        font-weight: 400;
        text-align: center;
        line-height: 22px;
        display: inline-block;
        font-family: "CairoRegular", Arial, Helvetica, sans-serif;
    }
    .services-block .text-block .dots {
        font-size: 20px;
        color: #3a5072;
        font-weight: 400;
        text-align: justify;
        line-height: 20px;
        display: inline-block;
        transition: 1s;
        margin-left: 2px;
    }
}

@media screen and (max-width: 480px) {
    .services-block .text-block p {
        font-size: 22px;
        color: #3a5072;
        font-weight: 400;
        text-align: center;
        line-height: 24px;
    }
    .services-block .text-block .more {
        font-size: 22px;
        color: #3a5072;
        font-weight: 400;
        text-align: center;
        line-height: 24px;
        display: inline-block;
        font-family: "CairoRegular", Arial, Helvetica, sans-serif;
    }
    .services-block .text-block .dots {
        font-size: 22px;
        color: #3a5072;
        font-weight: 400;
        text-align: justify;
        line-height: 24px;
        display: inline-block;
        transition: 1s;
        margin-left: 2px;
    }
}

.container-process .tab {
    position: relative;
    background: rgba(255, 255, 255, 0.2);
    padding: 10px 6px 2px 10px;
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    overflow: hidden;
}

.container-process .tab input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.container-process .tab label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.container-process .tab label::after {
    content: '+';
    position: absolute;
    right: 20px;
    top: 4px;
    font-size: 2em;
    color: rgba(0, 0, 0, 0.1);
    transition: transform 1s;
}

.container-process .tab:hover label::after {
    color: #ee6730;
}

.container-process .tab input:checked~label::after {
    transform: rotate(135deg);
    color: #ee6730;
}

.container-process .tab label h2 {
    width: 40px;
    height: 40px;
    background: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.25em;
    border-radius: 5px;
    margin-right: 10px;
}

.container-process .tab input:checked~label h2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, 0.2);
    font-size: 8em;
    justify-content: flex-end;
    padding: 20px;
}

.container-process .tab input:checked~label h3 {
    background: transparent;
    padding: 2px 10px;
    color: #ee6730;
}

.container-process .tab label h2 {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
}

.container-process .tab label h3 {
    position: relative;
    color: #383838;
    font-family: "CairoBold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    z-index: 10;
    padding-left: 15px;
}

.container-process .tab .content {
    max-height: 0;
    transition: 1s;
    overflow: hidden;
}

.container-process .tab input:checked~.content {
    max-height: 100vh;
}

.container-process .tab .content p {
    position: relative;
    padding: 10px 0;
    color: #383838;
    z-index: 10;
}

.container-process .tab input:checked~.content p {
    color: #383838;
    text-align: justify;
    font-size: 14px;
}

.container-process .tab input:checked~label h2 img {
    opacity: 0;
}

@media screen and (max-width: 768px) {
    .container-process .tab label h2 img {
        width: 100px!important;
    }
    .container-process .tab input:checked~label h2 img {
        display: none;
    }
    .container-process .tab label h3 {
        position: relative;
        color: #383838;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
        font-size: 16px;
        z-index: 10;
        padding-left: 15px;
        width: 70%;
    }
    .container-process .tab input:checked~.content p {
        color: #383838;
        text-align: justify;
        font-size: 15px;
        line-height: 20px;
    }
}

@media screen and (max-width: 480px) {
    .container-process .tab input:checked~label h2 img {
        display: none;
    }
    .container-process .tab label h2 img {
        width: 100px!important;
    }
    .container-process .tab label h3 {
        position: relative;
        color: #383838;
        font-family: "CairoBold", Arial, Helvetica, sans-serif;
        font-size: 16px;
        z-index: 10;
        padding-left: 15px;
        width: 70%;
    }
    .container-process .tab input:checked~.content p {
        color: #383838;
        text-align: justify;
        font-size: 15px;
        line-height: 20px;
    }
}

.home-details .appointment-block {
    background: #ee6730;
    padding: 10% 20px;
    box-shadow: 0px 5px 3px rgb(127 126 126 / 30%);
    width: 90%;
}

.home-details .appointment-block .text {
    color: #fff;
    font-weight: 500;
    font-size: 28px;
    font-family: "CairoSemiBold", Arial, Helvetica, sans-serif;
}

.home-details .appointment-block .btn {
    background: #fff;
    font-family: 'CairoBold', Arial, Helvetica, sans-serif;
    font-size: 16px;
    padding: 8px 80px;
    color: #ee6730;
    border-radius: 2px;
    box-shadow: 0px 3px 9px rgb(0 0 0 / 30%);
}

.home-details .appointment-block .btn:hover,
.home-details .appointment-block .btn:focus {
    background: #ee6730;
    color: #fff;
    border: 1px solid rgba(255 255 255 / 0.3);
}

@media screen and (max-width: 768px) {
    .home-details .appointment-block {
        background: #ee6730;
        padding: 20px;
        box-shadow: 0px 5px 3px rgb(127 126 126 / 30%);
        width: 90%;
    }
    .home-details .appointment-block .text {
        color: #fff;
        font-weight: 500;
        font-size: 24px;
        font-family: "CairoSemiBold", Arial, Helvetica, sans-serif;
    }
    .home-details .appointment-block .btn {
        background: #fff;
        font-family: 'CairoBold', Arial, Helvetica, sans-serif;
        font-size: 18px;
        padding: 8px 30px;
        color: #ee6730;
        border-radius: 2px;
        box-shadow: 0px 3px 9px rgb(0 0 0 / 30%);
    }
}

@media screen and (max-width: 480px) {
    .home-details .appointment-block {
        background: #ee6730;
        padding: 20px;
        box-shadow: 0px 5px 3px rgb(127 126 126 / 30%);
        width: 90%;
    }
    .home-details .appointment-block .text {
        color: #fff;
        font-weight: 500;
        font-size: 24px;
        font-family: "CairoSemiBold", Arial, Helvetica, sans-serif;
    }
    .home-details .appointment-block .btn {
        background: #fff;
        font-family: 'CairoBold', Arial, Helvetica, sans-serif;
        font-size: 18px;
        padding: 8px 30px;
        color: #ee6730;
        border-radius: 2px;
        box-shadow: 0px 3px 9px rgb(0 0 0 / 30%);
    }
}

.home-details .partners-block {
    background: #fff;
    padding: 6% 20px 6% 20px;
    box-shadow: 0px 5px 3px rgb(127 126 126 / 30%);
    width: 90%;
}

.home-details .partners-block .title {
    color: #ee6730;
    font-size: 28px;
    font-family: "CairoBold", Arial, Helvetica, sans-serif;
}

.home-details .partners-block ul {
    list-style: none;
    display: inline-flex;
}

.home-details .partners-block ul li {
    list-style: none;
}

@media (max-width: 800px) {
    .home-details .partners-block ul {
        display: block;
    }
    .services-block-text .contact-us-btn {
        font-size: 22px!important;
        width: 100%;
        padding: 8px 10px;
    }
    .services-block-text .contact-us-btn:hover,
    .services-block-text .contact-us-btn:focus {
        font-size: 22px!important;
        width: 100%;
        padding: 8px 10px;
    }
    .contact-us-block {
        background: #fff;
        padding: 6% 20px 6% 20px;
        box-shadow: 0px 5px 3px rgb(127 126 126 / 30%);
        width: 90%;
        margin-top: 20%!important;
        margin-bottom: 20%!important;
    }
}

.services-block-text .contact-us-btn {
    font-size: 20px;
    text-decoration: none;
    font-family: 'CairoBold', Arial, Helvetica, sans-serif;
}

.services-block-text .contact-us-btn:hover,
.services-block-text .contact-us-btn:focus {
    font-size: 20px;
    text-decoration: none;
    font-family: 'CairoBold', Arial, Helvetica, sans-serif;
}

.contact-us-block {
    background: #fff;
    padding: 6% 20px 6% 20px;
    box-shadow: 0px 5px 3px rgb(127 126 126 / 30%);
    width: 90%;
    margin-top: 8%;
}

.container-process .tab input:not(:checked)~.content {
    max-height: 0;
}

.tab-closed-h2 {
    width: 40px!important;
    height: 40px!important;
    background: #333!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    color: #fff!important;
    font-size: 1.25em!important;
    border-radius: 5px!important;
    margin-right: 10px!important;
    position: relative!important;
}

.tab-closed-h3 {
    position: relative!important;
    color: #383838!important;
    font-family: "CairoBold", Arial, Helvetica, sans-serif;
    font-size: 16px!important;
    z-index: 10!important;
    padding-left: 15px!important;
}

.container-process .tab.closed label::after {
    transform: rotate(0deg)!important;
    color: rgba(0, 0, 0, 0.1)!important;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #ee6730;
}

.white-btn {
    background: #ee6730;
    color: #fff;
    border-radius: 8px;
    font-family: "CairoBold", Arial, Helvetica, sans-serif;
}

.white-btn:hover,
.white-btn:focus {
    background: #ee6730;
    color: #fff;
    border-radius: 8px;
    font-family: "CairoBold", Arial, Helvetica, sans-serif;
}