/*===============================================
Template Name: insurance - Consulting & Finance HTML5 Template
Author:  https://templatemostar.net/authors/drtheme
Description: Description
Version: 1.0.0
Text Domain: insurance
Tags: consulting, finance, corporate, business, consultant, multipurpose, insurancelogy, it-solution, software, agency, company, portfolio, bangking, insurance, digital-agency, digital-marketing.
================================================*/

/*TABLE OF CONTENTS*/
/*=====================
01. insurance Header Top Menu Area Css
02. insurance Nav Menu Area Css 
03. insurance Slider Area Css
04. insurance Section Title Css
05. insurance Service Area css
06. insurance About Area Css
07. insurance Counter Area Css
08. insurance Case Study Area Css
09. insurance Testimonial Area Css
10. insurance Process Area Css
11. insurance Team Area Css
12. insurance Faq Area Css
13. insurance Brand Section Css
14. insurance Call Do Section Css
15. insurance Form Box Css
16. insurance Skill Area Css
17. insurance Blog Area Css
18. insurance footer Area Css
19. insurance Subscribe Area Css
20. insurance Lines CSS
21. insurance Prossess Ber Css
22. insurance Scrollup Section
23. insurance Bounce Animation Css 
24. insurance Animation Dance
25. insurance Breadcumb Area Css
26. insurance abouts_areas Css
27. insurance Feture-Area Css
28. insurance Pricing Section Css
29. insurance Web Development Section CSS
30. insurance Contact  US Css
31. insurance Blog Sidber Widget CSS
32. insurance Case Study Details Css
33. insurance Search Box Css
34. insurance Loader Css
=======================*/

:root{
    --primary:#062B6F !important;
    --secondary:#0A4CC5 !important;
    --teal:#008A8F !important;
    --accent:#17B7B5 !important;
    --dark:#041D4D !important;
    --text:#25324B !important;
    --light:#F5F8FC !important;
    --white:#FFFFFF !important;
}

/* Header */
.header-area,
.main-navigation,
.navbar{
    background:#fff !important;
}

.navbar-nav .nav-link{
    color:var(--primary) !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active,
.navbar-nav .active{
    color:var(--teal) !important;
}

/* Common Headings */
h1,h2,h3,h4,h5,h6,
.section-title h2{
    color:var(--primary) ;
}

.section-title span,
.sub-title{
    color:var(--teal) !important;
}

/* Buttons */
.theme-btn,
.btn-primary,
.btn,

input[type="submit"]{
    background:linear-gradient(135deg,#062B6F,#008A8F) !important;
    color:#fff !important;
    border:none !important;
}

.theme-btn:hover,
.btn-primary:hover,
.btn:hover,

input[type="submit"]:hover{
    background:linear-gradient(135deg,#008A8F,#062B6F) !important;
    color:#fff !important;
}

/* Section Background */
.about-area,
.feature-area,
.service-area,

.blog-area{
    background:var(--light) !important;
}

/* Cards */
.service-card,
.single-service-box,
.feature-box,
.team-card,
.single_team,
.mfc-blog-card,
.testimonial-card{
    background:#fff !important;
    border:1px solid #e7edf6 !important;
    box-shadow:0 10px 30px rgba(6,43,111,.08) !important;
}

/* Service */
.service-card .icon,
.single-service-box i,
.feature-box i{
    color:var(--teal) !important;
}

.service-card:hover,
.single-service-box:hover{
    background:var(--primary) !important;
}

.service-card:hover h3,
.service-card:hover h2,
.service-card:hover p,
.single-service-box:hover h3,
.single-service-box:hover h2,
.single-service-box:hover p{
    color:#fff !important;
}

/* Blog */
.blog-date{
    background:var(--primary) !important;
    color:#fff !important;
}

.blog-category{
    background:var(--teal) !important;
    color:#fff !important;
}

.mfc-blog-content h3{
    color:var(--primary) !important;
}

.blog-btn{
    color:var(--teal) !important;
}

/* Team */
.single_team_content h4,
.team-card h4{
    color:var(--primary) !important;
}

.single_team_content span,
.team-card span{
    color:var(--teal) !important;
}

/* Counter / CTA / Hero */
.hero-area,
.counter-area,
.cta-area{
    background:linear-gradient(135deg,#062B6F,#008A8F) !important;
}

.hero-area h1,
.hero-area h2,
.hero-area p,
.counter-area h1,
.counter-area h2,
.counter-area p,
.cta-area h1,
.cta-area h2,
.cta-area p{
    color:#fff !important;
}

/* Footer */
.footer-area,
.footer-section,
footer{
    background:var(--dark) !important;
}

.footer-area h1,
.footer-area h2,
.footer-area h3,
.footer-area h4,
.footer-area h5,
.footer-area h6,
.footer-section h1,
.footer-section h2,
.footer-section h3,
.footer-section h4,
.footer-section h5,
.footer-section h6,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6{
    color:#fff !important;
}

.footer-area p,
.footer-section p,
footer p{
    color:#d8e4ff !important;
}

.footer-area a,
.footer-section a,
footer a{
    color:#d8e4ff !important;
}

.footer-area a:hover,
.footer-section a:hover,
footer a:hover{
    color:var(--accent) !important;
}


/*================================
<--  Top bar Area Css -->
==================================*/

.topbar-area{
    color: #fff !important;
    background: linear-gradient(135deg, #002A73 0%, #005F89 45%, #007B82 100%) !important;
    padding:4px 0;
    border-bottom:1px solid rgba(255,255,255,0.08);
}

.topbar-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.topbar-left{
    display:flex;
    align-items:center;
    gap:18px;
    font-size:13px;
    font-weight:500;
}

.topbar-left span{
    display:flex;
    align-items:center;
    gap:6px;
}

.topbar-left i{
    color:white;
    font-size:12px;
}

.topbar-social{
    display:flex;
    align-items:center;
    gap:8px;
}

.topbar-social a{
    width:28px;
    height:28px;
    border-radius:4px;
    background:rgba(255,255,255,0.12);
    border:1px solid rgba(255,255,255,0.08);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    transition:.3s;
}

.topbar-social a:hover{
    background:linear-gradient(135deg,#002A73,#007B82);
    transform:translateY(-2px);
    border-color:transparent;
}

@media(max-width:767px){
    .topbar-area{
        display:none;
    }
}
/*================================
<--  insurance Nav Menu Area Css -->
==================================*/

.insurance_nav_manu {
  transition: .5s;
  z-index: 2;
  position: relative;
  padding: 0 70px 0;
  margin-bottom: -99px;
}


.logo img {
        width: 170px !important;
    }
    
    
.sticky {
  left: 0;
  margin: auto;
  position: fixed !important;
  top: 0;
  width: 100%;
  box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
  background: #fff !important;
  transition: .5s !important;
  z-index: 922;
  animation: 500ms running slideInDown;
  animation-name: slideInDown;
}

.sticky .insurance_menu>ul>li>a {
  color: #232323;
}

.sticky .header-button a  {
    color: #232323;
    border: 1px solid #232323;
}

.sticky .header-button a:hover  {
  color: #fff;
}

/* insurance Menu Css*/
nav.insurance_menu {
  text-align: right;
  position: relative;
  z-index: 1;
}
.insurance_menu ul {
    list-style: none;
    display: inline-block;
}

.insurance_menu>ul>li {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.insurance_menu>ul>li>a {
  font-size: 17px;
  display: inline-block;
  margin: 35px 13px;
  transition: .5s;
  color: #ffff;
  font-weight: 600;
  position: relative;
}

nav.insurance_menu span {
    font-size: 11px;
    padding-left: 5px;
    opacity: .5;
}

.insurance_menu ul li a:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin: auto;
  bottom: -5px;
  width: 0%;
  background: #187DFF;
  height: 1px;
  transition: .5s;
}

.insurance_menuu ul li a:hover:before{
  width:100%;
  left:0%;
}
.insurance_menu ul .sub-menu li a:before {
  display: none;
}

/*menu button*/


.header-button {
    display: inline-block;
}


.header-button a {
    position: relative;
    /*display: inline-block;*/
    font-size: 14px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #002A73 0%, #005F89 45%, #007B82 100%) !important;
    border-radius: 40px;
    overflow: hidden;
    z-index: 1;
    letter-spacing: .3px;
    box-shadow: 0 10px 25px rgba(0, 42, 115, 0.28);
    transition: all .4s ease;
}

.header-button a::before {
    position: absolute;
    content: "";
    inset: 0;
    z-index: -1;
    /*background: linear-gradient(135deg, #007B82 0%, #004C88 45%, #002A73 100%);*/
    opacity: 0;
    transition: all .4s ease;
}

/*.header-button a::after {*/
/*    position: absolute;*/
/*    content: "";*/
/*    top: 0;*/
/*    left: -80%;*/
/*    width: 45%;*/
/*    height: 100%;*/
/*    background: linear-gradient(120deg, transparent, rgba(255,255,255,.45), transparent);*/
/*    transform: skewX(-25deg);*/
/*    transition: .6s;*/
/*}*/

.header-button a:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0, 123, 130, 0.35);
}

.header-button a:hover::before {
    opacity: 1;
}

.header-button a:hover::after {
    left: 130%;
}
/* Style-2 Nave menu  
=========================*/

.style-2.insurance_nav_manu {
  margin-bottom: 0;
}

.style-2 .insurance_menu>ul>li>a {
  color: #232323;
}

.style-2 .header-button a  {
  color: #232323;
  border: 1px solid #232323;
}

.style-2 .header-button a:hover  {
  color: #fff;
  border: 1px solid rgb(12, 90, 219);
}





/*** Sub Menu Style 
==========================***/

.insurance_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 217px;
    text-align: left;
    background: #fff;
    margin: 0;
    z-index: 1;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: .5s;
    visibility: hidden;
    border-top: 2px solid #1CBEFF;
    opacity: 0;
}

.insurance_menu ul li:hover>.sub-menu {
    visibility: visible;
    top: 100%;
    opacity: 1;
}

.insurance_menu ul .sub-menu li {
    position: relative;
}

.insurance_menu ul .sub-menu li a {
  display: block;
  padding: 12px 20px;
  margin: 0;
  line-height: 1.3;
  letter-spacing: normal;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  transition: .5s;
  visibility: inherit !important;
  color: #101210 !important;
  position: relative;
  z-index: 1;
}

.insurance_menu ul .sub-menu li a:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  left: 0;
  bottom: 0;
  background: #00237d;
  z-index: -1;
  transition: 0.5s;
}

.insurance_menu ul .sub-menu li a:hover:after {
  height: 100%;
  top: 0;
}

.insurance_menu ul .sub-menu li:hover>a,
.insurance_menu ul .sub-menu .sub-menu li:hover>a,
.insurance_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
.insurance_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
    background: #00237d;
    color: #fff !important;
}

/* sub menu 2 
=================*/

.insurance_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}

.insurance_menu ul .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

/* sub menu 3 
==================*/

.insurance_menu ul .sub-menu .sub-menu li {
    position: relative;
}

.insurance_menu ul .sub-menu .sub-menu .sub-menu {
    right: 100%;
    left: auto;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}

.insurance_menu ul .sub-menu .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

ul.sub-menu li a span {
    background: #ffde5d;
    padding: 5px 10px;
    color: #fff;
    opacity: 1;
    font-family: 'Fira Sans';
    border-radius: 2px;
    margin-left: 5px;
    transition: .5s;
}

ul.sub-menu li:hover a span{
    background: rgba(255,255,255, 0.20);
}

/* sub menu 4 
====================*/

.insurance_menu ul .sub-menu .sub-menu .sub-menu li {
    position: relative;
}


.insurance_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

.insurance_menu li a:hover:before {
    width: 101%;
}

.insurance_nav_manu.sticky .logo_img {
    display: none;
}

.main_sticky {
    display: none;
}

.insurance_nav_manu.sticky .main_sticky {
    display: inherit;
}

.mobile-menu.mean-container {
    overflow: hidden;
}



/*
<!-- ============================================================== -->
<!-- Start insurance Slider Section Css -->
<!-- ============================================================== -->*/

