/* font style*/
@import url('https://fonts.googleapis.com/css?family=Poppins:100,400,300,200,500,700,600,800,900');
@import url('https://fonts.googleapis.com/css?family=Jost:wght@500&display=swap:100,400,300,200,500,700,600,800,900');

@import url('https://fonts.googleapis.com/css?family=Urbanist:wght@100&display=swap:100,400,300,200,500,700,600,800,900');

::-webkit-scrollbar-track
{
	border-radius: 25px;
	background-color: #ffffff;
}
::-webkit-scrollbar
{
	width:6px;
	background-color: #ffffff;
}

::-webkit-scrollbar-thumb
{
	border-radius: 25px;
	background: #f26c4f;
    cursor: pointer;
}
::-moz-scrollbar-track
{
	border-radius: 0px;
	background: #f26c4f;
}
::-moz-scrollbar
{
	width: 6px;
	background: #f26c4f;
}
::-moz-scrollbar-thumb
{
	border-radius: 0px;
	background: #f26c4f;
    cursor: pointer;
}
::-o-scrollbar-track
{
	border-radius: 0px;
	background: #f26c4f;
}
::-o-scrollbar
{
	width: 6px;
	background: #f26c4f;
}
::-o-scrollbar-thumb
{
	border-radius: 0px;
	background: #f26c4f;
    cursor: pointer;
}

body{
    padding: 0px;
    margin: auto;
    height: auto;
    line-height:24px;
    color: #777777;
    background: rgb(255, 255, 255);
    font-family: 'Poppins', sans-serif;
    overflow-x:hidden;
}

a, a:hover , a:focus, a:active{
    text-decoration: none;
    border: none;
}   
.img{
   width: 100%!important;
}
.logo{
   width: 100%!important;
}

/* navbar-line */

li.different{
    border:none;
    position: relative;
  }
  li.different:hover{
    border: none;
  }
  
  .different::after{
    content: '';
    position: absolute;
    width: 0px;
    height: 2px;
    left: 0%;
    bottom:0;
    background-color: #f86241;
     transition: width .2s;
    transition: all ease-in-out .2s;
  }
  .different:hover::after{
    width: 100%;
    left: 0px;
    margin-left: auto;
    margin-right: auto;  
  }

  /*  */
  
.navbar-light .navbar-nav .nav-link {
    color: rgb(0 0 0);
    font-size: 13px;
    font-weight: 400;

}

@media all and (min-width:1190px) {
	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
	.navbar .nav-item:hover .nav-link{ color: #1d2857;  }
	.navbar .dropdown-menu.fade-down{ top:180%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}


.nav-link
font-family: var(--font-medium);{
   /* font-family: 'Poppins', sans-serif; */
    /* font-family: 'Jost', sans-serif; */
    /* font-family: 'Urbanist', sans-serif; */
    color: rgb(0, 0, 0)!important;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #000000;
}

.navbar-light .navbar-nav .nav-link {
    color: #000000;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #000000;
}
.navbar-light .navbar-nav .nav-link:focus {
    color: #000000;
}
.navbar-light .navbar-nav .nav-item> .active {
    color: #009;
}

.nav-bar-style{
    padding:.8%;
background-color: #FFF;
border-bottom: 1px solid #f3f1f1;

}

.call-icon img{
    border: 1px solid #FFF !important;
    border-radius: 30px; 
    width:55px;
    padding: 10%;
}


.dropdown-menu{

    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    z-index: 10;

    
    padding: 2%;
    margin-top: 8%!important;
    border:none;
    border-radius: 6px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
-webkit-box-shadow: 0px 0px 25px -16px rgba(0,0,0,0.49);
-moz-box-shadow: 0px 0px 25px -16px rgba(0,0,0,0.49);
box-shadow: 0px 0px 25px -16px rgba(0,0,0,0.49);
}

@media only screen and (max-width:1024px){
    .dropdown-menu{
    padding: 0%;
        margin-top: 0%!important;
    
    }}




.dropdown-menu{
    z-index: 1500;
    transition:all ease-in-out .3s;
}
.dropdown-item:hover{
    color: #1d2857;
    background: none;
    margin-left: 2%;
    transition:all ease-in-out .3s;
}

.icon-style{
    padding-left: 2%;
    transition:all linear .5s;
}
.icon-style:hover> img{
    transform: rotate(180deg);
    transition:all ease .5s;
 
}
.login-button{
    font-size: 13px;;
    color: #FFF;
   background: #000099;
    border-radius: 30px;
/* background: #8e8eff; */
border: 1px solid #1d2857;
/* box-shadow: -1px 2px 14px 1px rgba(148,148,148,0.48);
-webkit-box-shadow: -1px 2px 14px 1px rgba(148,148,148,0.48);
-moz-box-shadow: -1px 2px 14px 1px rgba(148,148,148,0.48); */
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
transition: all ease-in 0.3s;
}

.login-button:hover{
    color: #ffffff;
    border: 1px solid #1d2857;
    background: #1d2857;
    transition: all ease-in 0.3s;
}

.login-button-modal{
    font-size: 13px;;
    color: #FFF;
   background: #000099;
    border-radius: 30px;
/* background: #8e8eff; */
border: 1px solid #1d2857;
/* box-shadow: -1px 2px 14px 1px rgba(148,148,148,0.48);
-webkit-box-shadow: -1px 2px 14px 1px rgba(148,148,148,0.48);
-moz-box-shadow: -1px 2px 14px 1px rgba(148,148,148,0.48); */
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
transition: all ease-in 0.3s;
}

.login-button-modal:hover{
    color: #1d2857;;
    border: 1px solid #1d2857;
    background: #FFF;
    transition: all ease-in 0.3s;
}









.log-btn{
    color: #ffffff;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-secondary{
    font-size: 13px;
    background: transparent!important;;
    border-color: transparent!important;;
    border: none!important;
    color: #FFF;
    top: 6%;
}

.btn-secondary::focus {
    text-decoration: none;
    border: none;
}

.btn:focus , .btn-secondary:focus, .btn-close:focus{
outline: none;
box-shadow: none;
}

.badge-light{
    position: absolute;
    top: 0px;
    color: #FFF;
    background: #f26c4f;
    border-radius: 20px;
    font-weight: 400;
    font-size: 10px;
}
.line{
    position: relative;
    top: 7px;
}
.bg-light {
    background-color: #FFF!important;
}

/* banner */
.shop-banner-img{
    background:url(../image/banner-background-1.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-position:center; 
    max-height: 750px;
    height: 495px;
    /* backgrounrgb(201, 201, 236)05d; */
    /* margin-bottom: 15%; */
}
.breadcrumb{
    font-size: 12px;
    padding: 0.75rem 0rem;
    background: transparent!important;
}
.breadcrumb > li > a , .breadcrumb-item.active{
    color: #FFF;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #ffffff;
    content: ">";
}
.display-4 {
    font-size: 38px;
    font-weight: 500;
    line-height: 1.2;
    color: #FFF;
    /* font-family: 'Jost', sans-serif; */
    font-family: 'poppins', sans-serif;
    margin-top: -2%;
}
.lead{
    font-size: 13px;
    color: #FFF;
}
.sticky-top{
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
}
/* our-insurance */

.tab-style-box {
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    margin-bottom: 7%;
}

.tabs-home-top{
    margin-top: -20%;
}
}
.tabs-inner-top{
    margin-top: -10%;
}



.our-insurance{
    padding: 4% 4%;
}
.our-insurance h4{
    color: #000;
    font-family: 'Poppins', sans-serif;
    /* font-family: 'Urbanist', sans-serif; */
    font-size: 26px;
    /* font-weight: 600; */
}
.our-insurance h3{
    color: #000;
    font-family: 'Poppins', sans-serif;
    /* font-family: 'Urbanist', sans-serif; */
    font-size: 20px;
    /* font-weight: 600; */
}




.our-insurance p{
    color: rgb(0, 0, 0);
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}
.our-insurance ul{
    display: block;
    padding-left: 0px;
}
.our-insurance ul li{
    display: block;
    color: rgb(0, 0, 0);
    font-size: 14px;
}
.color-theme{
    color: #0d0d8e;
}

.s-m-400{
    font-weight: 400;
}

.service-icon{
    transition:all ease-in-out .3s;
    padding: 2% 0%;
}

.service-icon:hover , .service-icon:hover .insurance-style h5{
    color: #009;
    cursor: pointer;
    transition: .3s ease-in-out;
    font-size: 13px;
}
.bottom_line::after {
    content: "";
    background-color: #5c9cd9;
    display: block;
    width: 40px;
    height: 2px;
    border-radius: 100px;
    margin: 10px 0 15px;
}
.bottom_center::after {
    content: "";
    background-color: #5c9cd9;
    display: block;
    width: 40px;
    height: 2px;
    border-radius: 100px;
    margin: 10px 0 15px;
    margin-left: auto;
    margin-right: auto;
}





.insurance-style h4{
    font-size: 15px;
    line-height: 22px;
    color: #0d0d8e;
    /* font-family: 'Urbanist', sans-serif; */
    font-family: 'Poppins', sans-serif;
    transition: .3s ease-in-out;
}
.insurance-style h5{
    font-size: 15px;
    line-height: 22px;
    color: #212121;
    /* font-weight: 600; */
     /* font-family: 'Urbanist', sans-serif; */
    font-family: 'Poppins', sans-serif;
    transition: .3s ease-in-out;
}
.insurance-style p{
    color: #505052;
    line-height: 21px;
    font-size: 13px;
    height: 40px;
    overflow: hidden;
}


.service-s1{
    padding:2% 0% 2% 0%;
}
.service-s2{
    padding:0% 0% 4% 0%;
}
.aaa-underline{
    border-top: 1px dashed #d3d3d3;
}

.tab-height .oneline-spcl{
        padding-top: 1%;
        padding-bottom: 5%;
    }


.r-hide{
    border-right: none!important;
}

.btn-close {
    position: absolute;
    right: 48px;
    margin-top: 18px;
    background: none;
}


.btn-arrow-style{
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background: #fd310da6;
    position:absolute;
    z-index:0;
    opacity: 0;
    transition:all ease-in-out .3s;
}

 .service-icon:hover .btn-arrow-style{
    opacity: 1;
    transition:all ease-in-out .3s;
}
.icon-style-service:hover{
    transition:all ease-in-out .3s;
}

.icon-style-service:hover{
    background: #ffebd378;
    border-radius: 20px;
    padding: 8% 6%;
    transition:all ease-in-out .3s;
}




.h-auto{
    margin-top: auto;
    margin-bottom: auto;
}

.service-icon2 .row{
    border-right: 1px dashed #d3d3d3;
}
.service-icon .col-lg-7{
    padding: 2%!important;
}
.btn-outline-danger{
    font-size: 10px;
    border-radius: 25px;
    border:1px solid #f26c4f ;
}
.btn-outline-danger:hover{
    font-size: 10px;
    border-radius: 25px;
    border:1px solid #f26c4f ;
    background-color: #f26c4f ;
}
.btn-outline-buy {
    font-size: 10px;
    border-radius: 25px;
    background: #009;
    color: #FFF;
    border: 1px solid #009;
}

.enquire-bttn{
    padding: 2% 10%;
}
.cancel-button{
    color: #FFF;
    font-size: 13px;
    background: #dc3545;
    border-radius: 50px;
    transition: all ease-in 0.3s;
}

.cancel-button:hover{
    color: #FFF;
    background: #db0416;
    transition: all ease-in 0.3s;
}
.modal-content{
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.our-carousel{
    padding: 3% 4% 5% 4%;
    background: #fff8f6;
}


.our-carousel h5{
    color: #000;
    font-family: 'Poppins', sans-serif;
    /* font-family: 'Urbanist', sans-serif; */
    font-size: 13px;
    /* font-weight: 600; */
}
.our-carousel h4{
    color: #000;
    font-family: 'Poppins', sans-serif;
    /* font-family: 'Urbanist', sans-serif; */
    font-size: 26px;
    /* font-weight: 600; */
}

.our-carousel h3{
    color: #000;
    font-family: 'Poppins', sans-serif;
    /* font-family: 'Urbanist', sans-serif; */
    font-size: 20px;
    font-weight: 500;
}

.our-carousel p{
    color: rgb(0, 0, 0);
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    line-height: 20px;
}
.service-icon .icon{
    padding:6%;
}

.owl-theme{
    margin-top: -3%;
}
/* .tab-style-box {
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
} */

.benefits-style-box{
    background: #FFF;

}

.owl-radius{
    background:#FFF; 
    border-radius: 10px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
}

.quick-icon:hover , .quick-icon:hover .insurance-style h5{
    color: #5050e1;
    cursor: pointer;
    transition: .3s ease-in-out;
    font-size: 14.5px;
}

.quick-icon .col-lg-7{
    padding: 2%!important;
}
.border-side{
    border-right: 1px dashed #06a9e46e;
    border-left: 1px dashed #06a9e46e;
}
.quick-icon .row .col-lg-9 h5{
    color: #FFF;
    cursor: pointer;
    transition: .3s ease-in-out;
    font-size: 14px;
    font-family: 'poppins', sans-serif;
    font-weight: 400;
}
.footer{
    /* background: #121419; */
    background:#08192b ;
}

.footer-subj-h{
    font-size: 20px;
    font-family: 'poppins', sans-serif;
    color: #f26c4f;
}
.list-unstyled{
    margin-top: -4%;
}
.list-unstyled li, .list-unstyled li a{
    font-size: 12px;
    padding-top: 4%;
    color: #FFF;
}

.copyright{
    /* background: #000000; */
    background: #020d18;
}
.copyright p{
    font-size: 12px;
    padding-top: 3%;
    color: #FFF;
}
/*  */
.datepicker-dropdown {
    margin-top: 0!important;
    left: 0;
}
.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: none;
    font-family: 'poppins', sans-serif;
    /* font-family: 'Urbanist', sans-serif; */
    font-size: 13px;
}
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background-color: #cfd3e2!important;
    border-color: #cfd3e2!important;
    border-radius: 25px;
    color: #FFF!important;
}
.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius:25px!important;
    border: none;
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    color: #ffffff;
    background-color: #009!important;
    border-color: #009!important;
}  

