/* ===================================================================================

* Theme Name: Insurez Child
* Theme URI: https://wphix.com/wp/insurez/
* Author: themeim 
* Author URI: https://themeforest.net/user/themeim
* Description: Insurez - Insurance Company HTML Template WordPress Theme 
* Version: 1.0.0
* Template: insurez
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */
:root {
    --tp-ff-body: 'DM Sans', sans-serif;
    --tp-ff-heading: 'Fredoka One', cursive;
    --tp-ff-p: 'DM Sans', sans-serif;
    --tp-ff-fontawesome: "Font Awesome 6 Pro";
    --tp-common-white: #fff;
    --tp-common-black: #000;
    --tp-heading-primary: #15325a;
    --tp-grey-1: #fcfaf7;
    --tp-grey-2: #283734;;
    --tp-grey-3: #f4f9f8;
    --tp-text-body: #6f7775;
    --tp-theme-1: #15325a;
    --tp-theme-2: #b57e2d;
    --tp-theme-3: #ceac78;
    --tp-border-primary: #15325a;
}
.tp-section-subtitle {
    color: #b47e30 !important;
   
}
.tp-slider__bg {    
    background-color: #103f72 !important;   
}
.tp-slider__angle-shape {    
    background: linear-gradient(to bottom, var(--tp-theme-1), #a17743);    
}
.logo img {
	background-color: #fff;
}
.testimonials-area {

	&::before {		
		background-color: #143a6c !important;		
	}
}
.work-together__progress .bar-inner {   
    background-color: #b57e2d !important;    
}
a:focus, a:hover {
    color: #fff;
    text-decoration: none;
}
.tpproject__content span {  
    color: #15325a;    
}
.tpproject:hover .tpproject__thumb .project-icon:hover {
    background: #b57e2d;
}
.tpproject__thumb::before {   
    background: rgb(15 65 118 / 61%);  
}
.tp-about__main-img::after {    
    background-image: -moz-linear-gradient(90deg, rgb(0, 113, 93) 0%, rgb(126, 163, 92) 34%, rgb(251, 212, 90) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(168 121 61) 0%, rgb(54 91 130) 34%, rgb(13 68 122) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(0, 113, 93) 0%, rgb(126, 163, 92) 34%, rgb(251, 212, 90) 100%);   
}
.tpservices__thumb::before {
	 background: rgb(15 65 118 / 61%); 
}
.tpservices__icon a::before {
	background: #ad7a33;align-content}
.tp-header__logo 
{
	background: #ffffff!important ;
}
.breadcrumb__bg__overlay {
	background-color: #15325a;
}
.footer__widget ul li a {
    color: #fff;
}
.tpfeature__content::before {
    background: rgb(251, 212, 90);
    background: linear-gradient(90deg, rgb(173 122 56) 0%, rgb(21 50 90) 100%);  
}
.theme-bg {
	background: #e1c499;align-content}
.tp-btn-black {   
    background-color: #15325a;   
}
.tp-header__menu ul li a {
    padding: 25px 0px;    
}
.tp-header__menu ul li:hover a {
	color:#15325a;
}
.tp-btn::before {    
    background-color: #15325a;    
}
.tp-btn {   
    color: #ffffff;
}
.tp-slider-title {
    font-size: 60px;  
}
.tpfeature__content::after, .tpfeature__content::before {   
    background: linear-gradient(0deg, #b57e2d 0%, var(--tp-theme-1) 100%);   
}
.mobile__menu a {  
    background: #15325a;    
}
.tp-menu-bar {  
    color: #fff;   
}
.mobile__logo img {
  content: url('https://web.vaticinsurance.com/wp-content/uploads/2025/06/vatic-insurance-logo-lg-png.png') !important;  
}
.tp-cta-4__area{
	background-color: #e1c499;
}
.tp-btn-3 {    
	color: #fff;
}
.contact__input input {   
    border: 2px solid #fff;
}
.contact__input textarea {   
    border: 2px solid #fff;  
}
.contact__input input::placeholder {
	color: #fff;
	
}
.contact__input textarea::placeholder {
	color: #fff;	
}
.contact__social .icon ul li a {   
    color: #15325a;  
}
.breadcrumb__list {
	display:none;
}
.breadcrumb__bg {   
    padding-bottom: 43px;
    padding-top: 50px;
}
.grey-bg-2 {
    background: #1e1e1e;
}
.postbox__area {
	padding-bottom:0px;
}
.elementor-widget:not(:last-child) {
    margin-block-end: 0px;
}
.cta-mlr {
    margin-left: 0px;
    margin-right: 0px;
}
a:focus, a:hover{
	color:#15325a;
}
.contact__input textarea {    
	line-height: 1;align-content
}
.tp-header__menu ul li a {
    color: #15325a;  
}
.tp-header__menu ul li {    
    margin-right: 40px;
}

/*Whatsapp Floating Icon CSS */
#wa-widget-send-button {
    margin: 0 0 20px 0 !important;
    padding-left: 0px;
    padding-right: 0px;
    position: fixed !important;
    z-index: 14 !important;
    bottom: 0 !important;
    text-align: center !important;
    height: 50px;
    min-width: 50px;
    border-radius: 10px;
    visibility: visible;
    transition: none !important;
    background-color: #4dc247;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
    right: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wa-messenger-svg-whatsapp {
    fill: white;
    width: 41px;
    height: 50px;
}

.wa-chat-box {
    display: none;
    background-color: white;
    z-index: 16000160 !important;
    margin-bottom: 60px;
    width: 290px;
    position: fixed !important;
    bottom: 20px !important;
    right: 20px;
    border-radius: 10px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
    font: 400 normal 15px/1.3 -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
}

.wa-chat-box-header {
    height: 80px;
    max-height: 80px;
    min-height: 80px;
    background-color: #0a5f54;
    color: white;
    border-radius: 10px 10px 0px 0px;
    display: flex;
    align-items: center;
}

.wa-chat-box-brand {
    margin-left: 20px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
}

.wa-chat-box-brand-text {
    margin-left: 20px;
}

.wa-chat-box-brand-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}

.wa-chat-box-brand-subtitle {
    font-size: 13px;
    line-height: 18px;
    margin-top: 4px;
}

.wa-chat-bubble-close-btn {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
}

.wa-chat-box-content {
    background: url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);
}

.wa-chat-box-content-chat {
    background-color: white;
    display: inline-block;
    margin: 20px;
    padding: 10px;
    border-radius: 10px;
}

.wa-chat-box-content-chat-brand {
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.4);
}

.wa-chat-box-content-chat-welcome {
    font-size: 14px;
    line-height: 19px;
    margin-top: 4px;
    color: rgb(17, 17, 17);
}

.wa-chat-box-send {
    background-color: white;
}

.wa-chat-box-content-send-btn {
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-appearance: none;
    padding: 8px 12px;
    border-radius: 10px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    background-color: #4dc247;
    margin: 20px;
    overflow: hidden;
}

.wa-chat-box-content-send-btn-icon {
    width: 16px;
    height: 16px;
    fill: rgb(255, 255, 255);
    z-index: 1;
    flex: 0 0 16px;
}

.wa-chat-box-content-send-btn-text {
    margin-left: 8px;
    margin-right: 8px;
    z-index: 1;
    color: rgb(255, 255, 255);
}
.online_animation {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #10b16d;
    border-radius: 100%;
    margin-top: 0;
    position: relative;
    top: 18px;
    right: 15px;
    -webkit-animation: online 2s infinite;
    animation: online 2s infinite;
}
@keyframes online {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/* Whatsapp End*/
.contact__form-wrap {
    padding: 125px 45px 61px 45px;
}
.contact__wrap {
    padding: 20px;    
}
.tpservices__icon a svg{
	margin-bottom:10px !important;
}

.tpservices__icon a::before { 
    background: transparent;
    color: var(--tp-heading-primary);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    display: block;
    transition: all 0.4s;
    -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease, -webkit-transform 500ms ease;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 1;
}

/* Run animation when hovering over .tpservices */
.tpservices:hover .tpservices__icon a::before {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.tpservices:hover .tpservices__icon a i {
    color: #283734;
}

.home .postbox__area {
	padding-top: 0;
}


.searvice-area .container {
	padding-left: 0;
    padding-right: 0;
}
.sv-details-category-list ul li.active a {
    background-image: linear-gradient(to right, var(--tp-theme-1), #fbd45b);
    color: var(--tp-common-white);
}

.sv-details-category-list ul li.active a span {
    color: white !important;
}
.h2-class{
	margin-top:4rem !important;
	text-align:center !important;
}
.tp-btn:hover {
       background-color: #15325a;
    color: #fff; /* hover text color */
}
.footer__logo .logo img{
	width:unset !important;
	background-color:unset !important;
}
.footer__widget-content .footer__widget-info p{
	color:var(--tp-theme-1) !important;
}
.footer__widget-title{
	color:var(--tp-theme-1) !important;
}
.tp-footer__icon-space ul li a {
 	color:var(--tp-theme-1) !important;
}
.footer-overlay{
	background-color:#f4f4f4 !important;
}
.menu-footer-menu-container ul li a{
	color:var(--tp-theme-1) !important;
}
#custom_html-1{
	margin-bottom:0 !important;
}
.footer__bottom {
	background-color:var(--tp-theme-1) !important;
}
.footer__copyright p{
	color:var(--tp-theme-2) !important;
	font-weight:700 ;
}
.footer__top {
	padding-top: 90px !important;
}
#nav_menu-3{
	margin-bottom:8px !important;
}
.tp-fact-area .container-custom{
	padding:1rem !important;
} 
.services-testimonial-section .testimonials-area{
	padding-top:40px !important;
	padding-bottom:30px !important;
}
.services-testimonial-section .tp-section-title{
	font-size:30px !important;
	margin-bottom:0px !important;
}
.services-testimonial-section .tptestimonial__info{
	padding: 30px 40px !important;
}
.tp-header__menu ul li.menu-last .sub-menu{
	left:0 !important;
}
.tp-header__menu ul li .sub-menu{
	width: 500px !important;
}