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

.table-scroll{

  overflow: scroll;

  overflow-y: hidden;



}

.table {

    width: 620px !important;

    margin-bottom: 1rem;

    background-color: transparent;

}

.table-scroll::-webkit-scrollbar-track

{

  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

  background-color: #F5F5F5;

}



.table-scroll::-webkit-scrollbar

{

  width:5px;

  background-color: #F5F5F5;

}



.table-scroll::-webkit-scrollbar-thumb

{

  background-color: #000000;

  border: 2px solid #555555;

}



summary {

    font-size: 15px;

    font-weight: 500;

    background-color: #536984;

    color: #fff;

    padding: 5px 5px;

    margin-bottom: 1rem;

    outline: none;

    border-radius:0;

    text-align: left;

    cursor: pointer;

    position: absolute !important;

    width: 200px !important;

    z-index: 9 !important;

}



.mobile-form{

  margin-top: 0px !important;

}

.mobile-width{

  width: 100% !important;

}

.mytable12 {

    width: 620px !important;

}

.button-group {

    float: right;

    display: flex; 

    overflow: scroll !important;

    width: 100% !important;



}

.btn-primary{

  width: 250px !important

}

a.pull-right.btn.btn-primary.btn-xs i {

    margin-right: 2px !important;

}

i.fa.fa-filter {

    float: left;

    padding-left: 0px;

    margin: 4px -6px 0px !important;

}





.form-control {

    border-radius: 0 ! important;

}







.profile-details ul li {

    border-right: 0px solid #adadad !important;

    float: left;

    padding: 0px 0px 0px 0px !important;

    /* margin-right: 0px; */

    width: 41% !important;

    float: left;

    text-align: center;

    margin: 12px !important;

}









.filip-contant {

    margin-top: 0px !important;

    color: #fff !important;

    font-size: 11px;

}

.filip-contant h5 {

    color: #fff !important;

    font-size: 11px;

}





.service-box {

    margin-bottom: 10px !important;

}



.service-content{

  padding:5px !important;

}





.service-box .service-icon .front-content {

   

    top:30px !important;

    

}



.left-right h3::before{

  display: none !important;

}

.left-right h3::after{

  display: none !important;

}



.left-right h4::before{

  display: none !important;

}

.left-right h4::after{

  display: none !important;

}



.left-right h5::before{

  display: none !important;

}

.left-right h5::after{

  display: none !important;

}

.left-right h1::before{

  display: none !important;

}

.left-right h1::after{

  display: none !important;

}

.left-right h2::before {

    display: none !important;

}

.left-right h2::after {

    display:none !important;

}



.heading.left-right h1 {

    font-size: 24px !important;

    

}

#accordion2 .panel-title a{

  font-size: 13px !important;

}

.propsal_page strong {

    font-size: 12px !important;

}

ul.iibl_list li {

    color: #000 !important;

    font-size: 12px !important;

}





i.fa.fa-star {

    font-size: 11px !important;

}

.tabs-width li{

    width: 100px !important;

}









.section-box {

   

    padding: 20px;

    margin:20px 0px !important;

    height: auto !important;

}

.img-text h3 {

    color: #696969;

    margin: 10px 0px !important;

    font-size: 14px !important;

    line-height: 1.5 !important;

}





.team-heading {

    margin: 15px 0px !important;

}

.contact-heading {

    margin: 15px 0px !important;

}





.map{

    margin: 20px 0px !important;

}





.mobile-none{

    display: none !important;

}

.main_section h1 {

    color: #546c84 !important;

    font-size: 20px !important;

}

.service-icon {

    width: 100%;

    height: 80px !important;

    padding: 10px !important;

    text-align: center !important;

    transition: all .5s ease;

}

.front-content img {

    width: 50% !important;

    margin-left: -15px !important;

}



.service_box_second p {

   

    font-size: 11px !important;

}





.service_box_second .service_icon {

    width: 50px !important;

    height: 50px !important;

}

.service_box_second:hover .service_icon img{

   margin-top: -43px !important;

}



.service_box_second:hover h3 {

    top: -19px !important;

    

}



.right-tabs-box {

    height: auto !important;

    padding: 10px !important;

}

.nav-pills-custom .nav-link {

    color: #ffffff;

    background: #546c84;

    position: relative;

    padding: 2px 5px !important;

    font-size: 12px !important;

    width: 16.50%;

    margin-bottom: 10px !important;

}

.img-mobile{

    text-align: center !important;

}

.img-mobile img{

    width: 50% !important;

   



}











.tab-heading {

    margin: 0 !important;

    font-size: 18px !important;

}



.Awards-mobile-none .col-lg-2{

    position: relative;

    width: 33.33% !important;

    min-height: 1px;

    padding: 2px !important;

}





.span-mobile a span{

    display: none;

}

.span-mobile a i{

   font-size: 20px;

   padding: 8px 0px;

   text-align: center !important;

   width: 100% !important;

}

.mobile-col-3 .flex-column {

    -ms-flex-direction: column!important;

    flex-direction: inherit !important;

}



.bod_description .bod_description:before {

    border: none !important;

}

.bod_description {

    padding: 30px 20px;

    border: none !important;

    font-size: 14px;

    margin: 0;

    text-align: justify;

    /* box-shadow: 0px 0px 5px #0000004d !important; */

}



.agent-now-area .call-now i {

    line-height: 1;

    font-size: 75px;

    position: absolute;

    top: 17px !important;

    left: 30px !important;

    color: #ffffff;

}

.agent-now-area .call-now {

    background-color: #556d85;

    position: relative;

    padding:30px 20px !important;

    padding-left: 110px !important;

    border-radius: 10px;

}



.agent-now-area .call-now span {

    font-size: 30px !important;

    font-weight: 600;

    color: #ffffff;

    line-height: 1;

}



.agent-now-area .subscribe-wrap {

    background-color: #556d85;

    border-radius: 10px;

    padding: 20px 20px !important;

    margin: 10px 0px;

}





.call-us img {

    text-align: center;

    position: sticky !important;

    margin-bottom: 20px;

}

