/*
Theme Name: Total Child
Theme URI: https://totalwptheme.com/
Template: Total
Author: WPExplorer
Author URI: https://www.wpexplorer.com/
Description: Premium Multi-purpose WordPress Theme.
Tags: custom-colors,accessibility-ready,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 6.4.1.1759140957
Updated: 2025-09-29 10:15:57

*/

@font-face
{
  font-family: ProximaNova;
  src: url(fonts/ProximaNovaLight.otf);
  font-weight: 100;
  font-weight: 200;
  font-style: normal;
}

@font-face
{
  font-family: ProximaNova;
  src: url(fonts/ProximaNovaThin.otf);
  font-weight: 300;
  font-style: normal;
}


@font-face
{
  font-family: ProximaNova;
  src: url(fonts/ProximaNovaRegular.otf);
  font-weight: 400;
  font-style: normal;
}

@font-face
{
  font-family: ProximaNova;
  src: url(fonts/ProximaNovamedium.otf);
  font-weight: 500;
  font-style: normal;
}

@font-face
{
  font-family: ProximaNova;
  src: url(fonts/ProximaNova-Semibold.ttf);
  font-weight: 600;
  font-style: normal;
}

@font-face
{
  font-family: ProximaNova;
  src: url(fonts/ProximaNovaBold.otf);
  font-weight: 700;
  font-style: normal;
}

@font-face
{
  font-family: ProximaNova;
  src: url(fonts/ProximaNovaExtrabold.otf);
  font-weight: 800;
  font-weight: 900;
  font-style: normal;
}

h1, h1.vcex-heading, h1.wpex-heading {
    font-size: 60px;
}

h2, h2.vcex-heading, h2.wpex-heading {
    font-size: 50px;
}


h3, h3.vcex-heading, h3.wpex-heading {
    font-size: 38px;
}

h5, h5.vcex-heading, h5.wpex-heading {
    font-size: 28px;
}

.vcex-heading.text-stroke-text {
    color: transparent;
    -webkit-text-stroke: 2px #fff;
}

.theme-button:hover, 
.color-button:hover, 
.button:hover, 
.added_to_cart:hover, 
button:where([type=submit],
[type=reset]):where(:not(.wpex-unstyled-button)):hover, 
input:where([type=submit]):where(:not(.wpex-unstyled-button)):hover, 
.wp-element-button:hover, 
.wp-block-button__link:hover {
	opacity: 0.7;
}

.theme-txt-link:hover {
	text-decoration: none;
}

.multi-buttons-inner-row.align-left>.vc_column-inner>.wpb_wrapper {
	justify-content: start;
}

#site-header-sticky-wrapper {
    box-shadow: rgba(0, 0, 0, 0.13) 0px 3px 10px 0px;	
}

#site-logo-inner {
    display: flex;
    align-items: center;
}

.pwi-logo-text {
    font-size: 18px;
    color: #33aef4 !important;
    transition: 1s;
    margin-left: 10px;
    text-decoration: none !important;
    opacity: 1;
    line-height: 1;
}

.main-navigation-ul .menu-item .sub-menu {
    border-radius: 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    padding: 15px 20px;
    border: 0px;
}



#menu-footer-menu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 40px;
    row-gap: 20px;
}

#menu-footer-menu .menu-item {
	padding-top: 0px;
    padding-bottom: 0px;
}

#menu-footer-menu .menu-item.current-menu-item a {
	color: #33aef4;
}

#nav_menu-2 {
	padding-bottom: 0px;
}

.footer-box.col-1 .widget_media_image {
	text-align: center;
}


.bottom-curve {
	position: relative;
}

.bottom-curve:after {
    content: '';
    background-image: url(/wp-content/uploads/2025/09/underline-curve.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    width: 100%;
    height: 23px;
    left: 0;
    bottom: -6px;
}

.bottom-curve.blue {
    color: #33aef4;
}

.bottom-curve.blue:after {
    background-image: url(/wp-content/uploads/2025/09/blue-underline-curve.svg);
    height: 28px;
    bottom: -20px;
}

.multi-buttons-inner-row>.vc_column-inner>.wpb_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: 20px;
    row-gap: 10px;  
}

.scroll-text-button .vcex-button-inner  {
    flex-direction: column;
}

.brands-inner-column>.vc_column-inner>.wpb_wrapper {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    column-gap: 30px;
    row-gap: 30px;
}

.brand-teaser-box-card {
	width: 380px;
    padding: 8px 8px 0px;
    border-radius: 10px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff;
}

.brand-teaser-box-card .vcex-teaser-media {
    border-radius: 10px;
    overflow: hidden;
}

