/* 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=Inter:100,400,300,200,500,700,600,800,900');
@import url('https://fonts.googleapis.com/css?family=Varela+Round:100,400,300,200,500,700,600,800,900');
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap:100,400,300,200,500,700,600,800,900');
@import url('https://fonts.googleapis.com/css?family=Dosis&display=swap:100,400,300,200,500,700,600,800,900');



::-webkit-scrollbar-track
{
    border-radius: 0px;
    background-color: transparent;
}
::-webkit-scrollbar
{
    width:6px;
    background-color: transparent;
}

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


/*5-4-2021*/

.nav-tabs> .active> .tab-icon-business{
    background: #f4ecff;
    transition:all linear .5s;
}

@media only screen and (max-width:1024px){
    .tab-icon-business{
        padding: 20%!important;}
    .padding-tab{
        padding: 0% 5%;
    }

}

@media only screen and (max-width:736px){
    .tab-icon-business{
        padding: 20%!important;
    }

    .motor-icon{
        padding: 20%!important;
    }

    .nav-tabs > .nav-link > h5 > span{
        display: block;
        font-size: 12px; font-weight: 400;
        color:#a9a9a9;
    }

    .padding-tab{
        padding: 0% 6.5%;
    }
}
@media only screen and (max-width:375px){
    .padding-tab{
        padding: 0% 4.5%;
    }
}
@media only screen and (max-width:320px){
    .padding-tab{
        padding: 0% 2.3%;
    }
}

@media only screen and (max-width:320px){
    .phone-menu-icon{
        position: absolute;
        right: 10px;
        top: 23px;
    }
}





.form-padding-top{
    padding-top: 3%;
}
@media only screen and (max-width:823px){
    .form-padding-top{
        padding-top: 5%;
    }
}






::-o-scrollbar-track
{
    border-radius: 0px;
    background: #410099;
}
::-o-scrollbar
{
    width: 6px;
    background: #410099;
}
::-o-scrollbar-thumb
{
    border-radius: 0px;
    background: #410099;
    cursor: pointer;
}


/*edit 20-4-21*/
.overflow {
    overflow:inherit!important;
}
textarea.form-control {
    height: calc(1.5em + .75rem + 2px);
}


@media only screen and (max-width:768px){
    .img-tab{display:none;}
}
@media only screen and (max-width:540px){
    .img-tab{display:block;}
}


/*edit april 26th*/


.tab-btn_add{
    margin-top: -2%;
    color: #FFF;
    background: #410099;
    border: none;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    padding: 1% 1%;
    border-radius: 6px;
}
.ml-{
    margin-left: 1%;
}
.tab-btn_add:hover{
    color: #FFF;
    background: #6f27d0;
}
.tab-btn_add:focus{
    color: #FFF;
    background: #6f27d0!important;
}

@media only screen and (max-width:1366px){
    .tab-btn_add{
        border: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        padding: 1% 1%;
        border-radius: 6px;
    }
}
@media only screen and (max-width:1024px){
    .tab-btn_add{
        width: 100%;
        border: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        padding: 1% 2%;
        /*margin-bottom: 6%;*/
        border-radius: 6px;
    }
    .ml-{
        margin-left: 1%;
    }
}
/*edited april 27-2021:11:41am*/
@media only screen and (max-width:768px){
    .tab-btn_add{
        padding: 1.8% 2%;
    }

}


@media only screen and (max-width:664px){
    .tab-btn_add{
        width: 100%;
        border: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        padding: 3% 2%;
        /*        margin-bottom: 6%;*/
        border-radius: 6px;
    }
    .ml-{
        margin-left: 0px;
        margin-top: 3%;
    }
}



/*.dynamic-field{
   border-bottom: 1px solid #e3e3e3;
    margin-bottom: 1%!important;
}*/

.dynamic-field{
    /*border-bottom: 1px solid c;*/
    border: 1px solid #e3e3e3;

    margin-bottom: 5%!important;
    margin-left: 2%;
    /*background-color: #e3e3e3;*/
}


.dep_details_head{
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #24272c;
    font-size: 16px;
}

/**/






body{
    width:100%;
    padding: 0px;
    margin: auto;
    height: auto;
    line-height:24px;
    color: #777777;
    background: #f8f6f6;
    font-family: 'Poppins', sans-serif;
    overflow-x:hidden;
}

@media only screen and (max-width:1024px){
    body{
        background: #f8f6f6;
    }
}




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

.logo{
    width: 90%!important;
}

/**/

.nav-bar-style{
    padding:.8%;
    /*background-color: #410099;*/
    background-color: #FFF;
    border-bottom: 1px solid #f3f1f1;
    /*
    background: -moz-linear-gradient(top,  #10a7e6 0%, #0f95cd 100%);
    background: -webkit-linear-gradient(top,  #10a7e6 0%,#0f95cd 100%);
    background: linear-gradient(to bottom,  #10a7e6 0%,#0f95cd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10a7e6', endColorstr='#0f95cd',GradientType=0 );
    */

}


