/* =================================
------------------------------------
 OxCarCare
 ------------------------------------ 
 ====================================*/
@import url('fonts.css');

.text-bg-primary {
    background: #075985 !important;
}

.errorcol {
    display: block;
    width: 100%;
    max-height: 12px;
    min-height: 12px;
}

.errormsg {
    font-size: 15px;
    padding: 0px;
    color: red;
    font-style: normal;
    display: inline-block;
    margin: 0px;
    font-weight: bold;
}

/*.errormsg{display:none;}*/
.oxfield_invalid {
    border: 1px solid red;
}

.oxfield_invalid:focus {
    border: 1px solid red;
    box-shadow: none;
}

.displayErrorMessage {
    color: red;
    font-size: 15px;
    font-weight: bold;
    margin-top: 5px;
}

button:disabled,
button[disabled] {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
}

#contactForm .form-control.error {
    border-color: Red;
    box-shadow: none;
}

#contactForm label.error {
    font-size: 12px;
    margin: 0;
    padding: 0;
    color: Red;
}

/* OUR Partner */
.our-partner {
    padding: 40px 0 60px
}

.black-title,
.white-lg-title {
    color: #25353E;
    text-align: center;
    font-family: 'PhosphatePro';
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px
}

.our-partner .sub-statement {
    font-size: 22px;
    text-align: center;
    padding: 0 100px
}

.partner-gallery {
    display: flex;
    align-items: center;
    gap: 41px;
    justify-content: space-between;
    margin-top: 30px
}

.partner-gallery .slick-list {
    padding: 10px 0
}

.gallery-item.slick-slide {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    padding: 10px;
    border-radius: 5px;
    margin: 0 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    padding: 10px;
    border-radius: 5px;
    margin: 0 10px
}

.slick-prev::before,
.slick-next::before {
    font-family: FontAwesome;
    font-weight: 900;
    color: #1c588c;
    font-size: 30px
}

.fa-angle-left::before,
.slick-prev::before {
    content: "\f104"
}

.fa-angle-right::before,
.slick-next::before {
    content: "\f105"
}

.request-quote-section .cta {
    background: transparent;
    border: none;
}

/* main menu */
header .navbar-expand-md .navbar-collapse {
    justify-content: center;
}

header .navbar-expand-md ul.navbar-nav {
    margin-right: 0 !important
}

header .navbar-expand-md ul.navbar-nav li {
    margin-right: 25px;
}

header .navbar-expand-md ul.navbar-nav .dropdown-menu li {
    margin-right: 0;
}

.phone-num {
    margin-left: 10px;
    display: flex;
    align-content: center;
    flex-direction: row;
    align-items: center;
}

.call-num {
    display: flex;
    align-items: center;
}

.icon-circle {
    background: #1c588c;
    border-radius: 50%;
    width: 37px;
    height: 37px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.icon-text {
    text-align: left;
    display: inline-block;
    text-decoration: none;
    margin-left: 10px;
    color: #1c588c;
    font-weight: normal;
}

.bold-num {
    display: block;
    font-weight: 700;
}

.num-cta .green-btn {
    margin-left: 30px;
}

.fa-mobile-alt::before,
.fa-mobile-screen-button::before {
    content: "\f3cd";
    font-size: 30px;
}

.fa-mobile-phone::before,
.fa-mobile::before {
    content: "\f10b";
    font-size: 30px;
}

/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/
:root {
    --bs-blue: #0d6efd;
    --bs-dark-rgb: #25353e;
    --bs-nav-link-color: #25353e;
}

.navbar .navbar-toggler-icon {
    background-image: url('../img/nav-toggle2.png');
}

.navbar-blue .navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url('../img/nav-toggle.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.navbar {
    --bs-navbar-color: #25353e;
    --bs-navbar-hover-color: #25353e;
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #25353e;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: #25353e;
    --bs-navbar-toggler-icon-bg-color: #25353e;
    background: #fff;
    -webkit-box-shadow: 0px 23px 49px rgb(33 54 61 / 15%);
    box-shadow: 0px 23px 49px rgb(33 54 61 / 15%);
}

.navbar-blue {
    --bs-navbar-color: #fff;
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: #fff;
    --bs-navbar-toggler-icon-bg-color: #fff;
    background: #1c588c;
    -webkit-box-shadow: 0px 23px 49px rgb(33 54 61 / 15%);
    box-shadow: 0px 23px 49px rgb(33 54 61 / 15%);
}

.navbar-blue .phone-num {
    color: var(--bs-navbar-color);
}

.navbar-blue .phone-num i {
    background: #fff;
    border-radius: 22px;
    color: #1c588c;
    ;
    padding: 5px 10px;
    margin-right: 10px;
}


.nav-link:focus,
.nav-link:hover {
    color: var(--bs-nav-link-hover-color);
}


.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: 0;
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb)) !important;
}

section {
    overflow: hidden;
}


html,
body {
    height: 100%;
    color: #1c588c;
    font-family: 'avenir_lt_pro45_book';
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.bg-blue {
    background: #1c588c;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #25353e;
    margin: 0;
    font-weight: 700;
    font-family: 'PhosphatePro';
}

h1 {
    font-size: 70px;
}

h2 {
    font-size: 48px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
    font-family: 'avenir_lt_pro55_roman';
    font-weight: 500;
}

h5 {
    font-size: 20px;
    font-family: 'avenir_lt_pro55_roman';
    font-weight: 500;
}

h6 {
    font-size: 14px;
    font-family: 'avenir_lt_pro55_roman';
    font-weight: 500;
}

p {
    font-size: 15.7px;
    color: #25353E;
    line-height: 1.6;
}

img {
    max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
    outline: none;
}

a {
    text-decoration: none;
    color: #1c588c;
}

a:hover,
a:focus {
    color: #40a769;
    text-decoration: none;
    outline: none;
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-group {
    text-align: left;
    font-family: 'PhosphatePro';
}

.list-group li {
    font-size: 21px;
    margin: 10px 0;

}

.offset-top {
    margin-top: -150px;
    position: relative;
    z-index: 9;
}

.offset-pb {
    padding-bottom: 100px;
}

/*---------------------
	Helper CSS
-----------------------*/

.material-symbols-outlined {
    font-variation-settings:
        'FILL'0,
        'wght'400,
        'GRAD'0,
        'opsz'48
}

/*.fa-mobile{
    background: #1c588c;
    border-radius: 50%;
    padding: 6px 16px;
    color: #fff;
    margin-right: 10px;
}*/

.fa-user {
    background: #1c588c;
    border-radius: 50%;
    padding: 6px 16px;
    color: #fff;
    margin-right: 10px;
}

.logo-home {
    width: 80%;
}

.logo-inner {
    width: 60%;
}

.spad {
    margin-top: 100px;
    padding-bottom: 40px;
}

.section-title {
    margin-bottom: 60px;
}

.section-title h2 {
    margin-bottom: 20px;
    color: #25353e;
}

.section-title p {
    margin-bottom: 0;
}

.top-section-inner {
    padding-top: 144px;
}

.our-company-bg {
    background: url('../img/our-comp-bg-hero.jpg') no-repeat 0 80px;
    background-size: auto;
    position: relative;
    z-index: 1;
}

.review-testi-bg,
.bg-girl {
    background: url('../img/review-testi-bg.jpg') no-repeat 0 80px;
    background-size: auto;
    position: relative;
    z-index: 1;
}

.contact-bg {
    background: url('../img/review-testi-bg.jpg') no-repeat 0 80px;
    background-size: auto;
    position: relative;
    z-index: 1;
}


.border-top {
    border-top: 1px solid #cacaca;
}

.border-left {
    border-left: 1px solid #cacaca;
}

.border-right {
    border-right: 1px solid #cacaca;
}

.post-title {
    margin: 10px 0;
}

.set-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0;
}

.common-question .accordion-item {
    border: 0;

}

.home-ac ul li {}

.home-ac .accordion-body {
    font-size: 16px;
    background: #11497a;
}




.accordion-body {
    font-size: 16px;
    background: #fbfbfb;
}

.accordion-button:not(.collapsed) {
    background: #FFF;
    border: 0;
}

.accordion-button:focus {
    border-color: #fff;
    color: #000;
    box-shadow: none;
}


.img-right {
    float: right;
    padding: 20px 0 20px 20px;
}

.img-left {
    float: left;
    padding: 20px 20px 20px 0;
}


.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
    color: #fff;
}

.b-ch1 i {
    color: #1c588c;
}

.b-ch2 i {
    color: #24c1e3;
}

.b-ch3 i {
    color: #f1b04b;
}

.terms h4 {
    margin: 40px 0 20px 0;
}

.terms ul li {
    margin-bottom: 10px;
    padding-left: 20px;

}

/*---------------------
	Commom elements
-----------------------*/

/* Buttons */

.site-btn {
    position: relative;
    display: inline-block;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    border-radius: 5px;
    font-family: 'avenir_lt_pro85_heavy';
    min-width: 170px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: #1c588c;
}

.site-btn:hover {
    color: #fff;
    background: #40a769;
}


.site-btn-green {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 22px 11px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    font-family: 'avenir_lt_pro85_heavy';
    min-width: 170px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: #40a769;
    border: none;
}

.site-btn-green:hover {
    color: #fff;
    background: #00722e;


}


.site-btn.no-radius {
    border-radius: 2px;
}

.site-btn-border {
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 5px;
    font-family: 'avenir_lt_pro85_heavy';
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: transparent;
    border: 3px solid #fff;
}

.site-btn-border:hover {
    color: #fff;
    background: #00722e;

    border: 3px solid #00722e;
}

.site-btn.sb-full-- {
    display: block;
    width: 100%;
    border-radius: 0;
}

.site-btn.sb-gradients {
    padding: 17px 32px;
    border: none;
    color: #fff;
}

.site-btn.sb-gradients.sbg-line {
    color: #20509e;
    z-index: 1;
}

.site-btn.sb-gradients.sbg-line:after {
    position: absolute;
    content: '';
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: #fff;
    top: 2px;
    left: 2px;
    z-index: -1;
    border-radius: 50px;
}

.site-btn.sb-gradients.sbg-line:hover {
    color: #20509e;
}