.slider_area  {
    background: url(../images/slider/innsurance-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 600px;
    position: relative;
    z-index: 1;
}

.hero_section_thumb {
  position: relative;
  z-index: 1;
}

.hero-main-thumb {
  padding-left: 30px;
}
.hero-main-thumb img{
    max-width: 485px;
    border-radius: 50%;
    /* margin-top: 52px; */
    border: 1px dashed #007b82;
}


.slider_text_inner h5 {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    margin: 0 0 24px;
    letter-spacing: 0;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.slider_text_inner h5:before {
    position: absolute;
    content: "";
    z-index: -1;
    top: -2px;
    right: -10px;
    width: 30px;
    height: 27px;
    background: #6989CA;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 65% 100%);
    transition: .5s;
}
.slider_text_inner h1 {
    font-size: 42px;
    text-transform: none;
     color: #233253;
    font-weight: 800;
    /* font-family: "Sitka Display"; */
    font-family: 'Josefin Sans', sans-serif;
    margin: 0;
    line-height: 1.2;
    
 
}

.slider_text_inner p {
     font-size: 16px;
    line-height: 28px;
    color: #727272;
    font-weight: 400;
}




.button a {
    position: relative;
    /*display: inline-block;*/
    font-size: 14px !important;
    padding: 12px 20px !important;
    font-weight: 600 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #002A73 0%, #005F89 45%, #007B82 100%) !important;
    border-radius: 40px;
    overflow: hidden;
    z-index: 1;
    letter-spacing: .3px;
    box-shadow: 0 10px 25px rgba(0, 42, 115, 0.28);
    transition: all .4s ease;
}

.button a::before {
    position: absolute;
    content: "";
    inset: 0;
    z-index: -1;
    /*background: linear-gradient(135deg, #007B82 0%, #004C88 45%, #002A73 100%);*/
    opacity: 0;
    transition: all .4s ease;
}

.button a::after {
    position: absolute;
    content: "";
    top: 0;
    left: -80%;
    width: 45%;
    height: 100%;
    /*background: linear-gradient(120deg, transparent, rgba(255,255,255,.45), transparent);*/
    transform: skewX(-25deg);
    transition: .6s;
}

.button a:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0, 123, 130, 0.35);
}

.button a:hover::before {
    opacity: 1;
}

.button a:hover::after {
    left: 130%;
}



.upper.button a {
    background: inherit;
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
}

.upper.button a:before {
  border-radius: 5px;
}


.slider_button span {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 13px 19px 0;
}

/* all hover
======================*/

.button a:hover:before {
    width: 100%;
    left: 0;
}

.button a:hover {
    color: #fff;
}
 .slider_text_inner h5:hover:before {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    width: 110%;
}




.em-hero-inner-thumb {
    position: absolute;
    top: 56px;
    left: 411px;
    z-index: -1;
}

.em-hero-inner-shape {
  position: absolute;
  top: 70px;
  left: 0;
  animation: moveLeftBounce 3s linear infinite;
  z-index: -1;
}


/* Slider Style two */

.slider-2 {
  background-image: url(../images/slider-bg.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 540px;
  position: relative;
}

.slider-2 .slider_text_inner h1 {
  color: rgb(35, 35, 35);
}

.slider-2 .slider_text_inner h5 {
  color:#002A73;
  /*padding-left: 54px;*/
}

.slider-2 .slider_text_inner h5:before {
  position: absolute;
  content: "";
  z-index: -1;
  top: 26px;
  right: 180px;
  width: 117px;
  height: 1px;
  background:  #007B82;
  clip-path: inherit;
  transition: .5s;
}

.slider-2 .slider_text_inner p {
  padding: 15px 0 15px;
  color: rgb(97, 97, 97);
  font-size: 17px;
}

.slider-2 .button a {
  padding: 15px 42px;
  background: linear-gradient(255deg, rgb(36, 117, 252) 0%, rgb(17, 41, 185) 100%);
  color: #fff;
}

.slider-2 .button a:before {
  border-radius: 3px;
}

.slider-2 .button a i {
  font-size: 16px;
}


/*hero thumb style two
===========================*/

.slider-all-shape {
  position: relative;
  z-index: 1;
}

.slider-2 .em-hero-inner-thumb {
  position: absolute;
  top: 115px;
  left: -45px;
  z-index: 1;
}

.slider-2 .em-hero-inner-thumb img {
   width:330px;
}

.slider-2 .em-hero-inner-thumb2 {
  position: absolute;
  top: -22px;
  right: -81px;
  animation: moveLeftBounce 3s linear infinite;
}
.slider-2 .em-hero-inner-thumb3 {
  position: absolute;
  bottom: -54px;
  right: -200px;
}

.slider-2 .em-hero-inner-shape1 {
  position: absolute;
  right: 200px;
  bottom: -115px;
}

.slider-2 .em-hero-inner-shape2 {
  position: absolute;
  left: -260px;
  bottom: 105px;
  animation: wooo 3.5s infinite;
}
/*wood animation*/
@keyframes wooo{
0%{
  transform: rotate3d(0, 0, 0)   
}
50%{
  transform: rotate3d(0, 1, 0, 180deg)   
}
100%{
  transform: rotate3d(0, 1, 0, 359deg)   
}
}

/*====================================================
--<	insurance Section title Css -->
======================================================*/
.single_about_thumb_inner1 img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    box-shadow: 8px 8px 0px #0f8389;
}
.about-content ul{
    list-style:none;
    padding:0;
    margin:0 0 25px;
}

.about-content ul li{
    position:relative;
    padding-left:28px;
    margin-bottom:10px;
    font-size:15px;
    color:#222;
}

.about_home{
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.about_home p{
    margin-bottom: 0px;
        padding-top: 10px;
}

.about-content ul li:before{
    content:"✓";
    position:absolute;
    left:0;
    color:#008A8F;
    font-weight:700;
}


.section_title h1 {
  color: rgb(0, 42, 115);
  font-size: 30px;
  text-transform: capitalize;
  margin-top: 0;
      margin-bottom: 30px;
  line-height: 1.2;
  font-weight: 800;
}

.section_title h5 {
    color: rgb(0, 123, 130);
    font-size: 14px;
    margin: 0 0 13px;
    position: relative;
    z-index: 1;
    letter-spacing: 0;
    display: inline-block;
}

.section_title h5:before {
    position: absolute;
    content: "";
    z-index: -1;
    right: -12px;
    top: -1px;
    background: #CEDEF8;
    width: 25px;
    height: 17px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 65% 100%);
    transition: .5s;
}

.white.section_title h5 {
  color: #fff;
}

.section_title h5:hover:before {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  width: 107%;
}

.section_content_desc p {
  padding: 15px 0 0;
}

.section_title h4 {
  color: #0c5adb;
  font-size: 20px;
  font-weight: 600;
  padding: 0 0 15px;
}

.section_title h1 span {
  color: #0C5ADB;
}



/*====================================================
--<	insurance Service Area Css -->
======================================================*/
.service-area{
    padding:50px 0;
       background: linear-gradient(180deg, #f8fbff 30%);
}


.mfc-service-card{
    position:relative;
    background:#fff;
    border-radius:16px;
    padding:24px 18px;
    text-align:center;
    min-height:220px;
    overflow:hidden;
    border:1px solid #e8eef8;
    box-shadow:0 8px 24px rgba(0,35,91,.08);
    transition:.35s;
}

.mfc-service-card:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:65px;
    height:65px;
    border-radius:0 0 60px 0;
    background:rgba(0,55,130,.08);
}

.mfc-service-card.teal:before{
    background:rgba(0,126,135,.10);
}

.service-no{
    position:absolute;
    top:14px;
    right:14px;
    background:#003b78;
    color:#fff;
    font-size:12px;
    font-weight:700;
    padding:5px 8px;
    border-radius:6px;
}

.mfc-service-card.teal .service-no{
    background:#007f8c;
}

.service-icon {
    margin: 0px auto 10px;
    color: #003b78;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

.mfc-service-card.teal .service-icon{
    background:#e8fbfb;
    color:#007f8c;
}

.mfc-service-card h3 {
    font-size: 20px;
    font-weight: 700;
    color: #003b78;
    margin-bottom: 6px;
}
.mfc-service-card p {
    font-size: 13px;
    line-height: 1.6;
    color: #7d7d7d;
    margin-bottom: 7px;
}

.mfc-service-card a{
    color:#003b78;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
}

.mfc-service-card.teal a{
    color:#007f8c;
}

.mfc-service-card:hover{
    transform:translateY(-6px);
    box-shadow:0 16px 35px rgba(0,35,91,.14);
}



/*resource area css
================================*/


.mfc-resource-section{
    padding:50px 0;
    background: linear-gradient(180deg, #f8fbff 30%);
    position:relative;
    overflow:hidden;
}

.mfc-section-title span{
    color:#007f8c;
    font-weight:700;
    text-transform:uppercase;
}

.mfc-section-title h2{
    font-size:36px;
    color:#002f6c;
    font-weight:800;
    margin:10px 0;
}

.mfc-section-title p{
    max-width:720px;
    margin:0 auto 35px;
    color:#607086;
}

.mfc-resource-card{
    background:#fff;
    border:1px solid #e4ebf5;
    border-radius:18px;
    padding:14px 14px 25px;
    text-align:center;
    box-shadow:0 12px 35px rgba(0,35,91,.08);
    transition:.35s;
}

.mfc-resource-card:hover{
    transform:translateY(-8px);
}

.resource-img{
    height:170px;
    border-radius:12px;
    overflow:hidden;
    background:#eef4ff;
    margin-bottom:18px;
}

.resource-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.mfc-resource-card h3 {
    color: #002f6c;
    font-size: 20px;
    font-weight: 700;
}

.mfc-resource-card p{
    color:#627084;
    font-size:14px;
    line-height:1.6;
    margin:10px 0 25px;
}

.resource-btn{
    display:inline-block;
    background:#0b1648;
    color:#fff;
    padding:11px 22px;
    border-radius:6px;
    font-weight:700;
    text-decoration:none;
}

.resource-btn:hover{
    background:#007f8c;
    color:#fff;
}


/*fortune-video area css
================================*/


.fortune-video-section{
    padding:50px 0 ;
    background:#fff;
    overflow:hidden;
}

.section-title span{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;
    color:#c99245;
    font-size:15px;
    font-weight:600;
    letter-spacing:.5px;
    margin-bottom:10px;
}

.section-title span i{
    width:40px;
    height:1px;
    background:#c99245;
    display:inline-block;
}

.section-title h2{
    font-size:36px;
    font-weight:800;
    color:#071b55;
    margin-bottom:30px;
    letter-spacing:1px;
}

.video-slider-wrap{
    position:relative;
    padding:0 55px;
}

.fortune-video-slider .owl-stage{
    display:flex;
    align-items:center;
}

.video-card{
    height:230px;
    border-radius:15px;
    overflow:hidden;
    background:#000;
    box-shadow:0 8px 18px rgba(0,0,0,.18);
}

.video-card video{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    border-radius:8px;
}

.video-nav{
    width:38px;
    height:38px;
    background:#101b49;
    color:#fff;
    border-radius:50%;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:9;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:15px;
    transition:.3s;
}

.video-nav:hover{
    background:#007b82;
}

.video-prev{
    left:0;
}

.video-next{
    right:0;
}

.fortune-video-slider .owl-nav,
.fortune-video-slider .owl-dots{
    display:none;
}

@media(max-width:991px){
    .section-title h2{
        font-size:30px;
    }

    .video-card{
        height:230px;
    }
}

@media(max-width:575px){
    .fortune-video-section{
        padding:45px 0 25px;
    }

    .video-slider-wrap{
        padding:0 42px;
    }

    .section-title h2{
        font-size:25px;
    }

    .video-card{
        height:260px;
    }
}




/*service area style Two
================================*/

.style-2.service-area {
  padding: 50px 0 ;
}

.em-service-single-box1 {
  padding: 42px 45px 17px;
  border-radius: 5px;
  filter: drop-shadow(0px 5px 30px rgba(162,188,231,0.3));
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 30px;
  text-align: center;
}

.em-service-single-box1:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
  background: #0B59DB;
  z-index: -1;
  transition: .5s;
}
.em-service-title1 h2 {
  font-size: 22px;
  line-height: 32px;
  padding: 16px 0 10px;
  transition: .5s;
}
.em-service-text1 p {
  transition: .5s;
  line-height: 30px;
}
/*em icon*/
.em-icon1 {
  position: relative;
  z-index: 1;
}
.em-icon1:before {
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/resource/t2.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
/*upper*/
.upper1.em-service-single-box1:before {
  background: #01CB99;
}
.upper2.em-service-single-box1:before {
  background: #EA599E;
}
.upper3.em-service-single-box1:before {
  background: #FF6A01;
}
.upper4.em-service-single-box1:before {
  background: #764AE5;
}
/*service active box*/
.active.em-service-single-box1 {
  background-color: #0C5ADB;
}
.active .em-service-title1 h2 {
  color: #fff;
}
.active .em-service-text1 p {
  color: #fff;
}

/*all service hover*/
.em-service-single-box1:hover:before {
  height: 100%;
  top: 0;
}
.em-service-single-box1:hover .em-service-title1 h2, .em-service-single-box1:hover .em-service-text1 p {
  color:#fff;
}
/*style five service area*/
.style-five.service-area {
  background: inherit;
}
/*service content*/
.style-five .em-service-content {
  padding: 35px 30px 15px;
}
.style-five .em-service-single-box1 {
  height: inherit;
  border-radius: 5px;
  filter: drop-shadow(0px 5px 30px rgba(162,188,231,0.3));
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 30px;
  text-align: center;
}



/* Service Style 02 */

.service_area {
  padding: 50px 0 ;
}

.bg-color {
  background: #F4F5FA;
}

.service_style_two_number {
  float: left;
  margin-right: 52px;
}

.service_style_two_content {
  overflow: hidden;
}
.service_style_two_number h5 {
  font-weight: 700;
color:#0c5adb;
position:relative;
}

.service_style_two_number h5:before {
  position: absolute;
  left: 32px;
  top: 14px;
  height: 2px;
  width: 30px;
  content: "";
  background: #0c5adb;
}

.service_style_two_title h4 {
  font-weight: 700;
  transition: .3s;
  font-size: 22px;
}

.service_style_two_button a {
  color: #0c5adb;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.service_style_two_button a i{
margin-left:5px;
transition:.3s;
}

.service_style_two_title h4:hover{
color:#0c5adb;
}





/*=============================
  Instagram Feed Slider
=============================*/


.insta-feed-area{
    padding:50px 0;
    background:#fff;
}


.insta-box {
    position: relative;
    height: 300px;
    border-radius: 16px;
    margin: 10px;
    overflow: hidden;
    background: linear-gradient(
        135deg,
        rgba(0,42,115,.05),
        rgba(0,123,130,.08)
    );
    border: 1px solid rgba(0,42,115,.08);
    transition: .4s;
}

.insta-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
    display:block;
}


.insta-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        135deg,
        rgba(0,42,115,.85),
        rgba(0,123,130,.85)
    );
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:.4s;
}