.dropdown-menu{
    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{
    transition:all ease-in-out .3s;
}
.dropdown-item:hover{
    color: #410099;
    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;

}





@media all and (min-width:1300px) {
    .navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
    .navbar .nav-item:hover .nav-link{ color: #410099;  }
    .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-size: 14px;
    font-family: 'Poppins', sans-serif;
    color: #FFF!imnportant;
}
.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: #fff;*/
    color: #410099;
}

.navbar-light .navbar-nav .nav-link {
    /*color: #FFF;*/
    color: #410099;
}
.navbar-light .navbar-nav .nav-link:hover {
    /*color:#f8f8f8;*/
    color: #410099;
}
.navbar-light .navbar-nav .nav-link:focus {
    /*color:#f8f8f8;*/
    color: #410099;
}
.navbar-light .navbar-nav .nav-link:active {
    /*color:#f8f8f8;*/
    color: #410099;
}




.banner{
    background: url(../image/banner/slider.jpg);  height: 50vh; min-height: 300px;
    background-size: cover; background-position: center;
}

.banner> .container-fluid{
    padding-left:1%;
    padding-right:5%;
    margin-top:8%!important;
    bottom:auto;
}




.banner> .container-fluid> h3{
    font-family: 'poppins', sans-serif;
    /*    font-family: 'Quicksand', sans-serif;*/
    color: #24272c;
    letter-spacing: -1px;
    font-size: 33px;
    font-weight: 600;
}

.span{
    font-weight: 400!important;
    color: #ff912b;
}






@media only screen and (max-width:1366px){
    .banner{
        background: url(../image/banner/slider.jpg);  height: 55vh; min-height: 300px;
        background-size: cover; background-position: center;
    }

    .banner> .container-fluid{
        padding-left:1%;
        padding-right:5%;
        margin-top:4%!important;
        bottom:auto;
    }
    .banner> .container-fluid> h3{
        font-family: 'Poppins', sans-serif;
        color: #24272c;
        letter-spacing: -1px;
        font-size: 30px;
        font-weight: 600;
    }

}



@media only screen and  (max-width:1024px){
    .banner{
        background: #052342;  height: 20vh;
    }
    .banner> .container-fluid> h3{
        color: #fff;
        font-size: 30px;
    }
    .span{
        color: #f4ecff;
    }

}
@media only screen and  (max-width:823px){
    .banner{
        height: 30vh; min-height: 200px;
    }
    .banner> .container-fluid{
        margin-top: 0%!important;

    }
    .banner> .container-fluid> h3{
        color: #fff;
        font-size: 24px;
    }

}

@media only screen and  (max-width:823px){
    .banner{
        height: 20vh; min-height: 200px;
    }
    .banner> .container-fluid{
        margin-top: 0%!important;

    }
    .banner> .container-fluid> h3{
        color: #fff;
        font-size: 24px;
    }

}



@media only screen and  (max-width:786px){
    .banner> .container-fluid{
        margin-top: 0%!important;

    }
    .banner> .container-fluid> h3{
        color: #fff;
        font-size: 24px;
    }

}

@media only screen and  (max-width:640px){
    .banner> .container-fluid{
        margin-top: 0%!important;

    }

}

@media only screen and  (max-width:560px){
    .banner> .container-fluid{
        margin-top: 2%!important;

    }

}
@media only screen and (max-width:568px){
    .banner> .container-fluid{
        margin-top: 8%!important;
    }
}
@media only screen and (max-width:411px){
    .banner> .container-fluid{
        margin-top: 14%!important;
    }
}















.banner-box-insurance{
    background: #410099;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius:20px;
    border-bottom-right-radius:20px;
    text-align: left;
    color: #FFF;
    font-family: 'Poppins', sans-serif;
}



.banner-box-insurance .row{
    padding:8% 2% 6% 2%;
}


.banner-box-insurance h2{
    /*   font-family: 'Poppins', sans-serif;*/
    font-family: 'Quicksand', sans-serif;
    font-size: 20px;
    margin-top: 2%;
    font-weight: 600;
}
.banner-box-insurance p{
    font-family: 'Poppins', sans-serif;
    margin-top: -2%;
    font-size: 14px;
}


.banner-claim-insurance{
    background: #24272c;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    text-align: left;
    color: #FFF;
    font-family: 'Poppins', sans-serif;
}
.banner-claim-insurance .row{
    padding:8% 2% 6% 2%;
}
.banner-claim-insurance h2{
    /*   font-family: 'Poppins', sans-serif; */
    font-family: 'Quicksand', sans-serif;
    font-size: 20px;
    margin-top: 2%;
    font-weight: 600;
}
.banner-claim-insurance p{
    font-family: 'Poppins', sans-serif;
    margin-top: -2%;
    font-size: 14px;
}


.privacy {font-size:12px !important;}
.lifont {font-size:12px;color:#080c0e !important;}

@media only screen and (max-width:480px){
    .banner-box-insurance{
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .banner-claim-insurance{
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

}




.quick-info-box{
    margin-top: -5%;
}


@media only screen and (max-width:1366px){
    .quick-info-box{
        margin-top: -8%;
    }
}

@media only screen and (max-width:1024px){
    .quick-info-box{
        display: none;
        background: #07315d;
        margin-top: -9%;
        padding: 0px;
    }
}

.tab-icon{
    width: 60px;
    height: 60px;
    background: #FFF;
    border: 1px solid #f8f8f8;
    border-radius: 25px;
    padding: 9%;
}
.nav-tabs> .nav-link{
    color: #24272c;
}
.nav-tabs> .nav-link:hover > .tab-icon{
    background: #f4ecff;
    border: 1px solid #f4ecff;
    transition:all linear .5s;
}

.nav-tabs> .nav-link> h5{
    text-align:center;
    color: #000;
    font-size: 15px;
    margin-top: -4%;
}



.nav-tabs> .active> .tab-icon{
    background: #f4ecff;
    transition:all linear .5s;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #000;
    background-color: #fff;
    border-color: #FFF!important;
    border-bottom: 2px solid #410099!important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover {
    color: #000;
    background-color: #fff;
    border-color: #FFF!important;
    border-bottom: 2px solid #410099!important;
}



.phn-tab{
    /*    background: #fff;*/
    /*    padding:6%; */
    color: #000;
    font-size: 15px;
    /*    border-bottom: 1px solid #f8f8f8;*/
}

.phone-motor-bg{
    padding: 12% 9%;
    border-radius: 10px;
    background: #fff;
    border-bottom: 1px solid #f8f8f8;
    /*    background: #e9f9ff*/
}
.phone-health-bg{
    padding: 12% 9%;
    border-radius: 10px;
    background: #fff7f2;
}


@media only screen and (max-width:1024px){
    .phn-tab-head>h3{
        padding-top: 5%;
        font-size:16px;
    }
}







.modal-title{
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 300;
}


.phone-view-tabs{
    display: none;
}
@media only screen and (max-width:1024px){
    .phone-view-tabs{
        margin-top: -9%;
        display: block;
    }
}

@media only screen and (max-width:823px){
    .phone-view-tabs{
        margin-top: -6%;
        display: block;
    }
}


.form-control {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 0rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background:none!important;
    background-clip: padding-box;
    border:none;
    border-bottom: 1px solid #646464;
    border-radius: 0rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media only screen and (max-width:486px){
    .form-control{
        padding: .0rem 0rem;
    }
}


.modal-header {
    background: #410099;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}



.form-group>label{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #24272c;
    font-size: 13.5px;
}
.form-control> option{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #24272c;
    font-size: 13px;
}
.form-row{
    margin-top: -2%;
}


.form-control-no-border:focus{
    border-color:#FFF!important;
    outline:0!important;
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    border-bottom: 1px solid #410099!important;
}



.tab-btn{
    color: #FFF;
    margin-top: 2%;
    background: #410099;
    border: none;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    padding: 1.2% 2%;
    border-radius: 6px;
}
.tab-btn:hover{
    color: #FFF;
    background: #6f27d0;
}
.tab-btn:focus{
    color: #FFF;
    background: #6f27d0!important;
}

@media only screen and (max-width:1366px){
    .tab-btn{
        margin-top: 2%;
        border: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        padding: 1.5% 2%;
        border-radius: 6px;
    }
}
@media only screen and (max-width:1024px){
    .tab-btn{
        width: 100%;
        margin-top: 2%;
        border: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        padding: 2% 2%;
        border-radius: 6px;
    }
}
@media only screen and (max-width:375px){
    .tab-btn{
        padding: 5% 2%;
    }
}


.about-bg{
    background: #FFF; width: 100%; background-position: center; background-attachment: fixed;
}
.about-padding{
    padding-top:3%; padding-bottom: 3%;
}

.about h5{
    font-size: 14px; color:#080c0e; font-weight: 400;
}
.about h1{
    font-family: 'Quicksand', sans-serif;
    font-size: 36px; color:#080c0e; font-weight: 600;
}

.about h2{
    font-family: 'Quicksand', sans-serif;
    font-size: 30px; color:#080c0e; font-weight: 600;
}



.about p{
    font-size: 14px; color:#080c0e;
}
.about-img-rounded{
    border-radius: 10px;
}

.testimonial-rounded{
    border-radius: 25px;
}




@media only screen and (max-width:1024px){
    .about h1{
        font-size: 30px;
    }
}


@media only screen and (max-width:486px){
    .about h1{
        font-size: 25px;
    }
}





.img{
    width: 100%;
}



.btn-arrow-style{
    transform: rotate(-90deg);
    margin-left: -2%;
    visibility: hidden;
    position:relative;
    transition:all ease-in-out .3s;
}

.tab-btn:hover> .btn-arrow-style{
    visibility: visible;
    margin-left: 0%;
    transition:all ease-in-out .3s;
}



.custom-control-input{
    position: absolute!important;
    margin-left: -3%!important;
    background: #410099!important;
}
.custom-control-label{
    white-space: nowrap;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #24272c;
    font-size: 13px;
    padding-left: 5%;
}



.tab-style-box{
    background: #FFF; border-radius: 20px;
    margin-top: 3%;
}

.dsk-visible{}
.phn-visible{
    display: none;
}

.padding-check-box{
    padding:1.5% 0%;
}


@media only screen and (max-width:1024px){
    .bg-white-ph{
        background: #FFF;
    }

    .tab-style-box{
        background: #FFF; border-radius: 20px;
        margin-top: 3%;

    }
    .dsk-visible{ display: none;}

    .span-hide{
        display: none;
    }
    .phn-visible{
        display: none;
    }

    .padding-check-box{
        padding:1.5% 0%;
    }

    .phone-sm{
        margin-top:-5%;
        background:#FFF;
        /*display: none;*/
    }


    .tab-style-box{
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
}



.left-align-check{
    margin-left: -18%;
}

@media only screen and (max-width:1024px){
    .left-align-check{
        margin-left:0%;
    }
}






.about-btn{
    background: #410099;
    border: none;
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    padding: 2% 8%;
    border-radius: 6px;
}
.about-btn:hover{
    color: #FFF;
    background: #6f27d0;
}
.about-btn:focus{
    background: #6f27d0!important;
}

@media only screen and (max-width:1366px){
    .about-btn{
        border: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        padding: 1.5% 2%;
        border-radius: 6px;
    }
}
@media only screen and (max-width:823px){
    .about-btn{
        padding: 2.5% 8%
    }
}
@media only screen and (max-width:486px){
    .about-btn{
        padding: 4% 12%;
    }
}









.about-btn:hover> .btn-arrow-style{
    visibility: visible;
    margin-left: 0%;
    transition:all ease-in-out .3s;
}


.under-line{
    width: 8%;
    height: 2px;
    background: #410099;
    margin-top: 2%;
    margin-bottom: 2%;
}

.under-line-col-12{
    width: 3%;
    height: 2px;
    background: #410099;
    margin-top: 1.5%;
    margin-bottom: 1.5%;
}




.under-line-white{
    width: 4%;
    height: 2px;
    background: #FFF;
    margin-top: 2%;
    margin-bottom: 2%;
}

.adv-banner-bg{
    background:url('../image/quick-banner.jpg');
    background-size:cover;
    background-position:center;
    background-repeat: no-repeat;

}

.adv-banner-padding{
    padding-top:2%; padding-bottom: 2%;
}

.adv-banner h5{
    font-size: 14px; color:#FFF; font-weight: 400;
}
.adv-banner h1{
    font-family: 'Quicksand', sans-serif;
    font-size: 30px; color:#FFF; font-weight: 600;
}
.adv-banner p{
    font-size: 14px; color:#FFF;
}



.adv-banner-btn{
    background:transparent;
    border: 2px solid #475ba0;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    padding: 2% 8%;
    border-radius: 6px;
}
.adv-banner-btn:hover{
    background: #06195b;
    border: 2px solid #06195b;
}



@media only screen and (max-width:1366px){
    .adv-banner-btn{
        background:transparent;
        border: 2px solid #475ba0;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        padding: 1.5% 2%;
        border-radius: 6px;
    }

    .adv-banner-btn:hover{
        background: #06195b;
        border: 2px solid #06195b;
    }

}


@media only screen and (max-width:486px){
    .adv-banner-btn{
        padding: 4% 12%;
    }
    .adv-banner-padding{
        padding-top:8%; padding-bottom: 8%;
    }
    .adv-banner h1{
        font-size: 25px;
    }
}











.adv-banner-btn:hover> .btn-arrow-style{
    visibility: visible;
    margin-left: 0%;
    transition:all ease-in-out .3s;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    display: none;
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}

.owl-theme .owl-dots .owl-dot span {
    width: 8px!important;
    height: 3px!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:16px!important;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    display: none;
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}

.owl-carousel .owl-item img {

}

.owl-background{
    padding-top: 3%;
    padding-bottom: 3%;
    background: #f9edff;
}

.insure-clients-item {
    border: 1px solid #c499ff;
    border-radius: 10px;
}



.partner-bg{
    background: #f8f6f6; width: 100%; background-position: center; background-attachment: fixed;
}
.partner-padding{
    padding-top:3%; padding-bottom: 5%;
}

.partner h5{
    font-size: 14px; color:#080c0e; font-weight: 400;
}
.partner h1{
    font-family: 'Quicksand', sans-serif;
    font-size: 36px; color:#080c0e; font-weight: 600;
}
.partner p{
    font-size: 14px; color:#080c0e;
}


.under-line-center{
    width: 4%;
    height: 2px;
    margin-left: 48%;
    background: #410099;
    margin-top: 1%;
    margin-bottom: 1%;
}


.insure-testimonials-item p{
    font-size: 14px;
}

.person h2{
    font-size: 18px;
}

.person p{
    margin-top: -2%;
    font-size: 12px;
    color: #908e8e;
}


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


.insure-testimonials-item {
    border: 1px solid #e5e1e1;
    border-radius: 10px;
    transition:all ease-in-out .3s;
    background: #f8f6f6;
}

.insure-testimonials-item:hover {
    border: 1px solid #410099;
    border-radius: 10px;
    transition:all ease-in-out .3s;
    cursor: pointer;

}





.quotation-icon{
    width: 25px!important;
    padding-bottom: 5%;
}


.text-style> a{
    color: #FFF;
}



.footer-heading{
    letter-spacing: -0.5px;
    color: #fff;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    font-size: 20px;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.quick-links li{
    font-size: 13.5px;
    color: #FFF!important;
    font-weight: 400!important;
    line-height: 26px;
    border-bottom: 0px dashed #313132;
}


.copyright{
    background: #06080c;
}
.copyright p{
    font-size: 13.5px;
    font-weight: 400!important;
}


.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border: none!important;
}



@media only screen and (max-width:486px){
    .mx-auto-style{
        margin-left: auto!important;
        margin-right: auto!important;
    }
}



@media only screen and (max-width:640px){
    .phone-size-footer{
        margin-top: -4%;
    }
}

@media only screen and (max-width:486px){
    .phone-size-footer{
        margin-top: -0%;
    }
    .sm-phone-margin{
        margin-top: -7%;
    }
}






.bg-links{
    background: #f4ecff;
}
.best-insure> h3{
    color: #07315d;
    padding: 3%;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}
@media only screen and (max-width:823px){
    .best-insure> h3{
        padding: 3%;
        font-size: 18px;
    }
}

@media only screen and (max-width:486px){
    .best-insure> h3{
        padding: 5%;
        font-size: 16px;
    }
}



.phone-view-tabs{
    display: none;
}
@media only screen and (max-width:1024px){
    .phone-view-tabs{
        margin-top: -9%;
        display: block;
    }
}

.phone-view-best{
    display: none;
}
@media only screen and (max-width:1024px){
    .phone-view-best{
        display: block;
    }
}




/**/
/* custom checkbox */
input[type="checkbox"] {
    height: 15px;
    width: 15px;
    margin: 0;
    padding: 0;
    opacity: 1;
    appearance: none;
    border: 1px solid #410099;
    border-radius: 25px;
    background: #fff;
    position: relative;
    margin-right: 8px;
}

input[type="checkbox"]:checked {
    border: 1px solid #410099;
    background: #410099;
}

input[type="checkbox"]:checked:before, input[type="checkbox"]:checked:after {
    content: "";
    position: absolute;
    height: 2px;
    background: #fff;
}

input[type="checkbox"]:checked:before {
    width: 4.5px;
    top: 8px;
    left: 2px;
    transform: rotate(44deg);
}

input[type="checkbox"]:checked:after {
    width: 8px;
    top: 6px;
    left: 3.5px;
    transform: rotate(-55deg);
}

input[type="checkbox"]:focus {
    outline: none;
}

label {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #24272c;
    font-size: 13px;
    margin-top: -5%;
    display: initial;
    margin-bottom: .5rem;
}

.footer-bg{
    background: #090b11;
}


/**/

.about-page-banner{
    background: #052342; padding: 6% 2%; color: #FFF;
}

.about-page-banner> .container-fluid>h3> span{
    font-size: 12px; font-weight: 400; color: #f4ecff; opacity: .5;
}

@media only screen and (max-width:768px){
    .about-page-banner{
        padding: 9% 2%;
    }
}
@media only screen and (max-width:480px){
    .about-page-banner{
        padding: 12% 2%;
    }
}

.about-border{
    border :1px solid #f9f9f9; border-radius: 10px; padding: 7% 8% 4% 8%;
}

.about-border> h2{
    font-size: 22px;
}
/**/

.contact li{
    font-size: 14px;
    color: #24272c!important;
    font-weight: 400!important;
    line-height: 26px;
    border-bottom: 0px dashed #313132;
}
.info-style> a{
    color: #24272c;
}

iframe{
    width: 100%;
}

.form-box{
    border-radius: 10px; border: 1px solid #eee; background: #FFF; margin-top: -28%;
}

/*helpline*/

.helpline-number{
    font-size: 14px;
    color: #000;
}

/*datepicker*/
.datepicker {
    margin-top: 0%!important;
    padding: 20px!important;
    border-radius: 10px!important;
    direction: ltr;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    color: #ffffff!important;
    background-color: #410099!important;
    border-color: #cfbfe5!important;
}
.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: #a15dff!important;
    border-color: #a15dff!important;
}

.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    color: #ffffff;
    background-color: #a15dff!important;
    border-color: #a15dff!important;
}


/*check align*/

.agree{
    font-size: 13px;
    line-height: 20px;
    margin-top: -50%;
    position: relative;
    cursor: pointer;
}
.policy{
    font-size: 13px;
}





/*innerpage*/

.inner-search-btn{
    width: 100%;
    text-align: center;
    margin-top: 4%;
    background: #410099;
    border: none;
    color: #FFF;
    padding: 6% 2%;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    border-radius: 6px;
}
.inner-search-btn:hover{
    background: #6f27d0;
    color: #FFF;
}
.inner-search-btn:focus{
    background: #6f27d0!important;
}

@media only screen and (max-width:1366px){
    .inner-search-btn{
        margin-top: 2%;
        border: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        border-radius: 6px;
        padding: 6% 2%;
    }
}
@media only screen and (max-width:1024px){
    .inner-search-btn{
        width: 100%;
        margin-top: 2%;
        border: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        padding: 6% 2%;
        border-radius: 6px;
    }
}

.btn-arrow-style{
    transform: rotate(-90deg);
    margin-left: -12%;
    visibility: hidden;
    transition:all ease-in-out .3s;
}

.inner-search-btn:hover> .btn-arrow-style{
    visibility: visible;
    margin-left: 0%;
    transition:all ease-in-out .3s;
}



/**/

.result-table-border{
    border:1px solid #f7f7f7;
}

.result-box{
    padding: 0% 0%;
}

.result-box h3{
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    color: #080c0e;
}

.result-box p{
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #999;
    margin-top: -4%;
}


.result-style h4{
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #080c0e;
    margin-top: -9%;
}

.result-style p{
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #999;

}



/**/




/*contact btn*/

.send-btn{
    margin-top: 4%;
    background: #410099;
    border: none;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    padding: 2% 6%;
    border-radius: 6px;
}
.send-btn:hover{
    background: #6f27d0;
}
.send-btn:focus{
    background: #6f27d0!important;
}


.send-cover-btn{
    margin-top: 4%;
    margin-bottom: 5%;
    background: #410099;
    color: #FFF;
    border: none;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    padding: 10% 6%;
    border-radius: 6px;
}
.send-cover-btn:hover{
    color: #FFF;
    background: #6f27d0;
}
.send-cover-btn:focus{
    color: #FFF;
    background: #6f27d0!important;
}

.send-cover-btn:hover> .btn-arrow-style{
    visibility: visible;
    margin-left: 0%;
    transition:all ease-in-out .3s;
}




@media only screen and (max-width:1366px){
    .send-btn{
        margin-top: 2%;
        border: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        padding: 2% 6%;
        border-radius: 6px;
    }
}
@media only screen and (max-width:1024px){
    .send-btn{
        width: 100%;
        margin-top: 2%;
        border: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        padding: 5% 6%;
        border-radius: 6px;
    }
}

.send-btn:hover> .btn-arrow-style{
    visibility: visible;
    margin-left: 0%;
    transition:all ease-in-out .3s;
}


/*innerpage-new*/

.inner-style-box{
    background: #FFF; border-radius: 20px;
    margin-top: -3%; margin-bottom: 3%;
}

@media only screen and (max-width:1024px){
    .inner-style-box{
        background: #FFF; border-radius: 20px;
        margin-top: 3%;}
}

@media only screen and (max-width:823px){
    .inner-style-box{
        background: #FFF; border-radius: 20px;
        margin-top: 3%;
        margin-bottom: 9%;}
}

/*radio*/
.custom-control-label::before {
    display: none!important;
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6;
}

/* radio */
input[type="radio"] {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0;
    padding: 0;
    opacity: 1;
    appearance: none;
    border: 1px solid #410099;
    border-radius: 3px;
    background: #fff!important;
    position: relative;
    margin-right: 8px;
}

input[type="radio"]:checked {
    border: 1px solid #410099;
    background: #410099!important;
}

input[type="radio"]:checked:before, input[type="radio"]:checked:after {
    content: "";
    position: absolute;
    height: 2px;
    background: #fff;
}

input[type="radio"]:checked:before {
    width: 4.5px;
    top: 8px;
    left: 2px;
    transform: rotate(44deg);
}

input[type="radio"]:checked:after {
    width: 10px;
    top: 6px;
    left: 3.5px;
    transform: rotate(-55deg);
}

input[type="radio"]:focus {
    outline: none;
}


.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E);
    display: none;
}



/**/
.insurance--ul{
    border: 1px solid #f8f8f8;
    background: #FFF;
    padding: 3%;
    border-radius: 10px;
    padding: 9% 8%;

}
.insurance--ul h3{
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    color: #080c0e;
}

.list-unstyled >li{
    font-size: 14px;
    color: #080c0e;
}

.light-background{
    background:#f4ecff;
}

.light-background-border{
    border: 1px solid #f4ecff;
}



.inner-short-line{
    width: 4%;
    height: 2px;
    background:#e1d1f6;
    /*    background: #410099;*/
    margin-top: 2%;
    margin-bottom: 3%;
}


/*tabs*/

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #410099;
    border-radius: 25px;
    border:none;
    transition:all ease-in-out .3s;
}

.nav-pills .nav-link {
    border-radius: 25px;
    color: #410099;
    border:1px solid #e4d9f3;
    transition:all ease-in-out .3s;
}

/**/

.heading-style h1{
    font-size: 24px;
    color: #080c0e;
}



.third-party h5{
    font-size: 14px; color:#080c0e; font-weight: 400;
}
.third-party h1{
    margin-top: -4%;
    font-family: 'Quicksand', sans-serif;
    font-size: 30px; color:#080c0e; font-weight: 600;
}
.third-party p{
    font-size: 14px; color:#080c0e;
}

/**/

@media only screen and (max-width:823px){
    .phone-hide{
        display: none;
    }
    .custom-radio{
        margin-top: 3%;
    }



}

.form-padding{
    padding-left: 1.2%!important;
    padding-right: 1.2%!important;
}

@media only screen and (max-width:640px){
    .phn-radio-margin{
        margin-top: -5%;
    }
}

/*searchpage*/

.table td,
.table th {
    font-family: "poppins";
    font-size: 15px;
    font-weight: 400;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}




.table-responsive-stack tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}