.form-control {
    font-size: 14px;
    /* font-family: 'Urbanist', sans-serif; */
    font-family: 'poppins', sans-serif;
    color: #000;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-height{
    height: 40px;
}

.compare-button {
    font-size: 13px;
    color: #FFF;
    background: #1faf4f;
    border-radius: 30px;
    /* background: #8e8eff; */
    border: 1px solid #62be81;
    transition: all ease-in .3s;
}
.compare-button:hover{
    font-size: 13px;
    color: #FFF;
    background: #0d7c32;
    border: 1px solid #0d7c32;
    transition: all ease-in .3s;
}



.shopinner-banner-img{
    background:url(../image/banner-background-1.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-position:center; 
    height: 370px;
    /* backgrounrgb(201, 201, 236)05d; */
    /* margin-bottom: 15%; */
}


.innerpage-img{
    background:url(../image/banner.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-position:center; 
    height: 370px;
    /* backgrounrgb(201, 201, 236)05d; */
    /* margin-bottom: 15%; */
}

.roadside-img{
    background:url(../image/roadside-assitance.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-position:center; 
    height: 270px;
    /* backgrounrgb(201, 201, 236)05d; */
    /* margin-bottom: 15%; */
}
.electronic-img{
    background:url(../image/electronic-warranty.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-position:center; 
    height: 270px;
    /* backgrounrgb(201, 201, 236)05d; */
    /* margin-bottom: 15%; */
}
.auto-img{
    background:url(../image/auto-warranty.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-position:center; 
    height: 270px;
    /* backgrounrgb(201, 201, 236)05d; */
    /* margin-bottom: 15%; */
}
.cart-img{
    background:url(../image/cart.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-position:center; 
    height: 270px;
    /* backgrounrgb(201, 201, 236)05d; */
    /* margin-bottom: 15%; */
}
.faq-img{
    background:url(../image/faq.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-position:center; 
    height: 270px;
    /* backgrounrgb(201, 201, 236)05d; */
    /* margin-bottom: 15%; */
}



.display-3 {
    font-size: 38px;
    font-weight: 500;
    line-height:34px;
    color: #FFF;
    /* font-family: 'Jost', sans-serif; */
    font-family: 'poppins', sans-serif;
    margin-top: -2%;

}

.inner-margin{
    margin-top: -6%;
    margin-bottom: 0%;
}
.inner-tab-style-box {
    background: #FFF;
    border: 1px solid #f1e2e2;
    border-radius: 10px;
    padding-top: 4%;
    padding-bottom: 4%;
}
.choose{
    background:url(../image/choose.jpg); 
    background-position:center; 
    background-attachment:scroll; 
    background-size: cover;
    padding: 6% 4%;
    /* background: #fff8f6; */
     /* background: rgb(252, 240, 240); */
}

/* panel */

.panel-style-box {
    background: #FFF;
    border: 1px solid #f1e2e2;
    border-radius: 10px;
    padding: 1% 2%;
}
.panel-bottom{
    height: 60px;
    border-bottom: 1px solid #f1e2e2;
}
.m-top{
    margin-top: 1%;
    transition: all ease-in 0.3s;
}



.card-body p{
    padding: 0% 2%;
    color: rgb(0, 0, 0);
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 20px;
}




 .panel .panel-body { 
  box-shadow: none;
}

/* .panel-group .card-header {
  padding: 0;
} */

.card-header p{
    font-size: 13px;
    color: #333;
    padding-left: 2%;
    margin-top: -1%;
}

.accordion .accordion-header .package {

      color: #000;
      /* font-family: 'Poppins', sans-serif; */
      font-family: 'Urbanist', sans-serif!important;
      font-size: 24px!important;
      font-weight: 600!important;
  }



.panel-group .card-header .btn {
  display: block;
  text-decoration: none;
  position: relative;
  width: 100%;
  text-align: left;
  padding: 1.5% 2%;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
}
.panel-group .card-header .btn .show {
      color: rgb(238, 27, 27);
  }



.panel-group .card-header h2:after {
    /* content: '-'; */
    content: url('data:/icons/peace-of-mind.png');
    dipslay: inline-block;
    width: 100px;
    height: 100px;

    float: right;
    width: 25px;
    height: 25px;
    padding: -0% 0.99%;
    line-height: 26px;
    border-radius: 25px;
    background: #f26c4f;
    color: #FFF;
    font-size: 14px;
}

.panel-group .card-header h2.collapsed:after {
    content: '+';
    width: 25px;
    height: 25px;
    padding: -0% 0.9%;
    border-radius: 25px;
    background: #615adc;
    color: #FFF;
}








/*  */

.package-page {
    padding: 0.25rem 1.25rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: none;
}


.panel-group .package-page .package {

      color: #000;
      /* font-family: 'Poppins', sans-serif; */
      font-family: 'Urbanist', sans-serif!important;
      font-size: 26px!important;
      font-weight: 600!important;
  }


  .package-page p{
    font-size: 13px;
    color: #333;
    padding-left: 2%;
    margin-top: -1%;
}
.panel-group .package-page .btn {
  display: block;
  text-decoration: none;
  position: relative;
  width: 100%;
  text-align: left;
  padding: 1% 2%;
    color: #000;
    font-family: 'Poppins', sans-serif;
    /* font-family: 'Urbanist', sans-serif; */
    font-size: 16px;
    /* font-weight: 600; */
}

.panel-group .package-page .btn:after {
    content: '-';
    float: right;
    width: 25px;
    height: 25px;
    padding: -0% 0.9%;
    line-height: 26px;
    border-radius: 25px;
    background: #f26c4f;
    color: #FFF;
    font-size: 14px;
}

.panel-group .package-page .btn.collapsed:after {
    content: '+';
    width: 25px;
    height: 25px;
    padding: -0% 0.9%;
    border-radius: 25px;
    background: #615adc;
    color: #FFF;
}











/*  */


.card-header {
    padding: 0.25rem 1.25rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: none;
}

.card{
    background-color: transparent;
    border-top: 1px solid #fcf0f0!important;
    border: none;
    border-radius: 0px;
}

.card:first-child{
    border-top: none!important;
}


.accordion{
    margin-top:5%;
    margin-bottom: 3%;
    border: 1px solid #fcf0f0;
    border-radius: 10px;
}
.bg-price{
    background: #FFF;
    border: 1px dashed #d3d3d3;
    border-radius: 8px;
    ransition: all ease-in .3s;
}
.bg-price:hover{
    border: 1px dashed #18bc69;
    box-shadow: -1px 2px 14px 1px rgba(186,186,186,0.4);
    -webkit-box-shadow: -1px 2px 14px 1px rgba(186,186,186,0.4);
    -moz-box-shadow: -1px 2px 14px 1px rgba(186,186,186,0.4);
    transition: all ease-in .3s;
}
.bg-price:focus{
    border: 1px dashed #18bc69;
    box-shadow: -1px 2px 14px 1px rgba(186,186,186,0.4);
    -webkit-box-shadow: -1px 2px 14px 1px rgba(186,186,186,0.4);
    -moz-box-shadow: -1px 2px 14px 1px rgba(186,186,186,0.4);
    transition: all ease-in .3s;
}



.bg-price h5{
    color: #000;
    font-weight: 500;
    font-size: 24px;
    font-family: 'poppins', sans-serif;
    cursor: pointer;
}
.bg-price h4{
    font-size: 24px;
    font-family: 'poppins', sans-serif;
    color: #18bc69;
    font-weight: 600;
    margin-top: -2%;
}
.bg-price h4 span{
    color: #7f7ffb;
    font-weight: 600;
}



.bg-price h6{
    font-size: 14px;
    font-family: 'Jost', sans-serif;
    color: #686868;
    -webkit-text-decoration-line: line-through; /* Safari */
   text-decoration-line: line-through; 
}

.bg-price li{
        color: red;
}


/*  */


  
  label {
      width: 100%;
  }
  
  .card-input-element {
      display: none;
  }
  
  .card-input {
      margin: 10px;
      padding: 00px;
  }
  
  .card-input:hover {
      cursor: pointer;
  }
  
  .card-input-element:checked + .card-input {
       box-shadow: 0 0 1px 1px #2ecc71;
   }
  
  
/* warning */


.myAlert-bottom{
    position: fixed;
    bottom: 68%;
    left:2%;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    z-index: 1025;
}

.alert-warning{
    display: none;
    font-family: 'poppins';
    font-size: 14px;
    background: #f8e15d;
    color: #000;
}
.alert strong{
    font-size: 24px;
    font-weight: 600;
}










/*  */



.compare-button {
    font-size: 13px;
    color: #FFF;
    background: #1faf4f;
    border-radius: 30px;
    /* background: #8e8eff; */
    border: 1px solid #62be81;
}

.details-padding{
    padding-bottom: 2%!important;
}
.terms {
    cursor: pointer;
    display: inline-block!important;
    font-family: poppins;
    color: #919191!important;
    font-size: 12px!important;
    margin-top: 3%!important
}
.terms span{
    color: #2c2e8c!important;
    text-decoration: dashed 1px #d3d3d3!important;
}

.bg-small-box{
    background: #FFF;
    border-radius: 10px;
    padding:15% 2%;
    border: 1px solid #f5f5f5;
    /* box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%); */
}

/*owl carousel*/
.owl-theme .owl-dots .owl-dot span {         
    width: 4px!important;
    height: 4px!important;
    border-radius: 25px;
    margin: 5px 2px;
    margin-top: 10px!important;
    background: #a56cf3!important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background:  #410099!important;
     width:18px!important;
}
 .owl-carousel button.owl-dot {
    display: inline-block;
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}
.owl-nav button.owl-next{
    display: none;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev
{
    display: none;
    margin-left: auto;
    margin-right: auto;
}
.compare-popup ul{
    display: block;
    padding-left: 0px;
}
.compare-popup ul li{
    display: block;
    color: rgb(0, 0, 0);
    font-size: 14px;

}
.compare-popup h6{
    color: #000;
    font-family: 'Poppins', sans-serif;
    /* font-family: 'Urbanist', sans-serif; */
    font-size: 16px;
    /* font-weight: 600; */
}
.compare-popup h2{
    color: #000;
    font-family: 'Poppins', sans-serif;
    /* font-family: 'Urbanist', sans-serif; */
    font-size: 26px;
    /* font-weight: 600; */
}



.compare-popup p{
    color: rgb(0, 0, 0);
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}
/* login */

    .form-style input{
        border:0;
        height:50px;
        border-radius:0;
    border-bottom:1px solid #ebebeb;	
    }
    .form-style input:focus{
    border-bottom:1px solid #1d2857;	
    box-shadow:none;
    outline:0;
    background-color:#ffffff;	
    }
    .form-style select{
        border:0;
        height:50px;
        border-radius:0;
    border-bottom:1px solid #ebebeb;
    font-size: 13px;	
    }
    .form-style select:focus{
    border-bottom:1px solid #1d2857;	
    box-shadow:none;
    outline:0;
    background-color:#ffffff;	
    }
    
    .form-style textarea{
        border:0;
        height:50px;
        border-radius:0;
    border-bottom:1px solid #ebebeb;	
    }
    .form-style textarea:focus{
    border-bottom:1px solid #1d2857;	
    box-shadow:none;
    outline:0;
    background-color:#ffffff;	
    }
    




    .links{
        padding: 0% 2%;
    color: rgb(0, 0, 0);
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    line-height: 20px;
    margin-top: -2%; 
    }
    .reset-passwrd{
        cursor: pointer;
        color: rgb(0, 0, 0);
       border-bottom:1px dashed #929292!important;
    }
    .login-bg{
        background: #009;
    }

    /* table */

    .wrapper {
        margin-top: 5vh;
      }
      
      .dataTables_filter {
        float: right;
      }
      
      /* .table-hover > tbody > tr:hover {
          background-color: lighten(cyan, 40%);
      } */

      .table {
        @media only screen and (min-width: 768px) {
          table-layout: fixed;
          //this declaration overwrites 
          //the default plugin style
          max-width: 100% !important;
        }
      }

      
      .table td:nth-child(2) {
        overflow: hidden;
        //white-space: nowrap;
        text-overflow: ellipsis;
      }
      
      .highlight {
        background: lighten(yellow,30%);
      }
      
      @media only screen and (max-width: 767px) {
        
     
       .border-line table,
       .border-line thead,
       .border-line tbody,
       .border-line th,
       .border-line td,
       .border-line tr {
          display: block;
        }
        
        .border-line thead tr,
        .border-line tfoot tr {
          position: absolute;
          top: -9999px;
          left: -9999px;
        }
        .border-line td {
        
          border: none;
          border-bottom: 1px solid #eee;
          position: relative;
          padding-left: 3% !important;
    padding-top: 10%!important;
        }
        .border-line td:before {
            font-weight: 600;
          color: #000099;
          position: absolute;
          top: 5px;
          left: 6px;
          width: 45%;
          padding-right: 10px;
          white-space: nowrap;
        }
        
        .table td:nth-child(1) {
            height: 100%;
            top: 0;
            left: 0;
        }
        .border-line td:nth-of-type(1):before {
          content: "ITEM :";
        }
        .border-line td:nth-of-type(2):before {
          content: "PRICE :";
        }
        .border-line td:nth-of-type(3):before {
          content: "PROTECTION DURATION :";
        }
        .border-line td:nth-of-type(4):before {
          content: "AMOUNT :";
        }
       
        
        .dataTables_length {
          display: none;
        }
      }
      


      @media only screen and (max-width: 375px) {
        .border-line td {
      padding-top: 15%!important;
          }
         .wg-box-content-details h3 {
            font-size: 14px!important;
        }
        .wg-box-content-details p{
            font-size:10px;
        }
      }
        






      .table-bordered {
        border: none;
        border-radius: 8px;
        padding: 5%;
    }
    .table-bordered td, .table-bordered th {
        border: none;
        color: rgb(0, 0, 0);
        font-family: 'poppins', sans-serif;
        font-size: 13px;
    }
    .table thead th {
        vertical-align: bottom;
        border-bottom: 1px solid #dee2e6;
        color: rgb(0, 0, 0);
        font-family: 'poppins', sans-serif;
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
        padding: 1.5% 0.5%;

    }
    thead {
        background:transparent;
    }
    .heading{
        font-size: 16px!important;
        color: #f26c4f;
        font-weight: 600;
    }

    tr{
        border-top: 1px dashed rgb(235, 235, 235);  
    }
    tr:first-child{
        border-top: none;
    }
    .border-line{
        border: 1px solid rgb(235, 235, 235); 
        border-radius: 10px;
    }

    .payment-options{
        font-size: 16px;
        font-family: 'Urbanist', sans-serif;
    }
    .payment-border{
        border-left: 1px dashed #d3d3d3;
        border-right: 1px dashed #d3d3d3;
    }

    .quick-dail{
        background: url(../image/quick-bg.jpg);
        background-position: center;
        background-attachment fixed;
        background-size: cover;
        background #000099; padding: 2% 0%;
    }


    /*  */

    .accordion-button::after {
        background-image: url(../image/svg/plus.svg);
        transform: scale(1.2) !important;
      }
      .accordion-button:not(.collapsed)::after {
background-image: url(../image/svg/minus.svg);
          transform: scale(1) !important;
      }


      .package-page p{
        font-size: 13px;
        color: #333;
        padding-left: 2%;
        margin-top: -1%;
    }
    .accordion-header .c-style {
      text-align: left;
      padding: 2% 2%;
      height: 70px;
        color: rgb(0, 0, 0);
        font-family: 'Poppins', sans-serif;
        /* font-family: 'Urbanist', sans-serif; */
        font-size: 14px;
        /* font-weight: 600; */
        transition: all ease-in 0.3s;
    }
    .accordion-button:not(.collapsed) {
        transition: all ease-in 0.3s;
        color: #ffffff;
        height: 60px;
        font-size: 14px;
        background-color: #151e46;
        box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
    }
    
    button:focus, .accordion-button:focus, .navbar-toggler:focus{
        outline: none;
        box-shadow: none;
        }
        .accordion-item {
            background-color: #fff;
            border:1px solid #fcf0f0;
 
        }

        .main-accordion-item {
            border:1px solid #dcdcfc!important;
 
        }



.asked-head{
    padding-bottom: 4%;
}
.faq{
    margin-top: -10%;
     margin-bottom: 8%;
}
.links-padding {
    padding: 4% 4% 2% 4%;
}
    

.compare-popup-call ul{
    display: block;
    padding-left: 0px;
}
.compare-popup-call ul li{
    display: block;
    color: #009;
    font-size: 14px;
    font-weight: 600;

}
.compare-popup-call ul li a{
    color: rgb(0, 0, 0);
    font-size: 13px;
    font-weight: normal;

}
.compare-popup-call .our-insurance{
        padding: 4% 4%;

}




.dropdown-menu-start{
    margin-left: -150%;
}
.cart-popup{
    width: 300px;
    /* background: #000; border-bottom: 1px dashed #d3d3d3; */
}
.cart-popup h5{
    /* font-family: 'Urbanist', sans-serif; */
    font-family: 'poppins', sans-serif;
    /* font-weight: 600; */
    font-size: 16px;
}
.cart-popup ul, .cart-popup ul li{
    display: block;
    font-size: 13px;
    padding-left: 0px;
}


.slider-padding{
    padding: 5% 0%;
}

.table>:not(:first-child) {
    border-top: none;
}
.table-bordered>:not(caption)>* {
    border-width :1px 0;
    margin-top: 5%;
    border:1px dashed #fcf0f0;
}
.table-bordered:last-child {
    border-top: none;
}

.submit-btn{
    padding: 3% 0%!important;
}
.border-img-style{
    border-radius: 8px;
}

.login-bg{
    background:url(../image/login.jpg); 
    background-position: center;
    background-size: cover; 
    background-attachment: fixed;
}
.register-bg{
    background:url(../image/register.jpg); 
    background-position: center;
    background-size: cover; 
    background-attachment: fixed;
}

.gap-2 button{
    padding: 1.3% 0%;
    margin-top: 3%;
    margin-left: 2%;
}

.terms-padding{
    margin-left: 3%;
}
.terms-padding:hover{
    border-bottom: 1px dashed #d3d3d3;
    transition: all ease-in 0.3s;
}

.feature{
    padding: 2% 4%;
}
.warranty-margin{
    margin-top: -5%;
}

/*  */
.warranty-para {
    font-size: 13px;
    color: #333;
    padding-left: 5%;
    margin-top: -1%;
}

.auto-warranty-button{
    font-size: 20px;
}
.auto-warranty-button:not(.collapsed) {
    color: #000000!important;
    font-size: 15px;
    background: #FFF!important;
}
/* .auto-warranty-button::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    transform: scale(.6) !important;
  }
  .auto-warranty-button:not(.collapsed)::after {
      transform: scale(.3) !important;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
  } */

  .warranty-padding{
    padding: 6% 4%;
}
.warranty-border{
    border-right: 1px dashed #d3d3d3 ;
}
.links-faq{
    font-size: 12px; 
    color:rgb(126, 126, 126);
}


.shophome{
    padding: 4% 4%;
}
.shophome h4{
    color: #000;
    /* font-family: 'Poppins', sans-serif; */
    font-family: 'Urbanist', sans-serif;
    font-size: 26px;
    font-weight: 600;
}
.shophome h3{
    color: #000;
    /* font-family: 'Poppins', sans-serif; */
    font-family: 'Urbanist', sans-serif;
    font-size: 20px;
    font-weight: 600;
}
.shophome p{
    color: rgb(0, 0, 0);
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}
.shophome ul{
    display: block;
    padding-left: 0px;
}
.shophome ul li{
    display: block;
    color: rgb(0, 0, 0);
    font-size: 14px;

}

.shophome-carousel{
        padding: 1% 4% 2% 4%;
    
}

.service-icon-style{
    padding: 8% 2%;
    border-right: 1px dashed #d3d3d3;
    border-radius: 0px;
}

.mt-carousel{
    margin-top: 3%;
}

#sidebar {
    width:100%;
    position: fixed;
    top: 200%;
    height: 100vh;
    z-index: 999;
    background: #e7ebff;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#sidebar.active {
    top: 94px;
}

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 0;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #6d7fcc;
}

#sidebar ul.components {
    padding: 0px 0;
    border-bottom 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
    border-bottom: 1px dashed #bbb;
    color: #000;
}

#sidebar ul li a:hover {
    color: #009;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

#content {
    width: 100%;
    padding: 20px;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}
.overlay {
    height: 106vh;
}
.overlay.active {
    top: 0%;
}
.wrapper {
    margin-top: 0vh;
}
#sidebar {
    z-index: 1020;
}
.sticky-top {
    z-index: 200!important;
}

.padding-nav li, .padding-nav li a {
    font-size: 14px!important;
    padding-top: 3%;
    color: #FFF;
}
.logo-width{
    width:140px;
}
.work-border{
    border-left: 1px dashed #d3d3d3; border-right: 1px dashed #d3d3d3;
}

.login-padding{
    padding: 5%;
}
container{
    width: 1920px;
}
/* 404 */
#notfound {
    position: relative;
    height: 100vh;
    background: #009;
  /*  background: #f6f6f6;*/
  }
  
  #notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  
  .notfound {
      border-radius: 10px;
    max-width: 767px;
    width: 100%;
    line-height: 1.4;
    padding: 70px 40px;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.1);
  }
  
  .notfound .notfound-404 {
    position: relative;
    height: 140px;
  }

  .notfound .notfound-404 h1 {
    font-family: 'Roboto', sans-serif;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 140px;
    font-weight: 700;
    margin: 0px;
    color: #262626;
    text-transform: uppercase;
  }
  
  .notfound .notfound-404 h1>span {
    color: #009;
  /*  color: #00b7ff;*/
  }
  
  .notfound h2 {
    font-family: 'poppins', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-transform: uppercase;
    color: #707070;
  /*  color: #151515;*/
    margin-top: 0px;
    margin-bottom: 25px;
  }

  .notfound h3 {
    font-family: 'poppins', sans-serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
    color: #009;
  /*  color: #151515;*/
    margin-top: 0px;
    margin-bottom: 10px;
    letter-spacing: -1px;
  }

  .notfound h6 {
    font-family: 'poppins', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-transform: uppercase;
    color: #707070;
  /*  color: #151515;*/
    margin-top: 0px;
    margin-bottom: 25px;
  }


  
  .notfound .notfound-search {
    position: relative;
    max-width: 320px;
    width: 100%;
    margin: auto;
  }
  
  .notfound .notfound-search>input {
    font-family: 'Roboto', sans-serif;
    width: 100%;
    height: 50px;
    padding: 3px 65px 3px 30px;
    color: #151515;
    font-size: 16px;
    background: transparent;
    border: 2px solid #c5c5c5;
    border-radius: 40px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
  }
  
  .notfound .notfound-search>input:focus {
    border-color: #00b7ff;
  }
  
  .notfound .notfound-search>button {
    position: absolute;
    right: 15px;
    top: 5px;
    width: 40px;
    height: 40px;
    text-align: center;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
  }
  
  .notfound .notfound-search>button>span {
    width: 15px;
    height: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        -ms-transform: translate(-50%, -50%) rotate(-45deg);
            transform: translate(-50%, -50%) rotate(-45deg);
    margin-left: -3px;
  }
  
  .notfound .notfound-search>button>span:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    left: 0px;
    top: 0px;
    border-radius: 50%;
    border: 4px solid #c5c5c5;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
  }
  
  .notfound-search>button>span:before {
    position: absolute;
    content: '';
    width: 4px;
    height: 10px;
    left: 7px;
    top: 17px;
    border-radius: 2px;
    background: #c5c5c5;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
  }

  
  
  .notfound a {
    font-family: 'Maven Pro', sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    background: #009;
  /*  background: #189cf0;*/
    display: inline-block;
    padding: 16px 38px;
    border: 2px solid transparent;
    border-radius: 40px;
    color: #fff;
    font-weight: 400;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
  }
  
  .notfound a:hover {
    background-color: transparent;
    border-color: #009;
    color: #009;
  }
  
  
  .img-logo{
      position: relative;
      width: 110px;
  }
  
  
  
  
  
  @media only screen and (max-width: 767px) {
    .notfound h2 {
      font-size: 14px;
    }
  }
  
  @media only screen and (max-width: 480px) {
    .notfound .notfound-404 h1 {
      font-size: 141px;
    }
  .wg-box-content-details h3 {
            font-size: 14px!important;
        }
        .wg-box-content-details p{
            font-size:10px;
        }
  }
  

