/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 20 2026 | 03:35:15 */
a:focus{
  outline:0px!important;
}

/** 20260409, Added by Fadzilah **/
.widget-area.sidebar-primary {
    display: none;
}
.img-box .fancy-button .wrapper {
    background-position: left !important;
    background-size: cover;
	position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.img-box .fancy-button .wrapper > * {
    position: relative;
    z-index: 2;
}
.img-box .fancy-button .wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5); 
    z-index: 1;
    pointer-events: none;
}
.img-box.first .fancy-button .wrapper::after,
.img-box.second .fancy-button .wrapper::after,
.img-box.third .fancy-button .wrapper::after,
.img-box.fourth .fancy-button .wrapper::after,
.img-box.fifth .fancy-button .wrapper::after,
.img-box.six .fancy-button .wrapper::after{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0.65;
}
.img-box.first .fancy-button .wrapper::after,
.img-box.fourth .fancy-button .wrapper::after{
    background: linear-gradient(to top, rgb(255 10 10 / 50%), rgb(247 11 11 / 50%));
}
.img-box.second .fancy-button .wrapper::after,
.img-box.fifth .fancy-button .wrapper::after{
   	background: linear-gradient(to top, rgb(4 0 255 / 50%), rgb(75 62 126 / 50%));
}
.img-box.third .fancy-button .wrapper::after,
.img-box.six .fancy-button .wrapper::after{
  	background: linear-gradient(to top, rgb(151 76 0 / 57%), rgb(255 141 0 / 50%));
}
.year-filter ul.form-groups {
    margin: 0;
}
.post-pr span.eael-posted-by,
section#related-posts,
.single-post.content-max-width nav.post-navigation{
    display: none;
}
h2.single-post-title.entry-title {
    padding-top: 40px;
}
h2.single-post-title.entry-title {
    padding-top: 40px;
    font-size: 16px;
}


/* header */
.sticky{
  position:fixed;
  z-index:90;
  top:0;
  left:0;
  width:100%;
}

.sticky-parallax{
  position:absolute;
  z-index:0;
  height:auto;
  width:100%;
  top:0px;
  left:0px;
}

.elementskit-card-body li,
.elementskit-card-body ul{
  list-style:outside!important;
}
/* added by Mukhlis - fix tcibs contact us layout broken 22/03/2024 */
.wpcf7-form .col-md-12 p{
	margin:0!important;
	width:100%;
}
.wpcf7-form .col-md-12 p textarea{
	width:100%!important;
}
.wpcf7-form input.wpcf7-form-control{
	width:100%!important;
}
.select-selected {
    font-size: 14px;
}
select{
	font-size:14px;
}
@media screen and (min-width:1900px){
  #left-column{
    width:40%;
  }
}

@media screen and (min-width:768px){
    .elementskit-navbar-nav li.menu-item{
		border-bottom:3px solid #fff;
    }
  	.elementskit-navbar-nav > li.menu-item > a{
		padding-top:20px!important;
    }
    .elementskit-navbar-nav li.menu-item:after{
      content: '';
      position:absolute;
      left:calc(50% - 5px);
      bottom:0px;
      width: 0; 
      height: 0; 
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 3px solid #F4364C!important;
      visibility:hidden;
    }
  	.elementskit-navbar-nav li.menu-item.menu-button{
    	margin-top: 10px;
   		background: #F4364C;
    	border-radius: 30px;
    	height: 45px;
    	vertical-align: middle;
  	}
    
    .elementskit-navbar-nav li.menu-item.menu-button a{
    	color:#fff!important;
        margin: 0 10px;
    	margin-top: -2px;
    }
    .elementskit-navbar-nav li.menu-item:hover,.elementskit-navbar-nav li.menu-item:hover:after{
      border-bottom:3px solid #F4364C;
      visibility:visible;
    }
  .elementskit-navbar-nav li.menu-item.menu-button:hover,.elementskit-navbar-nav li.menu-item.menu-button:hover:after{
    border-bottom:3px solid #fff;
    visibility:visible;
    background:#F4364C;
  }
  
  	.elementskit-mobile-submenu-list{
      border-bottom:3px;
    }
}
#mega-menu{
  margin-top:1px;
}