.table-responsive-stack td,
.table-responsive-stack th {
    display:block;
    font-family: "poppins";
    font-size: 15px;
    font-weight: 400;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.table-responsive-stack .table-responsive-stack-thead {
    font-weight: bold;
}
.body-border{
    border-radius: 10px!important; border: 1px solid #f3f3f3;
}

.thead-style-left{
    background: #410099; color: #FFF;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 0px;
}
.thead-style-right{
    background:#6940a0; color: #FFF;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0px;
}
.phone-sm-hide{
    display:none!important;
}


@media only screen and (max-width:768px){
    .phone-sm-hide{
        display:block!important;
    }
}

.desktop-md-visible{
    display:block!important;
}

@media only screen and (max-width:768px){
    .desktop-md-visible{
        display: none!important;
    }
}



@media screen and (max-width: 768px) {
    .table-responsive-stack tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border: 1px solid #f3f3f3;
        display: block;
        margin-top: 5%;
        border-radius: 10px;

    }
    /*  IE9 FIX   */
    .table-responsive-stack td {
        float: left\9;
        width:100%;

    }
    .table-responsive-stack .table-responsive-stack-thead{
        font-weight: 600;
        font-size: 14px;
    }

    .body-border{
        border: none!important;
    }

    .phone-sm-hide{
        display: block!important;
    }



}