.section-title h2 {

    font-size: 25px !important;

    margin-bottom: 0px !important;

    position: relative;

    display: block;

    text-align: center !important;

}

.register .register-form {

    padding: 20px;

    margin-top: 10% !important;

}

.register .nav-tabs {

    margin-top: 3%;

    border: none;

    background: #546c84;

    border-radius: 1.5rem;

    width: 100% !important;

    float: left !important;

    margin-left: 3% !important;

}





.register .nav-tabs .nav-link {

    padding: 0% !important;

    height: 32px !important;

    font-weight: 600;

    color: #fff;

    border-top-right-radius: 1.5rem;

    border-bottom-right-radius: 1.5rem;

    text-transform: uppercase;

    font-size: 9px !important;

}


.coronoBuy {
    width: auto !important;
    font-size: 15px !important;
    padding: 5px 20px !important;
    margin: 5px 0 !important;
}
.right-banner-image {
    display: none !important;
}


}

















main {

    max-width: 100%;

    /* margin: 0 auto; */

    width: 100%;

    margin: 0px 15px;

}

summary {

    font-size: 15px;

    font-weight: 500;

    background-color:#536984;

    color: #fff;

    padding: 5px 5px;

    margin-bottom: 1rem;

    outline: none;

    border-radius:0;

    text-align: left;

    cursor: pointer;

    

    position: relative;

    

}

.animate-sweep{

  animation: sweep .5s ease-in-out;

}



details[open] summary ~ * {

  animation: sweep .5s ease-in-out;

}

@keyframes sweep {

  0%    {opacity: 0; margin-top: -10px}

  100%  {opacity: 1; margin-top: 0px}

}

details > summary::after {

  position: absolute;

  content: "";

  right: 20px;

  font-size: 25px;

  font-weight: 700;

}

i.fa.fa-filter{

  float: right;

    margin: 5px;

}



details[open] > summary::after {

  position: absolute;

  content: "";

  right: 20px;

  font-size: 25px;

  font-weight: 700;

}

details > summary::-webkit-details-marker {

  display: none;

}



.btn-primary {

    color: #fff;

    background-color: #536984  !important;

    border-color: #536984  !important;

    border-radius: 0;

}

button#btn-resetxxx {

    border-radius: 0;

}

.commons h6 {

    color: #000 !important;

    font-size: 15px !important;

}







.button-group{

  float: right;

  display: flex;

}









.user-details{

    background-color: #536984;

    width: 100%;

    margin-left: 15px;

    padding: 5px;

}





.profile label{

    color: #fff;

    width: 100%;

    padding: 0;

    margin: 0;

}





.profile i{

 border-radius: 100%;

    border: 1px solid #fff;

    color: #fff;

    padding: 7px 13px;

    height: 50px;

    width: 50px;

    font-size: 30px;

}







.form-control {

   

    border-radius: 0 ! important;

    background: #fff !important;



    

}





i.fa.fa-filter {

    float: left;

    padding-left: 0px;

    margin: 3px 2px 0px;

}

.btn-default {

    border-radius: 0 !important;

}











/*dashborad-top-header-css*/



.top-header{

   background-color: #556b85;

    padding: 10px;

    margin-top: -16px;

    margin-bottom: 16px;

}





.profile img{

  width: 80px;

  height: 80px;

}

.profile ul li h2{

  font-size: 18px;

  color: #fff;

}



.profile{

  display: flex;

}

.profile ul li{

  padding-left: 10px;

}

.profile ul li p{

    font-size: 12px;

    text-align: left;

    margin: 0;

    line-height: 1.1;

    

    color: #fff;

}



.profile-details ul {

   padding: 12px 5px;



}

.profile-details ul li h3{

 font-size: 20px;

    color: #fff;

    font-weight: 700;

}

.profile-details ul li{

 text-align: center;

    border-right: 2px solid #adadad;

    float: left;

    padding: 0px 12px 0px 0px;

    margin-right: 15px;

}

.profile-details ul li span{

 font-size: 16px;

    color: #fff;

    font-weight: 500;

}

.singal-li{

  border: none !important;

}





.profile i{

    border: 2px solid #fff;

    height: 80px;

    width: 80px;

    border-radius: 100%;

    padding: 8px 19px;

    font-size: 55px;

}







.box-part-top{

  margin-top: -15px;

}

.box-part-top2 {

    margin-top: -35px !important;

}











/*home-page-css-start*/



.coronoBuy {

    border-radius: 32px;

    border: 1px solid;

    cursor: pointer;

    background: #546c84 !important;

    color: #fff;

    text-transform: uppercase;

    border: none;

    width: 180px;

    font-size: 16px;

    padding: 10px 20px;

    margin: 20px 0;

    display: inline-block;

    border: 2px solid #546c84 !important;

    font-weight: 500;

}

.coronoBuy:hover{

    background-color: #fff !important;

    color: #000 !important;



}

.coronaHeading {

    background: #ffffff !important;

    border-radius: 10px;

    position: relative;

    z-index: 9;

    max-width: 500px;

}





#accordion2 .panel-title a {

    display: block;

    text-align: left;

    padding: 12px 50px 12px 15px;

    background: linear-gradient(to bottom, #546c84, #546c84) !important;

    border: 1px solid #546c84;

    border-radius: 3px;

    font-size: 18px;

    font-weight: 400;

    color: #fff;

    position: relative;

}





.bg-btn{

    color: #fff;

    background-color: #536984 !important;

    border-color: #536984 !important;

    border-radius: 0;

    width: 100% !important;

}

.bg-btn:hover{

    color: #000 !important;

    background-color: #fff !important;

    border-color: #536984 !important;

    border-radius: 0;

}



#accordion2 .panel-title a:before{

      background: #01b1f0 !important;

      box-shadow:none !important;

} 



.left-right h3::before {

    display: inline-block;

    content: "";

    border-top: .3rem solid #536984;

    border-image-source: url(../img/line-bg2.jpg);

    border-image-slice: 60 30;

    width: 4rem;

    margin: -5px 1rem;

    transform: translateY(-1rem);

}