.insta-overlay a{
    width:55px;
    height:55px;
    border-radius:50%;
    background:#fff;
    color:#007B82;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    text-decoration:none;
    transform:scale(.6);
    transition:.4s;
}

.insta-box:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,42,115,.18);
}

.insta-box:hover img{
    transform:scale(1.08);
}

.insta-box:hover .insta-overlay{
    opacity:1;
}

.insta-box:hover .insta-overlay a{
    transform:scale(1);
}


.insta-overlay a:hover{
    background:#fff;
    color:#002A73;
}



@media(max-width:991px){

    .insta-feed-area{
        padding:70px 0;
    }

    .insta-feed-area .section-title h2{
        font-size:32px;
    }

    .insta-box{
        height:210px;
        margin-bottom:20px;
    }
}

@media(max-width:767px){

    .insta-feed-area{
        padding:60px 0;
    }

    .insta-feed-area .section-title h2{
        font-size:28px;
    }

    .insta-feed-area .section-title p{
        font-size:14px;
    }

    .insta-box{
        height:180px;
    }

    .insta-overlay a{
        width:48px;
        height:48px;
        font-size:18px;
    }
}






/*====================================================
--<	insurance About Area Css -->
======================================================*/


.about_area {
  padding:50px 0 ;
  background: #F4F5FA;
}

.em-about-counter-box {
  margin-bottom: 25px;
}

.em-about-counter {
  border-top: 1px solid #0C5ADB;
  margin: 45px 0 0;
  padding-top: 35px;
}

.em-about-counter-title {
  padding: 0 0 0 50px;
}

.em-about-counter-title h3 {
  font-size: 42px;
  position: relative;
  top: -15px;
  display: inline-block;
}

.em-about-counter-title span {
  font-size: 42px;
  color: #232323;
  font-weight: 700;
  display: inline-block;
  position: relative;
  top: -15px;
}