.table td, .table th {
    padding: .55rem;
    vertical-align: top;
    border-top: none!important;
}
.table thead th {
    vertical-align: bottom;
    border-bottom:none!important;
}

.desktop-md-visible{
    display: none;
}

/**/

.tab-pane p{
    font-size: 14px;
    font-weight: 400;
    color: #080c0e;
}

.list-group{
    border-color: none!important;
}
.badge{
    margin-top: 6%;
    text-align: left;
    display: inline;
    padding:0px;
    font-size: 14px;
    font-weight: 400;
    color: #080c0e;
}

.list-group-item {
    font-size: 13px;
    position: relative;
    display: block;
    padding: 0.6rem 1.25rem;
    margin-bottom: -1px;
    background: transparent;
    border: none;
    font-weight: 500;
    line-height: 15px;
    /* color: #080c0e; */
    color: #410099;
    /* border-top: 1px solid #dee2e6!important;
    border-bottom: 1px solid #dee2e6!important; */
}



.list-group-head {
    font-size: 14px;
    position: relative;
    display: block;
    padding: 0.5rem 1.25rem 0rem;
    background: transparent;
    border: none;
    font-weight: 500;
    line-height: 26px;
    color: #410099;
}







.list-inline-item{
    font-size: 14px;
    position: relative;
    margin-bottom: -1px;
    background: transparent;
    border: none;
    color: #080c0e;
}