#main-menu.elementskit-navbar-nav:first-child li.menu-item:last-child:hover{
  border:0px;
}
#main-menu.elementskit-navbar-nav:first-child li.menu-item:last-child:hover:after{
  visibility:hidden;
}
#main-menu.elementskit-navbar-nav:first-child li.menu-item:last-child a:not(.dropdown-item){
  background-color:#F4364C;
  border-radius:30px;
  padding:5px 20px !important;
  color:#fff!important;
  height:auto;
  margin:10px 0px 0px 10px;
}
#main-menu.elementskit-navbar-nav:first-child li.menu-item:last-child a:not(.dropdown-item):hover {
  background-color:#F4364C!important;
}
#main-menu.elementskit-navbar-nav .elementskit-submenu-panel{
  margin:0px
}
#main-menu.elementskit-navbar-nav .elementskit-submenu-panel li:hover{
  border-bottom:3px solid #fff;
}
#main-menu.elementskit-navbar-nav .elementskit-submenu-panel li:after{
  visibility:hidden;
}
#main-menu.elementskit-navbar-nav .elementskit-submenu-panel li a:hover,{
  color:#F4364C!important;
  transition:ease-in-out 0.3s;
}
#main-menu.elementskit-navbar-nav .elementskit-submenu-panel {
    margin-top: 3px;
}
#main-menu.elementskit-navbar-nav .elementskit-submenu-panel>li>a .elementskit-submenu-indicator{
  padding-top:10px;
}
#main-menu.elementskit-navbar-nav .elementskit-submenu-panel>li>a .elementskit-submenu-indicator:before{
  content:''!important;
}
#main-menu.elementskit-navbar-nav .elementskit-submenu-panel>li>a .elementskit-submenu-indicator{
  transform:rotate(-90deg);
  transform-origin:center;
}
.hfe-menu-item.elementor-button{
  background-color:#f00;
  border-radius:30px;
  padding: 5px 20px;
}
.hfe-menu-item.elementor-button a{
  color:#fff!important;
}
.parallax{
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* mobile view */
@media screen and (max-width:768px ){
  body, html {
   /* padding-top: 10px; */
}
  .elementor-icon-list-icon svg{
    width:24px!important;
  }
  .rotate-90{
    display:none;
  }
  
  .elementskit-mobile-builder-content .elementskit-dropdown{
    display:block!important;
  }
  
  .elementskit-megamenu-panel{
    display:none;
  }
  
  .hfe-nav-menu li:last-child a.elementor-button{
    color:#fff!important;
    margin:10px!important;
  }
  a.hfe-menu-item{
    color:#fff!important;
  }
  .hfe-flyout-open{
    top:60px!important;
  }
  .admin-bar .hfe-side {
    margin-top: 46px;
  }
    
  /* first level menu */
  .hfe-menu-toggle{
    display:none!important;
  }
  .hfe-nav-menu .hfe-creative-menu{
    border-top:1px solid #f2f2f2;
  }
  .hfe-nav-menu .hfe-has-submenu-container,.hfe-nav-menu .parent{
    background-color:#F4364C!important;
    color:#fff!important;
  }
  .hfe-has-submenu-container a{
    color:#fff;
    padding-left:30px!important;
  }
  .hfe-has-submenu-container a:before{
    opacity : 1!important;
    content : '+';
    font-size:16px;
    margin-left:-15px;
    color:#fff;
    font-weight:bold;
  }
  .hfe-has-submenu-container.sub-menu-active a:before{
    content : '-';
  }
  /* 2nd level menu */
  .sub-menu-open .hfe-has-submenu-container.sub-menu-active a{
    background-color:#f2f2f2!important;
  }
  .sub-menu-open .hfe-has-submenu-container a:before{
    opacity : 1!important;
    content : '+';
    font-size:16px;
    margin-left:-15px;
    color:#000;
    font-weight:bold;
    transition:ease 0.3s;
  }
  .sub-menu-open .hfe-has-submenu-container.sub-menu-active a:before{
    transform:rotate('360deg');
    content : '-';
  }
  .sub-menu-open .hfe-has-submenu-container .hfe-sub-menu-item{
    background-color:#fff;
    padding-left:45px!important;
  }
  .hfe-nav-menu .menu-item-has-children .menu-item-has-children .sub-menu{
  	left:0px!important;
    padding-left:25px!important;
    background-color:#fff!important;
  }
  .sub-menu-open .hfe-creative-menu a.hfe-sub-menu-item{
    background-color:#fff!important;
  }
  .sub-menu-open .hfe-creative-menu .sub-menu-active a.hfe-sub-menu-item{
    background-color:#f5f5f5!important;
  }
  .hfe-flyout-overlay{
    background-color:transparent;
  }
  .header-mobile{
    height:350px!important;
  }
  
  .scroll-anim{
    animation-name: heartbeat;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
  }
  
  .mobile-align-center p,.mobile-align-center h2,.mobile-align-center{
    text-align:center!important;
  }
  ul.mobile-left{
    text-align:left;
  }
  ul.mobile-accordion{
    padding-left:15px;
  }
  
  #footer-bottom .menu-footer-link-container{
    width:100%!important;
    display:block!important;
  }
  
  #footer-bottom-inner{
    display:flex;
    flex-direction:column-reverse;
  }
  #footer-bottom-inner #copyright{
    width:100%;
    height:40px;
    line-height:0px;
    margin-bottom:15px;
  }
  #footer-bottom-inner #copyright .footer-left{
    float:unset;
  }
  #footer-bottom-inner #footer-bottom-menu{
    width:100%;
  }
  @media screen and (max-width:440px){
    #footer-section #footer-panel{
      display:none;
    }
    #footer-section h2.elementor-heading-title:after{
      content: '\F078';
      float: right;
      font-family: "Font Awesome 5 Free"!important;
    }
    #footer-section h2.elementor-heading-title.active:after{
      content: '\F077';
    }
  }
}

