@media (max-width:991px){
	.navbar-collapse {
    background: transparent linear-gradient(
180deg, #1EAFEC 0%, #136DC7 100%) 0% 0% no-repeat padding-box;
}

.heading.about span {
    display: block;
}
.file-img-data h5.heading {
    font-size: inherit;
}

h3.heading.Advantages {
    padding-top: 0px;
}

.file-imgsss{
    display: none;
}
/*header-data*/
header#header {
    position: absolute;
    width: 100%;
}

/*header-data*/

.file-data-ul {
    margin-left: 0px;
}
.file-img-data h1.heading:before {
    content: "";
    height: 4px;
    width: 100%;
    position: absolute;
    right: 0;
    background: #1CA5E6;
    top: 39px;
}
.heading.about {
    text-align: justify;
}
.file-imgs img {
    width: 100%;
    height: 601px;
    object-fit: contain;
    position: relative;
    top: -49px;
} 


/*Car-Insurance*/


.Principal{
    order: 2;
}
.career-img {
    margin-top: 17px;
}

.file-imgss {
    display: none;
}
.file-data-ul.main-line {
    margin-left: 0px !important;
}

.file-data-ul.main-line {
    background-repeat: no-repeat;
    margin-left: 0px !important;
    background-image: url(../../img/Group-1.png);
    background-position-y: 100%;
    background-size: contain;
    background-color: #ffffffa8;
    background-blend-mode: color;
}
.career-img.insurance {
    background-image: url(../../img/Group-mobile.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    margin-bottom: 30px;
}
h3.mobile-text {
    font-size: 16px;
}

.career-img.insurance .about-img {
    padding: 55px 15px 30px;
}
/*Car-Insurance*/






.test {
    box-shadow: 0px 0px 30px #0000001f;
    border-radius: 80px 0px 40px 0px;
    padding: 20px;
    text-align: center;
    width: 100%;

}

.file-img {
    display: none;
}
.file-a-claim p {
    color: black !important;
    padding-left: 35px !important;
}
.file-a-claim span.ball {
    color: #1CA5E6;
    opacity: 0.3;
    left: 0%;
}

.file-data-ul ul {
    padding-left: 0px;
    background-image: url(../../img/Advantages.png);
    background-repeat: no-repeat;
    background-size: 59%;
    background-position: right;
    background-color: #ffffff9e;
    background-blend-mode: color;
    background-position-y: 181%;
}
.accordion-img {
    background-image: url(../../img/faqs.png);
    background-repeat: no-repeat;
    background-size: 87%;
    background-position: right;
    background-color: #ffffffbf;
    background-blend-mode: color;
    background-position-y: 101%;
}
i.fa.fa-dot-circle-o {
    float: left;
    color: red;
    background: red;
    border-radius: 50%;
    font-size: 10px;
    margin-top: 6px;
    position: relative;
    left: -5px;
    top: -7px;
}



label.label-input {
    width: 100%;
}
.radio{
        margin-left: 10px !important ;
    width: 5% !important ;
    margin-top: 10px !important ;
    margin-right: 5px;
}
.contact-img-G {
    display: none;
}

.file-img img {
    width: 100%;
}
.expect-data .plan-point p {
    font-size: 17px;
    padding-top: 0px;
    padding: 0px 15px;
    color: #000000;
    padding-left: 43px;
    padding-bottom: 0px;
    margin-bottom: 5px;
}
img.career-02 {
    width: 100%;
}
p.heading.pera-main-heading {
    font-size: 14px;
}
#career-faq .heading {
    font-weight: 900;
    font-family: 'IBM Plex Sans';
    font-size: 24px;
}


.expect-data span.ball {
    left: 8%;
}
h1.heading.faq {
    padding-top: 50px;
}
h1.heading.faq span {
    display: block;
}


.services {
    width: 605px !important;
}

section#contact {
    padding-top: 70px;
}

