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

 .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 .vw_menu>ul>li>a {
   color: #232323;
 }

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

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

 :root {
   --bg: #0b0e13;
   --glass: rgba(255, 255, 255, .08);
   --stroke: rgba(255, 255, 255, .18);
   --ink: #e8ecf3;
   --muted: #a7b1c2;
   --accent: #7af7d0;
   --accent-2: #7aa9f7;
   --radius: 18px;
   --gap: clamp(10px, 2vw, 20px);
 }


 .header-nchacservice {
   width: 100%;
   background: linear-gradient(135deg, #111822, #0b0e13);
   border-bottom: 1px solid var(--stroke);
   position: relative;
   z-index: 99;
 }

 .header-nchacservice .container {
   max-width: 1200px;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 1rem 2rem;
 }

 .brand {
   font-weight: 800;
   font-size: 1.6rem;
   background: linear-gradient(90deg, var(--accent), var(--accent-2));
   -webkit-background-clip: text;
   color: transparent;
 }

 nav {
   display: flex;
   gap: 1.5rem;
 }

 nav a {
   color: var(--ink);
   text-decoration: none;
   font-weight: 500;
   transition: color .3s;
 }

 nav a:hover {
   color: var(--accent);
 }

 /* Burger */
 #menu-toggle {
   display: none;
 }

 .burger {
   display: none;
   width: 28px;
   height: 20px;
   position: relative;
   cursor: pointer;
 }

 .burger span,
 .burger span::before,
 .burger span::after {
   position: absolute;
   height: 3px;
   width: 100%;
   background: var(--ink);
   transition: .3s;
   border-radius: 2px;
 }

 .burger span::before,
 .burger span::after {
   content: "";
   left: 0;
 }

 .burger span {
   top: 50%;
   transform: translateY(-50%);
 }

 .burger span::before {
   top: -8px;
 }

 .burger span::after {
   top: 8px;
 }

 #menu-toggle:checked+label span {
   transform: rotate(45deg);
 }

 #menu-toggle:checked+label span::before {
   transform: rotate(90deg) translateX(0);
   top: 0;
 }

 #menu-toggle:checked+label span::after {
   opacity: 0;
 }

 /* Mobile nav */
 @media(max-width: 768px) {
   nav {
     position: absolute;
     top: 100%;
     left: 0;
     right: 0;
     flex-direction: column;
     background: #111822;
     border-top: 1px solid var(--stroke);
     padding: 1rem 2rem;
     transform: translateY(-200%);
     transition: transform .3s;
   }

   #menu-toggle:checked~nav {
     transform: translateY(0);
   }

   .burger {
     display: block;
   }
 }



 /* insurance Menu Css*/
 nav.vw_menu {
   text-align: right;
   position: relative;
   z-index: 1;
 }

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

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



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

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



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

 .vw_menuu ul li a:hover:before {
   width: 100%;
   left: 0%;
 }

 .vw_menu ul .sub-menu li a:before {
   display: none;
 }

 /*menu button*/

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

 .header-button a {
   font-size: 16px;
   padding: 10px 30px;
   font-weight: 500;
   color: #fff;
   background: transparent;
   border: 1px solid #fff;
   border-radius: 5px;
   display: inline-block;
   position: relative;
   z-index: 1;
   transition: .5s;
   margin-left: 30px;
 }

 .header-button a:before {
   position: absolute;
   content: "";
   z-index: -1;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   border-radius: 5px;
   background: rgb(12, 90, 219);
   transform: scale(0);
   transition: .5s;
 }


 .header-button a:hover:before {
   transform: scale(1);
 }

 /* Style-2 Nave menu  
=========================*/

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

 .style-2 .vw_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 