/* profile */

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    font-weight: 500;
    background-color: #000099;
}

.nav-pills .nav-link{
    font-size: 14px;
    color: #000;
    border-top-left-radius 25px!important;
    border-bottom-left-radius 25px!important;
    padding: 5% 10%;
    text-align: start;
    width: 100%;
}
.nav-pills{
    border: 1px dashed #d3d3d3;
    border-radius: 10px;
    background: #FFF;
}







.our-insurance ul{
    display: block;
    padding-left: 0px;
}
.policy ul li{
    display: block;
    color: rgb(0, 0, 0);
    font-size: 14px;
}

/*  */
.form-style textarea {
    height: 90px;
}



.profile-line, .qoute-line , .policy-line , .message-line{
        border: 1px solid rgb(235, 235, 235); 
        border-radius: 10px;
}
.profile-line ol, .profile-line ul , 
.qoute-line ol, .qoute-line ul,
.policy-line ol, .policy-line ul,
.message-line ol, .message-line ul
{
    padding-left: 0rem;
}




@media only screen and (max-width: 767px) {
        
     
    .profile-line table,
    .profile-line thead,
    .profile-line tbody,
    .profile-line th,
    .profile-line td,
    .profile-line tr,

    .qoute-line table,
    .qoute-line thead,
    .qoute-line tbody,
    .qoute-line th,
    .qoute-line td,
    .qoute-line tr,
    
    .policy-line table,
    .policy-line thead,
    .policy-line tbody,
    .policy-line th,
    .policy-line td,
    .policy-line tr,

    .message-line table,
    .message-line thead,
    .message-line tbody,
    .message-line th,
    .message-line td,
    .message-line tr
    {
       display: block;
     }
     
     .profile-line thead tr,
     .profile-line tfoot tr,
     
     .qoute-line thead tr,
     .qoute-line tfoot tr,

     .policy-line thead tr,
     .policy-line tfoot tr,

     .message-line thead tr,
     .message-line tfoot tr


     {
       position: absolute;
       top: -9999px;
       left: -9999px;
     }
     .profile-line td, .qoute-line td, .policy-line td, .message-line td {
       border: none;
       border-bottom: 1px solid #eee;
       position: relative;
       padding-left: 2% !important;
 padding-top: 10%!important;
     }
     .profile-line td:before, .qoute-line td:before, .policy-line td:before , .message-line td:before{
         font-weight: 600;
       color: #000099;
       position: absolute;
       top: 16px;
       left: 6px;
       width: 45%;
       padding-right: 10px;
       white-space: nowrap;
     }
     
     .table td:nth-child(1) {
         height: 100%;
         top: 0;
         left: 0;
     }
     .profile-line td:nth-of-type(1):before {
       content: "POLICY ID :";
     }
     .profile-line td:nth-of-type(2):before {
       content: "WARRANTY :";
     }
     .profile-line td:nth-of-type(3):before {
       content: "END DATE :";
     }
     .profile-line td:nth-of-type(4):before {
       content: "DURATION :";
     }
     .profile-line td:nth-of-type(5):before {
        content: "STATUS :";
    }
    .profile-line td:nth-of-type(6):before {
        content: "ACTION :";
      }


      
/* policy */
     .policy-line td:nth-of-type(1):before {
        content: "POLICY ID :";
      }
      .policy-line td:nth-of-type(2):before {
        content: "WARRANTY :";
      }
      .policy-line td:nth-of-type(3):before {
        content: "ACTION :";
      }
     /* qoute */

      .qoute-line td:nth-of-type(1):before {
        content: "QUOTE ID :";
      }
      .qoute-line td:nth-of-type(2):before {
        content: "POLICY ID :";
      }
      .qoute-line td:nth-of-type(3):before {
        content: "QOUTE :";
      }
      .qoute-line td:nth-of-type(4):before {
        content: "STATUS :";
      }
      .qoute-line td:nth-of-type(5):before {
         content: "ACTION :";
     }

/* message */
     .message-line td:nth-of-type(1):before {
        content: "# :";
      }
      .message-line td:nth-of-type(2):before {
        content: "MESSAGE:";
      }
      .message-line td:nth-of-type(3):before {
        content: "POLICY ID :";
      }
      .message-line td:nth-of-type(4):before {
        content: "DATE :";
      }
      .message-line td:nth-of-type(5):before {
         content: "ACTION :";
     }


     
     .dataTables_length {
       display: none;
     }
   }
   


   @media only screen and (max-width: 375px) {
     .profile-line td , .qoute-line td, .policy-line td, .message-line td{
   padding-top: 15%!important;
       }
   }


   .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #000099;
    border-color: #000099;
   }

   .page-link, .page-link:hover , .page-lnk:focus {
    width: 35px;
    height: 35px;
    position: relative;
    display: block;
    color: #000099;
    background: rgb(171, 38, 233);
    border-radius: 25px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ffffff;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.page-item:first-child .page-link {
    border-radius: 25px;
}
.page-item:last-child .page-link{
    border-radius: 25px;
}


.table_order_details_1 th{
    font-size: 14px;
    font-weight: 500;
}
.table_order_details_1 td{
    font-size: 14px;
} 

.message-button {
    border-radius: 10px!important;
}


/*  */
.profile-icon {
    width: 20px;
    height: 20px;
    color:#f26c4f;
    margin-right: 2%;
    transition: all ease-in 0.3s;
}
.nav-pills .nav-link.active .profile-icon{
 width: 5px;
 height: 5px;
 background: #f26c4f;
 border-radius: 25px;
 padding: 1.5%;
 transition: all ease-in 0.3s;
}


.repay{
    font-size: 13px;;
    color: #000099;
   background: transparent;
    border-radius: 30px;
border: 1px solid #000099;
transition: all ease-in 0.3s;
padding: 4% 15%;
}

.repay:hover{
    color: #ffffff;
    border: 1px solid #1d2857;
    background: #1d2857;
    transition: all ease-in 0.3s;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
}

.claim-report{
    font-size: 13px;;
    color: #000099;
   background: transparent;
    border-radius: 30px;
border: 1px solid #000099;
transition: all ease-in 0.3s;
padding: 2% 8%;
}

.claim-report:hover{
    color: #ffffff;
    border: 1px solid #1d2857;
    background: #1d2857;
    transition: all ease-in 0.3s;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
}


.custom-checkbox input {
    cursor: pointer;
    border: 1px solid #009;
    height: 15px!important;
    width: 30px;
    line-height: 20px;
}

.custom-control-input:checked {
    background-color: #009;
    border-color: #009;
}
.custom-checkbox .links-faq{
    cursor: pointer;
    display: contents;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color:red;
}

/* aaa corporate website start */

.top_ul ul{
    display: block;
    padding-left: 0px;
}
.top_ul ul li{
    display:inline;
    font-size: 13px;
    color: #FFF;
    
}
.top_ul ul li a{
    font-size: 13px;
    color: #FFF;
    transition: all ease-in 0.3s;
} 
.top_ul ul li a:hover, .top_ul ul li a:focus{
    color: #ffffff;
    transition: all ease-in 0.3s;
}
.top_ul dl, .top_ul ol, .top_ul ul {
    margin-top: 0;
    margin-bottom: 0rem;
}
/* .top-ul_right{
    text-align: right;
} */
.top-ul_right .dropdown{
    display: inline-block;
    margin-right: 2%;
}

.navbar-right{
    cursor: pointer;
    font-size: 13px;
    color: #ffffff;
    background: rgba(39,55,120,1);
    background: -moz-linear-gradient(left, rgba(39,55,120,1) 0%, rgba(30,56,171,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(39,55,120,1)), color-stop(100%, rgba(30,56,171,1)));
    background: -webkit-linear-gradient(left, rgba(39,55,120,1) 0%, rgba(30,56,171,1) 100%);
    background: -o-linear-gradient(left, rgba(39,55,120,1) 0%, rgba(30,56,171,1) 100%);
    background: -ms-linear-gradient(left, rgba(39,55,120,1) 0%, rgba(30,56,171,1) 100%);
    background: linear-gradient(to right, rgba(39,55,120,1) 0%, rgba(30,56,171,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#273778', endColorstr='#1e38ab', GradientType=1 );
    padding: 1.8% 5%;
    border-radius: 30px; 
    transition: all ease-in 3s;
}
.navbar-right:hover{
    cursor: pointer;
    font-size: 13px;
    color: #ffffff;
    background: rgba(30,56,171,1);
    background: -moz-linear-gradient(left, rgba(30,56,171,1) 0%, rgba(39,55,120,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(30,56,171,1)), color-stop(100%, rgba(39,55,120,1)));
    background: -webkit-linear-gradient(left, rgba(30,56,171,1) 0%, rgba(39,55,120,1) 100%);
    background: -o-linear-gradient(left, rgba(30,56,171,1) 0%, rgba(39,55,120,1) 100%);
    background: -ms-linear-gradient(left, rgba(30,56,171,1) 0%, rgba(39,55,120,1) 100%);
    background: linear-gradient(to right, rgba(30,56,171,1) 0%, rgba(39,55,120,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e38ab', endColorstr='#273778', GradientType=1 );
    padding: 1.8% 5%;
    border-radius: 4px; 
    transition: all ease-in 3s;
}




.collapse-bttn{
    padding: 1% 2%;
    cursor: pointer;
    font-size: 13px;
    color: #ffffff;
background: #8e8eff;
background: -moz-linear-gradient(left,  #8e8eff 0%, #6969f6 100%); 
background: -webkit-linear-gradient(left,  #8e8eff 0%,#6969f6 100%); 
background: linear-gradient(to right,  #8e8eff 0%,#6969f6 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8eff', endColorstr='#6969f6',GradientType=1 ); 
    border-radius: 4px;
    text-align: center;
    margin-bottom: 5%;
    transition: all 0.3s ease-in;
    
}

.collapse-bttn:hover{
    color: #5757e2;
    border: 1px solid #8e8eff;
    background:#FFF;
    transition: all 0.3s ease-in;
}






/*Alert*/


  .success{
    background: #68f794;
    padding: 20px 40px;
    min-width: 60%;
    z-index: 2000;
    position: fixed;
    right: 0;
    top: 10%;
    border-radius: 4px;
    border-left: 8px solid #3bb860;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
  }
  .success.showAlert{
    opacity: 1;
    pointer-events: auto;
  }
  .success.show{
    animation: show_slide 1s ease forwards;
  }
  @keyframes show_slide {
    0%{
      transform: translateX(100%);
    }
    40%{
      transform: translateX(-50%);
    }
    80%{
      transform: translateX(0%);
    }
    100%{
      transform: translateX(-10px);
    }
  }
  .success.hide{
    animation: hide_slide 1s ease forwards;
  }
  @keyframes hide_slide {
    0%{
      transform: translateX(-50px);
    }
    40%{
      transform: translateX(0%);
    }
    80%{
      transform: translateX(-50%);
    }
    100%{
      transform: translateX(100%);
    }
  }
  .success .fa-exclamation-circle{
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #3bb860;
    font-size: 20px;
  }
  .success .msg{
    padding: 0 20px;
    font-size: 14px;
    color: #3bb860;
  }
  .success .close-btn{
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    background: #3bb860;
    padding: 20px 18px;
    cursor: pointer;
  }
  .success .close-btn:hover{
    background: #3bb860;
  }
  .success .close-btn .fas{
    color:  #68f794;
    font-size: 22px;
    line-height: 40px;
  }



  .alert{
    background: #ffdb9b;
    padding: 20px 40px;
    min-width: 60%;
    z-index: 2000;
    position: fixed;
    right: 0;
    top: 10%;
    border-radius: 4px;
    border-left: 8px solid #ffa502;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
  }
  .alert.showAlert{
    opacity: 1;
    pointer-events: auto;
  }
  .alert.show{
    animation: show_slide 1s ease forwards;
  }
  @keyframes show_slide {
    0%{
      transform: translateX(100%);
    }
    40%{
      transform: translateX(-50%);
    }
    80%{
      transform: translateX(0%);
    }
    100%{
      transform: translateX(-10px);
    }
  }
  .alert.hide{
    animation: hide_slide 1s ease forwards;
  }
  @keyframes hide_slide {
    0%{
      transform: translateX(-50px);
    }
    40%{
      transform: translateX(0%);
    }
    80%{
      transform: translateX(-50%);
    }
    100%{
      transform: translateX(100%);
    }
  }
  .alert .fa-exclamation-circle{
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #ce8500;
    font-size: 20px;
  }
  .alert .msg{
    padding: 0 20px;
    font-size: 14px;
    color: #ce8500;
  }
  .alert .close-btn{
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    background: #ffd080;
    padding: 20px 18px;
    cursor: pointer;
  }
  .alert .close-btn:hover{
    background: #ffc766;
  }
  .alert .close-btn .fas{
    color: #ce8500;
    font-size: 22px;
    line-height: 40px;
  }


.modal-fixed-h{
    max-height: 90vh;
    overflow-y: scroll;
}

.apply{
    position:relative; 
    margin-top: -13%; 
    margin-right: 0px; 
    float: right;
}

.clr-black {
    margin-top: 0%;
    font-family: "poppins";
    font-size: 13px;
    color: rgb(66, 66, 66);
    font-weight: 600;
    background: #f5ef88;
    border: 1px dashed #f5ef88;
    border-radius: 10px;
    padding: 1.5% 2%;
    display: inline-block;
    margin-top: 0%;
}

.apply-box{
    padding-bottom: 3%;
    padding-left:4%;
}



.msg_receive{
    padding: 2%;
    background: #ffeedf73;
    margin-top: 2%;
    border-radius: 16px;
    border-top-right-radius: 0px !important;
}
.msg_receive label{
    font-size: 14px;
    color: #9f7f62;
}
.msg_receive p{
    font-size: 15px!important;
    line-height: 20px;
    padding-top: 1%;
    font-weight: 400;
    color: #424242;
}
.msg_receive time{
    float: right;
    font-size: 11px;
    color: #ac8a6c;
}

.msg_sent{
    padding: 2%;
    background: #e3eaff;
    margin-top: 2%;
    border-radius: 16px;
    border-top-left-radius: 16px;
    border-top-left-radius: 0px !important;
}

.msg_sent label{
    font-size: 14px;
    color:#7b8ec6;
}

.msg_sent p{
    font-size: 15px!important;
    line-height: 20px;
    padding-top: 1%;
    font-weight: 400;
    color: #293f48;
}

.msg_sent time{
    float: right;
    font-size: 11px;
    color: #7b8ec6;
}





/*  */

.main-site .navbar-nav .nav-link {
    color: rgb(0 0 0);
    font-size: 14px;
    font-weight: 400;
}


.dropdown-toggle::after {
    border-right:none;
    border-left: none;
}

li.aaa-site{
    border:none;
    position: relative;
  }
  li.aaa-site:hover{
    border: none;
  }
  
  .aaa-site::after{
    content: '';
    position: absolute;
    width: 0px;
    height: 2px;
    left: 0%;
    bottom:0;
    background-color: #009;
     transition: width .2s;
    transition: all ease-in-out .2s;
  }
  
  .aaa-site:hover::after{
    width: 100%;
    left: 0px;
    margin-left: auto;
    margin-right: auto;  
  }

  .shopmain-banner-img{
    background:url(../image/main-site/home-bg.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-position:center;
    width: 100%; 
}
.main-slider-padding{
    padding: 6% 0%;
}
.main-banner-head{
    font-size: 34px;
    font-weight: 600;
    line-height: 1.2;
    color: #1d2857;
    /* font-family: 'Jost', sans-serif; */
    font-family: 'poppins', sans-serif;
    margin-top: -2%;
    text-align: left;
    letter-spacing: -1px;
}
.main-banner-para{
    font-size: 14px;
    color: #3a3a3a;
    text-align: left;
    line-height: 20px;
}
.carousel-inner {
    position: relative;
    width: 100%;
    height: 55vh;
    overflow: hidden;
}


.carousel-caption{
    bottom: 0rem !important;
    top: 18%;
    z-index: 10;
    left: 20%;
    color: #fff;
    text-align: center;
}

.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 3px;
    cursor: pointer;
    background-color: #1d2857;
   
}
.carousel-indicators .active{
    width: 20px;
    height: 3px;
}

.main-top-section{
    font-family: "poppins";
    padding:2.5% 0%
}
.heading-section h4{
    text-align: right;
    color: #1d2857;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -1px;
}
.para-section p{
    font-size: 14px;
    color: #656565;
    line-height: 20px;
    border-left: 1px dashed #dfdfdf;
    padding-left: 3%;
    text-align: justify;
}
.img-border{
    border-radius: 10px;
}

.why-head{
    text-align:left;
    color: #1d2857;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -1px;
}
.why-s-head{
    text-align:left;
    color: #9c9c9c;
    font-size: 14px;
    letter-spacing: -1px;
}


.why-para{
    font-size: 14px;
    color: #656565;
    line-height: 20px;
    padding-bottom: 3%;
    text-align: justify;
}


.insurance-style h3{
    font-size: 18px;
    line-height: 22px;
    color: #0d0d8e;
    font-family: 'Poppins', sans-serif;
    transition: .3s ease-in-out;
    letter-spacing: -1px;
}



.home-service-head h3{
    padding-top: 4%!important;
    font-size: 17px!important;
    line-height: 22px;
    color: #1d2857;
    font-family: 'Poppins', sans-serif;
    transition: .3s ease-in-out;
    letter-spacing: -1px;
}

.home-service-button{
    padding: 2% 4%!important;
}



.para-color{
    color: #656565 !important;;
}



.quick-call{
    background:url(../image/quick-bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    padding: 5% 0%;
}
.quick_ul ul{
    display: inline-block;
}
.quick_ul ul li{
    display: block;
    color: #FFF;
}
.B-head{
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -1px;
}
.s-head{
    font-size: 14px;
    padding-top: 2%;
}
.x-small{
    font-size: 14px;
    letter-spacing: -1px;
}
.num-head{
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -1px;
    padding-top: 2%;
}

.button-inline ul{
    display: inline-block;
    padding-left: 0px;
    width: 100%;
}
.button-inline ul li{
    display: inline-block;
    color: rgb(0, 0, 0);
    font-size: 14px;
    padding: 1% 2%;
}
/* loader */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
    background-color: rgba(0, 0, 0, 0.671);
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ffffff;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color:#1d2857;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FFF;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}



.shadow-none {
    box-shadow: none!important;
}
.no-shadow {
    box-shadow: none!important;
}
.mail-padding{
    margin-left: 5%;
}



#main-sidebar {
    width:100%;
    position: fixed;
    top: 200%;
    height: 100vh;
    z-index: 999;
    background: #e7ebff;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#main-sidebar.active {
    top: 94px;
}


#main-sidebar .sidebar-header {
    padding: 20px;
    background: #6d7fcc;
}

#main-sidebar ul.components {
    padding: 0px 0;
    border-bottom 1px solid #47748b;
}

#main-sidebar ul p {
    color: #fff;
    padding: 10px;
}

#main-sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
    border-bottom: 1px dashed #bbb;
    color: #000;
}

#main-sidebar ul li a:hover {
    color: #009;
}
#main-sidebar {
    z-index: 1020;
}


.main-footer{
    background: url(../image/footer-bg.jpg);
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    border-top: 1px solid #f2f4ff;
}

.main-footer-subj-h{
    font-size: 20px;
    font-family: 'poppins', sans-serif;
    color: #000;
    font-weight: 500;
}
.list-unstyled li, .list-unstyled li a{
    font-size: 13px;
    padding-top: 4%;
    color: #FFF;
    font-weight: 500;
}

.main-color li a, .main-color li{
    color: #181717!important;
    transition: all ease-in 0.3s;
}
.main-color li a:hover{
    color: #1d2857!important;
    transition: all ease-in 0.3s;
}






.main-copyright{
    background: #090d20;
}
.main-copyright p{
    font-size: 12px;
    padding-top: 3%;
    color: #FFF;
}


.main-faq-img{
    background:url(../image/faq.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-position:center; 
}
.main-career-img{
    background:url(../image/career.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-position:center; 
}
.main-contact-img{
    background:url(../image/contact.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-position:center; 
}
.main-roadside-img{
    background:url(../image/main-roadside-assitance.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-position:center; 
}

.main-replacement-img{
    background:url(../image/main-replacement.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-position:center; 
}
.main-auto-img{
    background:url(../image/main-auto-warranty.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-position:center; 
}
.main-electronic-img{
    background:url(../image/main-electronic-bg.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-position:center; 
}
.main-about-img{
    background:url(../image/main-about.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-position:center; 
}
.main-policy-img{
    background:url(../image/policy-bg.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-position:center; 
}

.main-crm-img{
    background:url(../image/crm-bg.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-position:center; 
}
.main-service-contract-img{
    background:url(../image/service-contract.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-position:center; 
}


.main-display-3 {
    font-size: 24px;
    padding: 2% 0%;
    font-weight: 500;
    line-height:34px;
    color: #FFF;
    font-family: 'poppins', sans-serif;

}







.main-bg{
    background:#FFF;
}
.main-top-{
    padding: 0.5% 0%;
    background: #1d2857;
    border-bottom: 1px dashed #1d2857;
}

.main-padding{
    padding:6% 0%;
}
.main-padding h4{
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
}
.main-padding h6{
    color: #009;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    padding-bottom: 1%;
    line-height: 24px;
}

.main-padding p{
    font-size: 14px;
    color: #000;
    text-align: justify;
}
.main-padding a{
    font-size: 14px;
    color: #000;
    border-bottom: 1px dashed rgb(194, 194, 194);
}

.main-our-insurance{
    padding: 4% 4%;
}
.main-our-insurance h4{
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
}
.main-our-insurance h3{
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
}




.main-our-insurance p{
    color: rgb(0, 0, 0);
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}
.main-our-insurance ul{
    display: block;
    padding-left: 0px;
}
.main-our-insurance ul li{
    display: block;
    color: rgb(0, 0, 0);
    font-size: 14px;
}
.main-f-size{
    font-size:15px!important;
}
.sub-bg-img{
    background-image: url(../image/main-inner-bg.jpg);
    background-size:cover;
    background-position:center;
    background-attachment:scroll;
    padding: 5% 0% 8% 0%;
}

.travel-bg{
    background-image: url(../image/travel-bg.jpg)!important;
}
.auto-bg{
    background-image: url(../image/auto-life.jpg)!important;
}
.electronic-bg{
    background-image: url(../image/electronic-bg.jpg)!important;
}
.about-bg{
    background-image: url(../image/about-bg.jpg)!important;
}

.crm-bg{
    background-image: url(../image/crm-small-bg.jpg)!important;
}


.sub-bg-img h4{
    font-size: 30px;
    font-family: 'poppins';
    font-weight: 500;
    color: #fff;
    text-align: left;
}
.sub-bg-img p{
    font-size: 14px;
    font-family: 'poppins';
    color: #fff;
    text-align: left;
}



.main-faq{
    margin-top: -5%;
     margin-bottom: 8%;
     padding:4% 3%;
}
.main-faq h3{
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
}
.main-faq h4{
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    letter-spacing: -1px;
}


.main-faq p{
    font-size: 14px;
    color: #000;
    line-height: 24px;
}
.border-line-style{
    border-radius: 10px;
    border:1px dashed #e4e4e4;
    padding: 6% 6%;
    margin: 2% 0%;
    max-height: 200px;
    height: 200px;
}

/*  */
.main-other{
    padding-bottom: 3%;
}
.main-other h3{
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
}
.main-other h4{
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
}

.main-other h6{
    color: rgb(0, 0, 0);
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}


.main-other ul li, .main-other ul{
    display: block;
    font-size: 14px;
    color: #000;
    padding-left: 0px;
}

.main-other p{
    font-size: 14px;
    color: #000;
    line-height: 24px;
    text-align: justify;
}
.main-r-border{
    border-right: 1px dashed #4d4bd7 ;
}
iframe{
    border-radius: 10px;
}


.other-coffice{
    border-radius: 10px;
    border:1px solid #eeeeee;
    border-bottom: 2px solid #FFF;
    padding: 4% 5%;
    transition: all ease-in 0.3s;
    margin-top: 3%;
    cursor: pointer;
}
.other-coffice:hover{
    border:1px solid #ffffff;
    border-bottom: 2px solid #1d2857;
    -webkit-box-shadow: 0px 0px 25px -16px rgba(0,0,0,0.49);
-moz-box-shadow: 0px 0px 25px -16px rgba(0,0,0,0.49);
box-shadow: 0px 0px 25px -16px rgba(0,0,0,0.49);
transition: all ease-in 0.3s;  
}




.head-office{
    background: #8e8eff;
background: -moz-linear-gradient(left,  #009 0%, #6969f6 100%); 
background: -webkit-linear-gradient(left,  #009 0%,#6969f6 100%); 
background: linear-gradient(to right,  #009 0%,#6969f6 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009', endColorstr='#6969f6',GradientType=1 ); 
    border: none!important;
    -webkit-box-shadow: 0px 0px 25px -16px rgba(0,0,0,0.49);
    -moz-box-shadow: 0px 0px 25px -16px rgba(0,0,0,0.49);
    box-shadow: 0px 0px 25px -16px rgba(0,0,0,0.49);
}
.head-office h4, .head-office ul li{
    color: #FFF!important;
     
}



.other-coffice h4{
    font-size: 18px;
    font-family: "poppins";
    color: #000; 
    margin-top: 3%;
}
.other-coffice ul{
    display: block;
    padding-left: 0px;
}
.other-coffice ul li{
   font-size: 14px;
   color: #000;
    display: block;
}


.other-coffice:hover  h4{
    color:#1d2857;
}


.heading-m-h{
    margin-top: 3%;
}

.main-quick-call{
    background:url(../image/main-call-banner.jpg);
    background-attachment:scroll;
    background-size: cover;
    background-position: center;
    padding: 4% 0%;
}


.location-s{
    padding: 5% 0%;
}

.frame-h{
    height:350px;
}


.main-inner{
    margin-top: -5%;
     margin-bottom: 8%;
     padding:4% 3% 3% 3%;
}
.main-inner h3{
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
}
.main-inner h4{
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    letter-spacing: -1px;
}
.main-inner h6{
    padding-top: 1%;
    color: #1d2857;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    letter-spacing: -1px;
}


.main-inner p{
    font-size: 14px;
    color: #000;
    line-height: 24px;
    text-align: justify;
}



.main-customer{
    padding: 3% 0% 9% 0%;
}

.main-customer h4{
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
}


.customer-border{
    padding: 4%;
    border 1px dashed #d3d3d3;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 25px -16px rgba(0,0,0,0.49);
-moz-box-shadow: 0px 0px 25px -16px rgba(0,0,0,0.49);
box-shadow: 0px 0px 25px -16px rgba(0,0,0,0.49);
}
.main-customer h6{
    color: #202020;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    padding-bottom: 1%;
    line-height: 24px;
}

.main-customer p{
    padding-top: 2%;
    font-size: 13.5px;
    line-height: 22px;
    color: #000;
    text-align: justify;
}



.image-cirlce-s{
    width: 60px;
    height: 60px;
    border-radius: 50px;
    padding: 22%;
    box-shadow: 2px 9px 37px -17px rgba(0,0,0,0.55);
    -webkit-box-shadow: 2px 9px 37px -17px rgba(0,0,0,0.55);
    -moz-box-shadow: 2px 9px 37px -17px rgba(0,0,0,0.55);
}
.image-cirlce-l{
    width: 65px;
    height: 65px;
    border-radius: 50px;
    padding: 22%;
    box-shadow: 2px 9px 37px -17px rgba(0,0,0,0.55);
    -webkit-box-shadow: 2px 9px 37px -17px rgba(0,0,0,0.55);
    -moz-box-shadow: 2px 9px 37px -17px rgba(0,0,0,0.55);
}

.image-cirlce-inner{
    width: 60px;
    height: 60px;
    border-radius: 50px;
    padding: 7%;
    box-shadow: 2px 9px 37px -17px rgba(0,0,0,0.55);
    -webkit-box-shadow: 2px 9px 37px -17px rgba(0,0,0,0.55);
    -moz-box-shadow: 2px 9px 37px -17px rgba(0,0,0,0.55);
}


.margin-lft-s{
    margin-left: -9%;
    margin-bottom: 2%;
    margin-top: 1%;
}


.cirlce h4{
        color: rgb(0, 0, 0);
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
        font-size: 18px!important;
}


.margin-lft-div{
    margin-left: -1%;
    margin-bottom: 2%;
    margin-top: 1%;
}
.image-cirlce-div{
    width: 60px;
    height: 60px;
    border-radius: 50px;
    padding: 20%;
    box-shadow: 2px 9px 37px -17px rgba(0,0,0,0.55);
    -webkit-box-shadow: 2px 9px 37px -17px rgba(0,0,0,0.55);
    -moz-box-shadow: 2px 9px 37px -17px rgba(0,0,0,0.55);
}

.margin-top-v{
    margin-top: -5%;
}

.margin-top-inner-v{
    margin-top: -2%;
}




.wg-box-content {
    position: relative;
    width: 100%;
    margin: auto;
    overflow: hidden;
    padding:0px;
  }
  
  .wg-box-content .wg-box-content-overlay {
    /* background: #8e8eff;
background: -moz-linear-gradient(left,  #8e8eff 0%, #6969f6 100%); 
background: -webkit-linear-gradient(left,  #8e8eff 0%,#6969f6 100%); 
background: linear-gradient(to right,  #8e8eff 0%,#6969f6 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8eff', endColorstr='#6969f6',GradientType=1 );  */
background: rgba(54,76,163,1);
background: -moz-linear-gradient(left, rgba(54,76,163,1) 0%, rgba(97,120,214,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(54,76,163,1)), color-stop(100%, rgba(97,120,214,1)));
background: -webkit-linear-gradient(left, rgba(54,76,163,1) 0%, rgba(97,120,214,1) 100%);
background: -o-linear-gradient(left, rgba(54,76,163,1) 0%, rgba(97,120,214,1) 100%);
background: -ms-linear-gradient(left, rgba(54,76,163,1) 0%, rgba(97,120,214,1) 100%);
background: linear-gradient(to right, rgba(54,76,163,1) 0%, rgba(97,120,214,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#364ca3', endColorstr='#6178d6', GradientType=1 );

    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
  }
  
  .wg-box-content:hover .wg-box-content-overlay{
    opacity: 0.9;
  }
  
  .wg-box-content-image{
    width: 100%;
  }
  
  .wg-box-content-details {
    position: absolute;
    text-align: left;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 60%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
  }
  
  .wg-box-content:hover .wg-box-content-details{
    top: 65%;
    left: 50%;
    opacity: 1;
  }
  
  .wg-box-content-details h3{
    color: #fff;
    font-weight: 500;
    margin-bottom: 0.5em;
    font-size: 24px;
    letter-spacing: -1px;
  }
  
  .wg-box-content-details p{
    color: #fff;
    font-size: 12px;
    text-align: left;
    margin-top: -5%;
  }

  .wg-box-fadeIn-bottom{
    top: 80%;
  }


.main-top-section{
    background:#f7f7ff;
}

.heading-m{
    margin-bottom: 5%!important;
}


.bottom_home::after {
    display: none;
    content: "";
    background-color: #61bbfb;
    width: 40px;
    height: 2px;
    border-radius: 100px;
    margin: 10px 0 15px;
    margin-left: auto;
    margin-right: auto;
}

.home_about_section{
    padding: 4% 0%;
}

.better-insurance h4{
    text-align: right;
    color: #1d2857;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -1px;
}
.better-insurance{
    /* background:#f7f7ff; */
background: url(../image/better-insurance.jpg);
background-size: cover;
background-attachment:fixed;
background-position: center;
}
.better-insurance-section_p{
    padding: 4% 0% 7% 0%;
}


.service-card{
    background: #FFF;
     border-radius: 10px; 
     padding: 15% 3%; 
     margin: 1%;
     transition: all 0.3s ease-in;
     border: 1px solid #FFF;
}

.service-card:hover{
    border: 1px solid #25378340;
    transition: all 0.3s ease-in;
}

.home-icon-style-service:hover{
    transition:all ease-in-out .3s;
}

.home-icon-style-service:hover{
    background:#FFF;
    padding: 16% 4%;
    transition:all ease-in-out .3s;
    /* box-shadow: -1px 2px 14px 1px rgba(186,186,186,0.3);
    -webkit-box-shadow: -1px 2px 14px 1px rgba(186,186,186,0.3);
    -moz-box-shadow: -1px 2px 14px 1px rgba(186,186,186,0.3); */
}



.warranty-line-style{
    border-radius: 10px;
    /* border:1px dashed #e4e4e4; */
    padding: 6% 6%;
    margin: 2% 0%;
    /* max-height: 200px;
    height: 200px; */
}

.footer-map{
    width: 100%;
    height: 80%;
}

.right-dashed{
    border-right: 1px dashed #b4b4b4;
}

/* toggle */

.ml--2{
	 margin-left:-2%;
}
 .btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    color: rgb(29, 40, 87);
    background-color: #FFF;
    border-color: #FFF;
}                                                             
.btn-group{
  border:1px solid #FFF;
  border-radius:30px;
}
.btn-outline-primary,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle){
  border-radius:30px!important;
 }
  .btn-outline-primary{
  border:none;
  color:#FFF;
  font-size: 11px;
  }
  label:hover, .btn-outline-primary:hover{
  background:transparent;
  }


  











@media only screen and (min-width:240px) and (max-width:320px){
    .main-banner-head {
        font-size: 16px!important;
    }
    .main-banner-para{
        display: none;
    }

    .logo-width {
        width: 234px!important;
    }
    .login-padding {
        padding: 13%;
    }
    #mCSB_1_container{
        top: 0px!important;
       }
       #sidebar.active {
        top: 89px;
    }
    #main-sidebar.active {
        top: 89px;
    }
    .apply {
        margin-top: -17%!important;
        right: -4%;
    }
    .cart-img, .roadside-img, .electronic-img, .auto-img, .faq-img {
        height: 180px!important;
    }
    .links-padding {
        padding: 7% 5%!important;
    }
.main-footer{
    padding-top: 3%;
}
.main-our-insurance {
    padding: 16% 4%!important;
}

.B-head {
    font-size: 20px;
}
.num-head {
    font-size: 20px;
}
.sm--margin {
    margin-left: -5%!important;
}

.main-padding h4 {
    font-size: 19px!important;
}
.sub-bg-img h4 {
    font-size: 19px!important;
}
.main-inner h3 {
    font-size: 19px!important;
}
.main-other h4 {
    font-size: 19px!important;
}


}

@media only screen and (min-width:533px) and (max-width:540px){
    .insurance-style h5 {
        padding-left: 0px;
        margin-left: -10%!important;
    }
}

@media screen and (min-width:360px) and (max-width:384px){
    .main-banner-para{
        display: none;
    }
    .main-banner-head {
        font-size: 16px!important;
    }

    .mail-padding {
        margin-left: 6%!important;
    }
    .apply {
        top: -15%;
    }
    .cart-img, .roadside-img, .electronic-img, .auto-img, .faq-img {
        height: 180px!important;
    }
    .links-padding {
        padding: 7% 5%!important;
    }
    .main-other .navbar-right{
    margin-bottom: 3%;
    }

}


@media screen and (min-width:240px) and (max-width:480px){
    .image-cirlce-l {
        width: 65px;
        height: 65px;
        padding: 4%!important;
        margin-bottom: 5%;
    }
    .image-cirlce-s {
        padding: 4%!important;
    }
    .margin-lft-s {
        margin-left: 0%!important;
        margin-bottom: 2%!important;
        margin-top: 4%!important;
    }
    .image-cirlce-inner{
    padding: 4%!important;
    }

    .margin-lft-div {
        margin-left: 0%!important;
        margin-bottom: 2%!important;
        margin-top: 4%!important;
    }
    .image-cirlce-div{
        padding: 4%!important;
    }




}
@media screen and (max-width:540px){
    .margin-lft-div {
        margin-left: 0%!important;
        margin-bottom: 2%!important;
        margin-top: 4%!important;
    }
    .image-cirlce-div{
        padding: 3%!important;
    }

    .margin-lft-s {
        margin-left: 0%!important;
        margin-bottom: 2%!important;
        margin-top: 4%!important;
    }
    .image-cirlce-inner{
    padding: 2.5%!important;
    }


    .image-cirlce-l {
        width: 70px!important;
        height: 70px!important;
        padding: 3%!important;
        margin-bottom: 5%;
    }
    .image-cirlce-s {
        width: 70px!important;
        height: 70px!important;
        padding: 3%!important;
    }



}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

.ml--2{
    font-family: 'Noto Kufi Arabic', sans-serif;
	 margin-left:-2%;
}
 .btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    color: #FFF;
    background-color: rgb(29, 40, 87);
    border-color:rgb(29, 40, 87);
}                                                             
.btn-group{
border: 1px solid #1d2857;
border-radius: 6px;
}
.btn-outline-primary,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle){
  border-radius:4px!important;
 }
  .btn-outline-primary{
  border:none;
  color:rgb(29, 40, 87);
  font-size: 11px;
  }
  label:hover, .btn-outline-primary:hover{
  background:transparent;
  }
.btn-outline-primary a{
color:rgb(29, 40, 87);
}
.btn-check:checked+.btn-outline-primary a{
color: #FFF;
}


    .main-top-section {
        padding: 7% 0%;
    }

    .collapse-bttn{
        padding: 3% 2%;
    }

    .insurance-style h3{
        padding-top: 6%;
    }
    .better-insurance-section_p {
        padding: 8% 0%;
    }
    .why-head {
        font-size: 27px;
    }
    .heading-section h4 {
        text-align: center;
        font-size: 27px;
    }
    .better-insurance h4 {
        text-align: center;
        font-size: 28px;
    }

    .home_about_section {
        padding: 9% 0%;
    }

    .bottom_home::after {
        display:block;
    }

    .wg-box-content{
        width: 96%;
        margin-left: auto!important;
        margin-right: auto!important;
    }


    .wg-box-content {
       margin: 2% 0%;
    }
    .heading-m{
        margin-bottom: 0%;
    }

    
.hide-lg-img{
    display: none;
}
.hide-v-img{
    display: block;
}


    .main-banner-head {
        font-size: 23px;
    }
    .main-banner-para {
        display: none;
        font-size: 12px;
        color: #707363;
        line-height: 17px;
    }

    .md-height-img{
        padding-bottom: 5%;
    }
    .margin-lft-div {
        margin-left: -2%;
        margin-bottom: 2%;
        margin-top: 2%;
    }
    .image-cirlce-div{
        padding: 26%;
    }
    .margin-lft-s {
        margin-left: -2%;
        margin-bottom: 2%;
        margin-top: 2%;
    }
    .image-cirlce-inner{
    padding: 18%;
    }

    .cirlce h4{
        margin: 2% 0%;

}
.customer-border{
    margin: 2% 0%;
}
.image-cirlce-l {
    width: 65px;
    height: 65px;
    padding: 22%;
    margin-bottom: 5%;
}
.image-cirlce-s {
    padding: 21%;
}



    /*  */
    .our-insurance {
        padding: 9% 8% 9% 8%;
    }
    .roadside-img {
        height: 175px;
    }
    .asked-head{
        padding-bottom: 6%;
    }
    .faq{
        margin-top: -10%;
         margin-bottom: 14%;
    }
    .accordion-header .c-style{
        font-size: 14px;
        height: 65px;
    }
    .sm-hide{
        display: none;
    }
    .sm-center{
        text-align: center;
        padding:2% 0%;
    }
    .links-padding{
        padding: 2%;
    }
    .footer-subj-h {
        font-size: 18px;
    }
    .pop-m-d{
        margin-top: -3%;
    }
    .line {
        top: 4px;
    }
    .secure {
        padding-bottom: 5%;
        padding-top: 2%;
    }
    .payment-border {
        border-left: none;
        border-right: 1px dashed #d3d3d3;
    }
    .compare-popup-call .our-insurance {
        padding: 4% 9%;
    }
    
    .sm-price{
    margin-top:3%;
    }
    .gap-2 button{
        padding: 3.5% 0%;
        margin-top: 3%;
        margin-left: 2%;
    }
    .terms-padding{
        margin-left: 0%;
    }
    .gap-2 ul{
        padding-left: 16px;
    }
    .display-3 {
        font-size: 24px;
    margin-top: -5%;
    line-height: 28px;
    }
    .slider-padding {
        padding: 8% 0%;
    }
    .bg-small-box{
        padding:15% 2%;
    }
    .warranty-border{
        border-right: none;
        border-bottom: 1px dashed #d3d3d3 ;
    }
    .shopinner-banner-img {
        height: 330px;
    }
    .accordion-button::after {
        transform: scale(1) !important;
    }

    .shop-banner-img{
        height: 370px;
    }
    .insurance-style h5 {
        text-align: center;
        padding-left: 0px;
        font-size: 12px;
        margin-left: -2%;
    }
    .icons{
        border-right: none!important; 
    }
    .road-s-br br{
        display: none;
    }
    .shophome {
        padding: 8% 4%;
    }
    .service-icon {
        padding: 8% 0%;
    }
    .our-carousel h3, .our-carousel p {
    text-align: center;
    }
    .our-carousel h3 {
    color: #000;
    font-size: 17px;
    }
    .our-carousel h4 {
        font-size: 25px;
    }

    .navbar-collapse{
        display:none;
    }
    .footer .container .row{
        padding: 3%;

    }
    #sidebar.active {
        top: 94px;
    }

    .logo-width{
        width:140px;
    }
    .md-padding-popup {
        margin-left: 6%;
        padding-bottom: 8%;
    }
    .our-carousel {
        padding: 15% 4% 8% 4%;
    }
    .warranty-margin {
        padding-bottom: 8%;
    }
    .work-border{
        border-top: 1px dashed #d3d3d3; 
        border-bottom: 1px dashed #d3d3d3;
        border-left: none;
        border-right: none;
        padding: 4% 0%;

    }
    .inner-tab-style-box {
        padding-top: 13%;
        padding-bottom: 15%;
    }
    
    .accordion {
        margin-top: 15%;
        padding: 15% 8% !important;
    }
    .table-bordered>:not(caption)>* {
        border:1px dashed #c5c5c5;
    }


    .tab-phn-icon{
        position:relative;
    }
    .nav-pills .nav-link span{
        display: none;
    }
    
    .profile-icon {
        color:none;
        margin-right: 2%;
        transition: all ease-in 0.3s;
    }

    .nav-pills .nav-link.active .profile-icon{
     width: 20px;
     height: 20px;
     background:transparent;
     border-radius: 0px;
     padding: 0%;
     transition: all ease-in 0.3s;
    }

    .nav-pills .nav-link{
        padding: 5% 7.15%;
        width: auto;
    }
    .tab-content{
        margin-top: 5%;
    }
    .roadside-sep-padding {
        padding-bottom: 8%!important;
    }

    .apply {
        margin-top: -10%;
        right: -4%;
    }
    .float-r{
        width: 100%;
        padding: 0;
        margin-bottom: 3%;
    }

    .clr-black {
        margin-top: 2%;
        padding: 3% 4%;
    }
    .clr-black:first-child{
        margin-top: 0%!important;
    }


/* aaa corporate website start */

    .dropdown-menu-cop.show {
        display: block;
        width: 100%;
    }

    .md-hide{
        display: none!important;
    }
    .top_ul ul {
        margin-top: 1%;
        padding-bottom: 2%;
        border-bottom: 1px dashed #f4f4f4;
    }
    .top_ul ul li{
        font-size: 13px;
    }
    .mail-padding {
        margin-left: 39%;
    }
    #main-sidebar.active {
        top: 94px;
    }
    #mCSB_1_container{
        top: 12px!important;
       }
       #main-sidebar.active {
        top: 86px;
    }
    
.cart-img, .roadside-img, .electronic-img, .auto-img, .faq-img {
    height: 218px;
}

.accordion {
    margin-top: 1%;
    padding: 15% 8% !important;
}
.main-our-insurance {
    padding: 10% 4%;
}
.links-padding {
    padding: 6% 2%;
}

.main-our-insurance h4{
    font-size: 22px;
}
.main-f-size {
    font-size: 13.5px!important;
}

.main-display-3 {
    font-size: 18px;
}

.sm-margin{
    margin-left: 5%;
}
.sm--margin{
    margin-left: -10%;
}

.main-quick-call{
    padding: 10% 0%;
}
.B-head {
    font-size: 22px;
}
.num-head {
    font-size: 22px;
}

.main-padding h4 {
    font-size: 21px;
}
.main-footer-subj-h {
    font-size: 18px;
}

.location-s {
    padding: 5% 0% 10% 0%;
}

.frame-h{
    height:200px;
}


.main-inner {
    padding: 8% 5% 5% 5%;
}

.sub-bg-img h4 {
    font-size: 20px;
}
.sub-bg-img{
    padding: 14% 0% 12% 0%;
}
.main-other h3 {
    font-size: 23px;
}

.box-s-h{
    max-height: 353px!important;
    height: 238px!important;
}

.sub-bg-img {
    padding: 12% 0% 10% 0%;
}

.heading-m-h {
    margin-top: 15%;
}

.main-other {
    padding-bottom: 6%;
}

.carousel-inner {
    width: 100%;
    height: auto;
}



}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

.ml--2{
     font-family: 'Noto Kufi Arabic', sans-serif;
	 margin-left:-2%;
}
 .btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    color: #FFF;
    background-color: rgb(29, 40, 87);
    border-color:rgb(29, 40, 87);
}                                                             
.btn-group{
border: 1px solid #1d2857;
border-radius: 6px;
}
.btn-outline-primary,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle){
  border-radius:4px!important;
 }
  .btn-outline-primary{
  border:none;
  color:rgb(29, 40, 87);
  font-size: 11px;
  }
  label:hover, .btn-outline-primary:hover{
  background:transparent;
  }
.btn-outline-primary a{
color:rgb(29, 40, 87);
}
.btn-check:checked+.btn-outline-primary a{
color: #FFF;
}



/*  */









    .main-banner-head {
        font-size: 26px;
    }
    .carousel-caption {
        bottom: 0rem !important;
        top: 28%;
    }

    .service-card{
        margin: 4% 0%;
    }
    .collapse-bttn{
        padding: 2% 2%;
    }


    .insurance-style h3{
        padding-top: 6%;
        font-size: 17px;
    }
    .why-head {
        font-size: 25px;
    }

    .home_about_section {
        padding: 6% 0 8% 0%;
    }
    
    .bottom_home::after {
        display:block;
    }

    .wg-box-content-details h3{
        font-size: 19px;
    }
    .heading-section h4, .better-insurance h4{
        text-align: center;
        font-size: 28px;
    }
    .para-section p{
        border-left:none;
    }


.hide-lg-img{
    display: none;
}
.hide-v-img{
    display: block;
}


    /*  */

    .carousel-inner {
        width: 100%;
        height: auto;
    }

    .md-height-img{
        padding-bottom: 5%;
    }

    .margin-lft-div {
        margin-left: -2%;
        margin-bottom: 2%;
        margin-top: 2%;
    }
    .img-bottom{
        margin-bottom: 4%;
    }

    .margin-lft-s {
        margin-left: -2%;
        margin-bottom: 2%;
        margin-top: 2%;
    }
    .image-cirlce-inner{
    padding: 18%;
    }
    .hide-only-md{
        display: block;
    }
    .image-cirlce-s {
        margin-bottom: 16%;
        width: 69px;
        height: 69px;
    }


    /*  */
    .our-insurance {
        padding: 7% 6% 12% 6%;
    }
    .roadside-img {
        height: 200px;
    }
    .faq {
        margin-top: -10%;
        margin-bottom: 12%;
    }
    .sm-hide{
        display: none;
    }
    .quick-icon .row .col-lg-9 h5{
        margin-top: 6%;
    }
    .pop-m-d{
        margin-top: -3%;
    }
    .line {
        top: 4px;
    }
    .secure{
        padding-bottom: 4%;
    }
    .payment-border {
        border-left: none;
        border-right: 1px dashed #d3d3d3;
    }
    .compare-popup-call .our-insurance {
        padding: 4% 9%;
    }
    .terms-padding{
        margin-left: 0%;
        margin-top: -1%!important;
    }
    .gap-2 ul{
        padding-left: 10px;
    }
    .bg-price h4 {
        font-size: 16px;
    }
    .bg-price h6 {
        font-size: 12px;
    }
    .sm-price {
        margin-top: 0%;
    }
    .our-insurance h4 {
        font-size: 22px;
    }
    .our-insurance h3 {
        font-size: 18px;
    }
    .display-3 {
        font-size: 25px;
    }
    .shopinner-banner-img {
        height: 330px;
    }
    .our-insurance p {
        font-size: 13px;
        line-height: 20px;
    }
    .sm-center {
        text-align: center;
        padding: 2% 0%;
    }
    .service-icon {
        padding: 16% 0%;
    }
    .icons{
        border-right: none!important; 
    }
    .road-s-br br{
        display: none;
    }
    .shophome {
        padding: 7% 4%;
    }
    .shop-banner-img{
        height: 330px;
    }
    .insurance-style h5 {
        text-align: left;
        padding-left: 15px;
        font-size: 12px;
        margin-left: -0%;
    }
    .our-carousel h3, .our-carousel p {
        text-align: center;
        }
    .our-carousel h3{
        font-size: 17px;
    }
    .footer .container .row{
        padding: 3%;

    }
    .navbar-collapse{
        display:none;
    }
    .padding-nav li, .padding-nav li a {
        padding-top: 4%;
    }
    #sidebar ul li a {
        padding-left: 6%;
    }
    .our-carousel {
        padding: 10% 4% 8% 4%;
    }
    .owl-carousel .owl-stage-outer {
        padding-top: 4%;
    }
    .table-bordered>:not(caption)>* {
        border:1px dashed #c5c5c5;
    }

    .tab-phn-icon{
        position:relative;
    }
    .nav-pills .nav-link span{
        display: none;
    }
    
    .profile-icon {
        color:none;
        margin-right: 2%;
        transition: all ease-in 0.3s;
    }
    .nav-pills .nav-link.active .profile-icon{
     width: auto;
     height: auto;
     background:transparent;
     border-radius: 0px;
     padding: 0%;
     transition: all ease-in 0.3s;
    }

    .nav-pills .nav-link{
        padding: 5% 8.28%;
        width: auto;
    }
    .tab-content{
        margin-top: 5%;
    }
    .cart-img, .roadside-img, .electronic-img, .auto-img, .faq-img {
        height: 190px;
    }





  /*  */
  .profile-icon {
    width: 30px;
    height: 30px;
}
.nav-pills .nav-link.active .profile-icon {
    width: 26px;
    height: 26px;
}
.nav-pills .nav-link {
    padding: 5% 7.2%;
    width: auto;
}

.roadside-sep-padding {
    padding-bottom: 8%!important;
}

.md-hide{
    display: none!important;
}
.mail-padding {
    margin-left: 39%;
}

#main-sidebar ul li a {
    padding-left: 6%;
}

#mCSB_1_container{
    top: 12px!important;
   }
   #main-sidebar.active {
    top: 86px;
   overflow-y:scroll!important;
}
.apply {
    margin-top: -10%;
}