/*em dot*/
.em-dot {
  position: relative;
  z-index: 1;
  top: 13px;
}
.em-dot:before {
  position: absolute;
  content: "";
  z-index: 2;
  left: 20px;
  top: 0;
  width: 6px;
  height: 6px;
  background: #0C5ADB;
  border-radius: 5px;
}
.em-dot:after {
  position: absolute;
  content: "";
  z-index: 1;
  left: 20px;
  top: 15px;
  width: 6px;
  height: 6px;
  background: #0C5ADB;
  border-radius: 5px;
}
.em-dot span {
  position: relative;
  z-index: 1;
}
.em-dot span:before {
  position: absolute;
  content: "";
  left: 4px;
  top: 0;
  width: 6px;
  height: 6px;
  border-radius: 5px;
  background: #0C5ADB;
}
.em-dot span:after {
  position: absolute;
  content: "";
  z-index: -1;
  top: -4px;
  right: -32px;
  width: 32px;
  height: 30px;
  background: #DBE5F6;
  clip-path: polygon(55% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition: .5s;
}


/* About shape */

.em-about-shape {
  position: absolute;
  left: -360px;
  bottom: -26px;
  z-index: -1;
}

.em-about-shepe-1 {
  position: absolute;
  right: -42rem;
  bottom: 0;
  animation: moveLeftBounce 3s linear infinite;
}

/* About Style Two */

.style-2.about_area {
  padding: 50px 0 ;
  background:#fff;
}

/* About button
================= */

.abou-button2 {
  padding: 20px 0 0;
}

.abou-button2 a {
  background: linear-gradient(to left, #2475FC, #1129B9 100%);
  padding: 13px 35px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  transition: .5s;
  position: relative;
  overflow: hidden;
  z-index: 44;
  border-radius: 5px;
  color: #fff;
}

.abou-button2 a:before {
  position: absolute;
  content: "";
  top: 0px;
  height: 100%;
  left: -25%;
  width: 0%;
  background: #00247E;
  transform: skew(50deg);
  transition-duration: .6s;
  z-index: -1;
}

.abou-button2 a:hover:before {
  width: 180%;
}

.abou-button2 a:hover {
  color: #fff;
}

/*====================================================
--<	insurance Process Area Css -->
======================================================*/


.process-area {
  padding: 50px 0 ;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.row.process-bg {
  position: relative;
  z-index: 1;
}
.process-single-box {
  text-align: center;
  margin-bottom: 30px;
}
.process-contant {
  border-radius: 5px;
  filter: drop-shadow(0px 10px 20px rgba(35,50,83,0.07));
  background-color: #ffffff;
  padding: 22px 22px 15px;
  position: relative;
  border-radius: 5px;
}
.process-contant:before {
  position: absolute;
  content: "";
  z-index: -1;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-image: linear-gradient(-45deg, #00237d 0%, #0b59db 100%);
  transition: .5s;
  border-radius: 5px;
}
.upper1.process-contant:before {
  background-image: linear-gradient(-45deg, #FE542D 0%, #FF950B 100%);
}
.upper2.process-contant:before {
  background-image: linear-gradient(-45deg, #8B3FFE 0%, #D02FFB 100%);
}
.upper3.process-contant:before {
  background-image: linear-gradient(-45deg, #FF4F2B 0%, #FF47A6 100%);
}
/*process icon
================*/

.proces-icon {
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 0 0 65px;
}

.proces-icon:before {
  position: absolute;
  content: "";
  z-index: -1;
  top: -5px;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/resource/proces1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.upper1.proces-icon:before {
  background-image: url(../images/resource/proces2.png);
}
.upper2.proces-icon:before {
  background-image: url(../images/resource/proces3.png);
}
.upper3.proces-icon:before {
  background-image: url(../images/resource/proces4.png);
}
.proces-icon i {
  display: inline-block;
  font-size: 35px;
  height: 92px;
  line-height: 90px;
  color: #fff;
  padding-left: 15px;
}
.upper2.proces-icon i {
  font-size: 55px;
}


/*process title
====================*/

.process-title h3 {
  font-size: 18px;
  padding: 0 0 14px;
  transition: .5s;
}

.process-text p {
  transition: .5s;
}

/*process all hover*/
.process-single-box:hover .process-contant:before {
  width: 100%;
  left: 0;
}
.process-single-box:hover .process-title h3, .process-single-box:hover .process-text p{
  color:#fff;
}

/* Process shape */

.process-shape {
  position: absolute;
  left: 199px;
  top: -13px;
  z-index: -1;
}

.process-shape-2 {
  position: absolute;
  top: -133px;
  right: 0px;
  z-index: -1;
}



/*=========<	Process Style-01 >=========*/

.process_area {
  padding: 120px 0 90px;
  background: #F4F5FA;
}

.single_process {
  text-align: center;
position:relative;
transition:.5s;
margin-bottom:30px;
}
.single_process_thumb {
  display: inline-block;
  border-radius: 100%;
  animation: checkAnim 2s infinite;
  height: 230px;
  width: 230px;
  line-height: 230px;
}
.single_process_thumb img {
  border-radius: 100%;
  border: 10px solid #fff;
  width: 100%;
}
.single_process_number {
  position: relative;
}
.single_process_number_inner {
  position: absolute;
  left: 0;
  bottom: -25px;
  margin: auto;
  transition: .5s;
  content: "";
  right: 0;
}
.single_process_number span {
  height: 50px;
  width: 50px;
  background: #0c5adb;
  display: inline-block;
  line-height: 50px;
  border-radius: 50%;
  font-size: 20px;
  color: #fff;
}
.single_process_content {
  padding-top: 30px;
}
.single_process_content h2 {
  font-size: 22px;
  font-weight: 700;
  padding: 10px 0 15px;
}
.single_process:hover .single_process_number_inner {
  bottom:50px;
}

@keyframes checkAnim {
  0%,
  100% {
   box-shadow:0 0 0 5px rgba(12,90,219, 0.8)
  }
  50% {
   box-shadow:0 0 0 8px rgba(12,90,219, 0.8)
  }
 }


/*====================================================
--<	insurance Brand Area Css -->
======================================================*/

.upper.brand-area {
  padding:  0px ;
}

.row.brand-bg3 {
  border-radius: 5px;
  filter: drop-shadow(0px 10px 20px rgba(12,90,219,0.07));
  background-color: #fff;
  padding: 80px 20px 66px;
  margin-top: -100px;
  text-align: center;
}

.brand-thumb-box {
  text-align: center;
}

.brand-img img {
  display: inline-block !important;
  filter: contrast(0%);
  transition: .5s;
}

.brand-img img:hover {
  filter: contrast(100%);
}


/*====================================================
--<	insurance Why Choose Area Css -->
======================================================*/

.why-choose-us {
  background: #fff;
  padding: 50px 0 ;
}

span.chose-icon {
  width: 27px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  filter: drop-shadow(0px 3px 10.5px rgba(33,184,255,0.35));
  background-image: linear-gradient(0deg, #615dff 0%, #19c3ff 100%);
  border-radius: 15px 0px 15px 15px;
  color: #fff;
  display: inline-block;
}

span.chose-icon1 {
  width: 27px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  filter: drop-shadow(0px 3px 10.5px rgba(254,94,40,0.35));
  background-image: linear-gradient(0deg, #fd4f2f 0%, #ff9b07 100%);
  border-radius: 15px 0px 15px 15px;
  color: #fff;
  display: inline-block;
}

 span.chose-icon2 {
  width: 27px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  background-image: linear-gradient(0deg, #ff4f25 0%, #ff47ad 100%);
  filter: drop-shadow(0px 3px 10.5px rgba(255,72,163,0.35));
  border-radius: 15px 0px 15px 15px;
  color: #fff;
  display: inline-block;
}

 .choose-icon span i {
  display: inline-block;
  font-size: 20px;
}


.choose-icon h6 {
  display: inline-block;
  padding-left: 15px;
  margin: 0;
}

/*choose shape
=================*/

.choose-shape {
    position: absolute;
    top: 50px;
    left: -240px;
    z-index: -1;
}

.choose-shape img{
        height: 305px;
}
/* Choose Style Two 
===========================*/

.style-2 span.chose-icon {
  width: 20px;
  height: 20px;
  line-height: 17px;
  border-radius: 30px;
}

.style-2 span.chose-icon1 {
  width: 20px;
  height: 20px;
  line-height: 17px;
  border-radius: 30px;
}

.style-2 span.chose-icon2 {
  width: 20px;
  height: 20px;
  line-height: 17px;
  border-radius: 30px;
}

.style-2 .choose-icon span i {
  display: inline-block;
  font-size: 11px;
}

.style-2 .why-choose-icon {
  padding: 15px 0 0;
}

.style-2 .choose-icon-text p {
  padding: 12px 0 0;
  width: 80%;
}

.style-2 .why-choose-main-thumb1 {
  padding-left: 170px;
}

.style-2 .why-choose-shape-thumb {
  position: absolute;
  top: 177px;
  left: 90px;
}

.why-choose-main-thumb1 img {
    width: 100%;
    height: auto;
    border-radius: 145px 140px 256px 225px;
}

/*====================================================
-----<	insurance Seo  Area Css ----->
======================================================*/

.team_area {
  padding: 50px 0 ;
   background: linear-gradient(180deg, #f8fbff 30%);
  
}

.mfc-team-wide-card{
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    display:flex;
    align-items:center;
    min-height:210px;
    border:1px solid #edf2f7;
    box-shadow:0 8px 25px rgba(2,28,100,.08);
    position:relative;
    transition:.3s;
}

.mfc-team-wide-card:hover{
    transform:translateY(-4px);
    box-shadow:0 15px 35px rgba(2,28,100,.12);
}

.mfc-team-wide-card:after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    width:180px;
    height:110px;
    background:rgba(10,122,122,.05);
    border-radius:120px 0 0 0;
}

.mfc-team-wide-img{
    width: 280px;
    /* min-width: 260px; */
    height: 255px;
    position:relative;
    overflow:hidden;
    background:#f4f6fa;
}

.mfc-team-wide-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
    display:block;
    position:relative;
    z-index:1;
}


.mfc-team-wide-content{
    flex:1;
    padding:14px 16px;
    position:relative;
    z-index:2;
}

.mfc-team-wide-content:after{
    content:"";
    position:absolute;
    right:20px;
    top:20px;
    width:50px;
    height:50px;
    background-image:radial-gradient(#c3d9f1 2px, transparent 2px);
    background-size:10px 10px;
    opacity:.7;
}

.mfc-team-wide-content h3{
    font-size:22px;
    font-weight:800;
    color:#021c64;
    margin-bottom:3px;
    line-height:1.2;
}

.mfc-team-wide-content h3:before{
    content:"";
    display:inline-block;
    width:25px;
    height:3px;
    background:#0a7a7a;
    margin-right:10px;
    vertical-align:middle;
}

.mfc-team-wide-content span{
    display:block;
    color:#0a7a7a;
    font-size:13px;
    font-weight:700;
    margin-bottom:10px;
}

.mfc-team-wide-content p{
    color:#667085;
    font-size:13px;
    line-height:1.6;
    margin-bottom:12px;
    max-width:550px;
}

.team-stats{
    display:flex;
    gap:15px;
    padding:0;
    margin:0 0 12px;
    list-style:none;
}

.team-stats li{
    display:flex;
    align-items:center;
    gap:7px;
    font-size:12px;
    color:#667085;
}

.team-stats i{
    width:28px;
    height:28px;
    border-radius:50%;
    background:#eef9fb;
    color:#0a7a7a;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
}

.team-stats b{
    color:#021c64;
}

.team-bottom{
    display:flex;
    align-items:center;
    gap:15px;
}

.team-profile-btn{

    font-size: 13px !important;
    padding: 6px 18px !important;
    font-weight: 600 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #002A73 0%, #005F89 45%, #007B82 100%) !important;
    border-radius: 40px;
    overflow: hidden;
    z-index: 1;
    letter-spacing: .3px;
    box-shadow: 0 10px 25px rgba(0, 42, 115, 0.28);
    transition: all .4s ease;

}

.team-profile-btn:hover{
    background:#0a7a7a;
    color:#fff;
}

.team-social{
    display:flex;
    gap:8px;
}

.team-social a{
    width:32px;
    height:32px;
    border-radius:50%;
    border:1px solid #d6e2f0;
    color:#021c64;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    transition:.3s;
}

.team-social a:hover{
    background:#021c64;
    color:#fff;
}

@media(max-width:991px){

    .mfc-team-wide-card{
        min-height:auto;
    }

    .mfc-team-wide-img{
        width:190px;
        min-width:190px;
        height:190px;
    }

    .mfc-team-wide-content h3{
        font-size:20px;
    }
}

@media(max-width:767px){

    .mfc-team-wide-card{
        flex-direction:column;
    }

    .mfc-team-wide-img{
        width:100%;
        min-width:100%;
        height:240px;
    }

    .mfc-team-wide-content{
        padding:20px;
    }

    .team-stats,
    .team-bottom{
        flex-wrap:wrap;
    }

    .mfc-team-wide-content:after{
        display:none;
    }
}




/* Team details Section 
==============================*/

.team-details-area {
  padding:50px 0 ;
}

.team-details {
  box-shadow: 6px 5px 30px rgba(0,0,0,0.12);
  padding: 50px;
  margin-bottom: 50px;
}

.team-details-thumb img {
  width: 100%;
  margin-bottom: 30px;
}

/* Team details content */

.team-details-content {
  padding: 0 0 0 35px;
}

.team-details-title h2 {
  color: #0E0E0E;
  font-size: 30px;
  font-weight: 700;
}

.team-details-title p {
  font-size: 16px;
  margin: 10px 0 0;
  color: #0060FF;
  font-weight: 600;
}

.team-details-content-text ul li {
  margin-bottom: 17px;
  display: block;
}
.team-details-content-text ul li span {
  font-weight: 800;
  margin-right: 15px;
  font-size:17px;
}

.team-details-content-icon a {
  margin: 3px;
  background: #0060FF ;
  line-height: 1;
  display: inline-block;
  border-radius: 3px;
  color:#fff;
  height:35px;
  width:35px;
  line-height:35px;
  text-align:center;
  transition:.5s;
  border:1px solid #0060FF;
}

.team-details-content-icon a:hover {
  background: transparent;
  border:1px solid #0060FF;
  color:#0060FF;
}
.skill-wrapper h6 {
  margin-bottom: 8px;
  margin-top: 20px;
}

.team-detail-title h2 {
  color: #0E0E0E;
  font-size: 35px;
  font-weight: 600;
}

.team-detail-title p {
  font-size: 16px;
  font-weight: 400;
  color: #63636B;
  margin-top: 40px;
}


/* Skill section */

.head-title h3 {
  font-size: 38px;
  margin-bottom: 10px;
  margin-top: 5px;
  font-weight: 800;
  padding: 0px 0 15px;
}

.prossess-ber-plugin span {
  font-size: 16px;
  font-weight: 700;
  color: #232323;
}

.barfiller {
  width: 100%;
  height: 4px;
  position: relative;
  margin-bottom: 25px;
  margin-top: 12px;
  border-radius: 5px;
  background-color: #eee;
}

.barfiller .fill {
display: block;
position: relative;
width: 0px;
height: 100%;
background: #333;
z-index: 1;
}

.barfiller .tipWrap { display: none; }

.barfiller .tip {
  font-size: 16px;
  left: 0px;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
  top: -39px;
  font-weight: 700;
  color: #232323;
}

.stat-bar:nth-of-type(1) .stat-bar-rating {
animation-delay: 0.25s;
-webkit-animation-delay: 0.25s;
}

.fill {
  background: #0060FF !important;
  border-radius: 5px;
}

.class{
  background-color: #dc3545 !important;
}

.class2{
  background-color: #FB239A !important;
}

.class3{
  background-color: #8B3FFE !important;
}

/* ===============< Contact Form Section >================ */


.form-box{
    position:relative;
    margin-bottom:20px;
}

.form-box input,
.form-box textarea{
    width:100%;
    height:45px;
    border:1px solid #0d47c7;
    border-radius:8px;
    background:#fff;
    padding:15px 18px 15px 48px;
    color:#111;
    outline:none;
    box-shadow:none;
}

.form-box textarea{
    height:90px;
    resize:none;
}

.form-box .input-icon{
    position:absolute;
    left:18px;
    top:10px;
    /*border-radius:5px;*/
    color:#111;
     background: transparent;
    padding:0px;
    font-size:13px;
    z-index:5;
    transition:.3s;
}

.form-box label{
    position:absolute;
    left:40px;
     /*border-radius:5px;*/
    top:10px;
    color:black;
    background:#fff;
    margin: 0px 0 0 -10px;
    padding:0 10px;
    font-size:13px;
    z-index:5;
    pointer-events:none;
    transition:.3s;
}

.form-box label span{
    color:red;
}

.form-box input:focus ~ .input-icon,
.form-box input:not(:placeholder-shown) ~ .input-icon,
.form-box textarea:focus ~ .input-icon,
.form-box textarea:not(:placeholder-shown) ~ .input-icon{
    top:-12px;
    left:16px;
    background:white;
    font-size:13px;
      padding:0 4px;
}


.form-box input:focus ~ label,
.form-box input:not(:placeholder-shown) ~ label,
.form-box textarea:focus ~ label,
.form-box textarea:not(:placeholder-shown) ~ label{
    top:-12px;
    left:42px;
    background:white;
    font-size:13px;
    font-weight:600;
      padding:0 8px;
}


.form-button button {
    position: relative;
    /* display: inline-block; */
    font-size: 14px !important;
    padding: 7px 20px !important;
    font-weight: 600 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #002A73 0%, #005F89 45%, #007B82 100%) !important;
    border-radius: 40px;
    overflow: hidden;
    z-index: 1;
    letter-spacing: .3px;
    box-shadow: 0 10px 25px rgba(0, 42, 115, 0.28);
    transition: all .4s ease;
}



.contact-us-area {
  padding: 20px ;
  background-attachment: fixed;
  background-size: cover;
}

.single_contact_abs_thumb {
  margin: 0 0 0 -90px;
}

/*====================================================
--<	insurance Contact Address Area Css -->
======================================================*/

.contact_address_area {
  padding: 50px 0 ;
}

.single_contact_address {
  border: 1px solid #d0e5fb;
  border-radius: 5px 5px 5px 5px;
  padding: 30px 25px 15px;
  margin-bottom: 30px;
}
.contact_address_icon i {
  font-size: 40px;
  color: #0c5adb;
}



/*====================================================
--<	insurance Seo  Area Css -->
======================================================*/

.insurance-seo-area {
  background: url(../images/resource/insurance-seo.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 80px 0 85px;
}

.insurance-seo-title h3 {
  font-size: 35px;
  color: #fff;
}

.insurance-seo-title p {
  padding: 22px 0 17px;
  color: #fff;
}

.subscribe_form {
  position: relative;
  z-index: 1;
}

.subscribe_form input {
  font-size: 14px;
  height: 70px;
  padding: 5px 55px 5px 20px;
  position: relative;
  margin: auto;
  border-radius: 0;
  text-align: left;
  margin-left: -5px;
  border: 2px solid transparent;
}

.btn {
  transition: all 0.4s ease 0s;
  border: 0;
  border-radius: 0;
  background: #0c5adb;
  color: #fff;
  font-weight: 600;
  text-transform: capitalize;
  padding: 24px 28px;
  height: 71px;
  display: inline-block;
  margin-left: -3px;
}



/*right text
=================*/

p.seo-text {
  padding: 19px 0 2px;
  color: #828fa0;
}
p.seo-text1 {
  padding: 0px 0 8px;
  color: #828fa0;
}




/*==========================
    insurance vedio Area Css
 ===========================*/
 .vedio-area{
    padding: 50px 0;
}
 
 .row.vedio-bg {
  background: url(../images/resource/vedio-seo-.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  border-radius: 5px;
  padding: 50px 0 65px;
  position: relative;
  margin-bottom: -160px;
  margin-top: -220px;
}

.insurance-vedio-title h2 {
  font-size: 30px;
  color: #fff;
}
.insurance-vedio-title p {
  color: #fff;
  padding: 20px 0 15px;
  line-height: 30px;
}

.data_science_video_inner1 a i {
  position: absolute;
  left: 7px;
  right: 0;
  font-size: 32px;
  color: #fff;
  top: 65%;
}

#spinnerbtn {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0.7;
  position: relative;
  left: 0;
  right: 0;
  margin: auto;
  height: 100px;
  width: 100px;
  background: none;
  border-radius: 100px;
  border-top: 10px solid #fff;
  border-bottom: 10px solid #fff;
  border-left: 10px solid #00247E;
  border-right: 10px solid #00247E;
  animation: spin 10s infinite alternate linear, glow 5s infinite alternate linear;
}



/*==========================
    checkpb-content video Area Css
 ===========================*/
.checkpb-image-wrap {
    position: relative;
    width: 100%;
}

.checkpb-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.checkpb-overlay {
    position: absolute;
    inset: 0;
    background: rgb(2 2 2 / 44%);
}

.checkpb-content {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    text-align: center;

}
.play-icon2 {
    top: 25% !important;
}

.play-icon {
    position: absolute !important;
    z-index: 2;
    top: 42%;
    left: 45%;
    color: #151a40;
    /* margin: auto; */
    background: #ffffff;
    /* padding: 6px 12px; */
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    height: 60px;
    width: 60px;
    line-height: 70px;
    text-align: center;
    position: relative;
    overflow: visible;
}
@keyframes ripple-wave {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.6;
    }

    100% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0;
    }
}

.play-icon i::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 50%;
    left: 50%;
    z-index: -1;
    background-color: #ffffff;
    border-radius: 50%;
    animation: ripple-wave 1.5s linear infinite;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.5s ease-in-out;
    opacity: 0.6;
}



.checkpb-title {
    color: #fff;
    font-weight: 700;
    font-size: 40px;
    max-width: 850px;
    line-height: 1.4;
    text-shadow: 0 6px 22px rgba(0, 0, 0, 0.45);
    margin-top: 55px;
    text-transform: capitalize;
}
/*==========================
    insurance faq Area Css
 ===========================*/

 .faq-area {
  padding: 50px 0 ;
    background: #fff;
}

.faq-thumb {
  position: relative;
  left: -20px;
}
.faq-thumb img {
      width: 100%;
    height: 500px;
}

/*.faq-area.upp {*/
/*  padding: 100px 0 0px;*/
/*}*/

/*Accordion
====================*/

.accordion li {
  position: relative;
  list-style: none;
  padding: 2px 0px 25px;
}

.upper.accordion li:before {
  position: absolute;
  content: "";
  z-index: -1;
  right: 27px;
  top: 0px;
  width: 33px;
  height: 33px;
  line-height: 33px;
  border-radius: 50%;
  background-image: linear-gradient(0deg, #20B9FD 0%, #5474FD 100%);
  box-shadow: 0px 3px 21px 0px rgba(33, 183, 255, 0.35);
}

.accordion li a {
  width: 100%;
  display: block;
  cursor: pointer;
  font-weight: 700;
  font-size: 20px;
  color: #002a73;
}
.accordion li p {
  display: none;
  font-size: 16px;
  padding-top: 20px;
  margin: 0;
}
.accordion a:before {
  width: 2px;
  height: 12px;
  background: #fff;
  position: absolute;
  right: 43px;
  content: " ";
  top: 12px;
  transform: rotate(0deg);
  transition: all 0.2s ease-in-out;
}
.accordion a:after {
  width: 12px;
  height: 2px;
  background: #fff;
  position: absolute;
  right: 38px;
  content: " ";
  top: 17px;
  transition: all 0.2s ease-in-out;
}
.accordion a.active:after {
transform: rotate(0deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: #fff !important;
}
.accordion a.active:before{
display: none;
}
.accordion a.active {
  color: #002a73 !important;
}

.faq-area .data_science_video_inner1 {
  position: relative;
  z-index: 1;
  top: -32rem;
  text-align: center;
}

.faq-area .data_science_video_inner1 a i {
  top: 36%;
}

/* STYLE TWo 02 */

.faq-title p {
  padding: 15px 0 20px;
}

.style-2 .accordion li a {
  padding: 25px 25px 0px;
}

.style-2 .accordion li a i {
  float: right;
}

.style-2 .accordion li p {
  padding: 15px 22px 22px;
}

.style-2 .accordion a.active {
  color: #1E54E7 !important;
  position: relative;
}

.style-2 .accordion a.active:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 283%;
  border: 1px solid #ddd;
  border-radius: 5px;
  z-index: -1;
}


/*=====================================
    Testimonial area style three
 ======================================*/

 .testimonial-area {
     background: #fff;
  background-size: cover;
  background-position: center;
  padding: 120px 0 190px;
}

.testimoinal-single-box {
  padding: 81px 0 0;
}

/*testimonial content*/
.testimonial-content1 {
  border-radius: 5px;
  background-color: #ffffff;
  text-align: center;
  padding: 80px 35px 45px;
  position: relative;
  z-index: 1;
}

 .testimonial-content1::before {
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  filter: drop-shadow(0px 10px 20px rgba(35,50,83,0.07));
  background-image: linear-gradient(-45deg, #00237d 0%, #0b59db 100%);
  content: "";
  transition: .5s;
  width: 0%;
  border-radius: 5px;
  z-index: -1;
}
.testimonial-content1:after {
  position: absolute;
  content: "";
  left: -15px;
  top: 18px;
  width: 100%;
  height: 100%;
  background: url(../images/resource/testi-sp.png);
  background-repeat: no-repeat;
  background-position: center;
  animation: moveLeftBounce 3s linear infinite;
}
/*quote icon*/
.single-quote-icon {
  position: absolute;
  top: -80px;
  right: 0;
  left: 0;
  margin: auto;
}
.quote-icon {
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 0 15px rgba(35,50,83,0.07));
}
.testimonial-rating i{
    color:#ffc107;
    font-size:16px;
    margin-right:2px;
}
.quote-icon i {
  font-size: 80px;
  width: 123px;
  height: 115px;
  line-height: 115px;
  display: inline-block;
  color: #0B59DB;
  transition: .5s;
}

.quote-icon:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/resource/testi-2.png);
  transition: .5s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: -1;
  filter: brightness(0) invert(1);
}

/*testi icon*/
.testi-start-icon i {
  font-size: 16px;
  color: #FFC107;
  display: inline-block;
  padding: 5px 9px 0 0;
}

.testimonial-title h6 {
  font-size: 18px;
  font-weight: 600;
  transition: .5s;
}

.testimonial-desc p {
  transition: .5s;
}



/*testimonial hover*/

 .testimonial-content1:hover:before {
  width: 100%;
  left: 0;
}

 .testimonial-content1:hover .quote-icon:after {
  opacity: 0;
}

 .testimonial-content1:hover .quote-icon:before {
      opacity: 1;
}

.testimoinal-single-box:hover .quote-icon:before {
  filter: none;
}

.testimonial-content1:hover .testimonial-title h6, 
.testimonial-content1:hover .testimonial-desc p, .testimonial-content1:hover .quote-icon i  {
  color:#fff;
}

/*testimonial active box*/
.active.center .testimonial-content1::before {
  left: 0;
  width: 100%;
}
.active.center .quote-icon:before {
  opacity: 1;
}
.active.center .quote-icon:after {
  opacity: 0;
}
.active.center .quote-icon i {
  color: #fff;
}
.active.center .testimonial-desc p {
  color: #fff;
}
 .active.center .testimonial-title h6 {
  color: #fff;
}

.active.center .quote-icon:before {
  filter: none;
}

/*testi5 owl nav*/
.owl-nav1 .owl-carousel .owl-nav.disabled {
  display: inline-block;
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  text-align: center;
}

.owl-prev, .owl-next {
  display: inline-block;
}

.owl-nav1 .owl-next i, .owl-nav1 .owl-prev i {
  background-color: transparent;
  border-radius: 100%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  height: 40px;
  width: 40px;
  z-index: 1;
  transition: all 0.3s ease 0s;
  line-height: 40px;
  color: #002a73;
  border: 2px solid #002a73;
  text-align: center;
  margin-left: 15px;
  display: inline-block;
  font-size: 18px;
  transition: .5s;
}

.owl-nav1 .owl-next:hover i, .owl-nav1 .owl-prev:hover i{
  background: #002a73;
  color: #fff;
}

/*testimonial style two
================================*/

.testimonial-area.style-two {
     padding:50px 0;
  background: linear-gradient(rgb(248, 251, 255) 30%);
}

.testimoinal-single-box2 {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.style-two .people-thumb {
  margin-right: 32px;
  margin-top: 0;
}

.quote-icon2 {
  margin: 0 0 20px;
}

.style-two .testimonial-content {
  overflow: hidden;
  padding: 0px 32px 30px;
   border-bottom: 12px solid #002a73;
  border-right: 12px solid #002a73;
  transition: .5s;
}
.style-two .em-testimonial-title h6 {
  font-size: 17px;
}

.style-two .em-testimonial-title h6 span {
  float: right;
  font-size: 16px;
  color: #828fa0;
}

.style-two .testimonial-desc p {
  color: #828fa0;
  padding: 5px 0 10px;
}
.quote-icon i {
  font-size: 80px;
  color: #0B59DB;
}

/* upp */
.testimonial-area.style-two.upp {
  background: #F7F9FD;
  padding: 100px 0 100px;
}

/* ==========< Testimonial Style Three >============ */

.testimonial_style_three_content {
  position: relative;
  z-index: 1;
  padding: 50px 50px 50px;
}

.testimonial_style_three_content::before {
  position: absolute;
  content: "";
  left: -100px;
  top: 0;
  height: 100%;
  width: 123%;
  background: #0c5adb;
  z-index: -1;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 13% 0%);
}

.testimonial_style_three_title {
  border-left: 2px solid #fff;
  padding-left: 25px;
}
.testimonial_style_three_title h4 {
  color: #fff;
  font-weight: 800;
}
.testimonial_style_three_title span {
  color: #fff;
  font-weight: 600;
}
.testimonial_style_three_text p {
  color: #fff;
  font-size: 20px;
  font-style: italic;
}
.testimonial_style_three_reviwer_star i {
  color: #fff;
  font-size: 20px;
  display: inline-block;
  margin-right: 2px;
}
.testimonial_style_three_quote i {
  font-size: 50px;
  color: #fff;
}




/*=====================================
    Blog area style three
 ======================================*/

 .mfc-blog-section{
    padding:50px 0;
    background:#fff;
    position:relative;
    overflow:hidden;
}

.mfc-blog-section .section_title p{
    max-width:520px;
    margin:12px auto 0;
    color:#667085;
    font-size:15px;
}

/*.blog-list{*/
/*    position:relative;*/
/*}*/

.mfc-blog-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    margin:10px 5px 25px;
    border:1px solid rgba(13,110,253,.08);
    box-shadow:0 10px 28px rgba(16,24,40,.10);
    transition:.4s ease;
}

.mfc-blog-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 45px rgba(16,24,40,.15);
}

.mfc-blog-img{
    position:relative;
    height:220px;
    overflow:hidden;
}

.mfc-blog-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s ease;
}

.mfc-blog-card:hover .mfc-blog-img img{
    transform:scale(1.07);
}

.blog-date{
    position:absolute;
    top:14px;
    right:14px;
    background: rgb(0, 42, 115);
    color:#fff;
    padding:7px 12px;
    border-radius:30px;
    font-size:12px;
    font-weight:700;
}




.blog-category{
    position:absolute;
    left:15px;
    bottom:15px;
    display:inline-block;
    background:#ffffff;
    color: rgb(0, 42, 115);
    padding: 3px 13px;
    border-radius: 30px;
    font-size: 11px;
    font-weight:700;
    z-index:2;
    box-shadow:0 5px 15px rgba(0,0,0,.12);
}

.blog-date{
    position:absolute;
    top:15px;
    right:15px;
    background: rgb(0, 42, 115);
    color:#fff;
       padding: 2px 14px;
    border-radius: 25px;
    font-size: 11px;
    font-weight:700;
    z-index:2;
}
.mfc-blog-content{
    padding:20px;
}



.mfc-blog-content h3{
    font-size:18px;
    line-height:1.4;
    font-weight:800;
    color:#101828;
    margin-bottom:10px;
}

.mfc-blog-content h3 a{
    color:inherit;
    text-decoration:none;
}

.mfc-blog-content p{
    color:#667085;
    font-size:14px;
    line-height:1.6;
    margin-bottom:15px;
}

.blog-btn{
    display:inline-flex;
    align-items:center;
    gap:7px;
        color: rgb(0, 42, 115);
    font-size:14px;
    font-weight:800;
    text-decoration:none;
    transition:.3s;
}

.blog-btn:hover{
    gap:12px;
    color:#101828;
}

/* Owl Arrows */
.blog-list .owl-nav{
    position:absolute;
    top:-75px;
    right:5px;
    display:flex;
    gap:12px;
}

.blog-list .owl-nav{
    display:flex !important;
    gap:12px;
    justify-content:center;
    margin-top:15px;
}

.blog-list .owl-nav button{
    width:45px !important;
    height:45px !important;
    border-radius:50% !important;
    background:#0d6efd !important;
    color:#fff !important;
    border:none !important;
}

.blog-arrow{
    font-size:24px;
    line-height:1;
    color:#fff;
    display:block;
}
/* Dots hide */
/*.blog-list .owl-dots{*/
/*    display:none !important;*/
/*}*/

@media(max-width:991px){
    .blog-list .owl-nav{
        top:-65px;
    }
}

@media(max-width:767px){
    .mfc-blog-section{
        padding:55px 0;
    }

    .mfc-blog-section .section_title h1{
        font-size:28px;
    }

    .mfc-blog-section .section_title p{
        font-size:14px;
    }

    .mfc-blog-img{
        height:170px;
    }

    .blog-list .owl-nav{
        position:relative;
        top:auto;
        right:auto;
        justify-content:center;
        margin-top:10px;
    }
}




/*blog area style two
========================*/

.blog-area .contact_from {
  background: #0C5ADB;
  padding: 40px 37px 10px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}

.blog-area .form_box input {
  width: 100%;
  height: 52px;
  padding-left: 15px;
  background: #3D7BE2;
  border: 0;
  border-radius: 5px;
  color: #fff;
  transition: .5s;
  margin-bottom: 25px;
}

.blog-area .form_box input::placeholder {
  color: #fff;
}

/*contact title*/

.blog-area .contact-form-title h2 {
  font-size: 35px;
  color: #ffffff;
}

.blog-area .contact-form-title p {
  font-size: 18px;
  color: #fff;
  padding: 18px 0 20px;
}

.contact-form-icon {
  padding: 0 0 20px;
}

.blog-area .contact-form-icon i {
  font-size: 48px;
  color: #fff;
  display: inline-block;
  line-height: 136px;
  width: 123px;
  height: 115px;
  padding: 0 0 0 23px;
  position: relative;
  z-index: 1;
}

.blog-area .contact-form-icon i:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: url(../images/resource/testi-2.png);
  width: 100%;
  height: 100%;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: center;
}
/*contact form shape*/
.contact-form-shape {
  position: absolute;
  top: 75px;
  left: 135px;
}


/*=====================================
    Testimonial area style three
 ======================================*/


 .footer-section {

    background:linear-gradient(180deg,#03152f 0%,#021022 100%);

  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0px 0px;
}

.widget-title {
  color: #fff;
  font-size: 22px;
  padding: 0 0 20px;
}

.company-info-desc p {
  color: #fff;
  padding: 20px 0 6px;
}

.follow-company-text a {
  font-size: 20px;
  padding: 0px 0 20px;
  color: #fff;
  display: inline-block;
}

.follow-company-icon a {
  font-size: 16px;
  color: #fff;
  margin-right: 5px;
  font-weight: 500;
  display: inline-block;
  transition: .5s;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 30px;
  text-align: center;
  background: #187DFF;
  position: relative;
}

.menu-quick-link ul li {
  padding-bottom: 11px;
  list-style: none;
}

.menu-quick-link ul li a {
  color: #fff;
  position:relative;
  transition:.5s;
}

.follow-company-icon a:hover {
  color: #0c5adb;
  background: #fff;
}

/* Footer bottom */

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, .23);
    margin: 30px 0 0;
    padding: 10px 0 0px;
}

.footer-bottom-content-copy p {
  color: #fff;
}

.footer-bottom-right {
  text-align: right;
}

.footer-bottom-info a {
  color: #fff;
  display: inline-block;
  margin-left: 40px;
}


/*======================== < insurance BREADCRUMB AREA CSS > =========================*/

.breatcome_area {
  background: url(../images/software_11.jpg) no-repeat center/cover;
  height: 270px;
}


.breatcome_content h2 {
  font-size: 42px;
  margin-bottom: 12px;
  margin-top: 0;
  color: #002a73;
  font-weight: 800;
}

.breatcome_content li {
  display: inline-block;
  color: #002a73;
  font-size: 14px;
  text-transform: uppercase;
}

.breatcome_content li a {
  color: #007b82;
  margin-right: 10px;
  font-weight: 500;
}



/*======================== < insurance Flipbox AREA CSS > =========================*/

.flipbox_area {
  padding: 120px 0 90px;
}


.insurance_flipbox {
	perspective: 1000px;
	position: relative;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-webkit-transform-style: preserve-3d;
	z-index: 1;
  margin-bottom: 30px;
}

.insurance_flipbox .insurance_flipbox_font, .insurance_flipbox .insurance_flipbox_back {
  min-height: 220px;
  height: auto;
  box-shadow: 0px 1px 51.3px 5.7px rgba(137,143,156,.15);
  backface-visibility: hidden;
  -webkit-transform: rotateX(0);
  transform-style: preserve-3d;
  transition: transform .7s ease, -webkit-transform .7s ease;
  position: relative;
  border: 1px solid #0c5adb;
  border-radius: 5px;
}

.insurance_flipbox .insurance_flipbox_back::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,transparent -80%,#00247e);
}

.insurance_flipbox .icon {
  color: #fff;
  font-size: 40px;
  line-height: 90px;
  height: 90px;
  width: 90px;
  background: #0c5adb;
  border-radius: 33% 66% 70% 30%/49% 62% 38% 51% !important;
}


.insurance_flipbox .insurance_flipbox_inner {
	text-align: center;
	padding: 0 25px;
	border-radius: 2px;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	perspective: inherit;
	-webkit-perspective: inherit;
	outline: transparent solid 1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
	transform: translateY(-50%) translateZ(60px) scale(0.94);
	z-index: 2;
}
.insurance_flipbox_icon {
	font-size: 45px;
	text-align: center;
	display: inline-block;
	color: #fff;
	overflow: hidden;
}
.insurance_flipbox_font .flipbox_desc p {
    color: #fff;
}

.insurance_flipbox .flipbox_title h3 {
  font-size: 22px;
  text-transform: capitalize;
  transition: all 0.7s ease 0s;
  color: #232323;
  padding: 10px 0 0px;
}

.insurance_flipbox .insurance_flipbox_back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-radius: 2px;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.insurance_flipbox .insurance_flipbox_back .flipbox_button a {
    text-transform: capitalize;
    margin-top: 22px;
    background: #fff;
    color: #0c5adb;
    display: inline-block;
    padding: 4px 25px;
    border-radius: 5px;
    border: 2px solid #fff;
    transition: .5s;
}
.insurance_flipbox_back .flipbox_desc p{
    color: #fff;
}
.insurance_flipbox .insurance_flipbox_back .flipbox_button a i {
	display: none;
}
.insurance_flipbox .insurance_flipbox_back .flipbox_title h3 {
	padding-bottom: 16px;
	padding-top: 0;
	color: #fff;
	margin-bottom: 0;
}
.insurance_flipbox .insurance_flipbox_font .flipbox_desc,
.insurance_flipbox .insurance_flipbox_back .flipbox_desc {
	color: #fff;
}


.flipbox_area.top_feature.upper .insurance_flipbox_font .icon {
    font-size: 45px;
    color: #0c5adb;
    background: transparent;
}



/* Flipbox Hover Css */
.insurance_flipbox:hover .insurance_flipbox_font {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}
.insurance_flipbox:hover .insurance_flipbox_back {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.insurance_flipbox .insurance_flipbox_back .flipbox_button a:hover {
	color: #fff;
	border-color: #0c5adb;
	background: #0c5adb;
}


/*<!-- =============================================== -->
<!-- Start it solution service-detailse Section  -->
<!-- ================================================ -->*/

.service-details-section {
  padding: 120px 0 105px;
}

.services-details-thumb{
  overflow: hidden;
}

.services-details-thumb img {
  width: 100%;
  transition: .5s;
}

.services-details-thumb img:hover {
  transform: scale(1.1);
}

.services-details-content h2 {
  font-size: 30px;
  color: #0a0a0a;
  margin: 28px 0 22px;
}

.services-details-content p {
  font-size: 17px;
  line-height: 27px;
  color: #7a8287;
  font-weight: 400;
  width: 100%;
  margin: auto;
}

p.description {
  padding-top: 25px;
}

.services-details-content-left {
  margin-bottom: 25px;
}

.services-details-content-left h2 {
  font-size: 30px;
  color: #0a0a0a;
  font-weight: 600;
  margin: 52px 0 18px;
}

.services-details-content-left p {
  font-size: 17px;
  line-height: 27px;
  color: #7a8287;
  font-weight: 400;
  margin: auto;
}

.author-comment-box {
  background: #f5f5f5;
  padding: 22px 40px 25px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  margin: 60px 0 35px;
}

.author-comment-box:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0px;
  width: 2px;
  height: 100px;
  background: #1129B9;
}

.comment p {
  font-size: 17px;
  line-height: 27px;
  color: #0a0a0a;
  font-weight: 400;
}

.single-services-box {
  margin-bottom: 30px;
}

.services-thumb{
  overflow: hidden;
}

.services-thumb img {
  border-radius: 5px;
  width: 100%;
  transition: .5s;
}

.services-thumb img:hover {
  transform: scale(1.1);
}

.services-description p {
  font-size: 17px;
  line-height: 27px;
  color: #7a8287;
  font-weight: 400;
  width: 87%;
  margin: inherit;
  padding-top: 20px;
}

.section-title h3 {
  font-size: 30px;
  line-height: 27px;
  color: #0a0a0a;
  font-weight: 600;
  margin: auto;
}

.service-details-section .section-title {
  margin-bottom: -12px;
}


/* sadebar */

.widget-sidebar-box {
  background: #f5f5f5;
  padding: 40px 30px 45px;
  border-radius: 5px;
  border-bottom: 30px;
  box-shadow: 0px 10px 25px rgba(7,76,190,0.05);
  margin-bottom: 30px;
}

.widget-sidebar-title h3 {
  font-size: 30px;
  color: #0a0a0a;
  margin: auto;
}

.widget-sidebar-menu {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 40px 30px 25px;
  margin: 32px 0 0;
}

.widget-sidebar-menu ul li {
  list-style: none;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 12px 22px;
  margin-bottom: 15px;
  transition: .5s;
  position: relative;
  z-index: 1;
}

.widget-sidebar-menu ul li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #1129B9;
  border-radius: 5px;
  transition: .5s;
  z-index: -1;
}

.widget-sidebar-menu ul li a {
  display: inline;
  font-size: 17px;
  line-height: 27px;
  color: #0a0a0a;
  font-weight: 400;
  transition: .5s;
}

.widget-sidebar-menu ul li a span {
  float: right;
}

.widget-sidebar-menu ul li:hover a {
  color: #fff;
}

.widget-sidebar-menu ul li:hover:before{
  width: 100%;
}


.sideber-content h4 {
  font-size: 22px;
  color: #0a0a0a;
  margin: auto;
}


.sideber-content p {
  line-height: 27px;
  color: #798287;
  font-weight: 400;
  margin: inherit;
  padding: 15px 0 30px;
}

.sideber-text-list ul {
  list-style: none;
}

.sideber-text-list ul li {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 12px 22px;
  margin-bottom: 25px;
  transition: .5s;
  position: relative;
  z-index: 1;
}

li.upp {
  margin: 0 0 0px !important;
}

.sideber-text-list ul li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #1129B9;
  border-radius: 5px;
  transition: .5s;
  z-index: -1;
}