.border-no-table{
    border-top:  none!important;
    border-bottom:  none!important;
}

.list-group-item:first-child {
    border-top-left-radius:0px!important;
    border-top-right-radius:0px!important;
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius:0px!important;
    border-bottom-left-radius:0px!important;
}

.price-head{
    font-size: 28px!important;
    font-weight: 600;

}
.price-tab li{
    font-size: 14px;
}
.price-tab{
    padding: 8% 3%!important;
    margin-bottom: 0px;
    /*border: 1px solid #f8f6f6!important;*/
}
.overflow-text{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.f-600{
    font-weight:600;
}

.apply-btn{
    width: 100%;
    text-align: center;
    margin-top: 4%;
    background: #410099;
    border: 1px solid #410099;
    color: #FFF;
    padding: 6% 2%;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    border-radius: 6px;
    transition:all ease-in-out .3s;
}

.apply-btn:hover{
    background: #6f27d0;
    border: 1px solid #6f27d0;
    color: #FFF;
    transition:all ease-in-out .3s;
}

.compare-btn{
    width: 100%;
    text-align: center;
    margin-top: 4%;
    background:transparent;
    border: 1px solid #410099;
    color: #410099;
    padding: 6% 2%;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    border-radius: 6px;
    transition:all ease-in-out .3s;
}

.compare-btn:hover{
    background: #6f27d0;
    border: 1px solid #6f27d0;
    color: #FFF;
    transition:all ease-in-out .3s;
}


.theme-color{
    color: #410099;
}
.light-color{
    width: 30%;
    color: #333;
}

.theme-lighter-shade{
    background: #f4ecff;
}
.compare-btn:hover> .btn-arrow-style{
    visibility: visible;
    margin-left: 0%;
    transition:all ease-in-out .3s;
}


.package-box-padding{
    padding: .5% 2%;
}

@media only screen and (max-width:823px){
    .package-box-padding{
        padding: 2% 4%;
    }
    .badge{
        font-size: 12.5px;
    }

    .list-group-item {
        font-size: 13px;
    }
}

@media only screen and (max-width:540px){

    .badge{
        font-size: 14px;
    }

    .list-group-item {
        font-size: 14px;
    }



}



@media only screen and (max-width:486px){
    .package-box-padding{
        padding: 2% 2%;
    }
}


/**/
.wrapper {
    position:relative;
    margin:0 auto;
    overflow:hidden;
    padding:5px;
    height:50px;
}

.list {
    position:absolute;
    left:0px;
    top:0px;
    min-width:4000px;
    margin-top:0px;
}

.list li{
    display:table-cell;
    position:relative;
    text-align:center;
    cursor:grab;
    cursor:-webkit-grab;
    color:#efefef;
    vertical-align:middle;
}

.scroller {
    text-align:center;
    cursor:pointer;
    display:none;
    padding:7px;
    padding-top:13px;
    white-space:no-wrap;
    vertical-align:middle;
    background-color:transparent!important;
}

.float-left{
    margin-left: -8%;
}
.float-right{
    margin-right: -8%;
}

.text-black{
    color: #080c0e;
}
.text-black:hover{
    color: #080c0e;
}


.custom-file {
    margin-top: 5%;
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0;
}

.custom-file-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 0rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background:none!important;
    background-clip: padding-box;
    border:none;
    border-bottom: 1px solid #646464;
    border-radius: 0rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: url(../image/svg/paper-clip.svg);
    width: 35px;

}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(calc(2.25rem + 2px) - 1px * 2);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    /*    content: "Browse";*/
    background-color: transparent;
    border-left: none;
    border-radius: 0 .25rem .25rem 0;
}