==========================***/

 .vw_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;
 }

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

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

 .vw_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;
 }

 .vw_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;
 }

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

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

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

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

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

 /* ======== Modern NextGen Footer Styles ======== */
 .footer-nextgen {
   background-color: #111827;
   color: #f9f9f9;
   font-family: 'Montserrat', sans-serif;
   padding: 60px 20px 20px 20px;
 }

 .footer-content-wrapper {
   max-width: 1200px;
   margin: 0 auto;
 }

 .footer-top-section {
   display: flex;
   flex-wrap: wrap;
   gap: 50px;
   justify-content: space-between;
   margin-bottom: 40px;
 }

 /* Company card */
 .footer-company-card {
   flex: 1 1 320px;
   min-width: 280px;
 }

 .footer-brand-logo {
   font-size: 2rem;
   font-weight: 700;
   color: #ffb400;
   text-decoration: none;
   display: inline-block;
   margin-bottom: 10px;
 }

 .hGGdWje0xF {
   font-size: 1.2rem;
   margin-bottom: 15px;
   color: #ffffff;
 }

 .footer-company-desc {
   font-size: 0.95rem;
   line-height: 1.6;
   margin-bottom: 20px;
 }

 .footer-contact-info p {
   margin: 5px 0;
 }

 .footer-contact-info a {
   color: #ffffff;
   text-decoration: none;
   transition: 0.3s;
 }

 .footer-contact-info a:hover {
   color: #ffb400;
 }

 /* Соц мережі */
 .footer-social-icons {
   margin-top: 20px;
   display: flex;
   gap: 15px;
 }

 .footer-social-icons .ZZZTE92wRv img {
   width: 32px;
   height: 32px;
   transition: transform 0.3s, filter 0.3s;
   filter: grayscale(50%);
 }

 .footer-social-icons .ZZZTE92wRv:hover img {
   transform: scale(1.2);
   filter: grayscale(0%);
 }

 /* Лінки */
 .OuLzsKeFxh {
   display: flex;
   flex: 1 1 350px;
   gap: 60px;
   flex-wrap: wrap;
 }

 .k51G2ciCbU {
   min-width: 140px;
 }

 .dpWVBKNL2c {
   font-size: 1.1rem;
   margin-bottom: 15px;
   color: #ffb400;
   text-transform: uppercase;
 }

 .Os0U9WUmZQ {
   list-style: none;
   padding: 0;
   margin: 0;
 }

 .Os0U9WUmZQ li {
   margin-bottom: 10px;
 }

 .Os0U9WUmZQ li a {
   color: #f9f9f9;
   text-decoration: none;
   transition: 0.3s;
 }

 .Os0U9WUmZQ li a:hover {
   color: #ffb400;
   text-decoration: underline;
 }

 /* Нижня лінія */
 .J0V8ytimGS {
   text-align: center;
   font-size: 0.9rem;
   border-top: 1px solid rgba(255, 255, 255, 0.2);
   padding-top: 15px;
   color: #f9f9f9;
 }

 /* Адаптив */
 @media (max-width: 992px) {
   .footer-top-section {
     flex-direction: column;
     gap: 30px;
   }

   .OuLzsKeFxh {
     flex-direction: row;
     gap: 40px;
     justify-content: space-between;
   }
 }

 @media (max-width: 576px) {
   .OuLzsKeFxh {
     flex-direction: column;
     gap: 20px;
   }
 }

 /* ================= HERO ================= */
 .vNMwStCQ6W {
   background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8));
   color: #fff;
   padding: 140px 20px;
   text-align: center;
   position: relative;
   overflow: hidden;
 }



 @keyframes rotateBg {
   from {
     transform: rotate(0deg);
   }

   to {
     transform: rotate(360deg);
   }
 }

 .vhMjU0P7OD {
   color: #fff;
   font-size: 56px;
   margin-bottom: 20px;
   font-weight: 800;
   letter-spacing: 1px;
   text-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
   animation: fadeDown 1s ease-out;
 }

 .services-subtitle {
   font-size: 22px;
   opacity: 0.9;
   animation: fadeUp 1.5s ease-out;
 }

 @keyframes fadeDown {
   from {
     opacity: 0;
     transform: translateY(-40px);
   }

   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 @keyframes fadeUp {
   from {
     opacity: 0;
     transform: translateY(40px);
   }

   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 /* ================= SERVICES GRID ================= */
 .services-grid {
   padding: 100px 20px;
   background: #f4f7fb;
 }

 .services-grid .container {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
   gap: 30px;
 }

 /* CARD STYLES */
 .service-card {
   background: rgba(255, 255, 255, 0.85);
   backdrop-filter: blur(12px);
   border-radius: 20px;
   padding: 30px;
   box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
   transition: transform 0.4s ease, box-shadow 0.4s ease;
   position: relative;
   overflow: hidden;
 }


 .service-card:hover::before {
   top: -30%;
 }

 .service-card:hover {
   transform: translateY(-15px) scale(1.02);
   box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
 }

 .service-card img {
   width: 100%;
   border-radius: 15px;
   margin-bottom: 20px;
   transition: transform 0.5s ease;
 }

 .service-card:hover img {
   transform: scale(1.08);
 }

 .Om0WtkIzSb {
   font-size: 26px;
   color: #2c3e50;
   margin: 20px 0;
   font-weight: bold;
 }

 .service-btn {
   display: inline-block;
   padding: 14px 34px;
   background: linear-gradient(135deg, #e74c3c, #ff6b6b);
   color: white;
   border-radius: 30px;
   text-decoration: none;
   font-weight: bold;
   transition: all 0.3s ease;
   box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4);
 }

 .service-btn:hover {
   background: linear-gradient(135deg, #c0392b, #ff3d3d);
   transform: translateY(-3px);
   box-shadow: 0 12px 30px rgba(231, 76, 60, 0.5);
 }

 /* ================= PLANS GRID ================= */
 .plans-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
   gap: 30px;
   padding: 50px 0;
 }

 .plan-card {
   background: linear-gradient(145deg, #ffffff, #f2f2f2);
   padding: 50px;
   border-radius: 20px;
   text-align: center;
   box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.1),
     -10px -10px 25px rgba(255, 255, 255, 0.9);
   transition: transform 0.4s ease, box-shadow 0.4s ease;
   position: relative;
   overflow: hidden;
 }

 .plan-card:hover {
   transform: translateY(-12px) scale(1.03);
   box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);
 }

 .plan-card .price {
   font-size: 42px;
   margin: 20px 0;
   color: #e74c3c;
   font-weight: 800;
 }

 .plan-btn {
   display: inline-block;
   padding: 14px 34px;
   background: linear-gradient(135deg, #3498db, #6dd5fa);
   color: white;
   border-radius: 30px;
   text-decoration: none;
   font-weight: bold;
   transition: all 0.3s ease;
   box-shadow: 0 6px 20px rgba(52, 152, 219, 0.4);
 }

 .plan-btn:hover {
   background: linear-gradient(135deg, #2980b9, #2193b0);
   transform: translateY(-3px);
   box-shadow: 0 12px 30px rgba(52, 152, 219, 0.6);
 }

 /* ================= REVIEWS GRID ================= */
 .pVlGK6yeIQ {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
   gap: 30px;
   padding: 50px 0;
 }

 .review-card {
   background: rgba(255, 255, 255, 0.9);
   padding: 35px;
   border-radius: 20px;
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
   transition: transform 0.4s ease, box-shadow 0.4s ease;
   position: relative;
 }

 .review-card:hover {
   transform: translateY(-8px);
   box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
 }

 .review-header {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
 }

 .review-header img {
   width: 65px;
   height: 65px;
   border-radius: 50%;
   margin-right: 18px;
   border: 3px solid #e74c3c;
   transition: transform 0.3s ease;
 }

 .review-card:hover .review-header img {
   transform: rotate(10deg) scale(1.1);
 }

 .rating {
   color: #f1c40f;
   font-size: 20px;
 }



 /* ================= MOBILE ADAPTIVITY ================= */
 @media (max-width: 768px) {

   .services-grid .container,
   .plans-grid,
   .pVlGK6yeIQ {
     grid-template-columns: 1fr;
     /* вертикально на мобільних */
   }

   .vNMwStCQ6W {
     padding: 100px 15px;
   }

   .vhMjU0P7OD {
     font-size: 42px;
   }

   .services-subtitle {
     font-size: 18px;
   }
 }

 /* ====== SAFE RESET (локально) ====== */
 .contact-neo *,
 .contact-neo *::before,
 .contact-neo *::after {
   box-sizing: border-box;
 }

 .contact-neo a {
   text-decoration: none;
 }

 .contact-neo img,
 .contact-neo iframe {
   max-width: 100%;
   display: block;
 }

 /* ====== THEME ====== */
 .contact-neo {
   --bg: #0b0f14;
   --bg-accent: #0f1720;
   --glass: rgba(255, 255, 255, 0.08);
   --glass-strong: rgba(255, 255, 255, 0.14);
   --txt: #e6eef9;
   --muted: #b6c4d6;
   --brand-1: #6ee7ff;
   --brand-2: #a78bfa;
   --ring: #7dd3fc;
   --radius: 22px;
   --shadow-lg: 0 15px 35px rgba(0, 0, 0, 0.45), 0 5px 15px rgba(0, 0, 0, 0.35);
   --shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.35);
   --blur: saturate(140%) blur(10px);
   position: relative;
   color: var(--txt);
   background:
     radial-gradient(1200px 800px at 10% -10%, rgba(103, 232, 249, .18), transparent 60%),
     radial-gradient(1200px 800px at 110% 110%, rgba(167, 139, 250, .16), transparent 60%),
     linear-gradient(180deg, var(--bg), var(--bg-accent));
   padding-block: clamp(52px, 6vw, 96px);
   overflow: clip;
   /* ключ проти горизонтального скролу */
   isolation: isolate;
 }

 .neo-wrap {
   max-width: 1180px;
   margin-inline: auto;
   padding-inline: clamp(16px, 4.5vw, 28px);
   /* внутрішні відступи замість “вилазіння” */

   overflow: clip;
   /* додатковий запобіжник */
 }

 .yT1kRH3y3F {
   text-align: center;
   max-width: 980px;
   margin: 0 auto;
 }

 .neo-kicker {
   display: inline-block;
   letter-spacing: .18em;
   text-transform: uppercase;
   font-size: .82rem;
   background: linear-gradient(90deg, var(--brand-1), var(--brand-2));
   -webkit-background-clip: text;
   background-clip: text;
   color: transparent;
 }

 .neo-title {
   color: #6ee7ff;
   margin: .4rem auto 0;
   font-size: clamp(1.8rem, 3.6vw, 3.2rem);
   line-height: 1.12;
   font-weight: 800;
   letter-spacing: .01em;
   text-wrap: balance;
 }

 .x8BiXsiZ2f {
   margin: .9rem auto 0;
   color: var(--muted);
   font-size: clamp(.98rem, 1.2vw, 1.08rem);
   max-width: 800px;
 }

 .neo-grid {
   display: grid;
   grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
   gap: clamp(18px, 2.6vw, 34px);
   align-items: stretch;
 }

 @media (max-width: 1024px) {
   .neo-grid {
     grid-template-columns: 1fr;
   }
 }

 .bUm3FYvk2J {
   background: linear-gradient(180deg, var(--glass), rgba(255, 255, 255, 0.04));
   border: 1px solid rgba(255, 255, 255, 0.12);
   border-radius: var(--radius);
   box-shadow: var(--shadow-lg);
   backdrop-filter: var(--blur);
   -webkit-backdrop-filter: var(--blur);
   overflow: hidden;
   /* контент всередині не виходить */
 }

 /* ====== MAP (адаптивна) ====== */
 .neo-map {
   position: relative;
   min-height: 420px;
 }

 .neo-map iframe {
   width: 100%;
   height: 100%;
   border: 0;
   filter: saturate(110%) contrast(105%);
 }

 /* На вузьких екранах фіксуємо пропорції, щоб не ламало сітку */
 @media (max-width:700px) {
   .neo-map {
     min-height: unset;
     aspect-ratio: 16 / 11;
   }
 }

 .map-badge {
   position: absolute;
   left: 16px;
   bottom: 16px;
   padding: 10px 14px;
   border-radius: 999px;
   font-size: .9rem;
   color: var(--txt);
   background: linear-gradient(90deg, var(--glass-strong), rgba(255, 255, 255, 0.06));
   border: 1px solid rgba(255, 255, 255, 0.16);
   display: flex;
   align-items: center;
   gap: 10px;
   box-shadow: var(--shadow-sm);
   max-width: min(88%, 520px);
   word-break: break-word;
 }

 .map-dot {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background: radial-gradient(circle at 30% 30%, var(--brand-1), var(--brand-2));
   box-shadow: 0 0 12px var(--brand-1);
 }

 /* ====== FORM ====== */
 .neo-form {
   display: grid;
   gap: 18px;
   padding: clamp(18px, 2.4vw, 28px);
 }

 .u86r24X6gM {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 14px;
 }

 @media (max-width:700px) {
   .u86r24X6gM {
     grid-template-columns: 1fr;
   }
 }

 .dJ6HCBiMD8 {
   position: relative;
 }

 .dJ6HCBiMD8 input,
 .dJ6HCBiMD8 textarea {
   width: 100%;
   color: var(--txt);
   background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03));
   border: 1px solid rgba(255, 255, 255, 0.16);
   border-radius: 16px;
   padding: 18px 16px 14px;
   font: inherit;
   outline: none;
   transition: border-color .2s ease, box-shadow .2s ease, transform .08s ease;
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
 }


 .dJ6HCBiMD8 textarea {
   min-height: 150px;
   resize: vertical;
 }

 .dJ6HCBiMD8 label {
   position: absolute;
   left: 14px;
   top: 12px;
   color: var(--muted);
   font-size: .95rem;
   pointer-events: none;
   transition: transform .18s ease, color .2s ease, opacity .2s ease;
   padding: 0 6px;
   background: transparent;
 }

 .dJ6HCBiMD8 input::placeholder,
 .dJ6HCBiMD8 textarea::placeholder {
   color: transparent;
 }

 .dJ6HCBiMD8 input:placeholder-shown+label,
 .dJ6HCBiMD8 textarea:placeholder-shown+label {
   transform: translateY(10px) scale(1.02);
   opacity: .7;
 }

 .dJ6HCBiMD8 input:not(:placeholder-shown)+label,
 .dJ6HCBiMD8 textarea:not(:placeholder-shown)+label,
 .dJ6HCBiMD8:focus-within label {
   transform: translateY(-12px) scale(.86);
   color: var(--ring);
   background: linear-gradient(90deg, rgba(11, 15, 20, 0.6), rgba(11, 15, 20, 0.2));
   backdrop-filter: blur(6px);
 }

 .dJ6HCBiMD8:focus-within input,
 .dJ6HCBiMD8:focus-within textarea {
   border-color: rgba(125, 211, 252, .65);
   box-shadow: 0 0 0 4px rgba(125, 211, 252, .15), inset 0 1px 0 rgba(255, 255, 255, .08);
   transform: translateY(-1px);
 }

 .neo-actions {
   display: flex;
   justify-content: flex-end;
   gap: 12px;
   margin-top: 6px;
 }

 .btn-neo {
   --h: 50px;
   position: relative;
   height: var(--h);
   padding: 0 22px;
   border-radius: 14px;
   border: 1px solid rgba(255, 255, 255, 0.18);
   background:
     linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.06)),
     radial-gradient(120% 180% at 50% 0%, rgba(167, 139, 250, .3), rgba(34, 211, 238, .18));
   color: var(--txt);
   font-weight: 700;
   letter-spacing: .02em;
   cursor: pointer;
   box-shadow: var(--shadow-sm);
   transition: transform .12s ease, box-shadow .12s ease, filter .2s ease;
 }

 .btn-neo:hover {
   transform: translateY(-2px);
   box-shadow: 0 14px 28px rgba(0, 0, 0, 0.36);
 }

 /* ====== INFO CHIPS ====== */
 .neo-info {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: clamp(12px, 2vw, 20px);
   margin-top: clamp(14px, 1.8vw, 22px);
 }

 @media (max-width:900px) {
   .neo-info {
     grid-template-columns: 1fr;
   }
 }

 .yMYmE01lXS {
   display: flex;
   align-items: center;
   gap: 14px;
   padding: 16px 18px;
   border-radius: 16px;
   background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.04));
   border: 1px solid rgba(255, 255, 255, 0.14);
   box-shadow: var(--shadow-sm);
   min-width: 0;
 }

 .yMYmE01lXS svg {
   flex: 0 0 28px;
   opacity: .9;
 }

 .yMYmE01lXS a {
   color: var(--txt);
   text-decoration: none;
   word-break: break-word;
 }

 .yMYmE01lXS a:hover {
   text-decoration: underline;
   text-underline-offset: 3px;
 }

 /* ====== Reduced Motion ====== */
 @media (prefers-reduced-motion: reduce) {

   .btn-neo,
   .dJ6HCBiMD8 input,
   .dJ6HCBiMD8 textarea,
   .dJ6HCBiMD8 label {
     transition: none !important;
   }
 }


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

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

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

 .vw_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 