.sideber-text-list ul li a {
  display: inline;
  font-size: 17px;
  line-height: 27px;
  color: #0a0a0a;
  transition: .5s;
}

.sideber-text-list ul li a span {
  float: right;
}

.sideber-text-list ul li:hover:before {
  width: 100%;
}

.sideber-text-list ul li:hover a{
  color: #ffff;
}

.widget-address-content h3 {
  font-size: 24px;
  color: #01101e;
  text-align: center;
  margin: auto;
}

.widget-address-content p {
  font-size: 17px;
  line-height: 27px;
  color: #777777;
  text-align: center;
  padding: 10px 0 26px;
  width: 90%;
  margin: auto;
}

.contact-button a {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  background: #1129B9;
  padding: 13px 38px;
  color: #fff;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.contact-button a:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: -50px;
  left: 0;
  border-bottom: 55px solid #0a0a0a;
  border-right: 30px solid transparent;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  z-index: -1;
}

.contact-button a:hover:before {
-webkit-transform: translateX(-40%);
transform: translateX(-40%);
}

.contact-button a::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 0px;
  left: -50px;
  border-left: 30px solid transparent;
  border-bottom: 55px solid #0a0a0a;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  z-index: -1;
}

.contact-button a:hover::after {
  -webkit-transform: translateX(40%);
  transform: translateX(40%);
}