.error-btn{
    color: #FFF;
    background: #410099;
    border: none;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    padding: 1.5% 2%;
    border-radius: 6px;
}
.error-btn:hover{
    color: #FFF;
    background: #6f27d0;
}
.error-btn:focus{
    color: #FFF;
    background: #6f27d0!important;
}

@media only screen and (max-width:1366px){
    .error-btn{
        border: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        padding: 1.5% 2%;
        border-radius: 6px;
    }
}
@media only screen and (max-width:1024px){
    .error-btn{
        width: 100%;
        border: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        padding: 3% 2%;
        border-radius: 6px;
    }
}
.error-btn:hover> .btn-arrow-style{
    visibility: visible;
    margin-left: 0%;
    transition:all ease-in-out .3s;
}

.error p{
    font-size: 14px;
    font-weight: 400;
    color: #080c0e; ;

}



.four-style{
    font-size: 276px;
    font-weight: 600;
    position: relative;
    animation: mymove 5s infinite;
}

@keyframes mymove {
    0%   {top: 0px;}
    25%  {top: 50px;}
    50%  {top: 0px}
    75%  {top: 50px}
    100% {top: 0px;}
}

.sky-style{
    z-index: -1;
    position: absolute;
    animation: sky 5s infinite;
    animation-delay: 1s;
    top: 30%;
}

@keyframes sky {
    0%   {left: 20%; top: 30%; opacity: 0;}
    50%  {left:40%; top: 30%; opacity: 1;}
    100% {left: 20%; top: 30%; opacity: 0;}
}

.sky-style-right{
    z-index: -1;
    position: absolute;
    animation: sky-right 5s infinite;
    animation-delay: 1s;
    top: 30%;
}

@keyframes sky-right {
    0%   {right: 20%; top: 40%; opacity: 0;}
    50%  {right:40%; top: 40%; opacity: 1;}
    100% {right: 20%; top: 40%; opacity: 0;}
}


.error{
    padding:2% 0%;
    position: relative;
    margin-top:14%;
}

@media only screen and (max-width:1440px){
    .error{
        padding:5% 0% 5% 0%;
    }
}

@media only screen and (max-width:1024px){
    .error{
        padding:30% 0% 5% 0%;
    }
}

@media only screen and (max-width:823px){
    .error{
        margin-top:-20%;
    }
}

@media only screen and (max-width:768px){
    .error{
        margin-top:3%;
    }
}
@media only screen and (max-width:640px){
    .error{
        margin-top:-16%;
    }
}


@media only screen and (max-width:540px){
    .error{
        margin-top:4%;
    }
}


@media only screen and (max-width:320px){
    .error{
        margin-top:24%;
        padding:0% 0% 5% 0%;
    }
}

.error h1{
    font-weight:600;
    font-size: 60px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    margin-top: -4%;
}
@media only screen and (max-width:480px){
    .error h1{
        font-size: 50px;
        font-family: 'Quicksand', sans-serif;
        font-weight: 400;
        margin-top: -8%;
    }

}

@media only screen and (max-width:375px){
    .error h1{
        font-size:40px;
        font-family: 'Quicksand', sans-serif;
        font-weight: 400;
        margin-top: -14%;
    }
}

.error p{
    font-family: 'poppins', sans-serif;
    margin-top: -2.5%;
    font-size:14px;
    margin-bottom: 2%;
    letter-spacing: 2px;
    color: #5a5a5a;
    font-weight: 300;
    text-align: center;
}


/**/

.submit-btn{
    color: #FFF;
    background: #410099;
    border: none;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    padding: 1.2% 5%;
    border-radius: 6px;
}
.submit-btn:hover{
    color: #FFF;
    background: #6f27d0;
}
.submit-btn:focus{
    color: #FFF;
    background: #6f27d0!important;
}

@media only screen and (max-width:1366px){
    .submit-btn{
        margin-top: 2%;
        border: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        padding: 1.5% 5%;
        border-radius: 6px;
    }
}
@media only screen and (max-width:1024px){
    .submit-btn{
        width: 100%;
        margin-top: 2%;
        border: none;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        padding: 3% 2%;
        border-radius: 6px;
    }
}
.submit-btn:hover> .btn-arrow-style{
    visibility: visible;
    margin-left: 0%;
    transition:all ease-in-out .3s;
}



@media only screen and (max-width:640px){
    .oops{
        width: 100%;
    }
}

@media only screen and (max-width:540px){
    .oops{
        width:80%;
    }
}

.body-error-bg{
    background: #e9fdff;
}

.a-link{
    color:#FFF;
}

.thanks{
    background: #FFF; border-radius: 20px;
    /*margin-top: 3%;*/
    /*top: 100px;*/
    margin-top:10%;
    margin-bottom:10%;

}

.features{
    color: #410099;
    font-weight: 600;
}

.client-logo{
    width:50%;
    border-radius: 4px; margin-bottom: 5%;
}


.visible-dp{
    border: 1px solid #dee2e6; margin-top: -1%; border-top: none!important;
}
@media only screen and (max-width:640px){
    .visible-dp{
        display:none;
    }
    .client-logo{
        width:80%;
    }
}

.hide-sm-point{display:none;}
@media only screen and (max-width:640px){
    .hide-sm-point{
        display:block;
    }
}


@media (max-width: 991px) {
    .responsive > thead th {
        display: block;
    }
    .responsive > tbody td,
    .responsive > tbody th {
        display: block;
    }
    .responsive > tbody > tr:nth-child(even) td,
    .responsive > tbody > tr:nth-child(even) th {
        background-color: #eee;
    }
    [row-header] {
        position: relative;
        width: 100%;
        /*    vertical-align: middle;*/
    }
    [row-header]:before {
        content: none;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        width: 100%;
        /*    padding-right:30px;*/
    }
}


@media only screen and (max-width:360px){
    .tab-content{
        margin-left: -3%;
    }
}