.left-right h3::after {

    display: inline-block;

    content: "";

    border-top: .3rem solid #536984;



    border-image-source: url(../img/line-bg2.jpg);

    border-image-slice: 60 30;

    width: 4rem;

    margin: -5px 1rem;

    transform: translateY(-1rem);

}

.left-right h2::before {

    display: inline-block;

    content: "";

    border-top: .3rem solid #536984;

    border-image-source: url(../img/line-bg2.jpg);

    border-image-slice: 60 30;

    width: 4rem;

    margin: -5px 1rem;

    transform: translateY(-1rem);

}

.left-right h2::after {

    display: inline-block;

    content: "";

    border-top: .3rem solid #536984;



    border-image-source: url(../img/line-bg2.jpg);

    border-image-slice: 60 30;

    width: 4rem;

    margin: -5px 1rem;

    transform: translateY(-1rem);

}

.left-right h4::before {

    display: inline-block;

    content: "";

    border-top: .3rem solid #536984;

    border-image-source: url(../img/line-bg2.jpg);

    border-image-slice: 60 30;

    width: 4rem;

    margin: -5px 1rem;

    transform: translateY(-1rem);

}

.left-right h4::after {

    display: inline-block;

    content: "";

    border-top: .3rem solid #536984;



    border-image-source: url(../img/line-bg2.jpg);

    border-image-slice: 60 30;

    width: 4rem;

    margin: -5px 1rem;

    transform: translateY(-1rem);

}





.left-right h5::before {

    display: inline-block;

    content: "";

    border-top: .3rem solid #536984;

    border-image-source: url(../img/line-bg2.jpg);

    border-image-slice: 60 30;

    width: 4rem;

    margin: -5px 1rem;

    transform: translateY(-1rem);

}

.left-right h5::after {

    display: inline-block;

    content: "";

    border-top: .3rem solid #536984;



    border-image-source: url(../img/line-bg2.jpg);

    border-image-slice: 60 30;

    width: 4rem;

    margin: -5px 1rem;

    transform: translateY(-1rem);

}

.left-right h1::before {

    display: inline-block;

    content: "";

    border-top: .3rem solid #536984;

    border-image-source: url(../img/line-bg2.jpg);

    border-image-slice: 60 30;

    width: 4rem;

    margin: -5px 1rem;

    transform: translateY(-1rem);

}

.left-right h1::after {

    display: inline-block;

    content: "";

    border-top: .3rem solid #536984;



    border-image-source: url(../img/line-bg2.jpg);

    border-image-slice: 60 30;

    width: 4rem;

    margin: -5px 1rem;

    transform: translateY(-1rem);

}







.heading.left-right h1 {

    font-size: 36px;

    text-transform: uppercase;

}





button.owl-next, button.owl-prev {

   

    background: #536984!important;

    color: #fff!important;

}







.home-overlay:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    z-index: 1;

    background-color:#00b1f0 !important;

    opacity: 0.8;

    height: 100%;

}





.content_body .contact .cinner ul.socialbox li a:hover{

    background-color: #fff !important;

    border: 1px solid #536984;

}





.sweep {

  animation: sweep .5s ease-in-out;

}

@keyframes sweep {

  0%    {opacity: 0; margin-top: -10px}

  100%  {opacity: 1; margin-top: 0px}

}





.collpas-bg {

    padding: 50px 0px;

    /*background: linear-gradient(0deg, rgb(1 177 240 / 72%), rgb(255 255 255 / 93%)), url(../../images/background-image-8.jpg);*/

}



