/*====================================================
--<	insurance  Pricing Area Css -->
======================================================*/

.pricing_area {
  padding: 120px 0 90px;
}

.single_pricing {
  padding: 51px 40px 60px;
  text-align: center;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  transition: .5s;
  margin-bottom: 30px;
}

.single_pricing.active {
  border: 1px solid #0c5adb;
}

.pricing_title h3 {
  font-size: 30px;
  color: #0c5adb;
  font-weight: 700;
}
.pricing_body {
  border: 1px solid #e6e6e6;
border-radius: 8px;
transition:.5s;
}
.single_pricing.active .pricing_body {
  border: 1px solid #0c5adb;
}
.pricing_body .featur ul li {
  margin-bottom: 13px;
  display: block;
}
.curencyp {
  font-size: 29px;
  font-weight: 500;
  position: relative;
  top: -15px;
color: #0c5adb;
}
.pricing_tk h2 {
  display: inline-block;
  font-size: 55px;
  font-weight: 700;
  color: #0c5adb;
}
.pricing_tk h2 span {
  font-size: 19px ;
  font-weight: 500 ;
}
.order_now a {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  padding: 16px 42px;
  color: #616161;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
transition:.5s;
background:transparent;
}
.single_pricing.active .order_now a {
  color: #fff;
  border: 1px solid #0c5adb;
background:#0c5adb;
}
.single_pricing:hover {
border: 1px solid #0c5adb;
}
.single_pricing:hover .pricing_body{
border: 1px solid #0c5adb;
}
.single_pricing:hover .order_now a{
background:#0c5adb;
color:#fff;
border: 1px solid #0c5adb;
}

/* Pricing Style Two */

.pricing_style2 {
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  padding: 0 0 32px;
  transition: .5s;
  overflow: hidden;
  box-shadow: 0px 8px 14.72px 1.28px rgba(207, 207, 207, 0.3);
  border-radius: 10px;
  background: #fff;
}
.pricing_head_style2 {
  padding: 12px 0 21px;
  background: #0762f8;
}
.pricing_title_style2 h3 {
  font-size: 25px;
  color: #fff;
  text-transform: capitalize;
  padding-bottom: 5px;
}
.pricing_tk_style2 h2 {
  display: inline-block;
  font-size: 40px;
  font-weight: 300;
  text-align: center;
  color: #fff;
transition:.5s;
}
.pricing_tk_style2 span {
  font-size: 14px ;
  color: #fff ;
  font-weight: 400;
}
.pricing_body_style2 {
  margin-top: 40px;
}
.pricing_body_style2 .featur_style2 ul li {
  display: block;
  font-size: 15px;
  margin-bottom: 18px;
}
.pricing_body_style2 .deactive {
  text-decoration: line-through;
  color: #CCDCEA;
}
.pricing_style2_button {
  margin-top: 33px;
}
.order_style2_now a {
  background: #f5f5f5;
  color: #0762f8;
  padding: 18px 55px;
  font-size: 18px;
  font-weight: 500;
  transition: .5s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  border-radius: 5px;
  display: inline-block;
}
.active .order_style2_now a {
  background:#0762f8;
color:#fff;
}
.order_style2_now a:before {
  position: absolute;
  content: "";
  top: 0px;
  height: 100%;
  left: -25%;
  width: 0%;
  background:#0762f8;
  transform: skew(50deg);
  transition-duration: .6s;
  z-index: -1;
transition:.5s;
}
.pricing_style2:hover{
transform:translateY(-10px);
}
.pricing_style2:hover .order_style2_now a:before {
  width: 180%;
}
.pricing_style2:hover .order_style2_now a {
color:#fff;
}