.float-r{
    width: 100%;
    padding: 0;
    margin-bottom: 3%;
}

.clr-black {
    margin-top: 0%;
    padding: 3% 4%;
}

.links-padding {
    padding: 4% 4% 3% 4%;
}
.main-our-insurance {
    padding: 8% 4%;
}

.main-display-3 {
    font-size: 21px;
}

.sm-margin{
    margin-left: 5%;
}
.sm--margin{
    margin-left: -7%;
}
.main-quick-call{
    padding: 6% 0%;
}

.B-head {
    font-size: 21px;
    line-height: 31px;
}
.num-head {
    font-size: 21px;
}
.frame-h{
    height:200px;
}
.main-inner {
    padding: 8% 5% 2% 5%;
}
.sub-bg-img h4 {
    font-size: 24px;
}
.sub-bg-img p {
    font-size: 13px;
}



}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .carousel-caption{
        bottom: 0rem !important;
        top: 18%;
    }

    .main-banner-head {
        font-size: 30px;
    }

    .para-section p{
        border-left: 1px dashed #dfdfdf;
    }
    .service-card {
        margin: 3% 0%;
    }

    .insurance-style h3{
        padding-top: 0%;
    }
    .collapse-bttn{
        padding: 1% 2%;
    }



    .insurance-style h3 {
        font-size: 18px;
    }

    .bottom_home::after {
        display:none;
    }

    .heading-section h4, .better-insurance h4 {
        text-align: right;
        font-size: 25px;
    }
    .hide-lg-img{
        display: none;
    }
    .hide-v-img{
        display: block;
    }


    .image-cirlce-div{
        padding:15%;
    }

    .margin-lft-div {
        margin-left: -5%;
        margin-bottom: 2%;
        margin-top: 2%;
    }



    
    .img-bottom{
        margin-bottom: 0%;
    }

    .margin-lft-s {
        margin-left: -6%;
        margin-bottom: 2%;
        margin-top: 2%;
    }
    .image-cirlce-inner {
        padding: 14%;
    }


    /*  */
    .customer-border {
        padding: 8%;
    }