/*services-box*/



 .service-box{

            position: relative;

            overflow: hidden;

            margin-bottom:50px;

            perspective:1000px;

            -webkit-perspective:1000px;

            box-shadow: 0px 0px 15px #00000063;

            border-radius: 5px;

        }

        .service-icon{

            width: 100%;

            height: 165px;

            padding: 20px;

            text-align: center;

            transition: all .5s ease;

        }



        .service-content{

            position: absolute;

            top: 0;

            left: 0;

            z-index: 1;

            opacity: 0;

            width: 100%;

            height: 165px;

            padding: 20px;

            text-align: center;

            transition: all .5s ease;

            background-color: #474747;

            backface-visibility:hidden;

            transform-style: preserve-3d;

            -webkit-transform: translateY(110px) rotateX(-90deg);

            -moz-transform: translateY(110px) rotateX(-90deg);

            -ms-transform: translateY(110px) rotateX(-90deg);

            -o-transform: translateY(110px) rotateX(-90deg);

            transform: translateY(110px) rotateX(-90deg);

        }

        .service-box .service-icon .front-content{

            position: relative;

            top:62px;

            -webkit-transform: translateY(-50%);

            -moz-transform: translateY(-50%);

            -ms-transform: translateY(-50%);

            -o-transform: translateY(-50%);

            transform: translateY(-50%);

        }



        .service-box .service-icon .front-content i {

            font-size: 28px;

            color: #fff;

            font-weight: normal;

        }



        .service-box .service-icon .front-content h3 {

            font-size: 15px;

            color: #fff;

            text-align: center;

            margin-bottom: 15px;

            text-transform: uppercase;

        }

        .service-box .service-content h3 {

            font-size: 15px;

            font-weight: 700;

            color: #fff;

            margin-bottom:10px;

            text-transform: uppercase;

        }

        .service-box .service-content p {

            font-size: 13px;

            color: #b1b1b1;

            margin:0;

        }

        .yellow{background-color: #fff;}

        .orange{background-color: #fc7f0c;}

        .red{background-color: #e84b3a;}

        .grey{background-color: #474747;}

        .service-box:hover .service-icon{

            opacity: 0;

            -webkit-transform: translateY(-110px) rotateX(90deg);

            -moz-transform: translateY(-110px) rotateX(90deg);

            -ms-transform: translateY(-110px) rotateX(90deg);

            -o-transform: translateY(-110px) rotateX(90deg);

            transform: translateY(-110px) rotateX(90deg);

        }

        .service-box:hover .service-content {

            opacity: 1;

            -webkit-transform: rotateX(0);

            -moz-transform: rotateX(0);

            -ms-transform: rotateX(0);

            -o-transform: rotateX(0);

            transform: rotateX(0);

            background-color: #546c84 !important;

        }

        .filip-contant{

          margin-top: 20px;

          color: #fff !important;

        }



         .filip-contant h5{

          color: #fff !important;

         }









/*services-box-second-css*/

.service_box_second{

            margin:20px 0;

            padding:0px 10px;

            text-align: center;

            box-shadow: 0px 0px 15px #00000063;

            border-radius: 5px;

            transition: all 0.30s ease 0s;

            background-color: #fff;

        }

        .service_box_second:hover{

            background:#546c84;

        }

        .service_box_second .service_icon{

            width:100px;

            height:100px;

            margin: 0 auto;

            font-size:35px;

            background:#fff;

            padding: 5px;

            line-height:70px;

            border-radius:50px;

            transform: translateY(0);

            transition: all 0.30s ease 0s;

        }

        .service_box_second:hover .service_icon{

            transform: translateY(-50%);

            border: 2px solid #536984;

           



        }

        .service_box_second .service_icon i{

            color:#fff;

        }

        .service_box_second h3{

            position: relative;

            top:40px;

            margin:0;

            color:#536984;

            font-size:23px;

            text-transform:uppercase;

            transform: translateY(0%);

            transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;

        }

        .service_box_second:hover h3{

            top:-33px;

            color: #fff !important;

        }

        .service_box_second  p{

            color:#fff;

            margin:0;

            opacity:0;

            transition: all 0.30s linear 0s;

        }

        .service_box_second:hover p{

            opacity:1;

            text-align: justify;

            margin-top: -20px;

        }













/*-----Testimonial-------*/



#client-testimonial-carousel {min-height: 200px;}

.blockquote {

    margin-bottom:0 !important;



}

blockquote.blockquote.text-center p {

    font-size: 15px;

    color: #000;

}



.bg-dark {

 

    border-radius: 0px;

    background-color: #f5f5f5 !important;

    margin-bottom: 50px;

}

   



.client-review-stars i{

    color:#ffa236;

}











/*about-pages*/





.about-heading h1{

    color: #546c84 !important;

    border-bottom: none !important;

    text-transform: uppercase;

    font-size: 36px;

}



.about-heading h2{

    color: #546c84 !important;

    border-bottom: none !important;

    text-transform: uppercase;

    font-size: 36px;

}

.propsal_page p {

   

    color: #000 !important;

}

.propsal_page strong {

    color: #000 !important;

}

ul.iibl_list li {

    color: #000 !important;

}







.single_about h4{

    color: #000 !important;

}

.propsal_page:after {

    background-color: #ffffff !important;

}



i.fa.fa-arrow-circle-o-right {

    padding-right: 10px;

    font-size: 20px;

    color:#546c84;

}

.single_about {

    border: 1px solid rgb(255 255 255 / 63%) !important;

    box-shadow: 0px 0px 15px #00000052 !important;

}

.single_about:hover{

    background:inherit !important; 

     

}







.insurance_services .tablist-block .nav-tabs>li.active>a {

    background: linear-gradient(135deg,#546c84 0,#546c84 100%) !important;

    color: #fff !important;

}

.insurance_services .tablist-block .nav-tabs>li>a {

    color: #546c84 !important;

}

.myowntabs_slider .tab-content {

    margin-bottom: 0;

    box-shadow: 0px 0px 5px #0000006b !important;

}

i.fa.fa-star {

    padding-right: 10px;

    color:#546c84;

}





.about-heading h3 {

    color: #546c84 !important;

    border-bottom: none !important;

    text-transform: uppercase;

    font-size: 36px;

}





.section-box{

    box-shadow: 0px 0px 15px #00000052 !important;

    padding: 20px;

    margin: 20px 0px;

    height: 300px;

}





.img-text h3{

    color: #696969;

    margin: 0px 0px;

    font-size: 16px;

    line-height: 1.7;

    text-align: justify;



}



.img-box{

    text-align: center;

}

.img-box img{

   width: 100%;

    height: auto;

    border-radius: inherit;

    

}









/*our-team*/



.team-heading{

    margin: 50px 0px;

}



  .profile_card .profile_inner{

            perspective:1000px;

            position: relative;

        }

        .profile_card .profile_img{

            transform:rotateY(0deg);

            backface-visibility: hidden;

            transform-style: preserve-3d;

            transition:  all 0.50s ease 0s;

        }

        .profile_card:hover .profile_img{

            visibility:hidden;

            transform:rotateY(180deg);

        }

        .profile_card .profile_img img{

            width:100%;

            height:auto;

        }

        .profile_card .over_layer{

            position: absolute;

            top:0;

            left:0;

            width:100%;

            height:100%;

            padding:30px 20px;

            background: rgb(9 179 240 / 83%);

            backface-visibility: hidden;

            transform-style: preserve-3d;

            transform:rotateY(-180deg);

            transition:  all 0.50s ease 0s;

        }

        .profile_card:hover .over_layer{

            visibility: visible;

            transform:rotateY(0deg);

        }

        .profile_card .over_layer .social_links{

            margin:0 0 20px 0;

            padding:0;

            text-align: center;

        }

        .profile_card .over_layer .social_links li{

            list-style: none;

            display: inline-block;

        }

        .profile_card .over_layer .social_links li a{

            color:#333;

            width:30px;

            height:30px;

            background:#fff;

            line-height:30px;

            text-align:center;

        }

        .profile_card .over_layer .social_links li a:hover{

            text-decoration: none;

        }

        .profile_card .over_layer p{

            color:#fff;

            font-size:14px;

        }

        .profile_card .profile_contact{

            color:#fff;

            text-align: center;

            padding:15px 10px;

            background:#546c84;

            margin-bottom:15px;

        }

        .profile_card .profile_contact h3{

            margin: 0;

            font-size:20px;

            text-transform: capitalize;

            color: #fff;

        }

        .profile_card .profile_contact h3 > span{

            font-size:15px;

            margin: 10px 0;

            display: block;

            text-transform: uppercase;

        }



        .profile_card {

          margin: 20px 0px;

        }



/*contact-us*/





.contact-us-img {

    margin: 20px 0px;



}





/*blog-page*/



.blginner {

    background: #fff;

    box-shadow: 0px 0px 15px #00000052 !important;



    }





    .blogbox {

    background:#fff !important;

    color: #000 !important;

}





/*blog-page-end*/









/*blog-details*/



.widget.blog-bg {

    background-color: #fff;

   box-shadow: 0px 0px 15px #00000052 !important;

    border-radius: 0 !important;

}



.propsal_page h1 {

    color: #546c84 !important;

    padding-left: 16px;

    border-bottom:none !important;

}





.propsal_page strong {

    color: #546c84 !important;

}







/*blog-details-end*/









.content_body .contact {

    position: relative;

    background: white !important;

    z-index: auto;

}



.cinner.mrightcn.new_form {

    padding: 20px;

    background: rgb(83 105 132) !important;

    border: 1px solid #536984 !important;

    border-radius: 0px !important;

    min-height: 495px;

}







/*home-page-collaps*/



#main {

  margin: 0px 0;

}



#main #faq .card {

  margin-bottom: 12px;

  border: 0;

}



#main #faq .card .card-header {

  border: 0;

  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);

          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);

  border-radius: 2px;

  padding: 0;

}