.heading.contact {
    font-size: 22px;
    padding-top: 24px;
}
.contact-icon i.fa.fa-phone {
    color: white;
    background: transparent linear-gradient( 
180deg, #1EAFEC 0%, #136DC7 100%) 0% 0% no-repeat padding-box;
    padding: 11px 14px;
    font-size: 30px;
    float: left;
    border-radius: 25px 0px 16px;
    margin-right: 0px;
}
.contact-text h5 {
    font-weight: 800;
    font-size: 15px;
}
.contact-texts h5 {
    font-weight: 800;
    font-size: 15px;
}
.contact-text {
    float: left;
    padding-left: 10px;
    padding-right: 15px;
}
.contact-texts {
    padding-left: 10px;
}
.main-text p {
    text-align: justify !important;
    font-size: 14px;
    padding-top: 3px !important;
}





section#about {
    padding-top: 70px;
}
.row.Compare {
    width: auto !important;
}
.how-pro:before {
    content: "";
    position: absolute;
    top: 1% !important;
    width: 34px !important;
    height: 1px !important;
    border-bottom: 7px dotted;
    left: 163px !important;
    display: none;
    transform: rotate(
90deg);
}
.main-text p {
    text-align: justify !important;
    font-size: 14px;
}
section#why {
    padding: 48px 0px 24px 0px !important;
    background-position: right !important;
    background-size: cover !important;
}
.col-md-12.text-center.main-img {
    order: 2;
}
.footer-data {
    padding: 23px 0 10px;
    display: inline-block;
    border-bottom: 1px dotted #4e4e4e;
    width: 100%;
    border-right: none;
    height: auto;
    margin-bottom: 15px;
}
h1.heading.mobile-who {
    position: initial;
    text-align: center;
}
.nav-link:hover {
    border-top: 2px solid white;
    color: black !important;
    opacity: 1;
    padding-top: 0px;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: black;
}
div#main {
    display: block;
}


a.closebtn {
    opacity: 1;
}
div#mySidebar:before {
    content: '';
    position: absolute;
        width: 100%;
    height: 100%;
    background: black;
    left: 0;
    top: 0;
    opacity: 0.6;
}
.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: -117px;
  background-color:#1110;
  transition: 0.5s;
}
ul.navbar-nav.mr-auto {
    margin-right: 151px !important;
    width: 88%;
    background: white;
    height: 100%;
    padding-left: 0px !important;
}
.col-lg-5.main-contact-data {
    display: none !important;
}
#mySidebar .col-lg-7.col-md-12.col-12 {
    padding-left: 0px;
}
.nav-link {
    color: black !important;
}

.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidebar a:hover {
  color: #f1f1f1;
}

.closebtn {
    position: absolute;
    top: 8px;
    right: 11px;
    z-index: 99;
    padding: 1px 5px !important;
    color: white !important;
    line-height: 1;
    font-size: 23px !important;
    background: transparent;
    border: 2px solid white;
    border-radius: 50%;
    font-weight: bolder;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: transparent;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
}
h1.nav-link {
    padding: 10px !important;
    background: #FAFAFA;
    font-size: 23px;
    font-weight: revert;
    display: block;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar a {font-size: 18px;}
}
p.who-pera {
    padding-top: 10px;
    text-align: center;
}
.col-lg-6.moniletext-center {
    text-align: center;
}
#pos {
    background-image: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: initial;
}
#pos .heading-pera {
    background-image: url(../../img/POS.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}
#customer {
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    background-color: #fafafa;
}
.about-foot {
    display: inline-block;
    border-bottom: 1px dotted #4e4e4e;
    width: 100%;
    padding-bottom: 23px;
    border-right: none;
}
.about-footer {
    width: 100%;
    border-bottom: 1px dotted #4e4e4e;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    position: absolute;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    right: 11px;
}
.products li {
    margin: 6px 0px 6px;
    width: 50%;
    float: left;
}
.product li {
    margin: 18px 0px 14px;
}
ul.products {
    font-size: 13px;
    opacity: 0.8;
    margin-bottom: 0px;
}

ul.product {
    width: 50%;
    float: left;
    font-size: 13px;
    opacity: 0.8;
    margin-bottom: 0px;
}

.nav-item.active .nav-link {
    border-top: none ! important;
}
.nav-item .nav-link {
    border-top: none ! important;
}