/*========================================
 <--Start Pricing Area Css-->
=========================================*/

.single-pricing {
  background: #fff;
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 25%);
  padding: 32px 30px 40px;
  border-radius: 5px;
  margin-bottom: 30px;
}
.pricing-items {
  margin-top: 24px;
}
.pricing-title h6 {
  font-size: 22px;
  line-height: 28px;
  color: #0C5ADB;
  font-weight: 600;
}
.pricing-items span.dolar-sign {
  font-size: 40px;
  line-height: 28px;
  color: #0C5ADB;
  font-weight: 600;
}
.pricing-items span.price-doller {
  font-size: 40px;
  line-height: 28px;
  color: #0C5ADB;
  font-weight: 600;
}
.pricing-items span.month-inner {
  color: #0C5ADB;
}
.pricing-discription p {
  font-size: 16px;
  line-height: 28px;
  color: #54595f;
  font-weight: 400;
  margin-top: 16px;
}
.priching-body ul {
  list-style: none;
}
.priching-body ul li {
  font-size: 17px;
  line-height: 28px;
  color: #14133b;
  font-weight: 500;
  padding: 8px 0;
}
.priching-body ul li i {
  font-size: 12px;
  color: #0C5ADB;
  border: 1px solid #0C5ADB;
  height: 25px;
  width: 25px;
  line-height: 25px;
  display: inline-block;
  border-radius: 100%;
  text-align: center;
  margin-right: 5px;
}
.pricing-btn {
  margin-top: 26px;
}
.pricing-btn a {
  display: inline-block;
  padding: 12px 39px;
  background: #fff;
  color: #0C5ADB;
  border-radius: 5px;
  transition: .5s;
  border: 1px solid #0C5ADB;
}
.pricing-btn a:hover{
  background: #0C5ADB;
  border: 1px solid #0C5ADB;
  color: #fff;
}
.pricing-btn a i {
  margin-left: 9px;
}

/* ========== < Element Service Section >============= */

/* Service Style Four */
.service_style_four {
  padding: 30px 30px 30px;
  background: #fff;
  border-radius: 7px;
  transition: .5s;
  box-shadow: 2px 10px 50px rgba(158,158,158,.25);
  margin-bottom: 30px;
}

.service_style_four_icon i {
  font-size: 40px;
  display: inline-block;
  color: #0c5adb;
  transition: .5s;
}

.service_style_four_title h4 {
  transition: .5s;
  font-size: 22px;
}

.service_style_four_text p{
  transition:.5s;
}
.service_style_four_button a {
  color: #0c5adb;
  transition:.5s;
}
.service_style_four_button a i {
  margin-left: 5px;
}

/* all hover */
.service_style_four:hover{
  background: #0c5adb;
}
.service_style_four:hover .service_style_four_icon i,
.service_style_four:hover .service_style_four_title h4,
.service_style_four:hover .service_style_four_text p,
.service_style_four:hover .service_style_four_button a{
  color:#fff;
}


/* =============< Element Icons Info Box >================== */

.icon-box-element-area {
  padding: 120px 0 90px;
}

.single-element-icon-box {
  text-align: center;
  padding: 50px 24px 15px;
  border: 1px solid #e4ecf9;
  position: relative;
  z-index: 1;
  background: #fff;
  margin-bottom: 30px;
  transition: .5s;
}

.element-icon {
  font-size: 55px;
  color: #0c5adb;
  transition: .5s;
}

.icon-element-title h4 {
  padding: 25px 0 14px;
}

.single-element-icon-box:hover {
  box-shadow: 0 5px 20px rgba(0,0,0,0.10);
  background: #fff;
}

/* Icon Style Two */

.style-2 .single-element-icon-box {
  padding: 0px 24px 20px;
  display: flex;
  align-items: center;
  text-align: left;
}

.style-2 .element-icon {
  padding-right: 25px;
}

/* Icon Style Three */

.style-3 .single-element-icon-box {
  padding: 40px 24px 35px;
}

.style-3 .element-icon {
  background: #EDF4FC;
  width: 130px;
  height: 130px;
  border-radius: 100%;
  line-height: 130px;
  font-size: 45px;
  color: #0C5ADB;
  transition: .5s;
  display: inline-block;
}

.elmnt-btn a {
  font-size: 17px;
}

.elmnt-btn a {
  font-size: 17px;
  color: #0C5ADB;
}

.elmnt-btn a i {
  padding-left: 5px;
  font-size: 16px;
}

/* icon element Style 04 */

.style-4 .element-icon i {
  border: 1px solid #0c5adb;
  height: 100px;
  width: 100px;
  line-height: 100px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
}

/* Icon Element Style 05 */

.single-element-icon-box1 {
  text-align: center;
  margin-bottom: 30px;
}

.single-element-icon-box1 .element-icon i {
  width: 90px;
  height: 90px;
  line-height: 90px;
  border: 3px solid #0C5ADB;
  display: inline-block;
}



/*=============================================
    Start Insurance All Blogs area 
 ==============================================*/

/* ============< Start Blog Grid >============ */

.single_blog {
  border: 1px solid #ebebeb;
  overflow: hidden;
  transition: .5s;
  margin-bottom: 30px;
}

.insurance_blog_meta a {
  color: #616161;
  transition: .3s;
}

span.meta-date {
  padding: 0px 0 0 25px;
  position: relative;
}

span.meta-date:before {
  position: absolute;
  left: 4px;
  height: 1px;
  width: 12px;
  background: #666;
  content: "";
  top: 12px;
}

span.upp.meta-date:before {
  left: 7px;
}

.single_blog_content {
  padding: 25px 25px 25px;
  background: #fff;
}

.single_blog:hover {
  border-color: transparent;
  box-shadow:0 5px 30px rgba(0,0,0,0.2);
}

.blog_page_title h3 {
  font-size: 24px;
  padding: 5px 0 12px;
  transition: .5s;
}

.blog_page_title a {
  font-weight: 700;
}

.single_blog_thumb img {
  width: 100%;
  border-radius: 6px 6px 0px 0px;    
height: 400px;
}

.blog_page_button a {
  font-size: 15px;
  transition: .5s;
  color: #616161;
}

.blog_page_button a i {
  font-size: 16px;
  padding-left: 5px;
  position: relative;
  top: 1px;
}

.blog_page_button a:hover {
  color: #0C5ADB;
}

.insurance_blog_meta a:hover {
  color: #0C5ADB;
}

.blog_page_title a:hover {
  color: #0C5ADB;
}

/* Search section */

.search {
  background: #f7f7f7;
  position: relative;
}

.search input {
  background: #fff none repeat scroll 0 0;
  border: 0 none;
  height: 54px;
  position: relative;
  width: 100%;
  box-shadow: 0 0 2px rgba(0,0,0,0.20);
}

.search input {
  padding-left: 10px;
}

.search input::-ms-input-placeholder, .search input::-webkit-placeholder, .search input::-moz-placeholder {
  color: #858585;
  font-size: 14px;
}
.search button {
  background: #fff;
  border: 0 none;
  color: #fff;
  font-size: 18px;
  position: absolute;
  right: 0;
  top: 0;
  width: 16%;
  height: 100%;
  background: #0762f8 ;
}

/* Blog sidebar */

.blog-sidebar-widget {
  background-color: #fff;
  margin-bottom: 30px;
  padding: 30px;
  box-shadow: 0 0 5px rgba(0,0,0,0.10);
  transition: .5s;
}

.widgets-title {
  display: block;
  font-size: 24px;
  margin: 0;
  margin-bottom: 20px;
}

.widget_about_thumb {
  padding: 25px 0 10px;
}

.widget_about_content p {
  margin: 10px 0 15px;
}

.widget_about_icon a {
  display: inline-block;
  margin: 0 3px;
  color: #0c5adb;
}

.blog-sidebar-widget:hover {
  box-shadow: 0 5px 30px rgba(0,0,0,0.2);
}
/* Popular post */

.recent.blog-sidebar-widget {
  padding: 30px 30px 45px;
}

.recent-post-item {
  margin-top: 25px;
}

.recent-post-image {
  float: left;
  margin-right: 25px;
}

.recent-post-text h4 {
  margin: 0;
}

.recent-post-text h4 {
  font-size: 18px;
}

.recent-post-text a {
  color: #232323;
  transition: .5s;
  font-weight: 700;
}

.recent-post-text a:hover {
  color: #0c5adb;
}

/* tags */

.tagcloud {
  padding: 25px 0 0;
}

.tagcloud a {
  color: #606060;
  display: inline-block;
  font-size: 16px;
  margin: 3px 2px 10px 0;
  padding: 6px 16px;
  text-align: center;
  background: #F3F5F9;
  border-radius: 5px;
}

.tagcloud a:hover {
   color: #fff !important;
   background: #0762f8 ;
}


/* Instagram */

.widget_height {
  padding: 0 0 215px;
}

.sbi_photo_wrap {
  float: left;
  margin: 2px;
}

/* Blg deatails */

.single_blog_content2 {
  position: relative;
  padding: 20px;
}

.blg-details .meta-blog-post {
  top: -45px;
}

span.meta-lk {
  padding-left: 30px;
}

.blg-details .blog_page_title h3 {
  padding: 15px 0 12px;
}

/* Quote Icon */

.blog-quotes {
  border-left: 5px solid #0C5ADB;
  font-style: italic;
  position: relative;
  z-index: 1;
  line-height: 1.5;
  background-color: #E4F5FF;
  padding: 50px 39px 55px 37px;
  text-align: center;
  margin: 40px 0 35px;
  border-radius: 5px;
}

.blog-quotes p {
  font-size: 20px;
  margin: 0 0 9px;
  font-weight: 500;
  color: #101010;
}

.blog-quotes span {
  position: relative;
  z-index: 1;
  color: #0B59DB;
  font-weight: 600;
}

.blog-quotes span:before {
  position: absolute;
  content: "";
  left: -42px;
  bottom: 9px;
  width: 30px;
  height: 2px;
  background: #0B59DB;
}

.blog-quotes i {
  display: inline-block;
  position: absolute;
  font-size: 170px;
  top: -18px;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: .1;
}

.meta-blog-title2 h5 {
  padding: 5px 0 15px;
}

.blog-list2 ol {
  padding: 15px 16px 0;
}

.blog-list2 ol li {
  padding: 0 0 5px;
  color: #232323;
  font-weight: 500;
}

/*solial tag*/

.row.bld-bg {
  border-top: 1px solid rgba(27,43,43,0.10196078431372549);
  margin: 0;
  padding-top: 26px;
  margin-top: 30px;
  padding-bottom: 22px;
}

.tag-list ul li {
  display: inline-block;
  list-style: none;
}

.tag-list ul li span {
  font-size: 18px;
  font-weight: 500;
  color: #0c5adb;
  padding-right: 6px;
}

.tag-list ul li a {
  padding: 3px 20px;
  background: #f7f7fe;
  display: inline-block;
  border-radius: 30px;
  margin-right: 8px;
 transition: .5s;
}

.tag-list ul li a:hover {
  background: #0c5adb;
  color: #fff;
}

.social-icon-list ul li {
  display: inline-block;
  list-style: none;
}

.social-icon-list ul li span {
  font-size: 18px;
  font-weight: 500;
  color: #0c5adb;
  padding-right: 6px;
}

.social-icon-list ul li a {
  height: 34px;
  width: 34px;
  line-height: 34px;
  background: #fff;
  text-align: center;
  border: 1px solid rgba(13,14,20,0.1);
  display: inline-block;
  border-radius: 30px;
  font-size: 14px;
  color: #5F6A6A;
  margin-right: 7px;
  position: relative;
  z-index: 1;
}

.social-icon-list ul li a:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #0c5adb;
  border-radius: 30px;
  z-index: -1;
  transform: scale(0);
  transition: .5s;
}

.social-icon-list ul li a:hover:before {
  transform: scale(1);
}

.social-icon-list ul li a:hover {
  color: #fff;
}

/*post comment*/

.blog-details-comments-box {
  padding: 35px 22px 50px 0;
}

.widget-comments-title h2 {
  font-size: 30px;
  padding: 0 0 40px;
}

.post-comment2 {
  border-bottom: 1px solid rgba(27,43,43,0.10196078431372549);
  margin: 0 0 30px;
  padding: 0 0 11px;
}

.post-comment-thumb {
  float: left;
  margin-right: 20px;
}

.blog-content2 {
  overflow: hidden;
}

.post-title span {
  padding-left: 31px;
  font-size: 16px;
  color: #232353;
  font-weight: 500;
  position: relative;
}

.post-title span:before {
  position: absolute;
  content: "";
  left: 6px;
  top: 9px;
  height: 1px;
  width: 15px;
  background: #0D0E14;
}