#main #faq .card .card-header .btn-header-link {

    color: #fff !important;

    display: block;

    text-align: left;

    background: #556d85;

    padding: 7px 5px;

    border-radius: 0;



}



#main #faq .card .card-header .btn-header-link:after {

  content: "\f107";

  font-family: 'Font Awesome 5 Free';

  font-weight: 900;

  float: right;

}



#main #faq .card .card-header .btn-header-link.collapsed {

  background: #556d85;

  color: #fff;

}



#main #faq .card .card-header .btn-header-link.collapsed:after {

  content: "\f106";

}



#main #faq .card .collapsing {

  background: #ffffff;

  line-height: 30px;

}



#main #faq .card .collapse {

  border: 0;

}



#main #faq .card .collapse.show {

  background: #ffffff;

  line-height: 30px;

  color: #222;

}



.card-body {

  box-shadow:none;

    overflow: hidden !important;

    clear: both;

    border: 1px solid #eaeaea;

}



.card-body p{

    text-align: justify;

    padding: 0;

    margin: 0;

    color: #8a8989;

}

.btn.focus, .btn:focus {

    outline: 0;

    box-shadow:none !important;

}





/*home-page-gallery*/

.awards-img img{

    transition-duration: 2s;

    margin: 0 auto;

    display: block;

}

.awards-img img:hover{

    transform: scale(1.2);

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.2);

    z-index: 9;

    position: relative;

    

    

}

.awards-img:hover{

    border:2px solid #536984;

}



.awards-img {

    border: 1px solid #c7c7c7;

    padding: 5px;

    margin-bottom: 15px !important;

    text-align: center;

    position: relative;

    width: 100%;

    margin: auto;

    overflow: hidden;

}

.awards-img img {

    

    -webkit-transition: .5s ease-in-out;

    transition: .5s ease-in-out;

}



.content-overlay {

    background: rgb(84 108 132 / 33%);

    position: absolute;

    height: 100%;

    width: 100%;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    opacity: 1;

    

}



.content-overlay:hover{

  opacity: 0;

}

/*.awards-img2:hover{

    border:2px solid #536984;

}*/



.awards-img2 {

    border: 1px solid #c7c7c7;

    padding: 5px;

   margin-bottom: 15px;

   text-align: center;

}

.awards-img2 img {

    

    -webkit-transition: .5s ease-in-out;

    transition: .5s ease-in-out;

}

.awards-img2 img {

    /* filter: url(filters.svg#grayscale); Firefox 3.5+ */

      filter: gray; /* IE5+ */

      -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */

      -webkit-transition: all .2s ease-in-out;

    }



  .awards-img2  img:hover {

    filter: none;

      -webkit-filter: grayscale(0);

      -webkit-transform: scale(1.01);

    }



.mobile-img{

    display: none;

}



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

.mobile-img{

    display: block !important;

}

.all-logo-img {

    display: none !important;

}

.heading {

  

    margin-bottom:0px !important;

}

}







button#continue_extra {

    background-color: #536984 !important;

    border-color: #536984 !important;

}



div#stickyadcontainer h4{

    background: #546c84 !important;

    color: #fff !important;

    padding: 10px 7px !important;

}







/*home page contact*/

.contact-bg{

    background-image: url(../../images/background-image-9.jpg);

    background-size: cover;

    background-color: #eff3f6;

    background-position: center;

    background-attachment: fixed;

}







.title-part-conatct  i{

    font-size: 100px;

    color: #fff;

}

.title-part-conatct p{

    font-size: 40px;

    color: #fff;

    text-align: left;

}

.title-part-conatct p a{

    text-decoration: none;

    color: #fff;

}

.contact-blog-left {

    background: #556d85;

    margin: 30px 0px;

    padding: 20px;

}







.agent-now-area {

    background-color: #f2f7fd;

    position: relative;

    z-index: 1;

    margin: 120px 0px 0px;

}

.section-title {

    margin: -8px auto 15px;

    text-align: center;

    position: relative;

}

.section-title h2 {

    font-size: 38px;

    margin-bottom: 50px;

    position: relative;

    display: block;

    text-align: right;

}

.agent-now-area .call-now {

    background-color: #556d85;

    position: relative;

    padding: 35px;

    padding-left: 130px;

    border-radius: 10px;

}

.agent-now-area .call-now i {

    line-height: 1;

    font-size: 75px;

    position: absolute;

    top: 35px;

    left: 50px;

    color: #ffffff;

}

.agent-now-area .call-now p {

    line-height: 1;

    font-size: 20px;

    font-weight: 600;

    color: #ffffff;

    text-align: left;

}

.agent-now-area .call-now span {

    font-size: 22px;

    font-weight: 600;

    color: #ffffff;

    line-height: 1;

}