a.navbar-brand.display-logo {
    display: none;
}
.services-icon img {
    background: transparent linear-gradient( 
180deg, #1EAFEC 0%, #136DC7 100%) 0% 0% no-repeat padding-box;
    padding: 24px;
    color: white;
    font-size: 87px;
    width: 157px !important;
    border-radius: 40px 0px 20px 0px;
    height: 125px;
    transition: 1s;
}
.number-data {
    display: block;
    position: absolute;
    top: 20px;
    right: 2%;
}

#choice .owl-prev {
    position: absolute;
    left: -19px;
    text-align: start;
    top: 43%;
    /*width: 7%;*/
    background: transparent;

}
#choice .owl-nav img {
    width: 20%;
    padding: 4px;
    background: #4c4c4cbd;
    border-radius: 50%;
}
#choice .owl-nav img:hover {
    background: #ff0000;
    color: #FFF;
    text-decoration: none;
}
#choice .owl-next {
       position: absolute;
    text-align: end;
    right: -19px;
    top: 43%;
   /* width: 7%;*/
    background: transparent;


}
.heading-pera {
    padding: 0px 0px;
    text-align: center;
    font-size: 15px;
}
.heading {
    font-weight: 900;
    font-family: 'IBM Plex Sans';
    font-size: 26px;
}
.nav-btn {
    width: 100px;
    height: 200px;
    background: red;
}
.testi-wrap {
    position: relative;
    height: 380px;
    margin-top: -80px;
}
.contact-data {
    margin-top: 35px;
    text-align: center;
}
.client-single.position-2{
    display: none;
}
.client-single.position-3{
    display: none;
}
.client-single.position-4{
    display: none;
}
.client-single.position-5{
    display: none;
}
.client-single.position-6{
    display: none;
}
.client-single.position-7{
    display: none;
}

.client-single.active .client-img {
    position: relative;
    width: fit-content;
    margin: 0 auto;
}
.client-single.active {
    top: 10%;
    text-align: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    width: 100%;
}
.header-text {
    padding-top: 31px;
}
section#services {
    padding-top: 30px;
}
.mobole-insurance {
    display: block !important;
    position: relative;
}
.logo-insurance img {
    opacity: 1;
    width: 100%;
    display: none;

}
.about-footer h1 {
    margin-top: 26px;
    float: left;
    width: 50%;
    margin-bottom: 0px;
}
.logo-insurance:hover {
    border-radius: 15px 0px;
}



nav.navbar.navbar-expand-lg.navbar-light {
    padding: 0px;
    width: 100%;
    background: white;
}
.form-inline h1 {
    font-size: 16px;
    color: #1CA5E6;
    font-weight: 900;
    font-family: 'IBM Plex Sans';
}
.form-inline h1 span {
    font-size: 10px;
    color: #707070;
    font-family: 'IBM Plex sans-serif';
    position: relative;
    top: -5px;
}
.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
    width: auto;
    padding: 0px;
    background-size: contain;
    background-image: url(../../img/logo-bg.png);
    background-repeat: no-repeat;
    background-position: bottom;
}
form.form-inline.my-2.my-lg-0 {
    display: none;
}
#who img {
    width: 100%;
}
.pos {
    border: 4px solid black;
    border-radius: 50%;
    transition: 1s;
    width: 206px;
    margin: 0 auto;
    margin-bottom: 10px;
    position: relative;
}
.pos:before {
    border-radius: 50%;
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: red;
    border: 2px solid white;
    left: 87%;
    top: 17%;
    transition: 1s;
}
.mobile{
    display: block;
}
.web{
    display: none;
}
.header-text p {
    color: white;
    padding-top: 10px;
    opacity: 0.5;
    font-size: 12px;
    width: 100%;
}