.check-box-align{
    margin-left: -5%;
}
@media only screen and (max-width:640px){
    .check-box-align{
        margin-left: -9%;
    }
}


.btn_check > input {
    display: none;
}

input:checked + label {
    /*color: #ffffff;*/
    /*background-color: #410099;*/
    /*border-color: #410099;*/
    /*-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
    /*box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
    color:#410099;

}

/*mallika */
.text-danger {
    color: #dc3545!important;
    font-size: 12px;
}

/*29-3-21 edited*/
/*    .phone-inline{*/
/*    padding-left: 0px;*/
/*    display: inline-block;*/
/*}*/
.phone-inline-ul{
    line-height:.1px;
    padding-left: 0px;
    display: block!important;

}
.phone-inline {

    margin-top: 0px;
    margin-bottom: 0px;
}
}
.phone-inline > li > .nav-link{
    line-height:16px;
    display: block; color:#410099;
}

@media only screen and (max-width:1024px){
    .phone-inline{
        padding-left:0px;
    }
}


@media only screen and (max-width:640px){
    .phone-inline{
        padding-left: 0px;
    }
}



.white{
    color: #FFF;
}

/**/

[class*="tooltip"] {
    max-width: 800px!important
    position: relative;

}

[class*="tooltip"]:after,
[class*="tooltip"]:before {
    position: absolute;
    z-index: 100;
    opacity: 0;
}

[class*="tooltip"]:after {
    content: attr(aria-label);
    max-width: 800px!important;
    padding: 15px 18px;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.3;
    color: #fff;
    background: #000;
    border-radius: 4px;
//white-space: nowrap;
}

[class*="tooltip"]:before {
    content: '';
    width: 0;
    height: 0;
    border-width: 4px;
    border-style: solid;
}

[class*="tooltip"]:hover:after,
[class*="tooltip"]:focus:after,
[class*="tooltip"]:hover:before,
[class*="tooltip"]:focus:before {
    opacity: 1;
}

.tooltip-top:after,
.tooltip-top:before {
    transition: bottom .25s ease-in-out;
    bottom: 90%;
    left: -9999px;
    margin-bottom: 8px;
}

.tooltip-top:before {
    border-color: #000 transparent transparent transparent;
    margin-bottom: 0;
}

.tooltip-top:hover:after,
.tooltip-top:focus:after,
.tooltip-top:hover:before,
.tooltip-top:focus:before {
    bottom: 85%;
    left: 0;
}

.tooltip-top:hover:before,
.tooltip-top:focus:before {
    left: 15px;
}

.tooltip-bottom:after,
.tooltip-bottom:before {
    transition: top .25s ease-in-out;
    top: 90%;
    left: -9999px;
    margin-top: 8px;
}

.tooltip-bottom:before {
    border-color: transparent transparent #000 transparent;
    margin-top: 0;
}

.tooltip-bottom:hover:after,
.tooltip-bottom:focus:after,
.tooltip-bottom:hover:before,
.tooltip-bottom:focus:before {
    top: 85%;
    left: 0;
}

.tooltip-bottom:hover:before,
.tooltip-bottom:focus:before {
    left: 15px;
}

.tooltip-right:after,
.tooltip-right:before {
    transition: left .25s ease-in-out;
    top: -9999px;
    left: 96%;
    margin-left: 8px;
}

.tooltip-right:before {
    border-color: transparent #000 transparent transparent;
    margin-left: 0;
}

.tooltip-right:hover:after,
.tooltip-right:focus:after,
.tooltip-right:hover:before,
.tooltip-right:focus:before {
    left: 95%;
    top: 0;
}

.tooltip-right:hover:before,
.tooltip-right:focus:before {
    top: 9px;
}

.tooltip-left:after,
.tooltip-left:before {
    transition: right .25s ease-in-out;
    top: -9999px;
    right: 96%;
    margin-right: 8px;
}

.tooltip-left:before {
    border-color: transparent transparent transparent #000;
    margin-right: 0;
}

.tooltip-left:hover:after,
.tooltip-left:focus:after,
.tooltip-left:hover:before,
.tooltip-left:focus:before {
    right: 95%;
    top: 0;
}

.tooltip-left:hover:before,
.tooltip-left:focus:before {
    top: 9px;
}

[class*="tooltip"]:after,
[class*="tooltip"]:before {
    transition: opacity .25s ease-in-out;
}

.red{
    color: red;
}

.black-color{
    color:#000;
}

/*31-3-21*/

.inner-page-banner{
    background: #052342; padding: 4.5% 2%; color: #FFF;
}

.inner-page-banner> .container-fluid>h3> span{
    font-size: 12px; font-weight: 400; color: #f4ecff; opacity: .5;
}

@media only screen and (max-width:768px){
    .inner-page-banner{
        padding: 9% 2%;
    }
}
@media only screen and (max-width:480px){
    .inner-page-banner{
        padding: 12% 2%;
    }
}


.btn-get{
    position: absolute;
    top: 89.5%;
    right: 13%;
    background: #b11c7a;
    font-size: 14px;
    color: #FFF;
    padding: 1% 3%;
    border-radius: 25px;
    border:2px solid #c8298d;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    transition:all ease-in-out .3s;
}
.btn-get:hover{
    color: #FFF;
    border:2px solid #c8298d;
    background: #c8298d;
    transition:all ease-in-out .3s;
}


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

    .btn-get{
        top: 87%;
        font-size: 11px;
        border-radius: 10px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
}