.agent-now-area .subscribe-wrap {

    background-color: #556d85;

    border-radius: 10px;
    height: 131px;
    padding: 18px 21px;



}

.agent-now-area .subscribe-wrap p {

    line-height: 1;

    font-size: 25px;

    font-weight: 600;

    color: #ffffff;

    margin-bottom: 20px;

    text-align: center;

}
p#hide_mobile {
    text-align: left;
}

.agent-now-area .subscribe-wrap .newsletter-form {

    position: relative;

}

.agent-now-area .subscribe-wrap .newsletter-form input {

    height: 40px;

}

.agent-now-area .subscribe-wrap .newsletter-form .default-btn {

    position: absolute;

    top: 0;

    right: 0;

    height: 40px;

}

.default-btn {

    font-size: 16px;

    color: #ffffff;

    padding: 6px 16px;

    line-height: 1;

    transition: all 0.3s ease-in;

    text-transform: capitalize;

    position: relative;

    cursor: pointer;

    border-radius: 30px;

    text-align: center;

    overflow: hidden;

    z-index: 1;

    text-transform: capitalize;

    background-color:#556d85;

    box-shadow: 0px 6px 15px 3px rgb(193 211 224 / 70%);

    font-weight: 600;

    border: 2px solid #556d85;

    border-radius: 0 !important;

    cursor: pointer;



}

.default-btn::before {

    content: "";

    position: absolute;

    top: 0;

    left: 100%;

    width: 100%;

    height: 50%;

    background-color: #262566;

    z-index: -1;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}

.default-btn::after {

    content: "";

    position: absolute;

    bottom: 0;

    right: 100%;

    width: 100%;

    height: 50%;

    background-color: #262566;

    z-index: -1;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}

.agent-now-area .agent-shape {

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: -1;

}



.agent-shape img {

    width: 300px;

}



.call-us img {

    text-align: center;

    position: absolute;

    left: 0;

    bottom: 0;

}



.call-us{

    text-align: center;

}



/*home page contact end*/





/*home page tabe*/





.nav-pills-custom .nav-link {

    color: #ffffff;

    background: #546c84;

    position: relative;

}



.nav-pills-custom .nav-link.active {

    color: #546c84;

    background: #fff;

}





/* Add indicator arrow for the active tab */

@media (min-width: 992px) {

    .nav-pills-custom .nav-link::before {

        content: '';

        display: block;

        border-top: 8px solid transparent;

        border-left: 10px solid #536883;

        border-bottom: 8px solid transparent;

        position: absolute;

        top: 50%;

        right: -10px;

        transform: translateY(-50%);

        opacity: 0;

    }

    

}



.nav-pills-custom .nav-link.active::before {

    opacity: 1;

}



.tabs-margin a {

    margin-bottom: 5px !important;

    box-shadow: none !important;

    border: 1px solid #d6d6d6;

}

.right-tabs-box{

    height: 285px;

}





.tab-p{

    color: #81818a !important;

    font-size: 15px !important;

    text-align: justify;

}

.tab-heading{

    text-transform: uppercase;

    font-size: 20px;

    text-align: center;

}





/*other page css*/



h1.section-title img {

    width: 90px;

    background: white;

    border-radius: 100%;

    padding: 5px;

    border: 2px solid #546c84;

    margin-right: 20px;

}

.propsal_page.travel_insurance .section-title {

    color: #546c84 !important;

    font-size: 40px;

    font-weight: 600 !important;

    line-height: 1.3;

    text-transform: uppercase !important;

}

.extra_bordr:hover {

    border: 2px solid #546c84 !important;

}

.propsal_page.travel_insurance h4 {

    color: #546c84;

    font-weight: 700;

    font-size: 22px;

    /* text-align: center; */

    text-decoration: underline;

}

.propsal_page h2 {

    color: #546c84 !important;

}

.extra_bordr h3 {

    border-bottom: none !important;

    font-size: 22px;

    text-align: left !important;

    text-decoration: underline;

    color: #546c84 !important;

}

.propsal_page.health_insurance .section-title {

    color: #546c84 !important;

    font-size: 40px;

    font-weight: 600 !important;

    line-height: 1.3;

    text-transform: uppercase !important;

}

.propsal_page.health_insurance h3 {

    color: #546c84 !important;

    text-align: center;

    border-bottom: 2px solid #546c84 !important;

    font-weight: 600;

    padding-bottom: 10px;

    font-size: 20px;

}

.propsal_page.health_insurance h6 {

    font-size: 20px;

    color: #546c84 !important;

    border-bottom: 2px solid #546c84 !important;

}

.propsal_page.health_insurance h4 {

    font-size: 20px;

    color: #546c84 !important;

    border-bottom: 2px solid #546c84 !important;

}



.propsal_page.health_insurance h2 {

    font-size: 20px;

    color: #546c84 !important;

    border-bottom: 2px solid #546c84 !important;

}

.propsal_page.health_insurance h5 {

    font-size: 20px;

    color: #546c84 !important;

    border-bottom: 2px solid #546c84 !important;

}



.propsal_page.motor_insurance .section-title {

    color: #546c84 !important;

    font-size: 40px;

    font-weight: 600 !important;

    line-height: 1.3;

    text-transform: uppercase !important;

}



.propsal_page p {

    color: #546c84 !important;
    font-size: 15px;
    font-weight: 500 !important;

}

.text-color h2 {  

    border-bottom: 2px solid #546c84 !important;

}

.text-color h3 {

    color: #546c84 !important;

    text-align: left !important;

    border-bottom: 2px solid #546c84 !important;

    font-weight: 600;

    padding-bottom: 10px;

    font-size: 20px !important;

}

.text-color h4 {

    font-weight: 600;

    font-size: 18px;

    color: #556d84;

    margin-top: 10px;

}

.propsal_page.marin_insurance .section-title {

    color: #546c84 !important;

    font-size: 40px;

    font-weight: 600 !important;

    line-height: 1.3;

    text-transform: uppercase !important;

}

.propsal_page.motor_insurance h4 {

    color: #546c84;

    margin: 10px 0;

    font-weight: 600;

}

