/***
*
*helper classe start 
*
***/

body {
    font-family: 'Raleway', sans-serif;
}
.full-preview{font-family: 'Noto Kufi Arabic', sans-serif; font-size: 15px;}
.font-poppins {
    font-family: 'Roboto', sans-serif;
}
.font-200{font-weight: 200;}
.font-400{font-weight: 400;}
.font-700{font-weight: 800;}
.font-md{font-size: 20px;}
.arabic-lang{direction: rtl; text-align: right;}
.box-shadow{-webkit-box-shadow: 0 2px 17px 0 hsl(0deg 0% 87% / 50%);box-shadow: 0 2px 17px 0 hsl(0deg 0% 87% / 50%);}
.text-primary{color: #38B6FF !important;}
.bg-primary{background-color: #38B6FF !important;}
.btn-outline-primary{color: #2dabf5 !important;border-color: #2dabf5 !important;border-radius: 7px !important;}
.btn-outline-primary:focus,
.btn-outline-primary:hover{border-color: #0d6efd !important;color: #ffffff !important;    }
.btn-primary{background-color: #38B6FF !important;border-color: #38B6FF !important;}
.btn-primary:focus,
.btn-primary:hover{background-color: #1f71a0 !important;border-color: #1f71a0 !important;}
.text-secondary{color: #4c5054!important;}
.rounded-3{border-radius: 7px !important;}
.bg-light-gray{background-color: #f6f6f6 !important;display :none ;}
.border-0{border: none !important;}
.btn-danger {
    background-color: #38B6FF !important;
    border-color: #38B6FF !important;
}
    .btn-danger:focus,
    .btn-danger:hover {
        background-color: #151515 !important;
        border-color: #151515 !important;
    }
.img-md{max-height: 75px;}
.bg-light-blue{background-color: #e3ecf5!important;}
.modal-dialog-lg{max-width: 1024px !important;}
.img-lg{max-width: 200px;}

/* get quote popup */
#getquote .modal-header .btn-close{margin: 0 !important;}
.quote-items{transition: all 0.15s ease-in-out;color: #212529;outline: solid 2px #ffffff;    }
.quote-items:focus,
.quote-items:hover{outline: solid 2px #2dabf5;    color: #2dabf5;}

/***
*
*helper classe start 
*
***/




/***
*
*----------header start --------
*
***/

.brand-logo{max-width: 200px;}
.nav-wrapper{-webkit-box-shadow: 0 2px 17px 0 hsl(0deg 0% 87% / 50%);box-shadow: 0 2px 17px 0 hsl(0deg 0% 87% / 50%);position: sticky;top: 0;z-index: 9;}
.nav-wrapper ul li{margin-left: 20px;}
    .nav-wrapper ul li a {
        /*font-weight: 500;
        font-size: 15px;
        color: #151515;*/
        /*font-family: "Roboto";*/
        font-weight: 700;
        font-size: 13.8px;
        color: #7a7a7a;
       
    }
.btn-quote{font-size: 18px;padding: 8px 48px;border-radius: 6px !important;box-shadow: 5px 5px 7px -1px #898989;}
.navbar-toggler:focus{outline: none;border: none;box-shadow: none !important;}

.PH-hero-section {min-height: 60vh;margin-top: 0px;display: flex;flex-direction: column;}
    .PH-hero-section .content-container {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        padding-top: 50px;
        position: relative;
        overflow: hidden;
    }
        .PH-hero-section .content-container:before {
            content: "";
            width: 80em;
            height: 80em;
            border-radius: 50%;
            background-color: #fff;
            position: absolute;
            left: -42%;
            top: -3em;
            z-index: 0;
        }
.banner-align-center{position: relative;top: 50%;transform: translateY(-50%);}
.banner-navbar ul li span{font-size: 18px;color: #212529;font-weight: 400;}
.banner-navbar ul li span:focus,
.banner-navbar ul li span:hover{color: #ffffff;}
.banner-caption{z-index: 1;position: relative;}
.banner-caption span#typed{font-size: 50px;margin-bottom: 1.4rem;display: inline-block;
line-height: 35px;}
.banner-caption.banner-arabic-caption span#typed{display: block;}
.banner-caption .typed-cursor {opacity: 1;font-size: 50px;color: #ffffff;}
.banner-caption.banner-arabic-caption .typed-cursor{display: none;}
#header-image-slider{position: relative;width: 100%;height: 100%;}
#header-image-slider > img{opacity: 0;transition: all .3s ease-in-out;position: absolute; max-height: none ; width: auto;}
#header-image-slider img.fade-out{opacity: 1;}

/***
*
*----------header end --------
*
***/




/***
*
*----------feature start --------
*
***/

.img-feature{max-width: 100%;height: auto;border-radius: 20px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{background: #fff;background-position: -284px -402px;border-radius: 50%;
box-shadow: 0 1px 3px #ccc;box-shadow: 0 4px 11px 0 #cdd6e1;display: block;height: 50px;width: 50px;}
.owl-carousel .owl-nav button.owl-next span, 
.owl-carousel .owl-nav button.owl-prev span{font-size: 40px;position: relative;bottom: 5px;}
.feature-carousel .owl-nav{display: flex;justify-content: end;margin-top: 10px;
}
/***
*
*----------feature end --------
*
***/




/***
*
*----------rewarding and services start --------
*
***/
.rewarding-and-services-tab-nav li.nav-item{border: solid 1px #dbdbdb;}
.rewarding-and-services-tab-nav li.nav-item button{border-radius: 0px;width: 130px;font-size: 13.5px;}
.rewarding-tab .card-body img{max-height: 75px;}
.rewarding-and-services-tab-nav li .nav-link.active{background-color: #38B6FF !important;}
.rewarding-and-services-tab-nav li .nav-link{color: rgb(26, 26, 26);}
.rewarding-tab .tab-card{font-size: 12px;}
.rewarding-tab .tab-card:focus,
.rewarding-tab .tab-card:hover{-webkit-box-shadow: 0 2px 17px 0 hsl(0deg 1% 61% / 50%);box-shadow: 0 2px 17px 0 hsl(0deg 1% 61% / 50%);}
/***
*
*----------rewarding and services end --------
*
***/




/***
*
*----------testimonial start --------
*
***/
.testimonial-section{position: relative;}
.testimonial-section::before{    content: "";position: absolute;bottom: 0;background-color: #38B6FF;height: 39%;z-index: 0;width: 100%;}
/***
*
*----------testimonial end --------
*
***/



/***
*
*----------partners start --------
*
***/
.partner-img{max-width: 250px;max-height: 65px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);transition: all 0.15s ease-in-out;}
.partner-img:focus,
.partner-img:hover{-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */filter: grayscale(0%);}
/***
*
*----------partners end --------
*
***/



/***
*
*----------footer start --------
*
***/
.footer-nav{color: rgb(82 82 82);font-size: 15px;}
.footer-nav ul.navbar-nav li a{color: rgb(82 82 82);font-size: 15px;}
.footer-nav ul.navbar-nav li a:focus,
.footer-nav ul.navbar-nav li a:hover{color: #000;}
/***
*
*----------footer end --------
*
***/



/*-------------------------------------------------------------------------------------------------------------inner page and steps start----------------------------------------------------------------------------------------------------------------------------------------*/



/***
*
*----------step 1 start --------
*
***/
.inner-banner{overflow: hidden;position: relative;background-color: #fff;}
.inner-banner::before{content: "";background:  #c9e4ff;height: 200%;width: 70%;z-index: 0;top: -2%;left: -35%;bottom: 22px;position: absolute;border-radius: 50%;}
.inner-banner::after{content: "";border: solid 20px #c9e4ff;height: 200px;width: 200px;z-index: 0;top: -17%;right: -6%;position: absolute;border-radius: 50%;}
.inner-banner-content{position: relative;z-index: 1;}
/***
*
*----------step 1 end --------
*
***/



#stepperCarousel .carousel-control-prev,
#stepperCarousel .carousel-control-next{
    display: inline-block;
    position: relative;
    opacity: 1;
    background-color: unset;
}

#stepperCarousel .carousel-control-prev i,
#stepperCarousel .carousel-control-next i{
    opacity: 1;
    color: #2dabf5;
}

.search-input .input-group-text{
    background-color: #f9fdff;
}
.search-input input[type="text"]{
    background-color: #f9fdff;
    border-left: none;
}
.icons-fix{
    max-height: 80px;
}
.overflow-box{
    max-height: 500px;
    overflow-y: scroll;
    width: 100%;
    overflow-x: hidden;
}

.overflow-box::-webkit-scrollbar {
    width: 4px;

  }
  /* .overflow-box::-webkit-scrollbar-track {
    background: #d2eeff; 
  } */
  .overflow-box::-webkit-scrollbar-thumb {
    background: #6397ff; 
      border-radius:10px;
  }
  .overflow-box::-webkit-scrollbar-thumb:hover {    
    background: #d2eeff; 
  } 
.icons-brand{
    max-width: 95px;
}
.pointer{
    cursor: pointer;
}
.car-make-box{
    cursor: pointer;
    border: solid 2px white;
    transition: all 0.15s ease-in-out;
    text-decoration: none;
}
.car-make-box:focus,
.car-make-box:hover{
    cursor: pointer;
    border: solid 2px #2dabf5;
    transition: all 0.15s ease-in-out;
}

  .editableBox {
    width: 75px;
    height: 30px;
}

.timeTextBox {
    width: 54px;
    margin-left: -78px;
    height: 25px;
    border: none;
}
.bg--blue{
    background-color: #c9e4ff;
}

.bg-uset{
    background-color: unset !important;
}

.nav-stepper span.badge{
    height: 25px;
    width: 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}
.nav-stepper ul li{
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.nav-stepper ul li::before{
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    background: #38B6FF;
    top: 73%;
    left: 57%;
}
    .nav-stepper ul li.active::before {
        content: "";
        position: absolute;
        height: 2px;
        width: 100%;
        background: #38b6ff;
        top: 73%;
        left: 57%;
    }
.nav-stepper ul li:last-child:before{
    content: "";
    width: 0;
}
.font-xs{
    font-size: 10.5px !important;
}
.sticky{
    position: sticky;
}
.b-0{bottom: 0;}
.label-xs{font-size: 12px;}
.sortfilter-tab li{
    width: 100%;
}
.sortfilter-tab {
    position: sticky;
    top: 0;    
}
.sticky{
    position: sticky;
}
.t-0{
    top: 0;
}
.z-2{z-index: 2;}
.sortfilter-tab button{
    width: 100%;
    font-size: 14px;
    text-align: left;
    border-radius: 0 !important;
    display: inline-block;    
    color: rgb(102, 101, 101) !important;
}
.sortfilter-tab button.active{
    background-color: #dbdbdb !important;    
}

/* #sortfilter .modal-body{
    max-height: 350px;
    min-height: 350px;
} */

.compare-filter-seach-bar li{
    flex: 1;
    min-width: 235px;
    margin: 5px;
}
.compare-filter-seach-bar li:first-child{
    margin-left: 0;
}
.compare-filter-seach-bar li:last-child{
    margin-right: 0;
}
.compare-filter-seach-bar li span{
    width: 100%;
    font-size: 14px;
}
.notify{
    height: 20px;
    width: 20px;
    font-size: 14px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 30%;
    top: 2px;
}
.font-sm{font-size: 12px;}
small{font-size: 13.3px !important;}
.circle-checkbox .form-check-input{
    position: absolute;
    right: 7px;
    top: 4px;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    cursor: pointer;
}
.btn-compare{
    position: fixed;
    right: 0px;
    top: 14%;
    z-index: 2;
}
.btn-compare small{
    font-size: 11px !important;
}
.plan-details-tab li{
    flex: 1;
    border-radius: 0;    
}
.plan-details-tab li button{
    display: inline-block;
    width: 100%;
    border-radius: 0 !important;
    color: #3a3a3a;
    font-weight: 700;
}
.btn-close.btn-close-custome{
    border: solid 2px #4c4c4c;
    border-radius: 50%;
    font-size: 11px;
    height: 20px;
    width: 20px;
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
}
.plan-details-tab .nav-link.active, .nav-pills .show>.nav-link{
    background-color: #38B6FF !important;
}

.add-more{
    width: 52px;
    height: 52px;
    border: 1px dashed #38B6FF;
    border-radius: 50%;
    margin: 0 auto 18px;
    background-color: #e3f2ff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.add-more em{
    font-size: 30px;
    font-weight: 400;
    color: #0d93fe;
    position: relative;
    top: -2px;
    cursor: pointer;
    font-style: inherit;
}
.btn-cross{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    background-color: #c2c2c2;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-cross em{
    width: 22px;
    height: 22px;
    font-size: 20px;
    color: white;
    font-style: inherit;
    position: relative;
    bottom: 4px;
    text-align: center;
}
.btn-cross:focus,
.btn-cross:hover{
    background-color: #969191;
}
.btn-outline-danger:focus i,
.btn-outline-danger:hover i{
    color: #ffffff !important;
}
.z-5{z-index: 5;}
.bg-dark-blue{
    background-color: #2dabf5;
}
.inner-page-banner{
    min-height: 90vh;
    width: 100%;
}
.circle-xs-check{
    height: 18px;
    width: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
}
.compare-header{position: sticky; top: 20px;}
.discount-stepper ul li{
    text-align: center;
}
.discount-stepper ul li i{
    position: relative;
    font-size: 8px;
    background: #a9a8a8;
    color: #ffffff;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
}
.discount-stepper ul li.active i{
    background: #38B6FF;   
}
.overflow-y-hidden{
    overflow-y: hidden;
}

.discount-stepper ul::after{
    content: "";
    position: absolute;
    border-bottom: solid 2px #a9a8a8;
    width: 100%;
    left: 0;
    top: 52%;
}
.discount-stepper ul li.active::after{
    content: "";
    position: absolute;
    border-bottom: solid 2px #38B6FF;
    width: 50%;
    left: 0;
    top: 52%;
    z-index: 1;
}


/* quote page */
.offer-tag{
    position: relative;
}
.offer-tag span {    
    background-color: #296df6;
    color: #fff;
    display: inline-block;
    font-size: 19px;
    padding: 3px 16px 3px 10px;
    position: relative;
}

.offer-tag span:before {
    border-right: 16px solid transparent;
    border-top: 16px solid #296df6;
    content: "";
    height: 0;
    left: 100%;
    position: absolute;
    top: 0;
    width: 0;
}
.offer-tag span:after {
    content: "";
    border-bottom: 16px solid #296df6;
    border-right: 16px solid transparent;
    border-top: none;
    bottom: 8px;
    top: 19px;
    position: absolute;
    right: -16px;
}

.tags{
    line-height: 15px;
    font-size: 12.4px;
    color: #2dabf5;
}
.overlap-label{
    position: absolute;
    top: -9px;
    background: white;
    left: 7px;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    color: #7c7979;
}
.arbic-overlap-label{
    left: auto;
    right: 7px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.b-r-0{
    border-radius: 0 !important;
}
/* quote end */


.info{
    cursor: pointer;
    font-size: 7px;
    height: 16px;
    width: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.accordion-button,
.accordion-item:first-of-type .accordion-button,
.accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: #38B6FF;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
.accordion-button::after,
.accordion-button:not(.collapsed)::after{
    background-image: url('../assets/icons/down-arrow.png');
}
#comparePolicyAccordion tr td,
#comparePolicyAccordion tr th{
    width: 25%;
    display: inline-block; 
}
#comparePolicyAccordion.arbic-table tr td,
#comparePolicyAccordion.arbic-table tr th{
    text-align: center;   
}
#comparePolicyAccordion.arbic-table tr td:first-child{
    text-align: right;
}

.custom-file-input input[type="file"]{
    width: 92px;
}

#comparePolicyAccordion.arbic-table table tr{
    text-align: right;
    direction: rtl;
}

#comparePolicyAccordion.arbic-table .accordion-button{
    direction: rtl;
}
#comparePolicyAccordion.arbic-table .accordion-button::after{
    margin-right: auto;
    position: absolute;
    left: 10px;
}
.float-unset{
    float: inherit !important;
}

@media only screen and (min-width: 0px) and (max-width: 767px){

    /* helper classes start */
    h1, .h1{font-size: 27px;}
    h5, .h5{font-size: 18px;}
    p{font-size: 14.8px;}
    .img-lg{max-width: 80px;}
    /* helper classes end */

    /* navbar start */
    .lang-drowdown .dropdown-menu.show{
        right: -28px;
    left: auto;
    }
    .brand-logo{max-width: 130px;}
    .nav-wrapper ul li{margin-left: 0;}
    .btn-quote{padding: 6px 15px;font-size: 14px;}
    /* navbar end */

    /* banner start */
    .banner-caption h1 {line-height: 23px;}
    .banner-navbar ul li span {font-size: 15px;}
    .banner-img{z-index: 1;position: relative;}
    .banner-caption h5{font-size: 15px;}
    .banner-caption .typed-cursor,
    .banner-caption span#typed{font-size: 35px; line-height: 0px;}
    .PH-hero-section .content-container:before {left: -41%;top: 7em;}
    #header-image-slider{position: relative;width: 100%;height: 190px;}
    .banner-align-center{top: 0; transform: translateY(0%)}
    #header-image-slider > img{top: 0; max-width: 100%; max-height: 180px; left: 0; right: 0; margin-left: auto; margin-right: auto;}
    /* banner end */

    /* home partner section start */
    .partner-img{max-width: 100%;max-height: 65px;}
    /* home partner section end */

    /* home product get quote start */
    #getquote .btn-close{position: absolute;top: 0px;right: 0;}
    /* home product get quote end */

    /* buy policy form steppers start */
    .stepper-container{overflow-x: hidden;}
    .stepper-container .nav-stepper{min-width: 1116px;}
    .stepper-container .nav-stepper span.badge{margin-left: 0px;}
    .stepper-container .nav-stepper ul li::before{left: 25px;}
    .stepper-container .nav-stepper ul li{text-align: left;}
    .custome-locate{position: relative; left: -5%}
    .custome-locate-2{position: relative; left: -12%;}
    .custome-locate-3{position: relative; left: -27%;}
    /* buy policy form stappers end */

    /* -----------compare page-------- */
    /* sort and filter */
    .sortfilter-tab button{width: 33.33%;}
    .plan-details-tab li {font-size: 13px;}
    .btn-close{font-size: 12px;}
    /* compare page modal button modal button */
    .view-comparison{
        display: block;
        background-color: white;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9;
        height: 45px;
        border-top: solid 1px #ccc;
    }
    .view-comparison a{
        position: absolute;
    z-index: 9;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: 200px;
    }
    /* compare page modal button modal button end */


    .compare-header{ top: -13px;}
    .compare-content img{
        max-width: 60px !important;
    }
    .compare-content .btn-cross{
        top: 1px;
        right: 1px;
        width: 20px;
        height: 20px;
    }
    .compare-content p,
    .compare-content a,
    .compare-content small{
        font-size: 10px !important;
    }
    .font-xs-small{
        font-size: 11px !important;
    }

    #comparePolicyAccordion table tr{font-size: 12px;}
    #comparePolicyAccordion table tr td:first-child{
        border-bottom: solid 1px #ccc;
        display: block;
        width: 100%;
        text-align: center;
    }
    #comparePolicyAccordion tr td{
        width: 33.33%;
        text-align: center;
    }    
    #comparePolicyAccordion .table-striped>tbody>tr:nth-of-type(odd){
        --bs-table-accent-bg: #ffffff;
    }
    #comparePolicyAccordion .accordion-body{padding:  1rem 0rem;}    

}



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

    /* helper start */
    h1, .h1{font-size: 30px;}
    h5, .h5{font-size: 18px;}
    p{font-size: 14.8px;}    
    /* helper end */

    /* header start */
    .lang-drowdown .dropdown-menu.show{
        right: -28px;
    left: auto;
    }
    .nav-wrapper ul li{margin-left: 0;}
    #getquote .btn-close{position: absolute;top: 0px;right: 0;}
    /* header end */

    /* banner start */    
    .brand-logo{max-width: 150px;}
    .banner-img{z-index: 1;position: relative;}    
    .btn-quote{padding: 6px 20px;font-size: 14px;}
    .banner-caption h5{font-size: 15px;}
    .banner-caption .typed-cursor,
    .banner-caption span#typed{font-size: 30px; line-height: 0px;}
    .PH-hero-section .content-container:before {left: -70%;top: -3em;}
    #header-image-slider{position: relative;width: 100%;height: 200px;}
    #header-image-slider > img{top: 0; max-width: 100%; max-height: none; left: 0; right: 0; margin-left: auto; margin-right: auto;}

    /* buy policy form steppers start */
    .stepper-container{overflow-x: hidden;}
    .stepper-container .nav-stepper{min-width: 1116px;}
    .stepper-container .nav-stepper span.badge{margin-left: 0px;}
    .stepper-container .nav-stepper ul li::before{left: 25px;}
    .stepper-container .nav-stepper ul li{text-align: left !important;}
    /* buy policy form stappers end */

    .custome-locate{position: relative; left: -5%}
    .custome-locate-2{position: relative; left: -12%;}
    .custome-locate-3{position: relative; left: -27%;}

    .compare-header{ top: -3px;}
    .compare-content img{
        max-width: 70px !important;
    }
    .compare-content .btn-cross{
        top: 1px;
        right: 1px;
        width: 20px;
        height: 20px;
    }
    .compare-content p,
    .compare-content a,
    .compare-content small{
        font-size: 12px !important;
    }
    .font-xs-small{
        font-size: 12px !important;
    }

    #comparePolicyAccordion table tr{font-size: 12px;}
    #comparePolicyAccordion table tr td:first-child{
        border-bottom: solid 1px #ccc;
        display: block;
        width: 100%;
        text-align: center;
    }
    #comparePolicyAccordion tr td{
        width: 33.33%;
        text-align: center;
    }    
    #comparePolicyAccordion .table-striped>tbody>tr:nth-of-type(odd){
        --bs-table-accent-bg: #ffffff;
    }
    #comparePolicyAccordion .accordion-body{padding:  1rem 0rem;}
    
}

@media only screen and (min-width: 1024px) and (max-width: 1259px){

    /* helper start */
    h1, .h1{font-size: 33px;}
    h5, .h5{font-size: 18px;}
    p{font-size: 15px;}
    /* helper end */

    /* banner start */
    .brand-logo{max-width: 150px;}
    .banner-img{z-index: 1;position: relative;}
    .PH-hero-section .content-container:before {left: -60%;top: -3em;}
    .banner-caption .typed-cursor,
    .banner-caption span#typed{font-size: 38px; line-height: 7px;}
    .btn-quote{padding: 6px 20px;font-size: 14px;}
    #header-image-slider{position: relative;width: 100%;height: 250px;}
    #header-image-slider > img{top: 0; max-width: 100%; max-height: 230px; left: 0; right: 0; margin-left: auto; margin-right: auto;}
    /* banner end */

    /* buy policy form steppers start */
    .stepper-container{overflow-x: hidden;}
    .stepper-container .nav-stepper{min-width: 1116px;}
    .stepper-container .nav-stepper span.badge{margin-left: 0px;}
    .stepper-container .nav-stepper ul li::before{left: 25px;}
    .stepper-container .nav-stepper ul li{text-align: left !important;}
    /* buy policy form stappers end */

}