====================*/

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


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

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

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

 .main_sticky {
   display: none;
 }

 .vw_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: 550px;
   position: relative;
   z-index: 1;
 }

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

 .hero-main-thumb {
   padding-left: 122px;
 }

 .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: 58px;
   text-transform: none;
   font-weight: 700;
   color: #fff;
   margin: 0;
   line-height: 1.2;
 }

 .slider_text_inner p {
   width: 95%;
   padding: 15px 0 10px;
   color: #fff;
 }

 .button a {
   font-size: 18px;
   padding: 14px 42px;
   font-weight: 500;
   color: rgb(12, 90, 219);
   background: #fff;
   display: inline-block;
   border-radius: 5px;
   border: 1px solid #fff;
   position: relative;
   z-index: 1;
   overflow: hidden;
 }

 .button a:before {
   position: absolute;
   content: "";
   z-index: -1;
   top: 0;
   right: 0;
   height: 100%;
   width: 0;
   background: #0c5adb;
   border-radius: 30px;
   transition: .5s;
 }

 .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%;
 }


 /* hero all shape */

 .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/seo-bg.jpg);
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   height: 950px;
   position: relative;
 }

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

 .slider-2 .slider_text_inner h5 {
   color: rgb(12, 89, 219);
   padding-left: 54px;
 }

 .slider-2 .slider_text_inner h5:before {
   position: absolute;
   content: "";
   z-index: -1;
   top: 11px;
   right: 127px;
   width: 42px;
   height: 1px;
   background: #6989CA;
   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: -15px;
   z-index: 1;
 }

 .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: -135px;
 }

 .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 -->