.gradient-bg,
.site-btn.sb-gradients,
.member-social a:hover,
.single-blog-page .social-share a:hover,
.comment .comment-content .c-btn:hover,
.comment-form label {
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(#3e2bce), color-stop(100%, #2dd3aa), color-stop(100%, #2dd3aa), to(#2dd3aa));
    background: -o-linear-gradient(left, #3e2bce 0%, #2dd3aa 100%, #2dd3aa 100%, #2dd3aa 100%);
    background: linear-gradient(to right, #3e2bce 0%, #2dd3aa 100%, #2dd3aa 100%, #2dd3aa 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e2bce', endColorstr='#2dd3aa', GradientType=1);
    /* IE6-9 */
}



.nav-tabs {
    border: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    color: #40a769;
    border-color: var(--bs-nav-tabs-link-hover-border-color);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #1c588c;
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color);
}

.nav-tabs .nav-link {
    margin: 0 30px;
    padding: 10px 50px;
    margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
    background: 0 0;
    border: var(--bs-nav-tabs-border-width) solid #fff;
    border-radius: 50px;
}

.tab-content {
    margin: 60px 0;
}

.card {
    padding: 30px 20px;
    color: #25353e;
    position: relative;
    margin: 0 20px;
}

.card-wlogo {
    position: absolute;
    top: 20px;
    right: 40px;
}

.card h5 {
    color: #1c588c;
    font-size: 18px;
}

.card h2 {
    color: #1c588c;

}

.card p {
    color: #1c588c;
    margin-bottom: 0;
}

/* Image Popup */

.img-popup-warp .mfp-content,
.img-popup-warp.mfp-ready.mfp-removing .mfp-content {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.img-popup-warp.mfp-ready .mfp-content {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* Preloder */

#preloder {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    background: #fff;
}

.loader {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 60px;
    animation: loader 0.8s linear infinite;
    -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }

    50% {
        -webkit-transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }

    100% {
        -webkit-transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}

/*---------------------
	Sidebar Menu
-----------------------*/


.table-claim-section {
    padding: 100px 20px 110px 20px;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #333;
    padding: 0 0 20px 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 5px 10px;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: white !important;
    border: 1px solid #1c588c;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
    background: -o-linear-gradient(top, #585858 0%, #111 100%);
    background: linear-gradient(to bottom, #1c588c 45%, #111 100%);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #1c588c;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
    background: -o-linear-gradient(top, #585858 0%, #111 100%);
    background: linear-gradient(to bottom, #1c588c 45%, #111 100%);
}


.tab-head li a.engine-icon {
    background: url(../img/car-part-icon/engine-icon.png) no-repeat 0 0;
    height: 19px;
    padding-left: 34px;
    margin-bottom: 20px;
    color: #a2a2a2;

}

.tab-head li a.engine-icon:hover,
.tab-head li a.engine-icon.active {
    background: url(../img/car-part-icon/engine-icon.png) no-repeat 0 -19px;
    padding-left: 34px;
    color: #1c588c;
}

.tab-head li a.engine-colling-icon {
    background: url(../img/car-part-icon/engine-colling-icon.png) no-repeat 0 0;
    height: 25px;
    padding-left: 34px;
    margin-bottom: 20px;
    background-size: 25px;
    color: #a2a2a2;

}

.tab-head li a.engine-colling-icon:hover,
.tab-head li a.engine-colling-icon.active {
    background: url(../img/car-part-icon/engine-colling-icon.png) no-repeat 0 -26px;
    color: #1c588c;
}


.tab-head li a.transmission-icon {
    background: url(../img/car-part-icon/transmission-icon.png) no-repeat 0 0;
    height: 25px;
    padding-left: 34px;
    margin-bottom: 20px;
    background-size: 25px;
    color: #a2a2a2;

}

.tab-head li a.transmission-icon:hover,
.tab-head li a.transmission-icon.active {
    background: url(../img/car-part-icon/transmission-icon.png) no-repeat 0 -26px;
    color: #1c588c;
}


.tab-head li a.four-wheel-icon {
    background: url(../img/car-part-icon/four-wheel-icon.png) no-repeat 0 0;
    height: 25px;
    padding-left: 34px;
    margin-bottom: 20px;
    background-size: 25px;
    color: #a2a2a2;

}

.tab-head li a.four-wheel-icon:hover,
.tab-head li a.four-wheel-icon.active {
    background: url(../img/car-part-icon/four-wheel-icon.png) no-repeat 0 -26px;
    color: #1c588c;
}

.tab-head li a.all-wheel-icon {
    background: url(../img/car-part-icon/all-wheel-icon.png) no-repeat 0 0;
    height: 25px;
    padding-left: 34px;
    margin-bottom: 20px;
    background-size: 25px;
    color: #a2a2a2;

}

.tab-head li a.all-wheel-icon:hover,
.tab-head li a.all-wheel-icon.active {
    background: url(../img/car-part-icon/all-wheel-icon.png) no-repeat 0 -26px;
    color: #1c588c;
}


.tab-head li a.front-wheel-icon {
    background: url(../img/car-part-icon/front-wheel-icon.png) no-repeat 0 0;
    height: 25px;
    padding-left: 34px;
    margin-bottom: 20px;
    background-size: 25px;
    color: #a2a2a2;

}

.tab-head li a.front-wheel-icon:hover,
.tab-head li a.front-wheel-icon.active {
    background: url(../img/car-part-icon/front-wheel-icon.png) no-repeat 0 -26px;
    color: #1c588c;
}


.tab-head li a.rear-wheel-icon {
    background: url(../img/car-part-icon/rear-wheel-icon.png) no-repeat 0 0;
    height: 25px;
    padding-left: 34px;
    margin-bottom: 20px;
    background-size: 25px;
    color: #a2a2a2;

}

.tab-head li a.rear-wheel-icon:hover,
.tab-head li a.rear-wheel-icon.active {
    background: url(../img/car-part-icon/rear-wheel-icon.png) no-repeat 0 -26px;
    color: #1c588c;
}


.tab-head li a.front-suspension-icon {
    background: url(../img/car-part-icon/front-suspension-icon.png) no-repeat 0 0;
    height: 25px;
    padding-left: 34px;
    margin-bottom: 20px;
    background-size: 25px;
    color: #a2a2a2;

}

.tab-head li a.front-suspension-icon:hover,
.tab-head li a.front-suspension-icon.active {
    background: url(../img/car-part-icon/front-suspension-icon.png) no-repeat 0 -26px;
    color: #1c588c;
}

.tab-head li a.rear-suspension-icon {
    background: url(../img/car-part-icon/rear-suspension-icon.png) no-repeat 0 0;
    height: 25px;
    padding-left: 34px;
    margin-bottom: 20px;
    background-size: 25px;
    color: #a2a2a2;

}

.tab-head li a.rear-suspension-icon:hover,
.tab-head li a.rear-suspension-icon.active {
    background: url(../img/car-part-icon/rear-suspension-icon.png) no-repeat 0 -26px;
    color: #1c588c;
}

.tab-head li a.steering-icon {
    background: url(../img/car-part-icon/steering-icon.png) no-repeat 0 0;
    height: 25px;
    padding-left: 34px;
    margin-bottom: 20px;
    background-size: 25px;
    color: #a2a2a2;

}

.tab-head li a.steering-icon:hover,
.tab-head li a.steering-icon.active {
    background: url(../img/car-part-icon/steering-icon.png) no-repeat 0 -26px;
    color: #1c588c;
}

.tab-head li a.braking-system-icon {
    background: url(../img/car-part-icon/braking-system-icon.png) no-repeat 0 0;
    height: 25px;
    padding-left: 34px;
    margin-bottom: 20px;
    background-size: 25px;
    color: #a2a2a2;

}

.tab-head li a.braking-system-icon:hover,
.tab-head li a.braking-system-icon.active {
    background: url(../img/car-part-icon/braking-system-icon.png) no-repeat 0 -26px;
    color: #1c588c;
}

.tab-head li a.anti-lock-brake-icon {
    background: url(../img/car-part-icon/anti-lock-brake-icon.png) no-repeat 0 0;
    height: 25px;
    padding-left: 34px;
    margin-bottom: 20px;
    background-size: 25px;
    color: #a2a2a2;

}

.tab-head li a.anti-lock-brake-icon:hover,
.tab-head li a.anti-lock-brake-icon.active {
    background: url(../img/car-part-icon/anti-lock-brake-icon.png) no-repeat 0 -26px;
    color: #1c588c;
}

.tab-head li a.air-condition-icon {
    background: url(../img/car-part-icon/air-condition-icon.png) no-repeat 0 0;
    height: 25px;
    padding-left: 34px;
    margin-bottom: 20px;
    background-size: 25px;
    color: #a2a2a2;

}

.tab-head li a.air-condition-icon:hover,
.tab-head li a.air-condition-icon.active {
    background: url(../img/car-part-icon/air-condition-icon.png) no-repeat 0 -26px;
    color: #1c588c;
}



.tab-head li a.electrical-icon {
    background: url(../img/car-part-icon/electrical-icon.png) no-repeat 0 0;
    height: 25px;
    padding-left: 34px;
    margin-bottom: 20px;
    background-size: 25px;
    color: #a2a2a2;

}

.tab-head li a.electrical-icon:hover,
.tab-head li a.electrical-icon.active {
    background: url(../img/car-part-icon/electrical-icon.png) no-repeat 0 -26px;
    color: #1c588c;
}

.tab-head li a.instrument-icon {
    background: url(../img/car-part-icon/instrument-icon.png) no-repeat 0 0;
    height: 25px;
    padding-left: 34px;
    margin-bottom: 20px;
    background-size: 25px;
    color: #a2a2a2;

}

.tab-head li a.instrument-icon:hover,
.tab-head li a.instrument-icon.active {
    background: url(../img/car-part-icon/instrument-icon.png) no-repeat 0 -26px;
    color: #1c588c;
}

.tab-head li a.power-group-icon {
    background: url(../img/car-part-icon/power-group-icon.png) no-repeat 0 0;
    height: 25px;
    padding-left: 34px;
    margin-bottom: 20px;
    background-size: 25px;
    color: #a2a2a2;

}

.tab-head li a.power-group-icon:hover,
.tab-head li a.power-group-icon.active {
    background: url(../img/car-part-icon/power-group-icon.png) no-repeat 0 -26px;
    color: #1c588c;
}

.tab-head li a.luxury-group-icon {
    background: url(../img/car-part-icon/luxury-group-icon.png) no-repeat 0 0;
    height: 25px;
    padding-left: 34px;
    margin-bottom: 20px;
    background-size: 25px;
    color: #a2a2a2;

}

.tab-head li a.luxury-group-icon:hover,
.tab-head li a.luxury-group-icon.active {
    background: url(../img/car-part-icon/luxury-group-icon.png) no-repeat 0 -26px;
    color: #1c588c;
}


.tab-head li a.engine-emissions-icon {
    background: url(../img/car-part-icon/engine-icon.png) no-repeat 0 0;
    height: 19px;
    padding-left: 34px;
    margin-bottom: 20px;
    color: #a2a2a2;

}

.tab-head li a.engine-emissions-icon:hover,
.tab-head li a.engine-emissions-icon.active {
    background: url(../img/car-part-icon/engine-icon.png) no-repeat 0 -19px;
    color: #1c588c;
}

.tab-head li a.safety-system-icon {
    background: url(../img/car-part-icon/safety-system-icon.png) no-repeat 0 0;
    height: 22px;
    padding-left: 34px;
    margin-bottom: 20px;
    background-size: 21px;
    color: #a2a2a2;

}

.tab-head li a.safety-system-icon:hover,
.tab-head li a.safety-system-icon.active {
    background: url(../img/car-part-icon/safety-system-icon.png) no-repeat 0 -22px;
    color: #1c588c;
    background-size: 21px;
}



/**
 * Tabs Block
 */
.tabs-block {

    align-items: center;
    justify-content: center;
}

/**
 * Tabs
 */
.tabs {
    display: flex;
}

.tabs>ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 15%;
}

.tabs>ul li {
    display: flex;
}



.tabs>ul li a:hover,
.tabs>ul li a:focus,
.tabs>ul li a:active {
    border-bottom: none;
    outline: 0;
}




.tabs>ul li a>span {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.tabs>ul li a>span.tab-label {
    display: none;
}

.tabs section {
    width: 85%;
    background-color: #fff;
    padding: 1rem;
    display: none;
    word-wrap: break-word;
}

.tabs section>* {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.2s, transform 0.2s;
}

.tabs section>*:nth-child(1) {
    transition-delay: 0.2s;
}

.tabs section>*:nth-child(2) {
    transition-delay: 0.3s;
}

.tabs section>*:nth-child(3) {
    transition-delay: 0.4s;
}

.tabs section>*:nth-child(4) {
    transition-delay: 0.5s;
}

.tabs section>*:nth-child(5) {
    transition-delay: 0.6s;
}

.tabs section>*:nth-child(6) {
    transition-delay: 0.7s;
}

.tabs section>*:nth-child(7) {
    transition-delay: 0.8s;
}

.tabs section>*:nth-child(8) {
    transition-delay: 0.9s;
}

.tabs section>*:nth-child(9) {
    transition-delay: 1s;
}

.tabs section>*:nth-child(10) {
    transition-delay: 1.1s;
}

.tabs section>*:nth-child(11) {
    transition-delay: 1.2s;
}

.tabs section>*:nth-child(12) {
    transition-delay: 1.3s;
}

.tabs section>*:nth-child(13) {
    transition-delay: 1.4s;
}

.tabs section>*:nth-child(14) {
    transition-delay: 1.5s;
}

.tabs section>*:nth-child(15) {
    transition-delay: 1.6s;
}

.tabs section>*:nth-child(16) {
    transition-delay: 1.7s;
}

.tabs section>*:nth-child(17) {
    transition-delay: 1.8s;
}

.tabs section>*:nth-child(18) {
    transition-delay: 1.9s;
}

.tabs section>*:nth-child(19) {
    transition-delay: 2s;
}

.tabs section>*:nth-child(20) {
    transition-delay: 2.1s;
}

.tabs section.active {
    display: block;
}

.tabs section.active-content>* {
    opacity: 1;
    transform: translateY(0);
}

@media (min-width: 576px) {

    .tabs>ul {
        width: 300px;
    }

    .tabs>ul li a {
        flex-wrap: wrap;
    }

    .tabs>ul li a>span {
        width: 100%;
    }

    .tabs>ul li a>span.tab-label {
        width: 100%;
        display: block;
    }

    .tabs section {
        width: calc(100% - 150px);
        padding: 2rem 2rem;
        min-width: 821px;
    }
}

@media (min-width: 768px) {

    body {
        font-size: 1.125rem;
    }

    .tabs-container {
        padding: 4rem 4rem;
    }
}

@media (min-width: 992px) {

    .tabs {}
}





#sidebarMenu li a {
    padding: 0;

}

/*---------------------
	Header section
-----------------------*/

.header-section {

    width: 100%;

    z-index: 99;
}

.header-section .site-btn {
    float: right;
    margin-left: 60px;
    background: #40a769;
}

.header-section .site-btn:hover {
    background: #1c588c;
}

.header-section .responsive-bar,
.header-section .user {
    display: none;
}

.main-menu {
    float: right;
}

.menu-list {
    list-style: none;
}

.menu-list li {
    display: inline;
}

.menu-list li a {
    display: inline-block;
    font-family: 'PhosphatePro';
    font-size: 16px;
    padding: 10px 5px;
    margin-right: 30px;
    color: #fff;
}

.navbar .dropdown-menu {
    --bs-dropdown-color: #212529;
}

.dropdown-menu {
    --bs-dropdown-color: #ffffff;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}


.navbar-blue .dropdown-item:focus,
.navbar-blue .dropdown-item:hover,
.navbar-blue .dropdown-item:active {
    color: var(--bs-dropdown-link-hover-color);
    background: #0b3c6c;
    color: #e9ecef;
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:active {
    color: var(--bs-dropdown-link-hover-color);
    background: #e9ecef;
    color: #06486b;
}

.navbar-blue .navbar-toggler {
    border-color: #fff !important;
}

.navbar-toggler {
    border-color: #06486b !important;
}

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

.phone-num {
    font-size: 17px;
    margin-left: 10px;
    display: flex;
    align-content: center;
    flex-direction: row;
    align-items: center;

}

/*.phone-num i{
	background: #1c588c;
    border-radius: 22px;
    color: #fff;
    padding: 5px 10px;
    margin-right: 10px;
}*/

.num-cta {

    min-width: 400px;
    display: flex;
}


/*---------------------
	Hero Section
-----------------------*/

.hero-section {
    height: 1080px;
    padding-top: 145px;
    display: block;
    background-image: url("../img/home/bg-home-hero.webp");
    background-size: cover;
    background-color: #f3f7f9;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

.hero-section .claim-sales-wrapper {
    top: 98px;
}


.hero-section-inner {
    display: block;
    background-image: url("../img/bg-hero-inner.jpg");
    background-size: cover;
    background-color: #f3f7f9;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

.hero-section .laptop-image {
    width: 685px;
    max-width: none;
    position: relative;
    left: 80px;
}

.form-hero {
    background: #1c588c;
    padding: 25px;

}

.form-hero p {
    color: #ffffff;
}

.form-select,
input.form-control {
    border-radius: 0;
}


.home-form .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #40a769;
    --bs-btn-border-color: #40a769;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #40a769;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5pxrgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
    padding: 10px 20px;
    font-size: 16px;

}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #40a769;
    --bs-btn-border-color: #40a769;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #40a769;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5pxrgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
    padding: 15px 20px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 2px;

}

.hero-text h2 {
    font-size: 50px;
    margin-bottom: 35px;
    text-align: left;
}

.hero-text h2 span {
    color: #16d0c5;
}

.hero-text h4 {
    color: #75849a;
    font-size: 22px;
}

.hero-subscribe-from {
    margin-top: 50px;
    display: block;
}

.hero-subscribe-from input {
    width: 315px;
    border: 1px solid #ebebeb;
    background: #fff;
    height: 48px;
    padding: 0 25px;
    border-radius: 50px;
    font-size: 16px;
    margin-right: 8px;
    margin-bottom: 20px;
}

small {
    font-size: 12px;
}


/*---------------------
review Section
-----------------------*/
.review-update {
    font-size: 17px;
}


/*---------------------
partners Section
-----------------------*/
.our-partners {
    border-top: 1px solid #ececef;
    font-size: 17px;
}

.partner {
    padding: 15px 0;
}

.partner h4 {
    margin-bottom: 10px;
}

.wrap-op {

    display: flex;
    align-items: center;
    justify-content: center;
}




/*---------------------
  About Section
-----------------------*/

.about-section .container {
    position: relative;
}

.about-text h2 {
    font-size: 42px;
    margin-bottom: 25px;
    color: #25353e;
}

.about-text h5 {
    margin-bottom: 20px;
}

.about-text p {
    font-size: 18px;
}

.about-img {
    position: absolute;
    top: 0;
    left: -120px;
    width: 662px;
}

/*---------------------
coverage Section
-----------------------*/
.coverage-section {
    background: #1c588c;
}

.coverage-section .accordion-header {
    border-bottom: 1px solid #4e86a1;
}

.coverage-section .accordion-button,
.coverage-section .accordion-item {
    background-color: #1c588c;
    border-radius: 0;
    border: 0;
    padding-left: 0;
    padding-right: 0;
    box-shadow: none;
    color: #fff;
}

.coverage-section small {
    color: #c5d3da;
}

.coverage-section .accordion-button:after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.coverage-section .container {}

.coverage {
    margin-bottom: 45px;
}



.coverage .coverage-content {
    padding-left: 70px;
}

.coverage .coverage-content h4 {
    margin-bottom: 15px;
}

.coverage .readmore {
    text-decoration: underline;
    line-height: 1.2;
}


.coverage table th.diamond-plan {
    background: #1c588c;
    color: #ffffff;
}

.coverage table th.platinum-plan {
    background: #24c1e3;
    color: #ffffff;

}

.coverage table th.gold-plan {
    background: #f1b04b;
    color: #ffffff;
}

.coverage table th.text-start {
    font-size: 14px;
}


.coverage .b-ch1 i {
    font-size: 18px;
    color: #1c588c;
    margin-right: 10px;
}

.coverage .b-ch2 i {
    font-size: 18px;
    color: #24c1e3;
    margin-right: 10px;
}

.coverage .b-ch3 i {
    font-size: 18px;
    color: #f1b04b;
    margin-right: 10px;
}


/*---------------------
Plan Section
-----------------------*/


.plan .plan-covered {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    padding: 30px 15px;
    margin-bottom: 10px;

}

.diamond {
    border-top: 9px solid #1c588c;
}

.platinum {
    border-top: 9px solid #24c1e3;
}

.gold {
    border-top: 9px solid #f1b04b;
}

.plan h3 {
    font-weight: 700;

}

.plan h5 {
    margin-bottom: 20px;
    color: #25353e;
}

/*---------------------
How it works Section
-----------------------*/


.steps .easy-steps {
    border: 4px solid #9bb6cd;
    text-align: center;
    border-radius: 10px;
    padding: 30px 15px;
    margin-bottom: 10px;
    min-height: 100%;
}


.steps h2 {
    font-family: 'avenir_lt_pro95_black';
}

.steps h4 {
    margin-bottom: 10px;
}


/*---------------------
	Process Section
-----------------------*/

.process:last-child .process-step:after {
    display: none;
}

.process-step {
    position: relative;
    text-align: center;
    padding: 35px;
    margin-top: 30px;
    -webkit-box-shadow: 0 14px 43px rgba(33, 54, 61, 0.15);
    box-shadow: 0 14px 43px rgba(33, 54, 61, 0.15);
}

.process-step .process-icon {
    height: 55px;
    margin-bottom: 30px;
    padding-top: 5px;
}

.process-step h4 {
    margin-bottom: 15px;
}

.process-step p {
    margin-bottom: 0;
}

.process-step:after {
    position: absolute;
    content: '';
    width: 275px;
    height: 56px;
    top: -40px;
    right: -40%;
    background: url("../img/process-line.png") no-repeat scroll 0 0/cover;
}


/*---------------------
	Info Car Section
-----------------------*/
.info-car-section {
    background: url("../img/home/info-car-sec-bg.webp") no-repeat center;
    background-size: cover;


}



/*---------------------
	Fact Section
-----------------------*/

.fact-section {
    margin-top: -60px;
    padding-bottom: 40px;
    z-index: 10;
    position: relative;
}

.fact {
    display: flex;
    position: relative;
    flex-direction: column;
    align-content: space-around;
    align-items: center;
}

.fact h2 {
    font-family: 'PhosphatePro';
    color: #16d0c5;
    font-size: 60px;
    margin-right: 20px;
    color: #1c588c;
}

.fact p {
    font-family: 'PhosphatePro';
    color: #25353e;
    font-size: 18px;
    line-height: 1.4;

}

.fact-section .row {
    background: #fff;
    padding: 20px 30px;
    -webkit-box-shadow: 0px 23px 49px rgb(33 54 61 / 15%);
    box-shadow: 0px 23px 49px rgb(33 54 61 / 15%);
    margin-bottom: 32px;
    border-radius: 20px;
}

.fact i {
    position: absolute;
    right: -20px;
    top: -10px;
    font-size: 90px;
    color: #fff;
    z-index: 0;
    opacity: 0.1;
}

/*---------------------
	Team Section
-----------------------*/

.team-section {
    background: #f3f7f9;
    overflow: hidden;
}

.team-members {
    margin: 0 -10px;
}

.member {
    background: #fff;
    width: calc(20% - 25px);
    display: inline-block;
    margin: 0 10px;
    text-align: center;
    padding: 50px 10px;
    -webkit-box-shadow: 1px 1px 1px rgba(33, 54, 61, 0.15);
    box-shadow: 1px 1px 1px rgba(33, 54, 61, 0.15);
    border-radius: 10px;
    position: relative;
}

.member h2 {
    font-size: 22px;
    margin-bottom: 5px;
}

.member span {
    font-size: 14px;
    color: #75849a;
    display: block;
}

.member .member-text {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 1;
}

.member:hover {
    -webkit-box-shadow: 1px 14px 43px rgba(33, 54, 61, 0.15);
    box-shadow: 1px 14px 43px rgba(33, 54, 61, 0.15);
}

.member:hover .member-info {
    opacity: 1;
}

.member:hover .member-text {
    opacity: 0;
}

.member-img {
    width: 230px;
    height: 230px;
    display: inline-block;
    border-radius: 50%;
    margin-bottom: 25px;
}

.member-social {
    padding-top: 25px;
    background: #fff;
    position: relative;
    z-index: 2;
}

.member-social a {
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 50%;
    background: #cbd3df;
    color: #fff;
    padding-top: 13px;
    margin: 0 8px;
}

.member-meta {
    padding-left: 85px;
}

.member-info {
    padding: 50px 60px 10px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    text-align: left;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    height: 380px;
    overflow-y: auto;
}

.member-info p {
    display: block;
    padding-top: 25px;
    margin-bottom: 0;
}

.member-img.mf {
    width: 60px;
    height: 60px;
    opacity: 1;
    float: left;
    margin-bottom: 0;
}

/*---------------------
  Review Section
-----------------------*/
.reviews-testimonials .review-section {
    margin-top: 0px;
}

.review-section {
    background: #FFF;
    margin-top: 30px;
    margin-bottom: 60px
}

.silder-div-text .owl-theme .owl-nav.disabled+.owl-dots {
    text-align: center;
    align-items: center;
    display: flex;
    width: 100%;
    justify-content: center;
    column-gap: 2px;
    margin: 25px 0;
}

.owl-carousel .owl-item {
    background: #fff;
    padding: 20px;

}

.item .p-name {
    font-weight: 400;

}

.item div:nth-child(2) img {
    padding: 20px;


}

.owl-carousel .owl-item img {
    display: block;
    width: auto;
    height: fit-content;
}

.owl-theme .owl-dots .owl-dot span {
    background: #7997b1 !important;
    border: 0;
    zoom: 1.5 !important;
}

.owl-theme .owl-dots .owl-dot.active span {
    width: 32px;
    height: 6px !important;
    margin: 4px !important;
    background: #fff !important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;

}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;

}

.owl-theme .owl-dots .owl-dot span {
    width: 32px;
    height: 6px !important;
    margin: 4px !important;
}

.review-meta-slider {
    position: relative;
    width: 300px;
}

.author-meta {
    padding: 50px 0 70px;
    position: relative;
    text-align: center;
}

.author-meta:last-child {
    margin-right: 0;
}

.author-avatar {
    width: 80px;
    height: 80px;
    border: 6px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0px 16px 21px rgba(33, 54, 61, 0.15);
    box-shadow: 0px 16px 21px rgba(33, 54, 61, 0.15);
    display: inline-block;
}

.author-avatar h4 {
    font-size: 22px;
}

.author-avatar p {
    font-size: 14px;
}

.author-name {
    position: absolute;
    width: 280px;
    left: -50%;
    bottom: -10px;
    margin-left: -50px;
    text-align: center;
    visibility: hidden;
}

.center .author-meta {
    top: -6px;
}

.center .author-name {
    visibility: visible;
}

.center .author-avatar {
    width: 100px;
    height: 100px;
}

.review-text p {
    font-size: 22px;
}

.review-text-slider .owl-nav {
    padding-top: 15px;
}

.review-text-slider .owl-prev,
.review-text-slider .owl-next {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #cbd3df;
    color: #fff;
    font-size: 24px;
    text-align: center;
    margin-right: 10px;
    border-radius: 50%;
    padding-top: 8px;
}

.pull-3 {
    right: 66.666667%;
}

.push-8 {
    left: 33.333333%;
}


.request-quote-section {
    position: relative;
    padding: 50px 0;

}

.request-quote-section .off-img {
    position: absolute;
    top: -30px;
    right: 0;
    width: 800px;
    padding: 0;
}

.cta-ci {
    display: flex;
}

.cont-info i {
    font-size: 30px;
}

.cont-info {
    display: flex;
    align-items: center;
}

.cont-info box {
    font-size: 16px;
}


.bottom-request {
    background: url('../img/home/info-car-sec-bg.jpg') no-repeat center left;
    background-size: cover;
    overflow: visible;
    margin-top: 60px;
}

.info-sec-btm {
    text-align: none;
    padding: 40px 0;
}

.car-float {
    margin-top: -40px;
}


/*---------------------
	Newsletter Section
-----------------------*/

.newsletter-section {
    padding: 50px 0;
}

.newsletter-text h2 {
    font-size: 36px;
    margin-bottom: 10px;
}

.newsletter-text p {
    margin-bottom: 0;
}

.newsletter-form {
    position: relative;
    margin-top: 20px;
    padding-left: 40px;
}

.newsletter-form input {
    width: 100%;
    font-size: 16px;
    padding: 12px 30px;
    border: none;
    border-radius: 50px;
    padding-right: 160px;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.newsletter-form button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border: none;
    border-radius: 0px 50px 50px 0px;
    min-width: 140px;
    background: #fff;
    color: #20509e;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.newsletter-form ::-webkit-input-placeholder {
    color: #fff;
}

.newsletter-form :-ms-input-placeholder {
    color: #fff;
}

.newsletter-form ::-ms-input-placeholder {
    color: #fff;
}

.newsletter-form ::placeholder {
    color: #fff;
}

/*---------------------
  Blog Section
-----------------------*/

.blog-section {
    background: #f3f7f9;
}

.blog-thumb {
    margin-bottom: 0;
}

.blog-text {
    background: #fff;
    padding: 30px;
    -webkit-box-shadow: 0px 23px 49px rgba(33, 54, 61, 0.1);
    box-shadow: 0px 23px 49px rgba(33, 54, 61, 0.1);
}

.blog-text .post-date {
    font-size: 14px;
    color: #16d0c5;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
    letter-spacing: 2px;
}

.blog-text .blog-title {
    font-size: 22px;
    margin-bottom: 20px;
}

.blog-text .blog-title a {
    color: #20509e;
}

.blog-text .post-meta a {
    font-size: 13px;
    color: #75849a;
    margin-right: 25px;
}

.blog-text .post-meta a:last-child {
    margin-right: 0;
}

.blog-text .post-meta a span {
    color: #cbd3df;
}

.blog-text .post-meta a i {
    color: #16d0c5;
}

.post-loadmore {
    width: 100%;
    border-radius: 0px;
}

.post-loadmore.site-btn.sb-gradients.sbg-line:after {
    border-radius: 0px;
}

/*---------------------
	Footer Section
-----------------------*/
.footer-links {
    padding-top: 50px;
}

.footer-section {
    background: #f9f9fa;
    padding: 0 40px;
}


.footer-widget span {
    color: #acb9cc;
}

.footer-widget p {
    margin-bottom: 20px;
}

.footer-widget .widget-title {
    margin-bottom: 15px;
    font-size: 15px;
}

.footer-widget ul {
    list-style: none;
}

.footer-widget ul a {
    font-size: 14px;
    color: #75849a;
    display: block;
    margin-bottom: 12px;
    font-weight: 400;
}

.footer-widget ul a:hover {
    color: #40a769;
}

.footer-widget ul li:last-child a {
    margin-bottom: 0;
}

.social a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    padding-top: 7px;
    font-size: 18px;
}

.social a:last-child {
    margin-right: 0;
}

.social .facebook {
    background: #4b6cd0;
}

.social .google {
    background: #f03b3b;
}

.social .instagram {
    background: #bb8950;
}

.social .twitter {
    background: #49a7f3;
}

.footer-bottom {
    border-top: 1px solid #ebebeb;
    padding: 30px 0;
    font-size: 12px;
}

.footer-nav {
    list-style: none;
    text-align: right;
}

.footer-nav li {
    display: inline-block;
}

.footer-nav li a {
    color: #75849a;
    font-size: 12px;
    margin-left: 20px;
}

/*---------------------
	Other Pages
----------------------
======================*/

.page-info-section {
    height: 300px;
    background-image: url("../img/page-info-bg.png");
    background-size: cover;
    background-color: #f3f7f9;
    background-position: right top;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    display: block;
    padding-top: 100px;
}

.page-info-section h2 {
    font-size: 48px;
}

.site-beradcamb {
    padding-top: 10px;
}

.site-beradcamb a {
    color: #20509e;
    font-size: 16px;
}

.site-beradcamb span {
    color: #acb9cc;
    font-size: 16px;
}

.site-beradcamb i {
    margin: 0 3px;
}



.score {
    margin-top: -120px;
    overflow: unset;

    position: relative;
    z-index: 9;
}



/*---------------------
  Blog page
-----------------------*/

.blog-page .blog-item {
    margin-bottom: 30px;
}

.blog-page .readmore {
    color: #20509e;
}

.blog-page .readmore i {
    color: #16d0c5;
}

.bi-coverage .post-meta {
    margin-bottom: 30px;
}

.bi-coverage .blog-text .blog-title {
    font-size: 36px;
}

.widget-area {
    padding: 30px;
    -webkit-box-shadow: 0px 23px 49px rgba(33, 54, 61, 0.15);
    box-shadow: 0px 23px 49px rgba(33, 54, 61, 0.15);
    margin-bottom: 32px;
}

.widget-area .widget-title {
    margin-bottom: 25px;
}

.widget-area .widget {
    margin-bottom: 20px;
}

.widget-area .widget .widget-title {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
    line-height: 24px;
}

.widget-area .widget ul {
    list-style: none;
}

.widget-area .widget ul a {
    display: inline-block;
    font-size: 16px;
    color: #20509e;
    margin-bottom: 20px;
}

.widget-area .widget ul a:hover {
    color: #16d0c5;
}

.widget-area .widget .popular-posts span {
    color: #16d0c5;
    font-size: 12px;
    display: block;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.widget-area .widget .popular-posts h5 a {
    font-size: 18px;
    color: #20509e;
}

.widget-area .widget .popular-posts h5 a:hover {
    color: #20509e;
}

.widget-area .widget .twitter-widget li {
    margin-bottom: 20px;
}

.widget-area .widget .twitter-widget span {
    color: #16d0c5;
    font-size: 12px;
    display: block;
    text-transform: uppercase;
}

.widget-area .widget .twitter-widget h5 {
    font-size: 18px;
    color: #20509e;
    margin-bottom: 5px;
}

.widget-area .widget .twitter-widget a {
    font-size: 18px;
    color: #1f6ae5;
    display: block;
    margin-bottom: 5px;
}

.widget-area .widget .twitter-widget a:hover {
    color: #1f6ae5;
}

.widget-area .widget-subscribe-from {
    padding-top: 10px;
    display: block;
}

.widget-area .widget-subscribe-from input {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
    background: #f3f7f9;
    border: 1px solid #ebebeb;
    padding: 15px 20px;
    font-size: 14px;
}

.single-blog-page blockquote {
    font-size: 24px;
    color: #20509e;
    padding-left: 25px;
    border-left: 2px solid #16d0c5;
    line-height: normal;
    margin: 40px 0;
    display: block;
}

.single-blog-page blockquote span {
    display: block;
    font-size: 16px;
    color: #16d0c5;
    padding-top: 10px;
}

.single-blog-page .post-tags a {
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    padding: 6px 15px;
    margin-right: 2px;
    margin-top: 5px;
    color: #75849a;
    background: #f3f7f9;
    border: 1px solid #ebebeb;
    margin-right: 5px;
}

.single-blog-page .social-share {
    display: block;
    text-align: right;
}

.single-blog-page .social-share p {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    color: #595959;
}

.single-blog-page .social-share a {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: 8px;
    text-align: center;
    border-radius: 40px;
    background: #f3f7f9;
    color: #75849a;
    padding-top: 9px;
    font-size: 14px;
    -webkit-box-shadow: 0 0 0 1px #ebebeb;
    box-shadow: 0 0 0 1px #ebebeb;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.single-blog-page .social-share a:hover {
    color: #fff;
}

.releted-posts {
    padding-top: 50px;
    margin-top: 25px;
    border-top: 1px solid #ebebeb;
}

.releted-posts .blog-item {
    padding-top: 25px;
}

.releted-posts .blog-text {
    -webkit-box-shadow: 0 0 0 1px #ebebeb;
    box-shadow: 0 0 0 1px #ebebeb;
    padding: 28px 28px 20px;
}

.releted-posts .blog-text .blog-title {
    font-size: 22px;
}

.releted-posts .post-meta {
    margin-bottom: 0;
}

.comment-area {
    padding-top: 50px;
}

.comment-list {
    padding-top: 40px;
    margin-top: 25px;
    border-top: 1px solid #ebebeb;
    list-style: none;
}

.comment-list .replay-comment-list {
    list-style: none;
    margin-left: 14%;
}

.comment {
    margin-bottom: 40px;
}

.comment .comment-avator {
    float: left;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.comment .comment-content {
    padding-left: 100px;
}

.comment .comment-content h5 {
    font-size: 18px;
    margin-bottom: 10px;
}

.comment .comment-content h5 span {
    font-size: 12px;
    color: #acb9cc;
}

.comment .comment-content p {
    margin-bottom: 0;
}

.comment .comment-content .c-btn {
    font-family: 'PhosphatePro';
    display: inline-block;
    font-size: 14px;
    border: 1px solid #ebebeb;
    background: #f3f7f9;
    color: #20509e;
    padding: 4px 25px;
    border-radius: 2px;
    margin-right: 5px;
    margin-top: 20px;
}

.comment .comment-content .c-btn:hover {
    color: #fff;
}

.comment-form .form-group {
    position: relative;
    padding: 1px;
    margin-bottom: 20px;
}

.comment-form input,
.comment-form textarea {
    width: 100%;
    padding: 11px 20px;
    border: none;
    border: 1px solid #e5e5e5;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.comment-form input:focus,
.comment-form textarea:focus {
    border-color: transparent;
}

.comment-form input:focus+label,
.comment-form textarea:focus+label {
    opacity: 1;
}

.comment-form label {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: block;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.comment-form textarea {
    height: 115px;
    display: -ms-grid;
    display: grid;
}

/*---------------------
	Contact page
-----------------------*/


.contact-information {
    background: url(../img/contact-info-bg.jpg) #1c588c no-repeat top right;
    padding: 20px 30px;

}

textarea.form-control {
    border-radius: 0;
}

.contact-information h4 {
    color: #fff;
    margin-bottom: 20px;
}

.contact-information ul li {
    margin: 10px 0;
}

.contact-information ul li p {
    color: #9bdcff;
    margin-bottom: 5px;
    font-size: 12px;
}

.contact-information ul li h4 {
    color: #fff;
    margin-bottom: 0;
}

.contact-information ul li h6 {
    color: #fff;
    margin-bottom: 0;
}

.contact-information ul li small {
    color: #ffffff;
    margin-bottom: 0;
}


.contact-form {
    padding-right: 35px;
}



.contact-form h5 {
    font-size: 16px;

}

.contact-form h5 span {
    color: #16d0c5;
}

.contact-form .form-group {
    position: relative;
    margin-bottom: 20px;
}

.contact-form .form-group span {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 16px;
    color: #7bc063;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.contact-form .form-group span.active {
    opacity: 1;
}

.contact-form .check-form {
    padding-right: 20px;
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    height: 50px;
    border: none;
    border-bottom: 1px solid #ebebeb;
    font-size: 16px;
    padding-bottom: 10px;
    color: #20509e;
}

.contact-form input:focus,
.contact-form textarea:focus {
    border-color: #20509e;
}

.contact-form textarea {
    padding-bottom: 10px;
    padding-top: 10px;
    height: 115px;
}

.contact-form .contact-type .ct-label {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    margin-right: 40px;
    cursor: pointer;
    font-size: 16px;
    color: #acb9cc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.contact-form .contact-type .ct-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.contact-form .contact-type .ct-label input:checked~.checkmark:after {
    content: '\f111';
    color: #16d0c5;
}

.contact-form .contact-type .ct-label .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 25px;
    width: 25px;
}

.contact-form .contact-type .ct-label .checkmark:after {
    position: absolute;
    content: "\f10c";
    font-family: 'FontAwesome';
    font-size: 14px;
}

.contact-form .contact-type .ct-label:last-child {
    margin-right: 0;
}

.contact-form ::-webkit-input-placeholder {
    color: #acb9cc;
}

.contact-form :-ms-input-placeholder {
    color: #acb9cc;
}

.contact-form ::-ms-input-placeholder {
    color: #acb9cc;
}

.contact-form ::placeholder {
    color: #acb9cc;
}

.map {
    height: 390px;
    -webkit-box-shadow: 0px 23px 49px rgba(33, 54, 61, 0.15);
    box-shadow: 0px 23px 49px rgba(33, 54, 61, 0.15);
}

.claims_guide_wrapper ol {
    margin-left: 20px;
    margin-top: 5px;
    line-height: 2;
}

.claims_guide_wrapper ol li {
    list-style: disc;
    color: #6c777c;
}

.remember_lbl span {
    font-size: 18px;
    font-weight: normal;
}

.cta-section {
    display: flex;

}

.or-separator {
    display: flex;
    align-items: center;
    margin: 0 15px;
}

.or-separator span {
    position: relative;
    padding: 0 15px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}

.or-separator span:after,
.or-separator span:before {
    content: '';
    width: 15px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: calc(50% - 1px);
}

.or-separator.black-separator span {
    color: #000;
}

.black-separator.or-separator span:after,
.black-separator.or-separator span:before {
    background: #000;
}

.or-separator span:after {
    left: auto;
    right: -5px;
}

.or-separator span:before {
    left: -5px;
    right: auto;
}

.text-primary {
    color: #1c588c !important;
}

.experience-section {
    background: linear-gradient(90deg, rgba(203, 226, 238, 0.00) 17.21%, #e0f2fb 50.52%, rgba(203, 226, 238, 0.00) 84.86%);
    padding: 40px 0;
}

.experience-section-title {
    font-family: 'avenir_lt_pro85_heavy';
    font-size: 25px;
    text-align: center;
}


.pick-plan-txt-wrapper {
    background-color: #E5E5E5;
    min-height: 230px;
    display: flex;
    align-items: center;
    margin-top: 125px;
}

.pick-plan-txt-wrapper h2 {
    font-weight: 500;
    margin-bottom: 20px;
}

.pick-plan-txt-wrapper h5 {
    font-size: 20px;
    font-weight: 700;
    color: #25353E;
}

.your-plan-wrapper {
    padding-top: 50px;
}

.your-plan-wrapper .section-title p {
    margin-bottom: 0px;
    text-align: center;
    font-family: "Lexend Deca", Sans-serif;
    font-size: 28px;
    line-height: 38px;
    color: #212529;
}

.your-plan-wrapper .section-title span {
    color: #1c588c;
}

.your-plan-wrapper .how-it-works h3 {
    font-size: 36px;
    margin-bottom: 10px;
}

.your-plan-wrapper .how-it-works p {
    padding-top: 5px;
    padding-bottom: 20px;
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
}

.plan-table table {
    width: 100%;
}

.plan-table table th {
    color: #fff;
    padding: 20px 15px;
    background-color: #1c588c;
    font-size: 16px;
    font-weight: 600;
    font-family: "Montserrat", "sans-serif";
    line-height: 1;
}

.plan-table {
    margin-top: 55px;
}

.your-plan-wrapper .site-btn:focus {
    color: #fff;
}

.plan-table table td {
    padding: 10px 10px 10px 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.plan-table table .img-content img {
    margin-right: 20px;
}

.plan-table table .img-content span {
    color: #000;
}

.plan-table table svg {
    fill: #008000;
    height: 20px;
    width: 20px;
}

.plan-table table svg.e-fas-times {
    fill: #000;
}

.plan-table table tbody tr:nth-child(even) {
    background-color: #045C851A
}

.plan-table table td.and-more-txt {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

.plan-table table .img-content {
    display: flex;
    align-items: center;
}

.plan-table table .jounral-txt {
    font-size: 14px;
    line-height: 22px;
}

.why-choose-us {
    padding: 50px 0px;
}

.why-choose-us .top-title {
    line-height: normal;
    margin-bottom: 9px;
    font-weight: 500;
    font-size: 17px;
    color: #000;
    text-align: center;
}

.why-choose-us h3 {
    text-align: center;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
    font-size: 47px !important;
    color: #1c588c;
    font-family: "PhosphatePro" !important;
}

.why-choose-services {
    margin: 50px 0 50px;
}

.service-box {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 17px;
}

.service-icon {
    width: 158px;
    border-radius: 15px;
    background: linear-gradient(90deg, #CBE2EE 0%, rgba(255, 255, 255, 0.00) 100%);
    text-align: center;
    height: 158px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-info {
    flex: 1;
    margin: 0 30px 0 26px;
}

.service-info .xs-blue-title {
    text-align: left;
    font-size: 22px;
}

.xs-blue-title {
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 0;
    color: #1c588c;
}

.service-info p {
    font-size: 17px;
    color: #000;
    font-weight: 500;
}

.why-choose-img img {
    border-radius: 25px;
    border: 1px solid #075985;
}

.service-box:last-child {
    margin-bottom: 0px;
}

.auto-repair-bill-section {
    padding: 40px 0;
}

.auto-repair-bill-section .white-lg-title {
    color: #ffffff;
    font-size: 40px;
}

.auto-repair-bill-section p {
    font-size: 22px;
    text-align: center;
    color: #FFFFFF;
    font-weight: 700;
}

.cvg-footer .spad {
    margin-top: 0px;
}

.how-it-works {
    background: linear-gradient(180deg, #FFF 0%, #EFF9FE 100%);
    padding: 50px 0;
    row-gap: 18px;
}

.xs-blue-title {
    color: #075985;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 0;
}

.how-it-works p {
    color: #25353E;
    text-align: center;
    font-family: 'avenir_lt_pro65_medium';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
}

.how-it-works .number-ellipse {
    text-align: center;
    position: relative;
    margin-bottom: 0;
}

.how-it-works .number {
    position: absolute;
    left: 0;
    right: 0;
    color: #075985;
    text-align: center;
    font-family: 'avenir_lt_pro85_heavy';
    font-size: 50px;
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 92px;
}

.divider {
    position: relative;
}

.work-service-listing .divider:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 77px;
    width: 1px;
    background-color: #7FB6D3;
    top: 0;
    bottom: 0;
    margin: auto;
}

.auto-repair-bill-section {
    background-image: url(../img/auto-repair-bg.webp);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.logo-inner {
    max-width: 100%;
    height: 100px;
    width: 90%;
}

header .navbar-expand-md ul.navbar-nav li {
    margin-right: 10px;
}

.hero-section h2 {
    font-family: 'avenir_lt_pro45_book';
}

.hero-section .cta-section {
    justify-content: space-between;
}

.home-form .btn-primary,
.home-form .site-btn-border {
    padding: 10px 10px 8px;
    font-size: 15px;
}

.home-form .btn-primary:hover,
.home-form .site-btn-border:hover {
    border-color: #40A769;
}

.how-it-works-section.spad {
    margin-top: 0px;
    padding-bottom: 0px;
}

#navbarCollapse {
    justify-content: end;
}

#navbarCollapse .navbar-nav li {
    margin-right: 15px;
}

.coverage-section {
    padding: 50px 0px;
}

.home-footer .spad {
    margin-top: 0px;
}

.premier {
    border-top: 9px solid #40a769;
}

.bottom-request h2 {
    letter-spacing: 2px;
    font-size: 2rem;
}

.bottom-request p {
    font-size: 22px;
}

.our-partner h3 {
    font-size: 47px;
    letter-spacing: 2px;
    color: #1c588c;
}

.our-partner p.sub-statement {
    font-size: 18px;
    text-align: center;
    padding: 0 100px;
}

.slick-initialized .slick-slide {
    margin: 0 10px;
}

.slick-initialized .slick-slide .gallery-item {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
}

.gallery-item img {
    max-height: 90px;
    min-height: 90px;
    object-fit: contain;
}

.slick-next::before,
.slick-prev::before {
    color: #075985 !important;
}

.car-care-services {
    padding: 40px 0 79px;
    background: #075985;
}

.services-lists {
    margin-bottom: 19px;
}

.service-item-box {
    display: flex;
    align-items: center;
    margin-bottom: 26px;
}

.service-item-icon {
    border-radius: 10px;
    border: 1px solid #FFF;
    background: #075985;
    display: inline-flex;
    min-width: 80px;
    height: 80px;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-right: 19px;
}

.service-item-title h3 {
    font-family: inherit;
    color: #fff !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.service-quote-btn-block {
    display: flex;
    justify-content: center;
}

.green-btn.large {
    padding: 13px 39px !important;
}

.green-btn {
    border-radius: 5px;
    border: 1px solid #40A769;
    background: #40A769;
    padding: 18px 22px 14px;
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    transition: all .5s ease-in-out;
    line-height: normal;
}

.title-with-bdr {
    color: #fff;
    min-width: 150px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 15px;
}

.title-with-bdr span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    width: 100%;
}

.car-care-services .title-with-bdr span::before,
.car-care-services .title-with-bdr span::after {
    background: #fff !important;
}

.title-with-bdr span:before,
.title-with-bdr span:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #fff;
}

.title-with-bdr span:before {
    margin: 0 10px 0 0;
}

.title-with-bdr span:after {
    margin: 0 0 0 10px;
}

.green-btn.large:hover,
.green-btn.large:focus {
    color: #fff;
}

.footer-section {
    background-image: url('../img/footer_bg.webp');
    background-position: center left;
    background-repeat: no-repeat;
}

.footer-top {
    padding: 80px 0 36px;
    border-bottom: 1px solid #91D2F5;
}

.gradient-bar.w-100 {
    mix-blend-mode: multiply;
    filter: blur(110px);
    background: linear-gradient(to right, #40A769 6%, #40A769 12%, #075985 18%, #075985 24%, #3341e4 30%, #1955e2 36%, #017be4 42%, #008ce8 48%, #019fed 54%, #00b1ec 60%, #02bcde 66%, #03c6cb 72%, #00cfb8 78%, #21d8a7 84%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    min-height: 30px;
}

.footer-top .widget-title {
    color: #1c588c;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 13px;
    letter-spacing: 2px;
}

.footer-top li a {
    color: #25353E;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
}

.footer-widget ul a:hover {
    color: #075985;
}

.footer-bottom {
    padding: 18px 0;
}

.footer-bottom .store-links {
    font-size: 17px;
    color: #212529;
}

.footer-bottom .footer-nav li {
    display: inline-block;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}

.footer-bottom .footer-nav li a {
    color: #25353E;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    margin-left: 0px;
}

.footer-bottom ul li:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    height: 15px;
    width: 1px;
    background-color: #333;
}

.footer-bottom .footer-nav {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}

.payment-section {
    background: linear-gradient(0deg, #FFF 0%, #EFF9FE 100%);
    padding: 40px 0 70px;
    margin-top: 50px;
}

.payment-section h3 {
    font-family: inherit;
    color: #1c588c;
    font-weight: 700;
    font-size: 36px !important;
    margin-bottom: 10px;
}

.payment-section p {
    font-size: 17px;
}

.payment-section h4 {
    color: #1c588c;
    font-size: 36px;
    font-weight: 700;
}

.our-partner-top-sec {
    padding-top: 204px;
    padding-bottom: 20px;
}

.perfact-position-sec {
    padding-top: 60px;
    padding-bottom: 30px;
}

.perfact-position-sec h3 {
    font-family: inherit;
    color: #1c588c;
    font-weight: bolder;
}

.our-automative-partners-sec {
    margin-bottom: 60px;
}

.our-automative-partners-sec h3 {
    text-align: center;
    font-family: inherit;
    color: #1c588c;
    font-weight: bolder;
    margin-bottom: 30px;
    font-size: 36px;
}

.partners-logos {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    height: 100%;
}

.partners-logos img {
    max-height: 100px;
    margin: 0 auto;
    min-height: 100px;
    object-fit: contain;
}

.cliam-txt-wrapper,
.cliam-txt-wrapper a {
    color: #000;
    font-size: 18px;
}

.our-company-top-sec p {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 50px;
}

.experience-section-our-cmpny .experience-wrapper {
    background: #fff;
    padding: 35px 30px;
    box-shadow: 0px 23px 49px rgb(33 54 61 / 15%);
    margin-bottom: 32px;
    border-radius: 20px;
    margin-top: -105px;
}

.experience-section-our-cmpny {
    position: relative;
    z-index: 9;
    overflow: visible;
}

.our-company-top-sec.top-section-inner {
    padding-top: 184px;
    padding-bottom: 20px;
}

.experience-section-our-cmpny .experience-box p {
    font-size: 25px;
    color: #25353E;
    margin-bottom: 0px;
    line-height: normal;
}

.experience-section-our-cmpny .experience-box p span {
    color: #075985;
}

.experience-box .green-btn {
    font-weight: bolder;
}

.about-section {
    padding: 50px 0px;
}

.about-section h2 {
    font-weight: 700;
    font-size: 36px !important;
    font-family: inherit;
    color: #1c588c;
}

.dedicated-excellence h2 {
    font-family: inherit;
}

.drive-peace-section {
    margin-top: 80px;
}

.drive-peace-section .section-title h2 {
    color: #1c588c;
}

.above-beyond-sec h2 {
    font-family: inherit;
    color: #1c588c;
    font-size: 36px;
    font-weight: 700;
}

.above-beyond-sec {
    margin-top: 60px;
    padding-bottom: 0px;
}

.above-beyond-sec .list-group {
    font-family: inherit;
}

.above-beyond-sec .list-group li {
    font-weight: bolder;
}

.dedicated-excellence {
    padding: 30px 0px;
}

.review-testi-bg {
    padding-top: 164px;
    background-size: cover;
}

.review-testi-bg p {
    font-size: 20px;
}

.review-testi-bg .section-title {
    margin-bottom: 40px;
}

.service-quote-comman .title-with-bdr {
    color: #000;
}

.service-quote-comman .title-with-bdr span::before,
.service-quote-comman .title-with-bdr span::after {
    background: #000;
}

.service-quote-btn-block .green-btn {
    font-weight: bold;
}

.service-quote-comman .green-btn:hover {
    background: #075985;
    color: #ffffff;
    border-color: #075985;
}

.ourpatner-slider {
    padding: 0px 20px;
}

.ourpatner-slider .slick-prev {
    left: 0;
}

.ourpatner-slider .slick-next {
    right: 0;
}

.review-testi-bg .section-title h2 {
    margin-bottom: 10px;
}

.claim-sales-wrapper {
    position: absolute;
    right: 0px;
    top: 126px;
    padding: .5em 1.5em;
    border-radius: 0 0 0 2em;
    background-color: #f0fcff;
}

.cliam-txt-wrapper {
    display: flex;
    align-items: center;
}

.cliam-txt-wrapper span {
    min-width: 60px;
    display: block;
    text-align: end;
    padding-right: 5px;
}

.cliam-txt-wrapper a {
    padding-left: 5px;
}

.filling-claim-sec h2 {
    color: #1c588c;
}

.filling-claim-sec {
    margin-top: 200px;
}

.claims-process-take-care {
    margin-top: 30px;
    padding-top: 50px;
}

.claims-process-take-care h2 {
    color: #1c588c;
    font-size: 32px;
    font-weight: 700;
    font-family: inherit;
}

.claims-process-take-care .service-box {
    margin-bottom: 30px !important;
}

.service-box .icon-square {
    width: 158px;
    border-radius: 15px;
    background: linear-gradient(90deg, #CBE2EE 0%, rgba(255, 255, 255, 0.00) 100%);
    text-align: center;
    height: 158px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-box .icon-square img {
    width: 100px;
    height: 100px;
}

.service-info h4 {
    line-height: 30px;
    margin-bottom: 5px;
    font-size: 22px;
    color: #1c588c;
}

.faq-sec h2 {
    color: #1c588c;
    line-height: normal;
    font-weight: 700;
    font-size: 32px;
    font-family: inherit;
    text-align: center;
}

.faq-sec {
    margin-top: 50px;
    padding-bottom: 0px;
}

.faq-sec .accordion-item {
    margin-bottom: 10px;
}

.faq-sec .accordion-button {
    font-weight: bolder;
    color: #333e48;
    border: 1px solid #ececec;
    text-transform: uppercase;
    font-size: 15px;
}

.faq-sec .accordion-button span {
    padding-right: 10px;
}

.faq-sec .accordion-button:not(.collapsed) {
    color: #075985;
    background: #fcfcfc;
}

.faq-sec .accordion-body {
    border: 1px solid #ececec;
    border-top: none;
    font-size: 15px;
    color: #333e48;
}

.faq-sec .accordion-button::after,
.faq-sec .accordion-button:not(.collapsed)::after {
    content: "\f070";
    background-image: none;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    /* font-family: 'Font Awesome 6 Free'; */
    font-family: "FontAwesome";
    transform: initial;
    opacity: 0.7;
}

.faq-sec .accordion-button:not(.collapsed)::after {
    content: "\f06e";
    opacity: 1;
}

.new-claim-guide-que-sec {
    margin-top: 60px;
}

.new-claim-guide-que-sec .claims_guide_wrapper h4 {
    font-size: 26px;
    color: #1c588c;
    line-height: normal;
    font-weight: 700;
}

.new-claim-guide-que-sec .claims_guide_wrapper ol li {
    color: #212529;
    font-size: 18px;
    font-weight: 500;
}

.guide-que {
    margin-bottom: 1rem;
}

.how-it-work-top-sec h2 {
    letter-spacing: 2px;
    margin-top: 20px;
}

.how-it-work-top-sec p {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 70px;
}

.how-it-work-easy-step-sec h2,
.how-it-works-section h2 {
    color: #1c588c;
}

.form-hero small a {
    color: #fff;
    text-decoration: underline;
}

.employment-opp-sec {
    background-size: cover;
    padding-top: 210px;
    padding-bottom: 30px;
}

.employment-opp-sec h2 {
    letter-spacing: 2px;
}

.explore-exciting-sec h4 {
    color: #1c588c;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}

.explore-exciting-sec {
    margin-top: 60px;
    padding-bottom: 0px;
}

.explore-exciting-sec p {
    font-size: 17px;
}

.faq-main-sec h2.main-txt {
    font-family: 'PhosphatePro';
    font-size: 47px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
    text-align: left;
}

.inquiry-section {
    margin-top: 60px;
}

.inquiry-section img {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}

.inquiry-section h4 {
    font-size: 35px;
    color: #1C588B;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}

.inquiry-section p {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0px;
}

.contact_section h2 {
    font-size: 35px;
    color: #1C588B;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 40px;
    margin-top: 30px;
}

.contact_section .service-item-title h3 {
    color: #1C588B !important;
    line-height: 28px;
    margin-bottom: 5px;
    text-align: left;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.contact_section .service-item-title,
.contact_section .service-item-title a {
    font-size: 17px;
    font-weight: 500;
    color: #212529;
}

.contact_section .service-item-icon {
    border: 0px;
}

.claim-paid-see-our-claim h2 {
    color: #1c588c;
    font-family: inherit;
    font-size: 36px;
    margin-bottom: 20px;
}

.claim-paid-see-our-claim {
    margin-top: 60px;
}

.claim-paid-see-our-claim h6 {
    font-weight: bolder;
}

.table-claim-section {
    padding: 50px 20px;
}

.table-claim-section table {
    margin-bottom: 20px;
}

.claim-status-sec {
    padding-top: 50px;
    padding-bottom: 50px;
}

.slick-initialized .slick-slide {
    margin: 10px 10px;
}

.quote-white-btn {
    background-color: #fff;
    color: #000 !important;
    border-color: #fff;
    text-transform: uppercase;
}

.quote-white-btn:hover,
.quote-blue-btn:hover {
    border-color: #40a769;
    color: #fff !important;
    background: #40a769;
}

.req-quote-btn {
    text-transform: uppercase;
}

.quote-blue-btn {
    background: #075985;
    border-color: #075985;
    text-transform: uppercase;
}

.form-hero #submit-quote-btn:hover {
    background-color: #00722e;
    border-color: #00722e;
}

.req-quote-btn:hover {
    background-color: #00722e;
    border-color: #00722e;
}

.req-quote-white:hover {
    background: #075985;
    border-color: #075985;
}

.cust-info-wrapper #datePicker {
    background-color: #fff;
    border-right: 0px;
}

.cust-info-wrapper .input-group-text {
    background-color: #fff;
    border-radius: 0;
    border-left: 0px;
}

.cust-info-wrapper #datePicker:hover,
.cust-info-wrapper #datePicker:focus {
    box-shadow: none;
    outline: 0;
    border-color: #ced4da;
}

.cust-info-wrapper {
    background-color: #ececec;
    padding: 20px;
    border-radius: 10px;
}

.cust-info-wrapper h3 {
    color: #1c5689;
    font-family: inherit;
    font-weight: bolder;
    font-size: 26px;
}

.cust-info-wrapper .form-control {
    min-height: 50px;
}

.service-quote-comman .quote-blue-btn:hover {
    background-color: #40a769;
    border-color: #40a769;
}

.cust-info-wrapper .green-btn:hover {
    color: #fff;
    background-color: #1c588c;
    border-color: #1c588c;
}

.cust-info-wrapper .green-btn:focus {
    color: #fff;
}

.img-preview {
    width: 200px;
    height: 200px;
    border: 2px dashed #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 10px;
    background-color: #f8f9fa;
}

.img-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.upload-img-card {
    border-radius: 0;
}

.cust-info-wrapper .upload-img {
    min-height: auto;
}

.upload-img-card button:hover {
    border-color: #40A769;
}

/*------------------
	Responsive
---------------------*/

.number-list {
    list-style: decimal;
    padding-left: 20px;
}

.number-list li {
    color: #212529;
    font-size: 18px;
    font-weight: 500;
    line-height: 2;
}

.update-form-design .form-control,
.update-form-design .form-control:not([type=button]),
.update-form-design textarea {
    background: #f7f7f7;
    font-size: 16px;
    font-family: 'avenir_lt_pro85_heavy';
    margin: 0;
    padding: 12px;
    border-radius: 5px !important;
    border: 1px solid #c4c4c4;
    border-radius: 0;
    box-shadow: none;
    color: rgb(106.75, 106.75, 106.75);
    transition: all .5s;
}

.update-form-design label {
    font-size: 18px;
    line-height: 20px;
    color: #212529;
    font-weight: 600;
}

.claim-sales-wrapper table td {
    padding: 2px;
}

ol.wht-causes {
    list-style-type: disc;
    margin-left: 30px;
}

.plan-ex-img {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #40a769;
    padding: 0px 10px 10px 0px;
    border-bottom-right-radius: 30px;
}

.plan-ex-img img {
    max-width: 50px;
    width: 100%;
    border-bottom-right-radius: 20px;
}

.plan-ex-img .plan-covered-img1 {
    border-bottom-right-radius: 0px !important;
}

.plan-covered {
    position: relative;
}

.dplan-ex-img,
.pplan-ex-img,
.gplan-ex-img {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #40a769;
    padding: 0px 10px 10px 0px;
    border-bottom-right-radius: 30px;
}

.dplan-ex-img img,
.pplan-ex-img img,
.gplan-ex-img img {
    max-width: 40px;
    width: 100%;
    border-bottom-right-radius: 20px;
}

.dplan-ex-img {
    background-color: #1c588c;
}

.pplan-ex-img {
    background-color: #24c1e3;
}

.gplan-ex-img {
    background-color: #f1b04b;
}

.plan .plan-covered.diamond,
.plan .plan-covered.platinum,
.plan .plan-covered.gold {
    padding: 50px 15px 30px;
}

.call-ext-txt {
    color: #1c588c;
    font-weight: bolder;
}

.cliam-txt-wrapper a {
    color: #1c588c;
    font-weight: bolder;
}

.icn-call {
    color: #1c588c !important;
    font-weight: bolder;
}

@media all and (min-width: 992px) {

    .dropdown-menu li {
        position: relative;
    }

    .dropdown-menu .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .dropdown-menu .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu>li:hover {
        background-color: #f1f1f1
    }

    .dropdown-menu>li:hover>.submenu {
        display: block;
    }

}

@media (min-width: 1200px) {
    .container {
        max-width: 1220px;
    }
}

@media (max-width: 1585px) {
    .hero-section .laptop-image {
        left: 0;
    }

    .request-quote-section .off-img {
        position: absolute;
        top: 7px;
        right: 0;
        width: 700px;
        padding: 0;
    }
}

@media (max-width: 1425px) {
    .header-section .site-btn {
        margin-left: 60px;
    }

    .hero-section,
    .page-info-section {
        background-position: right 30% top;
    }

    .hero-section .laptop-image {
        width: auto;
        max-width: 100%;
        top: 70px;
    }

    .about-img {
        left: -50px;
        width: 600px;
    }

    .request-quote-section .off-img {
        position: absolute;
        top: -47px;
        right: -178px;
        width: 800px;
        padding: 0;
    }
}

@media (min-width: 1199px) and (max-width: 1390px) {
    .member {
        padding: 35px 10px;
    }

    .member-img {
        width: 160px;
        height: 160px;
    }

    .member-info {
        padding: 50px 27px 10px;
        height: 275px;
    }

    .member-social a {
        margin: 0 5px;
    }

    .request-quote-section .off-img {
        position: absolute;
        top: 43px;
        right: -178px;
        width: 800px;
        padding: 0;
    }

    .request-quote-section .cta-ci {
        display: flex;

        flex-direction: column;
        align-content: flex-start;
        align-items: center;
    }
}

@media only screen and (max-width: 1279px) {
    .partner-gallery {
        margin: 0 40px;
    }

    header .navbar-expand-md ul.navbar-nav li {
        margin-right: 0;
    }

    .header-section .site-btn {
        margin-left: 15px;
    }

    header .site-btn {
        padding: 15px 10px;
        font-size: 15px;
    }

    .icon-text {
        font-size: 15px;
    }
}

@media(max-width:1199px) {
    header .navbar .container {
        max-width: 1200px;
    }

    .logo-inner {
        max-width: 100%;
        height: 60px;
    }

    #navbarCollapse .navbar-nav li {
        margin-right: 10px;
    }

    .pick-plan-txt-wrapper {
        margin-top: 85px;
    }

    .our-partner-top-sec {
        padding-top: 164px;
    }

    .our-company-top-sec.top-section-inner {
        padding-top: 114px;
    }

    .dedicated-excellence h2 {
        font-size: 36px;
    }

    .claim-sales-wrapper {
        top: 86px;
    }

    .hero-section .claim-sales-wrapper {
        top: 58px;
    }

    .hero-section {
        height: 1270px;
    }
}

/* Medium screen : 992px. */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .menu-list li a {
        margin-right: 15px;
    }

    .hero-section,
    .page-info-section {
        background-position: right 23% top;
    }

    .about-img {
        left: 0px;
        width: 480px;
    }

    .member {
        width: calc(33.333333% - 25px);
        margin-bottom: 30px;
    }

    .team-members {
        text-align: center;
    }

    .fact h2 {
        font-size: 45px;
        margin-right: 10px;
    }

    .fact p {
        padding-top: 7px;
    }

    .fact i {
        font-size: 67px;
    }

    .footer-links .offset-md-2 {
        margin-left: 45px;

    }

    .footer-links div:nth-child(5) {
        width: 20%;
    }


    .request-quote-section .off-img {
        position: absolute;
        top: 24px;
        right: -263px;
        width: 800px;
        padding: 0;
    }

    .cta-ci {
        display: block;
    }

    .cta-ci .cta {
        margin-bottom: 20px;
    }

}

@media only screen and (max-width:1023px) {
    .our-partner .sub-statement {
        padding: 0;
    }

    .cta-section {
        flex-direction: column;
        align-items: center;
        row-gap: 5px;
    }
}

/* Tablet :768px. */

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


    .request-quote-section .row .col-lg-4 {
        width: 70%;
    }


    .header-section {
        padding: 0;
    }

    .menu-list li a {
        margin-right: 6px;
    }

    .header-section .site-btn {
        margin-left: 10px;
        padding: 14px 12px;
        font-size: 14px;
    }

    .num-cta {
        display: flex;
        flex-direction: column;
        margin: 10px;
        align-items: center;
    }

    .phone-num {
        margin: 5px;

        font-size: 17px;
        font-family: 'PhosphatePro';
        margin-left: 10px;
        display: flex;
        align-content: center;
        flex-direction: row;
        align-items: center;

    }


    .img-right,
    .img-left {
        float: none;
    }

    /* .hero-section {
		background-position: right 25% top;
		height: 730px;
		padding-top: 160px;
	} */
    .hero-section {
        background-position: right 25% top;
        height: 1390px;
        padding-top: 130px;
    }

    .page-info-section {
        background-position: right 33% top;
    }

    .page-info-section h2 {
        font-size: 40px;
    }

    .hero-text h2 {
        font-size: 45px;
    }

    .process-step:after {
        width: 154px;
        height: 35px;
        top: -10px;
        right: -44%;
        background-size: contain;
    }

    .about-img {
        position: relative;
        display: block;
        left: 0;
        width: auto;
        margin-top: 50px;
    }

    .member {
        width: calc(33.333333% - 25px);
        margin-bottom: 30px;
        padding: 35px 10px;
    }

    .member-img {
        width: 160px;
        height: 160px;
    }

    .member-info {
        padding: 50px 27px 10px;
        height: 275px;
    }

    .member-social a {
        margin: 0 5px;
    }

    .team-members {
        text-align: center;
    }

    .fact {
        margin-bottom: 30px;
    }

    .pull-3 {
        right: 0;
    }

    .push-8 {
        left: 0;
    }

    .review-section {
        text-align: center;
    }

    .review-text {
        padding: 0 60px;
    }

    .review-text-slider .owl-nav {
        padding-top: 0;
        position: absolute;
        top: 50%;
        margin-top: -45px;
        left: 0;
        width: 100%;
    }

    .review-text-slider .owl-prev {
        float: left;
    }

    .review-text-slider .owl-next {
        float: right;
    }

    .review-meta-slider {
        margin: auto;
    }

    .author-meta {
        padding-top: 0;
    }

    .newsletter-form {
        padding-left: 0;
    }

    .footer-widget {
        margin-bottom: 30px;

    }

    .footer-links .footer-logo {
        width: 100%;
        text-align: center;

        margin-bottom: 20px;
    }

    /* .footer-links .offset-md-2{
		margin-left: 0;

	}

	.footer-links  div:nth-child(2){
		margin-left: 10%;
	}

	.footer-links div:nth-child(3){
		width: 30%;
	}

	.footer-links  div:nth-child(4){
		margin-left: 10%;
	}

	.footer-links div:nth-child(5){
		width: 30%;
	}

	.footer-bottom .row div:nth-child(1){
		width: 50%;
	}
	.footer-bottom .row div:nth-child(2){
		width: 50%;
	} */


    .newsletter-section {
        text-align: center;
    }

    .request-quote-section {
        padding-bottom: 0;
    }

    .request-quote-section .off-img {
        position: relative;
        top: 0;
    }




}


@media(max-width:991px) {

    /* new css */

    .pick-plan-txt-wrapper h2 {
        font-size: 36px;
    }

    .why-choose-img {
        text-align: center;
        margin-bottom: 50px;
    }

    .why-choose-us h3 {
        font-size: 42px !important;
    }

    .why-choose-img img,
    .auto-repair-bill-section img {
        height: auto;
    }

    .logo-inner {
        max-width: 100%;
        height: 100px;
        width: 90%;
    }

    .pick-plan-txt-wrapper {
        margin-top: 110px;
    }

    .footer-bottom .store-links {
        text-align: center;
    }

    .footer-bottom .footer-nav {
        text-align: center;
        justify-content: center;
    }

    .our-company-top-sec.top-section-inner {
        padding-top: 134px;
    }

    .experience-section-our-cmpny .experience-box p {
        margin-bottom: 20px;
    }

    .claim-sales-wrapper {
        position: initial;
        max-width: fit-content;
        margin: 20px auto 0;
        border-radius: 0;
        text-align: center;
    }

    .filling-claim-sec h2 {
        font-size: 36px;
        margin-top: 30px;
    }

    .filling-claim-sec {
        margin-top: 160px;
    }

    .how-it-work-top-sec h2 {
        font-size: 36px;
    }

    .num-cta {
        align-items: start;
        margin: 0;
    }

    .phone-num {
        flex-direction: column;
        margin-left: 0;
        align-items: start;
    }

    .call-num {
        margin-bottom: 10px;
    }

    .header-section .site-btn {
        margin-left: 0;
    }

    .navbar .dropdown-menu {
        background-color: #fff;
    }

    #navbarCollapse {
        margin: 0 -0.8rem;
        padding: 15px;
        background: rgb(7, 89, 133);
        width: 100%;
    }

    #navbarCollapse .nav-link {
        color: #fff;
    }

    #navbarCollapse .icon-text {
        color: #fff;
    }

    #navbarCollapse .icon-circle {
        background: #fff;
        border-radius: 50%;
        color: #1c588c;

    }

    #navbarCollapse .icon-text {
        text-align: left;
        color: #fff;
        font-weight: normal;
    }

    #navbarCollapse .nav-link.dropdown-toggle::after {
        float: right;
    }

    .hero-section h2 {
        font-size: 34px;
    }

    .hero-section {
        height: auto;
        padding-bottom: 80px;
        padding-top: 160px;

    }

    .hero-section {
        background-image: url(../img/home/info-car-sec-bg.jpg);
    }

    /* new css end */
}

/* Large Mobile :480px. */

@media only screen and (max-width: 767px) {
    .plan-ex-img img {
        max-width: 40px;
    }

    .update-form-design .form-group {
        width: 100%;
    }

    /* .hero-section {
		background-image: url(../img/home/info-car-sec-bg.jpg);
	} */
    header .navbar-expand-md ul.navbar-nav li {
        padding: 8px 8px 8px 8px;
    }

    .navbar-expand-md .phone-num {
        display: block;
        width: 100%;
        margin: 0;

    }

    .our-company-bg {
        background-position: 0 61px;

    }

    .table-claim-section .container .table-wrap {
        overflow: scroll;
    }

    .navbar-blue .dropdown-item:focus,
    .navbar-blue .dropdown-item:hover,
    .navbar-blue .dropdown-item:active {
        color: var(--bs-dropdown-link-hover-color);
        background: #0b3c6c;
        color: #fff;
    }

    .dropdown-item:focus,
    .dropdown-item:hover,
    .dropdown-item:active {
        color: var(--bs-dropdown-link-hover-color);
        background: #e9ecef;
        color: #fff;
    }

    h2 {
        font-size: 26px !important;
    }

    .info-sec-btm {
        text-align: center;
        padding: 40px 0;
    }

    .d-flex {
        flex-direction: column;
        justify-items: center;
        justify-content: center;
    }

    section {
        padding: 20px;
    }

    .top-section-inner {
        padding-top: 155px;
    }

    .section-title {
        margin-bottom: 30px;
    }

    .request-quote-section {
        position: relative;
        padding: 40px 0 0 0;
    }

    .request-quote-section .off-img {
        position: relative;
        top: 0;
        right: 0;
    }

    .offset-top {
        margin-top: -84px;
        position: relative;
        z-index: 9;
    }

    .offset-pb {
        padding-bottom: 25px;
    }

    br {
        display: none;
    }

    .spad {
        padding-top: 50px;
        padding-bottom: 45px;
    }

    .dropdown-menu .dropdown-menu {
        margin-left: 0.7rem;
        margin-right: 0.7rem;
        margin-bottom: .5rem;
    }

    .header-section {
        padding: 0;

    }

    .header-section .responsive-bar {
        float: right;
        font-size: 25px;
        display: block;
        cursor: pointer;
    }

    .header-section .user {
        float: right;
        font-size: 25px;
        color: #333;
        margin-right: 20px;
        display: block;
    }

    .dropdown-menu {
        background: transparent;
        border: none;
    }

    .navbar .dropdown-menu li a {
        color: #25353e;
    }



    .navbar-blue .dropdown-menu li a {
        color: #fff;
    }

    .main-menu {
        float: none;
        position: absolute;
        width: 100%;
        left: 0;
        top: 100%;
        background: #fff;
        padding: 0 15px;
        display: none;
        -webkit-box-shadow: 0 14px 43px rgba(33, 54, 61, 0.15);
        box-shadow: 0 14px 43px rgba(33, 54, 61, 0.15);
    }

    .menu-list {
        list-style: none;
    }

    .menu-list li {
        display: block;
        border-top: 1px solid #e1e1e1;
    }

    .menu-list li a {
        display: block;
        padding: 10px 5px;
        margin-right: 0;
        color: #20509e;
    }

    .navbar-toggler {
        padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
        font-size: var(--bs-navbar-toggler-font-size);
        line-height: 1;
        color: var(--bs-navbar-color);
        background-color: transparent;
        border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
        border-radius: var(--bs-navbar-toggler-border-radius);
        transition: var(--bs-navbar-toggler-transition);
    }

    .hero-text h2 {
        font-size: 40px;
    }

    /* .hero-section {
		height: auto;
		padding-bottom: 100px;
		padding-top: 160px;

	} */

    .page-info-section {
        background-position: right 56% top;
        margin-top: 97px;
    }

    .page-info-section h2 {
        font-size: 40px;
    }

    .about-img {
        position: relative;
        display: block;
        left: 0;
        width: auto;
        margin-top: 50px;
    }

    .team-members {
        margin: 0;
        padding: 0 15px;
    }

    .member {
        width: 100%;
        margin-bottom: 30px;
        margin-left: 0;
    }

    .fact {
        margin-bottom: 0;
    }

    .fact p {
        font-family: 'PhosphatePro';
        color: #25353e;
        font-size: 14px;
        line-height: 1.4;
    }

    .fact-section .border-left,
    .fact-section .border-right {
        border: none;
    }


    .process-step:after {
        display: none;
    }

    .pull-3 {
        right: 0;
    }

    .push-8 {
        left: 0;
    }

    .review-section {
        text-align: center;
    }

    .review-text {
        padding: 0 60px;
    }

    .review-text-slider .owl-nav {
        padding-top: 0;
        position: absolute;
        top: 50%;
        margin-top: -45px;
        left: 0;
        width: 100%;
    }

    .review-text-slider .owl-prev {
        float: left;
    }

    .review-text-slider .owl-next {
        float: right;
    }

    .review-meta-slider {
        margin: auto;
    }

    .wrap-op {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .author-meta {
        padding-top: 0;
    }

    .header-section .site-btn {
        float: left;
        margin: 10px 0 20px 0;
    }

    .newsletter-form {
        padding-left: 0;
    }

    .newsletter-section {
        text-align: center;
    }

    .review-text p {
        font-size: 20px;
    }

    .blog-item {
        margin-bottom: 30px;
    }

    .request-quote-section .row .offset-2 {
        margin-left: 0;
        padding: 0 40px;
    }


    .footer-logo {
        text-align: center;
        margin-bottom: 30px;
    }

    .footer-widget {
        margin-bottom: 30px;
        /* width: 50%; */
        text-align: center;
    }

    .footer-bottom {
        text-align: center;
    }

    .footer-nav {
        text-align: center;
    }

    .single-blog-page .social-share {
        text-align: left;
        margin-top: 20px;
    }

    ul.nav-tabs li {
        margin-bottom: 20px;
    }

    .tab-content {
        margin: 30px 0;
    }

    .card {
        padding: 30px 20px;
        color: #25353e;
        position: relative;
        margin: 20px;
    }

    footer .spad {
        padding-top: 50px;
        padding-bottom: 0px;
    }

    .pick-plan-txt-wrapper h5 {
        font-size: 18px;
        line-height: 24px;
    }

    .your-plan-wrapper {
        padding-top: 20px;
    }

    .your-plan-wrapper .section-title p {
        font-size: 25px;
        line-height: 30px;
    }

    .your-plan-wrapper .how-it-works h3 {
        font-size: 24px;
    }

    .plan h5 {
        font-size: 16px;
    }

    .how-it-works-section.your-plan-wrapper {
        padding: 0;
        padding-top: 20px;
    }

    .plan-table table .img-content span {
        white-space: nowrap;
    }

    .work-service-listing .divider:after {
        display: none;
    }

    .our-partner h3 {
        font-size: 36px;
    }

    .our-partner p.sub-statement {
        padding: 0;
    }

    .green-btn.large {
        padding: 13px 13px !important;
        font-size: 14px;
    }

    .footer-top {
        padding: 20px 0 5px;
    }

    .payment-section h3 {
        font-size: 28px !important;
    }

    .payment-section h4 {
        font-size: 28px;
    }

    .our-automative-partners-sec {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .experience-section-our-cmpny .experience-wrapper {
        padding: 35px 10px 35px;
        margin-bottom: 0px;
    }

    .about-section h2 {
        font-size: 28px !important;
    }

    .drive-peace-section,
    .above-beyond-sec {
        margin-top: 0px;
    }

    .our-company-bg {
        background-position: initial;
        background-size: cover;
    }

    .filling-claim-sec {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .service-box .icon-square {
        margin-bottom: 20px;
    }

    .service-info {
        text-align: center;
    }

    .faq-sec {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .new-claim-guide-que-sec {
        margin-top: 0px;
    }

    .new-claim-guide-que-sec .claims_guide_wrapper h4 {
        font-size: 26px;
    }

    .explore-exciting-sec {
        margin-top: 0px;
        padding-bottom: 0px;
    }

    .explore-exciting-sec h4 {
        font-size: 24px;
    }

    .inquiry-section {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .inquiry-section h4 {
        font-size: 26px;
    }

    .claim-paid-see-our-claim {
        margin-top: 0px;
    }
}

@media only screen and (max-width:666px) {
    .footer-section {
        padding-bottom: 50px;
    }

    .partner-gallery {
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 20px;
    }

    .black-title,
    .white-lg-title {
        font-size: 28px
    }

    .our-partner .sub-statement {
        padding: 0;
    }

    .service-box {
        display: block;
        text-align: center;
    }

    .service-icon {
        margin: 0 auto 15px;
    }

    .service-info .xs-blue-title {
        text-align: center;
    }

    .why-choose-services {
        margin: 50px 0 0px;
    }
}

/* small Mobile :320px. */
@media (max-width:575px) {
    .claim-sales-wrapper table td {
        text-align: center;
    }

    .claim-sales-wrapper table tr {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .why-choose-us h3 {
        font-size: 36px !important;
    }

    .plan-table table .img-content {
        min-width: 280px;
    }

    .ourpatner-slider {
        padding: 0 20px;
    }

    .ourpatner-slider .slick-prev {
        left: 0;
    }

    .ourpatner-slider .slick-next {
        right: 0px;
    }

    .gallery-item img {
        margin: 0 auto;
    }

    .green-btn.large {
        padding: 10px 10px !important;
        font-size: 12px;
    }

    .title-with-bdr {
        min-width: 80px;
    }

    .green-btn.large:last-child {
        /*margin-left: 10px;*/
    }

    .perfact-position-sec h3,
    .payment-section h4 {
        font-size: 24px;
    }

    .experience-section-our-cmpny .experience-box p {
        font-size: 20px;
    }

    .new-claim-guide-que-sec .claims_guide_wrapper h4 {
        font-size: 22px;
    }
}

@media only screen and (max-width: 479px) {
    .black-title {
        font-size: 28px;
    }

    .our-partner .sub-statement {
        padding: 0;
    }

    .offset-pb {
        padding-bottom: 53px;
    }

    .review-text {
        padding: 0 45px;
    }

    .review-text p {
        font-size: 18px;
    }

    .newsletter-form input {
        padding-right: 30px;
    }

    .newsletter-form button {
        position: relative;
        padding: 14px;
        border-radius: 50px;
        margin-top: 23px;
    }

    .review-text-slider .owl-prev,
    .review-text-slider .owl-next {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .review-meta-slider {
        width: auto;
    }

    .member-img {
        width: 180px;
        height: 180px;
    }

    .member-info {
        padding: 50px 20px 10px;
        height: 320px;
    }

    .blog-text {
        padding: 15px;
    }

    .comment .comment-avator {
        float: none;
        margin-bottom: 20px;
    }

    .comment .comment-content {
        padding-left: 0;
    }

    .request-quote-section .cta-ci {
        display: flex;

        flex-direction: column;
        align-content: flex-start;
        align-items: center;
    }

    .service-info .xs-blue-title {
        line-height: normal;
    }

}

@media only screen and (max-width:413px) {
    .partner-gallery {
        margin: 0 25px
    }

    .white-title,
    .black-title {
        font-size: 24px;
    }

    .plan .plan-covered.premier {
        padding: 50px 15px 30px;
    }
}

.frm-error {
    margin-bottom: 0px !important;
    padding-bottom: 0px;
    color: red !important;
}