.hide-only-md{
    display: none;
}
.image-cirlce-l{
    padding: 38%;
    margin-bottom: 50%;
}

.management-icon-m{
    margin-top: 2%;
}

.image-cirlce-s {
    margin-bottom: 17%;
    width: 69px;
    height: 69px;
    padding: 17%;
}




    /*  */
    .sm-hide{
        display: none;
    }
    .pop-m-d{
        margin-top: 0%;
    }
    .terms-padding{
        margin-left: 3%;
    }
    .our-insurance {
        padding: 9% 6% 10% 6%;
    }
    .shop-banner-img {
        height: 375px;
    }

    .insurance-style h5 {
        text-align: left;
        padding-left: 0px;
        font-size: 13px;
        margin-left: -0%;
    }
    .our-carousel h3, .our-carousel p {
        text-align: left;
        }
        .navbar-collapse{
            display: none;
        }
        #sidebar ul li a {
            padding: 5px;
        }
        .padding-nav li, .padding-nav li a {
            padding-top: 3%;
        }
        #sidebar ul li a {
            padding-left: 4%;
        }
        .login-margin{
            margin-top: 0%;
        }
         /*  */
    .profile-icon {
        width: 30px;
        height: 30px;
    }
    .nav-pills .nav-link.active .profile-icon {
        width: 26px;
        height: 26px;
    }
    .nav-pills .nav-link {
        padding: 3% 7.9%;
        width: auto;
    }

    #main-sidebar ul li a {
        padding: 5px;
    }