======================================================*/


 .section_title h1 {
   font-size: 40px;
   text-transform: capitalize;
   margin-top: 0;
   line-height: 1.2;
   font-weight: 800;
 }

 .section_title h5 {
   color: #0c5adb;
   font-size: 18px;
   margin: 0 0 20px;
   position: relative;
   z-index: 1;
   letter-spacing: 0;
   display: inline-block;
 }

 .section_title h5:before {
   position: absolute;
   content: "";
   z-index: -1;
   right: -10px;
   top: -2px;
   background: #CEDEF8;
   width: 30px;
   height: 26px;
   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: 18px 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: 100px 0 100px;
 }

 .service-single-box {
   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-single-box:before {
   position: absolute;
   content: "";
   bottom: 0;
   left: 0;
   height: 0;
   width: 100%;
   background: #0B59DB;
   z-index: -1;
   transition: .5s;
 }

 .service-title h2 {
   font-size: 22px;
   line-height: 32px;
   padding: 16px 0 10px;
   transition: .5s;
 }

 .service-desc p {
   transition: .5s;
   line-height: 30px;
 }

 /* box upper
===============*/

 .upper2.service-single-box:before {
   background: #EA599E;
 }

 .upper3.service-single-box:before {
   background: #FF6A01;
 }

 .upper4.service-single-box:before {
   background: #764AE5;
 }


 /*service content*/

 .service-content {
   padding: 40px 30px 20px;
 }

 /*service icon
==================*/


 .upp.em-icon1:before {
   position: absolute;
   content: "";
   z-index: -1;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: url(../images/resource/em.png);
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
 }

 .upper.em-icon1:before {
   position: absolute;
   content: "";
   z-index: -1;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: url(../images/resource/em1.png);
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
 }

 .upper1.em-icon1:before {
   position: absolute;
   content: "";
   z-index: -1;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: url(../images/resource/em2.png);
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
 }

 .em-icon1 i {
   display: inline-block;
   height: 85px;
   line-height: 100px;
   font-size: 35px;
   color: #fff;
   margin-left: -7px;
 }

 /*service five all hover*/

 .service-single-box:hover:before {
   height: 100%;
   top: 0;
 }

 .service-single-box:hover .service-title h2,
 .service-single-box:hover .service-desc p {
   color: #fff;
 }

 .upper1.service-single-box:before {
   background-image: linear-gradient(to bottom right, #ff9b07 0%, #fd4f2f 90%);
 }

 .upper2.service-single-box:before {
   background-image: linear-gradient(to bottom right, #0b59db 0%, #00237d 90%);
 }

 .upper3.service-single-box:before {
   background-image: linear-gradient(to bottom right, #CA30FB 0%, #8C3FFD 90%);
 }


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

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

 .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: 120px 0 90px;
 }

 .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;
 }

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


 .about_area {
   padding: 110px 0 110px;
   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: 110px 0 170px;
   background: url(../images/resource/about-bg.jpg) no-repeat center/cover;
 }

 /* 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: 110px 0 110px;
   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;
 }

 .K6qYo2XQOW 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 .K6qYo2XQOW 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: 0 0 90px;
 }

 .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: #F4F5FA;
   padding: 110px 0 110px;
 }

 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: 5px;
   left: -340px;
   z-index: -1;
 }

 /* 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;
 }


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

 .team_area {
   padding: 120px 0 335px;
 }

 .single_team {
   margin-bottom: 30px;
   overflow: hidden;
   transition: .5s;
 }

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

 .single_team_thumb1::before {
   position: absolute;
   left: 50%;
   top: 0;
   height: 100%;
   background-image: -webkit-linear-gradient(-9deg, #533EFF 0%, #740FD7 97%);
   content: "";
   transition: .5s;
   width: 0%;
   opacity: 0.6;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
 }

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

 .single_team_thumb1 img {
   width: 100%;
 }

 /*team content*/
 .single_team_content {
   transition: .5s;
   background: #fff;
   padding: 12px 20px 30px;
   text-align: center;
   border-bottom: 2px solid #0c5adb;
 }

 .single_team_content h4 {
   font-size: 20px;
   font-weight: 700;
   transition: .3s;
   display: block;
 }

 .single_team_content span {
   color: #0c5adb;
   padding-top: 2px;
   display: inline-block;
 }

 .single_team_icon1 {
   padding: 11px 0 0;
 }

 .single_team_icon1 a i {
   display: inline-block;
   width: 30px;
   height: 30px;
   line-height: 30px;
   background: #0056B3;
   text-align: center;
   border-radius: 50%;
   color: #fff;
   font-size: 15px;
   margin-right: 10px;
 }

 /* Style Upper */

 .team_area.upper {
   padding: 120px 0 90px;
 }


 /* Team Style Two */

 .single_team_thumb {
   position: relative;
 }

 .single_team_thumb:before {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(12, 90, 219, 0.85);
   content: "";
   -webkit-transition: .5s;
   -o-transition: .5s;
   transition: .5s;
   opacity: 0;
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s;
 }

 .single_team_icon {
   position: absolute;
   top: 50%;
   right: -50px;
   text-align: center;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s;
   background: #fff;
   width: 45px;
   padding: 13px 0;
   opacity: 0;
 }

 .single_team_icon a {
   display: block;
   font-size: 16px;
   color: #0C5ADB;
   text-align: center;
   margin: 4px 0px;
   transition: .5s;
 }

 .single_team_thumb img {
   width: 100%;
 }

 /* all hover */

 .single_team:hover {
   transform: translateY(-10px);
 }

 .single_team:hover .single_team_icon {
   opacity: 1;
   right: -1px;
 }

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

 .single_team:hover .single_team_thumb:before {
   opacity: 1;
 }


 /* ==========<Element Team area>============ */


 .single-team {
   margin-bottom: 30px;
   padding: 35px 25px 35px;
   position: relative;
   z-index: 1;
 }

 /* team thumb css */
 .team-thumb {
   position: relative;
 }

 .team-thumb img {
   width: 100%;
 }

 /* team content css */

 .team-content {
   padding: 20px 0 0;
 }

 .team-content a h4 {
   font-size: 22px;
   line-height: 28px;
   color: #14133b;
   transition: .5s;
 }

 .team-content a h4:hover {
   color: #0C5ADB;
 }

 .team-content h6 {
   font-size: 16px;
   line-height: 28px;
   color: #14133b;
   font-weight: 500;
 }

 /*team social icon*/
 .team-social-icon {
   position: absolute;
   z-index: 1;
   right: 16px;
   right: -25px;
   bottom: 58px;
   opacity: 0;
   transition: .5s;
 }

 .team-social-icon a {
   display: block;
   margin: 22px 0px 0;
   font-size: 14px;
   width: 30px;
   height: 30px;
   line-height: 34px;
   color: #fff;
   background: #0C5ADB;
   text-align: center;
   border-radius: 30px;
   transition: .5s;
 }

 .team-icon span {
   display: inline-block;
   font-size: 30px;
   width: 35px;
   height: 35px;
   line-height: 33px;
   text-align: center;
   color: #fff;
   background: #0C5ADB;
   border-radius: 50%;
   cursor: pointer;
   position: absolute;
   bottom: 0px;
   right: 42px;
   transition: .5s;
   z-index: 22;
 }

 .tdropdown-social-list a:hover {
   background: #B59A6D;
 }

 .team-share-social .team-social-icon.active {
   right: 12px;
   opacity: 1;
 }

 .team-social-icon a:nth-child(1) {
   transition-delay: .8s;
   position: relative;
   left: -20px;
 }

 .team-social-icon a:nth-child(2) {
   transition-delay: .6s;
   position: relative;
   left: 6px;
 }

 .team-social-icon a:nth-child(3) {
   transition-delay: .6s;
   position: relative;
   left: 3px;
   top: 5px;
 }

 /* Team element style 05 */

 /* Team Style Two */

 .team_style_two {
   position: relative;
   transition: .5s;
   margin-bottom: 30px;
 }

 .team_style_two:before {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(12, 90, 219, 0.85);
   content: "";
   -webkit-transition: .5s;
   -o-transition: .5s;
   transition: .5s;
   opacity: 0;
   -webkit-transition: .3s;
   -o-transition: .3s;
   transition: .3s;
   border-radius: 100%;
 }

 .team_style_two_thumb img {
   width: 100%;
   border-radius: 100%;
 }

 .team_style_two_content {
   position: absolute;
   left: 0;
   top: 62%;
   transform: translateY(-50%);
   text-align: center;
   right: 0;
   transition: .5s;
   transition-delay: .3s;
   opacity: 0;
 }

 .team_style_two_title h5 {
   color: #fff;
   font-weight: 700;
   display: block;
   padding-bottom: 5px;
 }

 .team_style_two_title span {
   color: #fff;
 }

 .team_style_two_icon a {
   display: inline-block;
   color: #fff;
   margin: 0 5px;
   font-size: 14px;
 }

 .team_style_two:hover .team_style_two_content {
   top: 50%;
   opacity: 1;
 }

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

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

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

 .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 {
   margin-bottom: 20px;
 }

 .form-box input {
   width: 100%;
   height: 54px;
   border: 1px solid #e6e6e6;
   padding: 6px 20px;
   background: #fff;
   border-radius: 5px;
   transition: .5s;
   box-shadow: 0 0px 1px 1px #e9eef7;
   color: #01101e !important;
   font-weight: 500;
   font-family: 'Poppins', sans-serif;
 }

 .form-box select {
   width: 100%;
   height: 54px;
   border: 1px solid #e6e6e6;
   padding: 6px 20px;
   background: #fff;
   border-radius: 5px;
   transition: .5s;
   box-shadow: 0 0px 1px 1px #e9eef7;
   color: #223645 !important;
   font-weight: 500;
   font-family: 'Poppins', sans-serif;
 }

 .form-box textarea {
   width: 100%;
   padding-left: 20px;
   padding-top: 15px;
   border: 1px solid #e6e6e6;
   height: 150px;
   outline: 0;
   transition: .5s;
   background: #fff;
   margin-top: 7px;
   border-radius: 5px;
   font-family: 'Poppins', sans-serif;
 }

 .form-button button {
   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;
   border: 0;
 }

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

 .form-button button:hover:before {
   width: 180%;
 }

 .form-button button:hover {
   color: #fff;
 }

 /* Contact us area */

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

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

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

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

 .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
 ===========================*/
 .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;
 }



 /*==========================
    insurance faq Area Css
 ===========================*/

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

 .faq-thumb {
   position: relative;
   left: -106px;
 }

 .faq-thumb img {
   width: 100%;
 }

 .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: #232323;
 }

 .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: #1E54E7 !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: url(../images/resource/testi-bg-1.png);
   background-repeat: no-repeat;
   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));
 }

 .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: -70px;
   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: #0C5ADB;
   border: 2px solid #0C5ADB;
   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: #0C5ADB;
   color: #fff;
 }

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

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

 .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-right: 12px solid #f0f2f1;
   border-bottom: 12px solid #f0f2f1;
   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;
 }

 /*testimonial all hover*/
 .testimonial-content:hover {
   border-bottom: 12px solid #0B59DB;
   border-right: 12px solid #0B59DB;
 }

 /*owl carsousel*/
 .testimonial-area.style-two .owl-dots {
   text-align: center;
   position: relative;
   right: 0;
   left: 0;
   cursor: pointer;
   top: 65px;
 }

 /* 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
 ======================================*/

 .blog-area {
   padding: 120px 0 120px;
 }

 .single-blog-box {
   overflow: hidden;
   filter: drop-shadow(0 0 40px rgba(125, 149, 188, 0.1));
   background-color: #ffffff;
   border-radius: 5px;
   transition: .5s;
   margin-bottom: 30px;
 }

 /*blog thumb*/
 .single-blog-thumb {
   transition: .5s;
   overflow: hidden;
 }

 .single-blog-thumb img {
   width: 100%;
   overflow: hidden;
   transition: .5s;
 }

 /*blog box*/

 .em-blog-content {
   padding: 32px 30px 30px;
   border-radius: 5px;
   border: 1px solid #ebebeb;
   position: relative;
   z-index: 1;
 }

 /*blog post*/

 .meta-blog-post {
   background: #0B59DB;
   padding: 16px 18px 16px;
   border-radius: 3px;
   position: absolute;
   z-index: 11;
   top: -36px;
   left: 2px;
   right: 0;
   margin: auto;
   width: 87%;
 }

 .em-blog-title h2 a {
   font-size: 22px;
   color: #232323;
   display: inline-block;
   font-weight: 700;
   transition: .5s;
 }

 .meta-blog-text1 {
   display: inline-block;
 }

 .meta-blog-text1 p {
   margin: 0;
   font-size: 14px;
   color: #fff;
 }

 .meta-blog-text1 p i {
   color: #fff;
   font-size: 14px;
   padding-right: 8px;
 }

 .meta-blog-comment {
   display: inline-block;
   padding: 0 0 0 30px;
 }

 .meta-blog-comment span {
   font-size: 14px;
   color: #fff;
 }

 .meta-blog-comment span i {
   margin-right: 8px;
   display: inline-block;
 }

 .em-blog-title h2 a {
   line-height: 1.5;
 }

 .em-blog-text p {
   display: inline-block;
   padding: 10px 0 0px;
   border-bottom: 0;
   margin-bottom: 0;
 }

 .single-blog-box:hover .em-blog-title h2 a {
   color: #0c5adb;
   text-decoration: inherit;
 }

 /*blog all hover*/
 .single-blog-box:hover .em-blog-title h2 a {
   color: #0c5adb;
   text-decoration: underline;
 }

 .single-blog-box:hover .blog-button a {
   color: #0c5adb;
 }

 .single-blog-box:hover .single-blog-thumb img {
   transform: scale(1.1);
 }

 /*blog owl carousel*/

 .blog-area .owl-nav {
   text-align: center;
 }

 .blog-area .owl-prev i,
 .blog-area .owl-next i {
   background-image: linear-gradient(to left, #2475FC, #1129B9);
   border-radius: 5px;
   height: 50px;
   width: 50px;
   z-index: 1;
   transition: all 0.3s ease 0s;
   line-height: 50px;
   color: #fff;
   border: 2px solid #FFF;
   text-align: center;
   font-size: 22px;
   display: inline-block;
   margin-right: 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: url(../images/resource/footer-bg.png);
   background-repeat: no-repeat;
   background-size: cover;
   padding: 265px 0 0;
 }

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

 .company-info-desc p {
   color: #fff;
   padding: 40px 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: 20px;
   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: 70px 0 0;
   padding: 25px 0 10px;
 }

 .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/resource/breatcam.png) no-repeat center/cover;
   height: 400px;
 }


 .breatcome_content h2 {
   font-size: 50px;
   margin-bottom: 20px;
   margin-top: 0;
   color: #fff;
   font-weight: 800;
 }

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

 .breatcome_content li a {
   color: #fff;
   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;
 }

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

 .service-details-section .LizxSZsf7W {
   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%;
 }

 .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;
 }

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

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

 .blg-details .blog_page_title h3 {
   padding: 46px 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;
 }

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

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

 .ZZZTE92wRv-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;
 }

 .ZZZTE92wRv-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;
 }

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

 .ZZZTE92wRv-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% {
     -moz-transform: rotate(360deg);
     transform: rotate(360deg);
   }

   100% {
     -moz-transform: rotate(0deg);
     transform: rotate(0deg);
   }
 }


 @keyframes spin2 {
   0% {
     -moz-transform: rotate(0deg);
     transform: rotate(0deg);
   }

   100% {
     -moz-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }

 @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;
   }

 }



 /* 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;
 }