.brand-teaser-box-card .vcex-teaser-content {
	padding-left: 5px;
    padding-right: 5px;
}

.brand-teaser-box-card .vcex-teaser-button {
	width: calc(100% - 30px);
}

.team-teaser-box .team-position {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.22;
    letter-spacing: 1.8px;
    text-align: center;
    color: #33aef4;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}

.team-teaser-box .vcex-teaser-text {
    max-width: 320px;
    margin: auto;
}

.vcex-toggle.brand-faq {
    padding: 30px 60px;
    border-radius: 20px;
    position: relative;
    background-size: cover;
    overflow: hidden;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
  	transition: padding 0.3s ease-in-out;
}

.vcex-toggle.brand-faq.vcex-toggle--active {
    padding: 60px;
}

.brand-faq .vcex-toggle__heading {
    width: 50%;
    padding-right: 50px;
}

.brand-faq .vcex-toggle__content {
    width: 50%;
  	margin-bottom: 0px;
}

.vcex-toggle.brand-faq .vcex-toggle__trigger {
    padding: 0px;
}

.vcex-toggle.brand-faq.brand-faq-dark-blue {
    background-color: #042a3e;
}

.vcex-toggle.brand-faq.brand-faq-white {
    background-color: #ffffff;
}

.vcex-toggle.brand-faq.brand-faq-sky-blue {
    background-color: #33aef4;
}

.vcex-toggle.brand-faq.brand-faq-bg-image {
    background-image: url('/wp-content/uploads/2025/10/rectangle-13237.webp');
    background-position: 50% 50%;
}

.vcex-toggle.brand-faq.brand-faq-bg-image:before {
    content: '';
    background-color: #000000;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.wpb_column.home_small_colored_col {
    min-height: 200px;
}

.wpex-slider .sp-buttons {
    padding: 0px;
    top: auto;
    bottom: -20px;
    left: 0;
    right: 0;
}

.wpex-slider .sp-button {
    border-color: #bfbfbf;
    background-color: #bfbfbf;
    margin: 0px 7px;
    width: 14px;
    height: 14px;
}

.wpex-slider .sp-button:hover, .wpex-slider .sp-selected-button, .wpex-slider .sp-button:focus {
    background-color: #33aef4;
    border-color: #33aef4;
}


.vc_row-fluid.home-calculator-row .wpb_wrapper {
    max-width: 458px;
    margin: auto;
}
.slider-wrapper {
    max-width: 458px;
    margin: auto;
    display: inline-block;
}

.noUi-horizontal {
    width: 318px;
    height: 12px!important;
}

.noUi-connect {
    background: #33aef4 !important;
}
.noUi-handle {
    border-radius: 50%!important;
    background: #f33c58;
    border: 2px solid #fff;
    box-shadow: 0 1.5px 3px rgba(0,0,0,0.16);
    width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
}

.input-value, 
.noUi-handle:after, 
.noUi-handle:before {
	display: none!important;
}

.multiple-value {
	display: inline-block;
    padding: 8px 0 5px 1px;
    border-radius: 5px;
    box-shadow: inset 1px 1.5px 3px 0 rgb(0 0 0 / 8%);
    border: solid 1px #f0f0f0;
    background-color: #fff;
    width: 120px;
    text-align: center;
    margin-left: 15px;
    font-size: 24px;
    color: #d5d5d5;
    font-weight: 500;
}

.noUi-target {
    box-shadow: inset 0 1.5px 3px 0 rgba(0, 0, 0, 0.16);
    background-color: #f0f0f0;
}

.impact-result {
    margin-top: 40px;
}

.impact-heading {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: #333;
    margin-bottom: 5px;
}

/*******************************************************************************************/
/****************** Home Custom Tabs Carousel Tabs Css*************************************/
/******************************************************************************************/

.pwi-tabs-container {
    display: flex;
    width: 100%;
    height: 550px;
    overflow: hidden;
    position: relative;
    gap: 10px;
}

.pwi-tab {
    flex: 1;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: flex 0.5s ease;
    background-color: #333;
    color: white;
	border-radius: 20px;
}
.pwi-tab-content {
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    height: 100%;
    background-size: cover;
    background-position: center;
    color: white;
    transition: transform 0.5s ease;
}
.pwi-tab.pwi-active h2{
	transform: none;
    transform-origin: 0px;
	font-size: 42px;
}
.pwi-tab h2 {
    margin: 0;
    position: relative;
    z-index: 2;
    font-size: 32px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.25;
    color: #fff;
    transform: rotate(270deg);
    transform-origin: 6% 60%;
    display: block;
    min-width: 200px;
    text-align: left;
}
.pwi-tab.pwi-active p, .pwi-tab.pwi-active a{
	display: block;
}
.pwi-tab p {
    text-align: left;
	color: #fff;
	position: relative;
	z-index: 2;
	display: none;
	margin-top: 5px;
}
.pwi-tab a {
    padding: 10.6px 20px;
    background-color: #33aef4;
    color: white;
    border-radius: 23px;
    position: relative;
    z-index: 2;
    min-width: 140px;
	display: none;
}
.pwi-active {
    flex: 12; /* The active tab is larger by default */
}

.pwi-tab:not(.pwi-active):hover {
    flex: 12; /* Expand this tab on hover */
}

.pwi-tab:not(.pwi-active) {
    flex: 1; /* Shrink inactive tabs */
}

.pwi-tab:before
{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #000;
	opacity: 0.5;
	z-index: 1;
	border-radius: 20px;
}



.testimonial-card-inner-column>.vc_column-inner>.wpb_wrapper, .wpex-card-testimonial_3 .wpex-card-inner {
    padding: 25px;
    background: #fff;
    box-shadow: none;
    border-radius: 20px !important;

}

.testimonial-card-title h3.vcex-page-title__heading, .wpex-card-testimonial_3 .wpex-card-inner h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #33aef4;
    padding-top: 35px;
    margin-bottom: 10px;
    position: relative;
}