i.fa.fa-check-square-o {

    color: #546c84;

    padding-right: 10px;

}

i.fa.fa-hourglass {

    font-size: 12px;

    color: #546c84 !important;

    padding-right: 10px;

}

.text-color ol li span {

    color: #556d94 !important;

    font-size: 13px;

}

.text-color ol li h5 {

    font-weight: 600;

    font-size: 18px;

    color: #556d84;

    margin-top: 10px;

}







.btn.btn-filter.btntools.active {

    background-color: #546c84 !important;

    color: #fff;

    border: 1px solid #546c84 !important;

}



thead {

    background-color: #546c84 !important;

    color: #fff;

}





.bod_content .pic {

    width: 100px;

    height: 100px;

    border-radius: 50%;

    margin: 0 auto;

    border: 3px solid rgb(84 108 132) !important;

}



.bod_content .title {

    color: #546c84 !important;

}

.bod_content .post {

    color: #546c84;

}





.social-media-icon li a {

    background: linear-gradient(135deg,#546c84 0,#546c84 100%) !important;

    color: #fff;

}







.bod_description:before {

    border: 10px solid transparent;

    border-right: 10px solid rgb(84 108 132) !important;

    top: 20px;

    left: -21px;

}



.btngo {

    background: #536984 !important;

    padding: 6px;

    border-radius: 50px;

    font-weight: 500;

    border-radius: 50px;

    color: #fff !important;

    font-size: 18px;

    z-index: 1;

    display: block;

    text-align: center;

    border: 1px solid #536984 !important;

    margin-bottom: 16px;

}

.login_page {

    padding: 50px 0;

    background-image: none !important;

    background-attachment: fixed;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}



h4 {

    font-family: source_sans_prosemibold;

    color: #536984;

    font-size: 20px;}



    .widget .widget-title {

    font-size: 22px;

    font-weight: 700;

    line-height: 31px;

    margin-bottom: 20px;

    color: #546c84 !important;

    border-bottom: 0 !important;

    position: relative;

}



.widget .widget-title.border-bottom::after {

    content: '';

    display: block;

    border-bottom: 1px solid #546c84 !important;

    width: 60%;

    margin-top: 10px;

}



.widget.style-01 .recent_post_item li.single-recent-post-item .content .title {

    color: #546c84 !important;

    font-size: 18px;

    line-height: 30px;

}



h3.section-title img {

    width: 90px;

    background: white;

    border-radius: 100%;

    padding: 5px;

    border: 2px solid #546c84;

    margin-right: 20px;

}



h3.section-title {

    color: #546c84;

    text-transform: uppercase;

    font-size: 40px;

    font-weight: 600;

}



.all-point ul li {

    font-size: 13px;

    color: #546c84;

}









/*footer css*/



.footer-contact ul li a i {

    color: #fff;

}

footer .footer-widget p {

    color: #fff !important;

    max-width: 270px;

    line-height: 23px;

    background-color: #1489c800 !important;

    border-bottom: none;

    text-align: justify;

}



.left-col img{

    margin: 15px 0px;

    box-shadow: 0px 0px 15px #00000033;

}



.app-link-blog {

    display: flex;

}

.app-link-blog a img{

    height: 45px;

    margin-right: 5px;

    border: 1px solid #9dadc1;

    padding: 4px;

    box-shadow: 0px 0px 5px #00000054;



}

footer {

    color: #fff;

    overflow: hidden;

    position: relative;

    padding: 80px 0px 30px !important;

    padding-bottom: 0;

    background: linear-gradient(to right,rgb(83 105 132),#536984),url(../img/footer1.jpg);

    background-size: cover;

}











/*proposalNew css start*/

.register{

  /* background: -webkit-linear-gradient(left, #546c84, #536984);*/

    margin-top: 3%;

    

    margin-bottom: 3%;

}

.register-left{

    text-align: center;

    color: #fff;

    margin-top: 0;

}

.register-left input{

    border: none;

    border-radius: 1.5rem;

    padding: 2%;

    width: 60%;

    background: #f8f9fa;

    font-weight: bold;

    color: #383d41;

    margin-top: 30%;

    margin-bottom: 3%;

    cursor: pointer;

}

.register-right{

    background: #f8f9fa;

   /* border-top-left-radius: 10% 20%;

    border-bottom-left-radius: 10% 20%;*/

    border-radius: 5px;

}



}

/*.register-left img{

    margin-top: 15%;

    margin-bottom: 5%;

    width: 25%;

    -webkit-animation: mover 2s infinite  alternate;

    animation: mover 1s infinite  alternate;

}

@-webkit-keyframes mover {

    0% { transform: translateY(0); }

    100% { transform: translateY(-20px); }

}

@keyframes mover {

    0% { transform: translateY(0); }

    100% { transform: translateY(-20px); }

}*/

.register-left p{

    font-weight: lighter;

    padding: 12%;

    margin-top: -9%;

}

.register .register-form{

    padding: 20px;

    margin-top: 10%;

}

.btnRegister{

    float: right;

    margin-top:0;

    border: none;

    border-radius: 1.5rem;

    padding: 2%;

    background:#546b85;

    color: #fff;

    font-weight: 600;

    width: 50%;

    cursor: pointer;

}

.register .nav-tabs{

    margin-top: 3%;

    border: none;

    background: #546c84;

    border-radius: 1.5rem;

    width: 100%;    

    float: right;

}

.register .nav-tabs .nav-link{

    height: 34px;

    font-weight: 600;

    color: #fff;

    border-top-right-radius: 1.5rem;

    border-bottom-right-radius: 1.5rem;

    text-transform: uppercase;

    font-size: 15px;

    padding: 2px 0px;

}

.register .nav-tabs .nav-link:hover{

    font-size: 15px !important;

    padding: 2px 0px !important;

}



}

.register .nav-tabs .nav-link:hover{

    border: none;

}

.register .nav-tabs .nav-link.active{

   width: auto;

    color: #546a84;

    border: 2px solid #536a84;

    border-top-left-radius: 1.5rem;

    border-bottom-left-radius: 1.5rem;

}