/* elementor list icon */
.elementor-icon-list-item{
  align-items:flex-start!important;
}
.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon{
  margin-top:6px;
}

/* floating bar */
.tcibs-float{
  position:fixed;
  z-index:90;
  top:60px;
  left:0px;
  width:100%;
}

/* general */
.preloader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 199999;
   background-image: url('/wp-content/uploads/2022/12/loader-spin.gif');
   background-repeat: no-repeat; 
   background-color: #FFF;
   background-position: center;
   opacity:0.98;
   overflow:hidden;
}

.response-msg{
  margin-top:10px;
  margin-left:-12px;
}

ul.benefits li{
  font-size:16px;
  color:#383838;
  font-weight:400;
	
}
.inline{
  display:inline-block!important;
}
.corner-bottom-right{
  position:fixed!important;
  bottom:20px!important;
  right:50px!important;
  top:unset!important;
}
.darken{
  filter:brightness(0.6);
}
.elementor-image-box-wrapper h3 a:hover{
  color:#F4364C;
}
.hero-button a{
  border-bottom:8px solid #fff;
}
/*li.elementor-icon-list-item{
  background-color:#F5F5F5;
  padding:10px!important;
  margin-bottom:5px!important;
}*/
.grayscale{
  filter:grayscale(100%);
}
.hide-panel{
  /*display:none;*/
}

.rotate-90{
  transform: rotate(-90deg);
  position: fixed;
  top: calc(50% - 0px);
  right: -80px;
  transition:ease 0.3s;
}

.rotate-90:hover{
  right: -70px;
}

[id^="other-benefits"]{
  display:none;
}

#donts-list span.eael-feature-list-icon{
  transform: rotate(45deg);
}

/* table */
.col-coverage,.ninja_clmn_nm_coverage{
  width:45%;
}
.col-warranty,.ninja_clmn_nm_warranty_period{
  width:45%;
}
.ninja_clmn_nm_warranty_period ul,.ninja_clmn_nm_coverage ul{
  margin:0px 10px;
  padding:0px 10px;
}

ul.tables{
  margin:0px 10px;
  padding:0px 10px;
}

/* desktop view only */
@media screen and (min-width:768px){
  /* table */
  table.ea-advanced-data-table tr th{
    width:15%;
  }
  table.ea-advanced-data-table tr th:first-child{
    width:55%;
  }
  #other-table table.ea-advanced-data-table tr th:first-child{
    width:40%;
  }
}
.eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle{
  transform:rotate(180deg)!important;
}
.faq table td,
.faq table th{
  padding:0px;
  border:0px;
}
.faq table:not('.foo-table') th{
  visibility:hidden;
}
.faq .question-mark,
.faq .answer-mark{
  font-weight:500;
}
/* tc-gap-warranty */

/*.eael-accordion-header{
  width:300px;
  padding:15px 30px;
  margin:20px auto;
  border-radius:30px;
  background-color:#f3f3f3;
}
.eael-accordion-content{
  border:0px!important; 
}*/
/* footer */

.menu .menu-item a{
  font-size:14px!important;
}

.bold{
  font-weight:500;
}
#footer-bottom{
  font-size:12px!important;
}

#footer-bottom .menu-footer-link-container{
  display: flex;
  justify-content: flex-end;
  align-items:center;
  height: 30px;
  margin:0px -10px;
  width:100%;
}

#footer-bottom .menu-footer-link-container a{
	font-size:12px!important;
}

#footer-bottom #footer-bottom-menu li:after{
  content: ' '!important;
}
#footer-bottom #footer-bottom-menu li a{
  text-decoration:underline;
}
@media screen and (min-width:769px){
  #footer-bottom #copyright{
    width:48%; 
  }
  #footer-bottom #footer-bottom-menu{
    width:52%;
  }
}
ul.menu{
  margin:0px!important;
  list-style:none;
}
div.footer-left{
 float:left;
}
div.footer-right{
  float:right;
  min-height:30px;
}