#main-sidebar ul li a {
        padding-left: 4%;
    }


    #mCSB_1_container{
        top: 32px!important;
       }
       #main-sidebar.active {
        top: 91px;
       overflow-y:scroll!important;
    }
    .apply {
        margin-top: -20%;
        right: -8%;
    }

    .float-r{
        width: auto;
        padding: 0;
        float: right;
        margin-bottom: 3%;
    }
    
    .clr-black {
        margin-top: 0%;
        padding: 2% 2%;
    }
    .apply-box {
        padding-bottom: 0%;
        padding-left: 4%;
    }

    .main-our-insurance {
        padding: 9% 4%;
    }
    
    .main-display-3 {
        font-size: 24px;
    }
    
    .sm-margin{
        margin-left: auto;
    }
    .sm--margin{
        margin-left: auto;
    }
    
    .B-head {
        font-size: 28px;
    }
   
    .frame-h {
        height: 250px;
    }

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.toggle-md{
display:block;
font-family: 'Noto Kufi Arabic', sans-serif;
}

.toggle-lg{
display:none;
font-family: 'Noto Kufi Arabic', sans-serif;
}
    #main-sidebar.active{
        display:block;
    }

    .main-banner-head{
        font-size: 34px;
    }

    .home_about_section {
        padding: 5% 0 5% 0%;
    }
    .heading-section h4, .better-insurance h4 {
        text-align: right;
        font-size: 28px;
    }
    .hide-lg-img{
        display: block;
    }
    .hide-v-img{
        display: none;
    }



    .margin-lft-div{
        margin-left: -1%;
        margin-bottom: 2%;
        margin-top: 1%;
    }
    .image-cirlce-div{
        padding: 26%;
    }


    .margin-lft-s {
        margin-left: -8.5%;
        margin-bottom: 2%;
        margin-top: 1%;
    }
    .image-cirlce-inner {
        padding: 10%;
    }

    .hide-only-md{
        display: block;
    }
    .image-cirlce-s {
        margin-bottom: 0%;
        width: 60px;
        height: 60px;
    }
    .image-cirlce-l {
        padding: 30%;
        margin-bottom: 50%;
    }



    /*  */
    .sm-hide{
        display: block;
    }
    .roadside-img {
        height: 250px;
    }

    .line{
        position: relative;
        top: 7px;
    }
    .compare-popup-call .our-insurance {
        padding: 3% 4%;
    }
    .terms-padding{
        margin-left: 3%;
    }
    .our-insurance {
        padding: 4% 4% 4% 4%;
    }
    .insurance-style h5 {
        font-size: 12px;
        text-align: left;
        padding-left: 0px;
    }
    .shophome {
        padding: 4% 4%;
    }
    .shop-banner-img {
        height: 430px;
    }
   
  /*  */
  .profile-icon {
    width: 20px;
    height: 20px;
    color:#f26c4f;
    margin-right: 2%;
    transition: all ease-in 0.3s;
}
.nav-pills .nav-link.active .profile-icon{
 width: 5px;
 height: 5px;
 background: #f26c4f;
 border-radius: 25px;
 padding: 1.5%;
 transition: all ease-in 0.3s;
}
/* profile */
.tab-phn-icon{
    position:relative;
}
.nav-pills .nav-link span{
    display: inline;
}