.benifit {
    text-align: center;
    padding-right: 0px;
}
.plan {
    background: transparent linear-gradient( 
180deg , #1371C9 0%, #006127 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 18px 22px #00000059;
    border-radius: 0px 80px 0px 40px;
    margin-bottom: 43px;
    margin-left: 0px;
    margin-right: 0px;
    height: auto;
}
span.ball {
    font-size: 32px;
    font-weight: 900;
    position: absolute;
    left: 5%;
    color: white;
    margin-top: -14px;
    opacity: 0.5;
}
.plan-point p {
    font-size: 15px;
    padding-top: 0px;
    padding: 0px 15px;
    color: white;
    padding-left: 65px;
    padding-bottom: 0px;
    margin-bottom: 26px;
}
form.form-inline.my-2.my-lg-0 {
    padding: 0px 19px;
}
.navbar-light .navbar-toggler {
    color: rgb(255 255 255);
    border-color: rgb(255 255 255);
    background: white;
    position: absolute;
    opacity: 0;
    z-index: 99999;
    top: 8px;
}
.mobile-logo{
    display: block;
}

#header-data {
    background-image: url(../../img/banner-slider.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: 0px;
    padding-bottom: 39px;
    background-position: initial !important;
}

.header-text h1 {
    font-weight: 900;
    color: white;
    font-family: 'IBM Plex Sans';
    font-size: 26px !important;
    line-height: 0.9;
}
.send-info .form-control.mr-sm-2 {
    background: #ffffff45 0% 0% no-repeat padding-box;
    border: 1px solid #ffffff45;
    width: 250px;
    color: black;
    float: left;
    margin: 0px !important;
    border-radius: 0px 0px 0px 0px;
}
button.btn.btn-outline-success.my-2.my-sm-0 {
    width: 115px;
    background: #FF1F1F;
    height: 38px;
    border-radius: 0px;
    border: none;
    font-weight: 600;
    margin-top: 0px !important;
    font-size: 13px;
    color: white;
    letter-spacing: 1px;
}
}
@media (max-width: 376px){
	.send-info .form-control.mr-sm-2 {
    background: #ffffff45 0% 0% no-repeat padding-box;
    border: 1px solid #ffffff45;
    width: 210px;
    color: black;
    float: left;
    margin: 0px !important;
    border-radius: 0px 0px 0px 0px;
}
}
@media (max-width: 320px){
	.send-info .form-control.mr-sm-2 {
    background: #ffffff45 0% 0% no-repeat padding-box;
    border: 1px solid #ffffff45;
    width: 170px;
    color: black;
    float: left;
    margin: 0px !important;
    border-radius: 0px 0px 0px 0px;
}

.contact-text h5 {
    font-weight: 800;
    font-size: 13px;
}
.contact-texts h5 {
    font-weight: 800;
    font-size: 13px;
}
.main-text p {
    text-align: justify !important;
    font-size: 12px;
}
.contact-text {
    float: left;
    padding-left: 5px;
    padding-right: 10px;
}
.contact-texts {
    padding-left: 5px;
}
.how-pro:before {
    content: "";
    position: absolute;
    top: 1% !important;
    width: 34px !important;
    height: 1px !important;
    border-bottom: 7px dotted;
    left: 163px !important;
    display:block !important;
    transform: rotate(
90deg);
}
#choice .owl-prev {
    position: absolute;
    left: -19px;
    text-align: start;
    top: 43%;
    /*width: 15%;*/
    background: transparent;

}

#choice .owl-next {
       position: absolute;
    text-align: end;
    right: -19px;
    top: 43%;
 /*   width: 15%;*/
    background: transparent;


}
span.ball {
    font-size: 32px;
    font-weight: 900;
    position: absolute;
    left: 10%;
    color: white;
    opacity: 0.5;
}
button.btn.btn-outline-success.my-2.my-sm-0 {
    width: 104px;
    background: #FF1F1F;
    height: 38px;
    border-radius: 0px;
    border: none;
    font-weight: 600;
    margin-top: 0px !important;
    font-size: 13px;
    color: white;
    letter-spacing: 1px;
}
}

@media (max-width: 403px){
   form.form-inline {
    display: none;
}
}
@media (max-width: 697px){
    .services-data {
    padding-left: 40px;
    transition: 1s;
}
#benifit {
    padding-bottom: 32px;
    background-image: none;
    background-repeat: no-repeat;
    padding-top: 42px;
    background-color: #ff1e1f;
}

#choice .owl-nav img {
    width: 14%;
    padding: 4px;
    background: #4c4c4cbd;
    border-radius: 50%;
}
#choice .owl-prev {
    position: absolute;
    left: -19px;
    text-align: start;
    top: 43%;
    /*width: 7%;*/
    background: transparent;

}

#choice .owl-next {
       position: absolute;
    text-align: end;
    right: -19px;
    top: 43%;
    /*width: 7%;*/
    background: transparent;


}
#choice .owl-nav img:hover {
    background: #ff0000;
    color: #FFF;
    text-decoration: none;
}

.banner-sub-img {
    /*position: absolute;*/
    top: 10px;
    left: 0;
    padding: 17px;
}
#header-data {
    background-position: 34% !important;
    /*height: 441px;*/
    margin-bottom: 107px;
}
.services {
    height: auto;
    background: #FAFAFA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 40px 0px;
    width: 100% !important;
    padding-left: 57px;
    padding-top: 26px;
    transition: 1s;
    margin-bottom: 43px;
    margin-left: 0px;
    margin-top: 0px;
}
.services-icon img {
    background: transparent linear-gradient( 
180deg , #1EAFEC 0%, #136DC7 100%) 0% 0% no-repeat padding-box;
    padding: 16px;
    color: white;
    font-size: 80px;
    width: 92px !important;
    border-radius: 30px 0px 30px 0px;
    height: 85px;
    transition: 1s;
}
span.ball {
    font-size: 32px;
    font-weight: 900;
    position: absolute;
    left: 7%;
    color: white;
    margin-top: -14px;
    opacity: 0.5;
}
.services-icon {
    position: absolute;
    left: 8px;
}
}