@media only screen and (max-width:736px){

    .btn-get{
        top: 86%;
        font-size: 11px;
        border-radius: 10px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
}
@media only screen and (max-width:640px){

    .btn-get{
        top: 82%;
        font-size: 11px;
        border-radius: 10px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
}
@media only screen and (max-width:414px){

    .btn-get{
        top: 79%;
        font-size: 11px;
        border-radius: 10px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
}
@media only screen and (max-width:375px){

    .btn-get{
        top: 77%;
        font-size: 11px;
        border-radius: 10px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
}

.footer-pib{
    margin-left: 6%; margin-top: -3%;
}
@media only screen and (max-width:1024px){
    .footer-pib{
        margin-left: 10%; margin-top: -5%;
    }}
@media only screen and (max-width:823px){
    .footer-pib{
        margin-left: 4%; margin-top: -2%;
    }
}
@media only screen and (max-width:736px){
    .footer-pib{
        margin-left: 4%; margin-top: -3%;
    }
}
@media only screen and (max-width:640px){
    .footer-pib{
        margin-left: 5%; margin-top: -3%;
    }
}
@media only screen and (max-width:414px){
    .footer-pib{
        margin-left: 9%; margin-top: -5%;
    }
}

@media only screen and (max-width:411px){
    .footer-pib{
        margin-left: 8%; margin-top: -5%;
    }
}

@media only screen and (max-width:375px){
    .footer-pib{
        margin-left: 9%; margin-top: -5%;
    }
}

@media only screen and (max-width:320px){
    .footer-pib{
        margin-left: 10%; margin-top: -5%;
    }
}

.cache{
    margin-top:7%;
}

.under-line-3{
    width: 3%;
    height: 2px;
    background: #410099;
    margin-top: 2%;
    margin-bottom: 2%;
}

.about h4{
    font-family: 'Quicksand', sans-serif;
    font-size: 20px; color:#080c0e; font-weight: 600;
}


.fixed-bottom-bar {
    border-radius: 10px;
    padding: 1em;
    padding: 1.5% 4%;
    color: #FFF;
    z-index: 1;
    background: #410099;
    font-size: 14px;
    border:2px solid #6f27d0;
    transition:all ease-in-out .3s;
}

.fixed-bottom-bar:hover{
    color: #FFF;
    border:2px solid #6f27d0;
    background: #6f27d0;
    transition:all ease-in-out .3s;
}

@media only screen and (max-width:730px){
    .fixed-bottom-bar {
        position: fixed;
        bottom: 0;
        right: 0;
        top: auto;
        border-radius: 0px;
        padding: 1em;
        width: 100%;
        color: #FFF;
        z-index: 1;
        background: #410099;
        font-size: 14px;
        border:2px solid #6f27d0;
        transition:all ease-in-out .3s;
    }
}
@media only screen and (max-width:460px){
    .fixed-bottom-bar {
        font-size: 15px;
    }
}

/* 30-3-2022 edit */

.quote-table-big{
    width: 25%;
}
.quote-table{
    width:25%;
}
.quote-table-small{
    width: 15%;
}

.quote-btn{
    width: 100%;
    text-align: center;
    margin-top: 4%;
    background: #6f27d0;
    border: 1px solid #6f27d0;
    color: #FFF;
    padding: 6% 2%;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
    transition:all ease-in-out .3s;
}

.quote-btn span{
    display: block;
    font-weight: 400;
    font-size: 14px;
}



.qoute-header h1{
    font-family: 'Quicksand', sans-serif;
    font-size: 26px; color:#080c0e; font-weight: 600;
}

.listing {
    font-size: 13px;
    position: relative;
    display: block;
    padding: 0.2rem 1.25rem;
    margin-bottom: -10px;
    background: transparent;
    border: none;
    line-height: 26px;
    color: #080c0e;
    /* color: #410099; */
    /* border-top: 1px solid #dee2e6!important;
    border-bottom: 1px solid #dee2e6!important; */
}

.listig-head{
    color: #410099!important;
    font-weight: 500;
}

.premium-price{
    display: contents!important;
}

.tc{
    text-align: center;
}
.tc-apply{
    color: #8fa2b6;
    font-size: 12px;
    margin-top: -2%;
    font-weight: 400;
}
.choose-style{
    margin-top: -6%;
}

.company-name{
    color: #8fa2b6!important;
    font-size: 13px!important;
}
.company-title{
    font-size: 14px!important;
}

.listing-margin{
    margin-top: 0.3rem;
}

.quote-table-addons{
    width: 20%;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .quote-table-addons {
        width: 100%;
    }
    .badge {
        margin-top: 2%!important;
    }
    .btn-arrow-style {
        margin-left: -1%;
    }
    .send-cover-btn{
        padding: 4% 4%;
    }
    .send-cover-btn{
        padding: 5% 5%;
    }
    .quote-btn {
        padding: 4% 2%;
    }
    .tc-apply{
        margin-top: 0%;
    }
    .choose-style {
        margin-top: -4%;
    }
    .quote-btn span{
        display: inline;
    }

    .tc{
        text-align: left;
    }
    .price-tab {
        padding:5% 5%!important;
    }
    .client-logo {
        width: 70%;
    }
    .quote-table-big{
        width: 100%;
    }
    .quote-table{
        width:100%;
    }
    .quote-table-small{
        width:100%;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .quote-table-addons {
        width: 100%;
    }

    .list-group-item {
        padding: 0.8rem 1.20rem;
    }
    .badge {
        margin-top: 2%!important;
    }
    .btn-arrow-style {
        margin-left: -1%;
    }
    .send-cover-btn{
        padding: 4% 4%;
    }
    .price-tab {
        padding: 4% 4%!important;
    }

    .quote-btn {
        padding: 4% 2%;
    }
    .tc-apply{
        margin-top: 0%;
    }
    .choose-style{
        margin-top: -2%;
    }
    .quote-btn span{
        display: inline;
    }
    .tc{
        text-align: left;
    }
    .client-logo {
        width: 50%;
    }
    .quote-table-big{
        width: 100%;
    }
    .quote-table{
        width:100%;
    }
    .quote-table-small{
        width:100%;
    }

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

    .badge {
        margin-top: 2%!important;
    }
    .btn-arrow-style {
        margin-left: -1%;
    }
    .send-cover-btn{
        padding: 3% 3%;
    }
    .client-logo {
        margin-bottom: 2%;
    }
    .price-tab {
        padding: 3% 3%!important;
    }
    .client-logo {
        width: 25%;
    }
    .quote-btn {
        padding: 2% 2%;
    }
    .quote-btn span{
        display: inline;
    }
    .tc-apply{
        margin-top: 0%;
    }
    .choose-style{
        margin-top: -1%;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .quote-table-addons {
        width: 20%;
    }
    .list-group-item {
        padding: 0.5rem 1.15rem;
        line-height: 21px;
    }
    .btn-arrow-style {
        margin-left: -8%;
    }
    .send-cover-btn{
        padding: 10% 6%;
    }
    .client-logo {
        margin-bottom: 6%;
    }
    .client-logo {
        width: 50%;
    }
    .tc-apply{
        margin-top: -2%;
    }
    .choose-style{
        margin-top: -6%;
    }

    .quote-btn {
        padding: 6% 2%;
    }
    .quote-btn span{
        display: block;
    }
    .quote-table-big{
        width: 20%;
    }
    .quote-table{
        width:25%;
    }
    .quote-table-small{
        width: 20%;
    }
}

@media only screen and (width:540px){
    .client-logo {
        width: 50%!important;
    }
}

@media only screen and (width:1024px){
    .client-logo {
        width: 70%!important;
    }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .quote-table-addons{
        width: 17%;
    }
    .list-group-item {
        padding: 0.4rem 1.15rem;
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.3rem;
        padding-left: 0.3rem;
    }

    .client-logo {
        width: 58%;
    }
    .quote-table-big{
        width: 20%;
    }
    .quote-table{
        width:25%;
    }
    .quote-table-small{
        width: 22%;
    }
}


select {
    word-wrap: normal;
    width: 100%;
    background: #e7e1e1;
    border-radius: 8px;
    height: 36px;
    border: none;
    padding: 2% 4%;
    font-size: 14px;
    cursor: pointer;
}
select:focus{
    border: none;
}

.under-line-left {
    width: 4%;
    height: 2px;
    background: #410099;
    margin-top: 2%;
    margin-bottom: 2%;
}

@media only screen and (max-width: 533px) {
    .under-line-left {
        width: 12%;
    }
    .filter-styling{
        margin-top: 9%;
    }
    select {
        height: 45px;
    }
}

@media only screen and (width: 540px) {
    .under-line-left {
        width: 10%;
    }
    .filter-styling{
        margin-top: 6%;
    }
    select {
        height: 45px;
    }


}

@media only screen and (max-width: 768px) {
    .under-line-left {
        width: 11%;
    }
}