.profile-icon {
    color:none;
    margin-right: 2%;
    transition: all ease-in 0.3s;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    font-weight: 500;
    background-color: #000099;
}

.nav-pills .nav-link{
    font-size: 14px;
    color: #000;
    border-top-left-radius 25px!important;
    border-bottom-left-radius 25px!important;
    padding: 5% 10%;
    text-align: start;
    width: 100%;
}
.nav-pills{
    border: 1px dashed #d3d3d3;
    border-radius: 10px;
    background: #FFF;
}
.tab-content{
    margin-top: 0%;
}
.md-hide{
    display:none!important;
}
.mail-padding {
    margin-left: 5%;
}
#mCSB_1_container{
    top: 34px!important;
   }
   #main-sidebar.active {
    top: 94px;
}

.apply {
    margin-top: -13%;
}
.float-r{
    float: right;
    margin-right: 3%;
}
.clr-black {
    margin-top: 0%;
    padding: 1.5% 2%;
}

.apply-box {
    padding-bottom: 0%;
    padding-left: 4%;
}

.cart-img , .roadside-img, .electronic-img, .auto-img, .faq-img{
    height: 230px;
}

.links-padding {
    padding: 3% 4% 2% 4%;
}


.main-quick-call {
    padding: 5% 0%;
}