@media (max-width: 470px){
	span.ball {
    font-size: 32px;
    font-weight: 900;
    position: absolute;
    left: 10%;
    color: white;
    margin-top: -14px;
    opacity: 0.5;
}
}


@media (max-width: 500px){
	.pos-data {
    box-shadow: 0px 0px 4px 0px #d5d5d5;
    width: 104px;
    height: 104px;
    cursor: pointer;
    background: white;
    padding: 18px 0px !important;
    text-align: center;
    border-radius: 50%;
}
.container.main-container {
    background-size: contain !important;
    background-position: top !important;
    padding-top: 40px !important;
    padding-bottom: 175px !important;
    background-position-y: 116% !important;
}



a.btn.btn-outline-success.my-2.my-sm-0.services-but.input-button {
    margin-top: 0px !important;
}


.input-faq{
        margin-bottom: 0px;
    float: left;
    width: 68% !important;
    border-radius: 10px 0px 0px 0px;
}
.address {
    text-align: center;
    padding: 16px 10px;
    box-shadow: 0px 0px 30px #0000001f;
    height: auto;
    margin-bottom: 45px;
}
.address-text {
    font-weight: 900;
    padding-top: 0px;
    text-align: justify;
    margin-bottom: 0px;
    font-size: 15px;
}
.address img {
    width: 18%;
    margin-right: 8px;
    float: left;
}

.number-data {
    display: block;
    position: absolute;
    top: 19px;
    right: 2%;
}

.send-info .form-control.mr-sm-2 {
    width: 157px !important;
    height: 35px;
    font-size: 13px;
}
button.btn.btn-outline-success.my-2.my-sm-0 {
    width: 78px;
    background: #FF1F1F;
    height: 35px;
    border-radius: 0px;
    border: none;
    font-weight: 600;
    margin-top: 0px !important;
    font-size: 8px;
    color: white;
    letter-spacing: 1px;
}
#header-data {
    background-image: url(../../img/banner-slider.jpg);
    background-size: inherit;
    background-repeat: no-repeat;
    padding-left: 0px;
    background-position: 40% !important;
    padding-bottom: 0px;
     height: 441px;
}
.pos {
    border: 4px solid black;
    border-radius: 50%;
    transition: 1s;
    width: 145px;
    margin: 0 auto;
    margin-bottom: 10px;
    position: relative;
}
.pos-data h1 {
    font-weight: 900;
    font-size: 14px;
}
.pos-data p {
    font-size: 10px;
}
}


@media(max-width: 1399px){
    .pos {
    border: 4px solid black;
    border-radius: 50%;
    transition: 1s;
    padding: 10px;
}

.services {
    width: 500px;
}
.navbar-light .navbar-nav .nav-link {
    color: rgb(255 255 255 / 63%);
    font-size: 14px;
}
.header-text h1 {
    font-weight: 900;
    color: white;
    font-family: 'IBM Plex Sans';
    font-size: 44px;
    line-height: 0.9;
}



.pos-data {
    box-shadow: 0px 0px 4px 0px #d5d5d5;
    width: auto;
    height:auto;
    cursor: pointer;
    background: white;
    padding: 28px 0px;
    text-align: center;
    border-radius: 50%;
    margin: 0px;
    transition: 1s;
}
.send-info .form-control.mr-sm-2 {
    background: #ffffff45 0% 0% no-repeat padding-box;
    border: 1px solid #ffffff45;
    width: 390px;
    color: white;
    float: left;
    margin: 0px !important;
    border-radius: 0px 0px 0px 0px;
}


}

@media(max-width: 1284px){
    .send-info .form-control.mr-sm-2 {
    width: 270px ;
}
}


@media (max-width: 375px){
    .number-data {
    display: block;
    position: absolute;
    top: 10px;
    right: 2%;
}


#header-data {
    background-position: 46% !important;
    }
}

@media (max-width: 653px){
    


.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
    width: auto;
    padding: 0px;
    background-size: inherit;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right;
}
}




@media (max-width: 1169px){
    .how-pro:before {
    content: "";
    position: absolute;
    top: 55%;
    width: 110px;
    height: 1px;
    border-bottom: 7px dotted;
    left: -35px;
}
}



@media (max-width: 768px){
    .file-img {
    display: block !important;
}
.file-imgs img {
    width: 50%;
    object-fit: contain;
    position: relative;
    top: -49px;
    height: auto;
}


}










@media (max-width: 1248px){
    #header-data {
    background-image: url(../../img/banner-slider.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 21px;
    width: 100%;
    background-position: 33%;
}
}