span.rights-reply {
  float: right;
  font-weight: 500;
  color: #0D0E14;
  position: relative;
  top: -102px;
  cursor: pointer;
  left: 0;
}

.posts-reply p {
  font-size: 16px;
  margin-bottom: 10px;
}

.post-title h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  margin-top: 0;
  padding: 0px 0 9px;
}

.comment-icon-list ul li {
  list-style: none;
  display: inline-block;
  color: #5e2ff2;
  letter-spacing: .4em;
  font-size: 15px;
}

/* =========< Pagination section >============= */

.paginations {
  text-align: center;
  margin-top: 45px;
  margin-bottom: 28px;
}

.page-numbers li {
  display: inline-block;
}
.paginations a, .page-numbers span.current {
  width: 35px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin: auto 5px;
  border: 1px solid #ddd;
  color: #888;
}
.paginations a:hover, .paginations a.current, .page-numbers span.current {
  background: #0c5adb;
  border-color: #0c5adb;
  color: #fff;
}

/* ===============< Start Em Bar section >================= */

.em_bar {
	background: #9B50DB none repeat scroll 0 0;
	height: 2px;
	margin: 0 auto 5px;
	width: 62px;
	
}
.left.em_bar {
    margin: 0;
}
.em_bar_bg {
	height: 5px;
    width: 90px;
    background: #cbbded;
    margin: 20px auto;
    position: relative;
    border-radius: 30px;
}
.em_bar_bg:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2.7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #0C5ADB;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
}
@-webkit-keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(88px);
            transform: translateX(88px);
  }
}

@keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(88px);
            transform: translateX(88px);
  }
}





/*Banner video animation
=================================*/

#spinnerbtn:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px;
	background: none;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: -1;
	border-radius: 115px;
  border: 15px solid #fff;
  border-top: 15px solid #00247E;
  border-bottom: 15px solid #00247F;

	-webkit-animation: spin2 5s infinite alternate linear, glow 3s infinite alternate linear;
	-moz-animation: spin2 5s infinite alternate linear, glow 3s infinite alternate linear;
	animation: spin2 5s infinite alternate linear, glow 3s infinite alternate linear;
}


@keyframes "spin" {
 0% {
    -webkit-transform: rotate(360deg);
   	-moz-transform: rotate(360deg);
   	-o-transform: rotate(360deg);
   	-ms-transform: rotate(360deg);
   	transform: rotate(360deg);
 }
 100% {
    -webkit-transform: rotate(0deg);
   	-moz-transform: rotate(0deg);
   	-o-transform: rotate(0deg);
   	-ms-transform: rotate(0deg);
   	transform: rotate(0deg);
 }
}
@keyframes spin {
 0% {
   -moz-transform: rotate(360deg);
   transform: rotate(360deg);
 }
 100% {
   -moz-transform: rotate(0deg);
   transform: rotate(0deg);
 }
}
@keyframes "spin" {
 0% {
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
 }
 100% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
}
@keyframes "spin" {
 0% {
   -ms-transform: rotate(360deg);
   transform: rotate(360deg);
 }
 100% {
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
 }
}
@keyframes "spin" {
 0% {
   -o-transform: rotate(360deg);
   transform: rotate(360deg);
 }
 100% {
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
 }
}
@keyframes "spin2" {
 0% {
    -webkit-transform: rotate(0deg);
   	-moz-transform: rotate(0deg);
   	-o-transform: rotate(0deg);
   	-ms-transform: rotate(0deg);
   	transform: rotate(0deg);
 }
 100% {
    -webkit-transform: rotate(360deg);
   	-moz-transform: rotate(360deg);
   	-o-transform: rotate(360deg);
   	-ms-transform: rotate(360deg);
   	transform: rotate(360deg);
 }
}
@keyframes spin2 {
 0% {
   -moz-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -moz-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}
@keyframes "spin2" {
 0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}
@keyframes "spin2" {
 0% {
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -ms-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}
@keyframes "spin2" {
 0% {
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 100% {
   -o-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}
@keyframes "glow" {
 0% {
    -webkit-box-shadow: none;
   	box-shadow: none;
 }
 50% {
    -webkit-box-shadow: 10px -10px 30px #0c5adb, -10px 10px 30px #0c5adb;
   	box-shadow: 10px -10px 30px #0c5adb, -10px 10px 30px #0c5adb;
 }
 100% {
    -webkit-box-shadow: none;
   	box-shadow: none;
 }
}
@keyframes glow {
 0% {
   box-shadow: none;
 }
 50% {
   box-shadow: 10px -10px 30px #0c5adb, -10px 10px 30px #0c5adb, inset 10px -10px 30px #0c5adb, inset -10px 10px 30px #0c5adb;
 }
 100% {
   box-shadow: none;
 }

}
@-webkit-keyframes "glow" {
 0% {
   -webkit-box-shadow: none;
   box-shadow: none;
 }
 50% {
   -webkit-box-shadow: 10px -10px 30px #0c5adb, -10px 10px 30px #0c5adb, inset 10px -10px 30px #0c5adb, inset -10px 10px 30px #0c5adb;
   box-shadow: 10px -10px 30px #0c5adb, -10px 10px 30px #0c5adb, inset 10px -10px 30px #0c5adb, inset -10px 10px 30px #0c5adb;
 }
 100% {
   -webkit-box-shadow: none;
   box-shadow: none;
 }

}
@keyframes "glow" {
 0% {
   box-shadow: none;
 }
 50% {
   box-shadow: 10px -10px 30px #0c5adb, -10px 10px 30px #0c5adb, inset 10px -10px 30px #0c5adb, inset -10px 10px 30px #0c5adb;
 }
 100% {
   box-shadow: none;
 }

}
@keyframes "glow" {
 0% {
   box-shadow: none;
 }
 50% {
   box-shadow: 10px -10px 30px #0c5adb, -10px 10px 30px #0c5adb, inset 10px -10px 30px #0c5adb, inset -10px 10px 30px #0c5adb;
 }
 100% {
   box-shadow: none;
 }

}


/*====================================================
--<	insurance Amination Area Css -->
======================================================*/



/*====================================================
--<	insurance Amination Area Css -->
======================================================*/


/* bounce-animate */
.bounce-animate {
    animation-name: float-bob;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear; }
  .bounce-animate2 {
    animation-name: float-bob2;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob2;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob2;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob2;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear; }
  .bounce-animate3 {
    animation-name: float-bob3;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob3;
    -moz-animation-duration: 4s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob3;
    -ms-animation-duration: 4s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob3;
    -o-animation-duration: 4s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear; }
  .bounce-animate4 {
    animation-name: float-bob4;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob4;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob4;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob4;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear; }
   .bounce-animate5 {
    animation-name: float-bob5;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-name: float-bob5;
    -moz-animation-duration: 6s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob5;
    -ms-animation-duration: 6s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob5;
    -o-animation-duration: 6s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear; }
    
  @keyframes float-bob {
    0% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px); }
    50% {
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px); }
    100% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px); } }
  @keyframes float-bob2 {
    0% {
      -webkit-transform: translateY(-60px);
      transform: translateY(-60px); }
    50% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px); }
    100% {
      -webkit-transform: translateY(-60px);
      transform: translateY(-60px); } }
  @keyframes float-bob3 {
    0% {
      -webkit-transform: translateY(-40px);
      transform: translateY(-40px); }
    50% {
      -webkit-transform: translateY(-25px);
      transform: translateY(-25px); }
    100% {
      -webkit-transform: translateY(-40px);
      transform: translateY(-40px); } }
  @keyframes float-bob4 {
    0% {
      -webkit-transform: translateY(-70px);
      transform: translateY(-70px); }
    50% {
      -webkit-transform: translateY(-35px);
      transform: translateY(-35px); }
    100% {
      -webkit-transform: translateY(-70px);
      transform: translateY(-70px); } }
  @keyframes float-bob5 {
    0% {
      -webkit-transform: translateY(-75px);
      transform: translateY(-75px); }
    50% {
      -webkit-transform: translateY(-35px);
      transform: translateY(-35px); }
    100% {
      -webkit-transform: translateY(-75px);
      transform: translateY(-75px); } }
  @keyframes movebounce {
    0% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
    }
    50% {
      -webkit-transform: translateY(20px);
              transform: translateY(20px);
    }
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
    }
  }
  
  @keyframes movebounce {
    0% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
    }
    50% {
      -webkit-transform: translateY(20px);
              transform: translateY(20px);
    }
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
    }
  }
  
  @-webkit-keyframes moveleftbounce {
    0% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
    50% {
      -webkit-transform: translateX(20px);
              transform: translateX(20px);
    }
    100% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
  
  @keyframes moveleftbounce {
    0% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
    50% {
      -webkit-transform: translateX(20px);
              transform: translateX(20px);
    }
    100% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
  
  .rotateme {
    -webkit-animation-name: rotateme;
            animation-name: rotateme;
    -webkit-animation-duration: 20s;
            animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  
  @keyframes rotateme {
    from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  @-webkit-keyframes rotateme {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @-webkit-keyframes rotate3d {
    0% {
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    100% {
      -webkit-transform: rotateY(360deg);
      transform: rotateY(360deg);
    }
  }
  
  @keyframes rotate3d {
    0% {
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    100% {
      -webkit-transform: rotateY(360deg);
      transform: rotateY(360deg);
    }
  }
  
  @keyframes animationFramesOne {
    0% {
      -webkit-transform: translate(0px, 0px) rotate(0deg);
              transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
      -webkit-transform: translate(73px, -1px) rotate(36deg);
              transform: translate(73px, -1px) rotate(36deg);
    }
    40% {
      -webkit-transform: translate(141px, 72px) rotate(72deg);
              transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
      -webkit-transform: translate(83px, 122px) rotate(108deg);
              transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
      -webkit-transform: translate(-40px, 72px) rotate(144deg);
              transform: translate(-40px, 72px) rotate(144deg);
    }
    100% {
      -webkit-transform: translate(0px, 0px) rotate(0deg);
              transform: translate(0px, 0px) rotate(0deg);
    }
  }
  
  @-webkit-keyframes animationFramesOne {
    0% {
      -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
      -webkit-transform: translate(73px, -1px) rotate(36deg);
    }
    40% {
      -webkit-transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
      -webkit-transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
      -webkit-transform: translate(-40px, 72px) rotate(144deg);
    }
    100% {
      -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
  }


  /*animation*/
    @keyframes moveLeftBounce {
        0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        }
        50% {
        -webkit-transform: translateX(30px);
                transform: translateX(30px);
        }
        100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        }
    } 


 /*============================================
<-- City Govt Loader Css -->
==============================================*/

.loader-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: 0.20s 1s ease;
  z-index: 999;
}

.loader {
  position: relative;
  display: block;
  z-index: 201;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 60px;
  margin: -50px 0 0 -50px;
  border-radius: 50%;
  transition: all 1s 1s ease;
}

.loader::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  background: #5373FF;
  width: 64px;
  height: 32px;
  border-radius: 0 0 50px 50px;
  animation: move 0.5s linear infinite alternate;
}
.loader::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  background: linear-gradient(to bottom right, #0b59db 0%, #00237d 90%);
  width: 24px;
  height: 24px;
  transform: translateX(-50%) rotate(0deg);
  animation: rotate 2s linear infinite;
}

@keyframes rotate {
  100% { transform: translateX(-50%) rotate(360deg)}
}
@keyframes move {
  0% { transform: rotate(10deg)}
  100% { transform: rotate(-10deg)}
}
      

.loader-wrapper .loder-section {
  position: fixed;
  top: 0;
  width: 50%;
  height: 100%;
  background: #111;
  z-index: 2;
}

.loader-wrapper .loder-section.left-section {
  left: 0;
  transition: 1s 1.4s ease;
}

.loader-wrapper .loder-section.right-section {
  right: 0;
  transition: 1s 1.4s ease;
}

/*/ When page loaded /*/

.loaded .loder-section.left-section {
  left: -100%;
}

.loaded .loder-section.right-section {
  right: -100%;
}

.loaded .loader-wrapper {
  visibility: hidden;
}

.loaded .loader {
  top: -100%;
  opacity: 0;
}   



/*==================Scrollup Button Section==================*/


.prgoress_indicator {
  position: fixed;
  right: 50px;
  bottom: 20px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px rgba(11, 89, 219, 0.2);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transform: translateY(15px) !important;
  transition: all 200ms linear !important;
}

.prgoress_indicator.active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0) !important;
}

.prgoress_indicator::after {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: #0C5ADB;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  font-weight: 900;
  z-index: 1;
  transition: all 200ms linear !important;
}

.prgoress_indicator::before {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  font-weight: 900;
  opacity: 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  transition: all 200ms linear !important;
}

.prgoress_indicator:hover ::after {
color: #0C5ADB;
}

.prgoress_indicator:hover ::before {
opacity: 1;
}

.prgoress_indicator svg path {
fill: none;
}

.prgoress_indicator svg.progress-circle path {
  stroke: #0C5ADB;
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear !important;
}


.service-icon img{
        width: 60px;
  
}