.testimonial-card-title h3.vcex-page-title__heading:before, .wpex-card-testimonial_3 .wpex-card-inner h3:before {
    content: '';
    width: 25px;
    height: 20px;
    background: url(/wp-content/uploads/2025/10/path-17934.webp);
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
}

.testimonial-card-content>.vcex-post-content-c>p, .wpex-card-testimonial_3 .wpex-card-excerpt p {
    font-size: 18px;
    line-height: 1.33;
    color: #333;
}

.testimonial-footer-row .testimonial-footer-thumbnail-column {
    width: 60px !important;
    height: 60px !important;
    background-color: #33aef4;
    border-radius: 30px;
}

.testimonial-footer-row .testimonial-footer-aside-column {
    width: calc(100% - 60px) !important;
}

.testimonial-author>li, .wpex-card-testimonial_3 .wpex-card-testimonial-author {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    color: #33aef4;
}

.testimonial-company>li, .wpex-card-testimonial_3 .wpex-card-testimonial-company {
    font-size: 16px;
    line-height: 1.3;
    color: #898989;
}


@media screen and (max-width : 1024px) {
h1, h1.vcex-heading, h1.wpex-heading {
    font-size: 52px;
}

h2, h2.vcex-heading, h2.wpex-heading {
    font-size: 48px;
}

h3, h3.vcex-heading, h3.wpex-heading {
    font-size: 36px;
}
}


@media screen and (max-width : 959px) {
h1, h1.vcex-heading, h1.wpex-heading {
    font-size: 48px;
}

h2, h2.vcex-heading, h2.wpex-heading {
    font-size: 42px;
}

h3, h3.vcex-heading, h3.wpex-heading {
    font-size: 32px;
}
}


@media screen and (max-width : 767px) {
h1, h1.vcex-heading, h1.wpex-heading {
    font-size: 42px;
}

h2, h2.vcex-heading, h2.wpex-heading {
    font-size: 36px;
}

h3, h3.vcex-heading, h3.wpex-heading {
    font-size: 28px;
}
	
h5, h5.vcex-heading, h5.wpex-heading {
    font-size: 24px;
}

.multi-buttons-inner-row.align-left>.vc_column-inner>.wpb_wrapper {
	justify-content: center;
}

.mob-align-center {
	text-align: center;
}
	
}

@media screen and (max-width : 479px) {
h1, h1.vcex-heading, h1.wpex-heading {
    font-size: 36px;
}

h2, h2.vcex-heading, h2.wpex-heading {
    font-size: 32px;
}

h3, h3.vcex-heading, h3.wpex-heading {
    font-size: 24px;
}
	
h5, h5.vcex-heading, h5.wpex-heading {
    font-size: 22px;
}
}


@media screen and (max-width : 991px) {
	.pwi-tabs-container {
    	flex-direction: column;
	}
	.pwi-tab h2 {
    	transform: none;
	}
	.pwi-active .pwi-tab-content{
		padding: 30px !important;
        justify-content: flex-end !important;
	}
	.pwi-tab .pwi-tab-content{
		padding: 0px 30px;
		justify-content:center;
	}
	.pwi-tab:not(.pwi-active){
    	flex: 2;
	}

}