/* button */
.btn-primary{
  padding:10px;
  border-radius:5px;
  background-color:#F4364C;
  color:#fff;
  font-weight:600;
  transition:ease 0.3s;
  cursor:pointer;
}

.btn-primary:hover{
  background-color:#F4364C;
}
/* contact form */
form .form-control{
  font-size:14px;
  margin:0px;
  color:#929292;
  margin-bottom:10px;
}
form .form-control:focus{
  border-style: 1px solid #F4364C;
  box-shadow: 0px 0px 0px 0.2rem rgba(0, 123, 255, 0.25);
}
form .row{
  margin-bottom:10px;
  margin-top:10px;
}
.wpcf7 form.invalid .wpcf7-response-output{
  border-color: #dc3545;
  background-color: #dc3545;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  font-weight: 600;
}
.wpcf7 form.sent .wpcf7-response-output{
  border-color: #46b450;
  background-color: #46b450;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  font-weight: 600;
}

/* custom select */
.custom-select {
  position: relative;
  height:40px;
  /*border:1px solid #ddd;*/
  border-radius:3px;
  margin-bottom:10px;
}
.custom-select#select-location{
  margin-bottom:-10px;
}

#select-custom-enquiry p{
  margin-bottom:18px;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
  position:absolute;
  left:100000px;
  
}

.select-selected {
  border-radius: 3px;
  height: 40px;
/*   color: #54595f; */
  color: #777777;
  padding: 8px 12px;
  border: 1px solid #ddd!important;
  cursor: pointer;
  margin-left: -10px;
  margin-right: -20px;
  margin-top: -5px;
	font-weight: 500;
  background-color:#fff;
}
.select-selected#test{
	border:2px solid #f00!important;
	display:block;
	width:100%;
	min-height:40px;
}
.select-items div{
	font-size: 14px;
}
/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #d7d7d7 transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #d7d7d7 transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div {
  color: #000;
  padding: 5px 25px;
  /* border: 1px solid #ddd; */
  /*border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;*/
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #fff;
  top: 40px;
  left: 0;
  right: 0;
  z-index: 90;
  border:1px solid #ddd;
  margin:0px -2px;
  overflow:hidden;
}
.select-items {
  padding-bottom:5px;
  padding-top:0px;
  box-shadow: 0 0 10px 0px rgba(0,0,0,0.16);
}
#select-enquiry .select-items div:first-child:before{
  content : 'Enquiry Type:';
  font-weight:600;
  display:block;
  width:130%;
  padding:3px 20px;
  margin-left:-30px;
  margin-top:-5px;
  margin-bottom:5px;
  background-color:#fff;
  z-index:1000;
}

#select-enquiry .select-items div:nth-child(5):before{
  content : 'Motor Insurance:';
  font-weight:600;
  display:block;
  width:110%;
  padding:3px 20px;
  margin-left:-30px;
  margin-right:-5px;
  margin-top:-5px;
  margin-bottom: 5px;
  background-color:#fff;
  z-index:1000;
}

#select-enquiry .select-items div:nth-child(13):before{
  content : 'Lifestyle Insurance:';
  font-weight:600;
  display:block;
  width:110%;
  padding:3px 20px;
  margin-left:-30px;
  margin-right:-5px;
  margin-top:-5px;
  margin-bottom:5px;
  background-color:#fff;
  z-index:1000;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
  padding-top:5px;
  padding-bottom:5px;
}

@media screen and (max-width:480px){
  .row{
    margin:0px -15px!important;
  }
  .col-xs-12 .form-control{
    margin-bottom:10px!important;
  }
  
  span.camo{
    display:none;
    transition:ease-out 0.3s;
  }
  .view-more{
    color:#F4364C;
    font-size:inherit;
  }
  span.camo:before{
    content :'...';
  }
  span.camo:hover:after{
    color: #ff5050;
  }
}




/* HOHH */
#hohh-benefits .elementor-icon-list-item{
  padding:14px 30px!important;
  background-color:#f7f9fb;
}



/* animation */
@keyframes heartbeat {
  0% { padding-bottom:0px; opacity: 0.7;}
  50% { padding-bottom:10px; opacity : 0.7;}
  100% { padding-bottom:0px; opacity: 0.7;}
}


/* gcaptcha */
.grecaptcha-badge{
  display:none;
}
.page-id-556 .grecaptcha-badge{
  display:block;
}

/* TC CONNECT */
img.site-logo{
	max-width:100px;
}

/* testimoni slider */
@media only screen and (max-width:768px){
	
	ul.slick-dots{
		list-style:none;
		display:inline-flex;
		flex-wrap:nowrap;
		column-gap:5px;
		
		li button{
			width:30px;
			height:30px;
			border-radius:50%;
			opacity:0.7;
		}
		li.slick-active button{
			opacity:1;
		}
	}
	
}