.register-heading{

    text-align: center;

    margin-top: 8%;

    margin-bottom: -15%;

    color: #495057;

}

.id-blog{

    background: #f8f9fa;

    padding: 5px;

    text-align: left;

    border-radius: 5px;

    text-align: center;

    margin-bottom: 10px;

    box-shadow: 0px 0px 8px #00000085;

}

.propsal_top .top_main_heading h3 {

    margin-top: 0;

    margin-bottom: 5px;

    font-size: 22px;

    color: #546c84;

}



.id-blog h3{

    font-size: 15px;

    text-transform: uppercase;

    font-weight: 700;

}

.id-blog label {

    color: #3a3a3a;

    font-weight: 700;

    font-size: 15px;

}

.row-top-margin{

    margin-top: 10%;

}

.top-part-blog {

    background: #f8f9fa;

    padding: 5px;

    text-align: left;

    border-radius: 5px;



}

.top-part-blog img {

    width: 100px;

}

.top-part-blog span {

    float: right;

    color: #546b85;

    font-weight: 600;

}



.tabel-blog{

    background:#f8f9fa;

    padding: 5px;

    text-align: left;

    margin-top: 10px;

    border-radius: 5px;

}

.tabel-blog ul li {

   color: #5d5d5d;

   padding: 5px 0px;

   border-bottom: 1px solid #e0e0e0;

}

.tabel-blog ul li b{

    float: right;

}



.next-back{

    text-align: center;

}

.next-back button i {

    margin-right: 8px !important;

}




@media only screen and (max-width: 1000px) {
.top-header{

display: none;

}


.navbar-light .navbar-nav .nav-link {
    color: #000;
    padding: 10px 7px!important;
}

}


@media only screen and (max-width: 1300px) {
   .profile-details ul li span {
    font-size: 14px !important;
}
.profile-details ul li {
    padding: 0px 14px 0px 0px;
    margin-right: 7px;
}

.profile-details ul {
    padding: 1px 0px;
}
.profile-details ul li h3 {
    font-size: 14px;
}

}



/*new-year-css*/


canvas {
    transition: background 2s;
    width: 100vw;
    height: 50vh;
    cursor: pointer;
}
.title {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -30%);
    font-size: 10em;
    padding: 0;
    margin: 0;
}
#countdown-box {
   z-index: 1;
    position: absolute;
    top: 113%;
    left: 50%;
    transform: translate(-50%, -70%);
    text-align: justify;
    width: 100%;
}
.countdown-box h1{
    color: #fff !important;
    border: 6px solid #fff;
    padding: 10px 20px;
}
#countdown-box:after {
    display: inline-block;
    width: 100%;
    content: "";
}
.cdi {
    display: inline-block;
    font-size: 36px;
    text-align: center;
    color: #ffffff;
    width: 24%;
    /* background: #efefef; */
    box-shadow: 0px 0px 30px #0000007a;
    padding: 25px 0px;
    border-radius: 10px;
}
.cdi-lbl {
    font-size: 0.5em;
}
@media (max-width: 775px) {
    .title {
        top: 0.5em;
    }
    #countdown-box {
        text-align: center;
        top: 75%;
    }
    /*#countdown-box:after {
        content: none;
    }*/
    .cdi {
        /*display: block;*/
        font-size: 2em;
    }
    .cdi-lbl {
        color: #f5f5f5;
    }
    .countdown-box {
    display: none;
}

}

.countdown-box{
    position: relative;
    z-index: 9;
}




.titel-div {
  display: flex;
  height: 100%;
  padding: 0;
  margin: 0;
  align-items: center;
  justify-content: center;
}
 .titel-div h1 {
    font-size: 120px;
    /* font-family: 'La Belle Aurore', cursive; */
    font-weight: 700;
    background: #ef4e28;
    background: linear-gradient(to right, #ffffff 42%, #ffffff 37%, #ffffff 92%, #ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    padding: 20px 50px;
    border: 6px solid transparent;
    border-image: linear-gradient(to right, #ffffff 0%, #ffffff 21%, #ffffff 74%, #ffffff 100%);
    border-image-slice: 1;
}



.cdi-span{
    display: inline-block;
    font-size: 60px;
    text-align: center;
    color: #ffffff;
    width: 100%;
    /* background: #efefef; */
    box-shadow: 0px 0px 30px #0000007a;
    padding: 50px 0px;
    border-radius: 10px;
}






 .center {
      
      margin: 0 auto;
      
    }

    .awesome {
      
      font-family: futura;
      font-style: italic;
      
      width:100%;
      
      margin: 0 auto;
      text-align: center;
      
      color:#313131;
      font-size:45px;
      font-weight: bold;
      position: absolute;
      -webkit-animation:colorchange 20s infinite alternate;
      
      
    }

    @-webkit-keyframes colorchange {
      0% {
        
        color: blue;
      }
      
      10% {
        
        color: #8e44ad;
      }
      
      20% {
        
        color: #1abc9c;
      }
      
      30% {
        
        color: #d35400;
      }
      
      40% {
        
        color: blue;
      }
      
      50% {
        
        color: #34495e;
      }
      
      60% {
        
        color: blue;
      }
      
      70% {
        
        color: #2980b9;
      }
      80% {
     
        color: #f1c40f;
      }
      
      90% {
     
        color: #2980b9;
      }
      
      100% {
        
        color: pink;
      }
    }





    .about-bg-section{
        background-image: linear-gradient(to bottom, rgb(84 108 132 / 77%), rgb(84 108 132 / 52%)), url('../../assets/images/about-bg.jpg');
        background-repeat: no-repeat;
        width: 100%;
        background-size: cover;
        padding: 70px 0px;
        text-align: center;
    }
    .about-bg-section-content{
        text-align: center;
    }
    .about-bg-section-content h1{
        font-size: 60px;
        color:#fff;
        text-transform: uppercase;
    }


@media (min-device-width: 992px) and (max-device-width: 1199px){}
@media (min-device-width: 768px) and (max-device-width:991px){}
@media (max-width: 767px){
     .about-bg-section-content h1{
        font-size: 25px;
    }
}