.main-inner {
    padding: 4% 5% 4% 5%;
}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

.toggle-md{
font-family: 'Noto Kufi Arabic', sans-serif;
display:none!important;
}
.toggle-lg{
font-family: 'Noto Kufi Arabic', sans-serif;
display:block;
}

.ml--2{
	 margin-left:-2%;
}
 .btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    color: rgb(29, 40, 87);
    background-color: #FFF;
    border-color: #FFF;
}                                                             
.btn-group{
  border:1px solid #FFF;
  border-radius:30px;
}
.btn-outline-primary,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle){
  border-radius:30px!important;
 }
  .btn-outline-primary{
  border:none;
  color:#FFF;
  font-size: 11px;
  }
.btn-outline-primary a{
color:#FFF;
}
.btn-check:checked+.btn-outline-primary a{
color: rgb(29, 40, 87);
}

  label:hover, .btn-outline-primary:hover{
  background:transparent;
  }
/*  */






    #main-sidebar.active{
        display: none;
    }
    .insurance-style h3 {
        font-size: 20px;
    }
    .home_about_section {
        padding: 4% 0 4% 0%;
    }
    .heading-section h4 {
        text-align: right;
        font-size: 26px;
    }
    .better-insurance h4 {
        text-align: right;
        font-size: 27px;
    }

    .hide-lg-img{
        display: block;
    }
    .hide-v-img{
        display: none;
    }
    
    /*  */
    .carousel-inner {
        width: 100%;
        height: 55vh;
    }

    .margin-lft-div{
        margin-left: -1%;
        margin-bottom: 2%;
        margin-top: 1%;
    }
    .image-cirlce-div{
        width: 60px;
        height: 60px;
        border-radius: 50px;
        padding: 20%;
    }

    
    .image-cirlce-inner{
        width: 60px;
        height: 60px;
        border-radius: 50px;
        padding: 7%;
    }
    .margin-lft-s{
        margin-left: -9%;
        margin-bottom: 2%;
        margin-top: 1%;
    }

    
    .image-cirlce-s{
        width: 60px;
        height: 60px;
        padding: 22%;
    }
    .image-cirlce-l{
        width: 65px;
        height: 65px;
        padding: 22%;
    }
    .customer-border {
        padding: 6%;
    }








/*  */


    .our-insurance {
        padding: 6% 4% 6% 4%;
    }
    .sm-hide{
        display: block;
    }
    .roadside-img {
        height: 270px;
    }

    .faq{
        margin-top: -10%;
         margin-bottom: 8%;
    }

    .line{
        position: relative;
        top: 7px;
    }

    .slider-padding {
        padding: 4% 0%;
    }
    
    .terms-padding{
        margin-left: 3%;
    }
    .shopinner-banner-img{
        height: 370px;
    }
    .display-3 {
        font-size: 30px;
    }

    .insurance-style h5 {
        font-size: 13px;
    }
    .shop-banner-img {
        height: 495px;
    }
    .shophome {
        padding: 4% 4%;
    }
    
    .our-carousel {
        padding: 5% 4% 5% 4%;
    }

    .our-carousel-even {
        padding: 5% 4% 5% 4%!important;
    }


    .our-carousel h3{
        font-size: 18px;
    }
    .sm-center {
        text-align: left;
    }

    .footer .container .row{
        padding: 0%;

    }
    .logo-width{
        width:150px;
    }
    .warranty-margin {
        padding-bottom: 3%;
    }
    .warranty-margin-even {
        padding-bottom: 0%!important;
    }

    .features{
        margin-top: -4%;
    }
    .login-margin{
        margin-top: 7%;
    }
    .login-padding{
        padding: 5%;
    }
    .bg-price h4 {
        font-size: 20px;
    }
    .quick-icon .row .col-lg-9 h5{
        margin-top:2%;
    }
    .table-bordered>:not(caption)>* {
        border:1px dashed #fcf0f0;
    }

    /*  */
.profile-icon {
    width: 20px;
    height: 20px;
    color:#f26c4f;
    margin-right: 2%;
    transition: all ease-in 0.3s;
}
.nav-pills .nav-link.active .profile-icon{
 width: 5px;
 height: 5px;
 background: #f26c4f;
 border-radius: 25px;
 padding: 1.5%;
 transition: all ease-in 0.3s;
}
/* profile */
.tab-phn-icon{
    position:relative;
}
.nav-pills .nav-link span{
    display: inline;
}

.profile-icon {
    color:none;
    margin-right: 2%;
    transition: all ease-in 0.3s;
}



.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    font-weight: 500;
    background-color: #000099;
}

.nav-pills .nav-link{
    font-size: 14px;
    color: #000;
    border-top-left-radius 25px!important;
    border-bottom-left-radius 25px!important;
    padding: 5% 10%;
    text-align: start;
    width: 100%;
}
.nav-pills{
    border: 1px dashed #d3d3d3;
    border-radius: 10px;
    background: #FFF;
}
.tab-content{
    margin-top: 0%;
}
.roadside-sep-padding {
    padding-bottom: auto!important;
}

.md-hide{
    display: flex!important;
}

/* .top-ul_right {
    text-align: right;
    margin-left: 17%;
} */
.apply {
    margin-top: -10%;
    right: -4%;
}
.float-r{
    float: right;
    margin-right: 3%;
}

.clr-black {
    margin-top: 0%;
    padding: 1% 2%;
}
.apply-box {
    padding-bottom: 0%;
    padding-left: 4%;
}

.main-our-insurance {
    padding: 6% 4%;
}

.links-padding {
    padding: 3% 1% 2% 1%;
}

.main-quick-call{
    padding: 4% 0%;
}
}