/*
Theme Name: Vita Support Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: vita-support
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Vita Support is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1750308011
Updated: 2025-06-19 04:40:11

*/

header#masthead .hfe-site-logo-container img {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(231deg) brightness(105%) contrast(101%);}
.headericobox .elementor-icon {background-color: #fece00; border-radius: 100px; padding: 14px;}
.headericobox .elementor-icon-box-title {margin-top: 0px;}
header#masthead .headericobox .elementor-icon-box-title, header#masthead .headericobox .elementor-icon-box-description {color: #fff;}
header#masthead .headericobox .elementor-icon-box-wrapper:hover .elementor-icon-box-title {color: #fece00;}
.sitefooter .hfe-nav-menu li a {background-image: url('images/menu-arrow.png'); background-repeat: no-repeat; background-position: 0% 50%;}
.circlebtn .bdt-ep-creative-button--skoll {
    width: 125px !important;
    height: 125px !important;
	background-image: url('images/btnarrow.png') !important;
	background-repeat: no-repeat !important;
    background-position: 50% 68% !important;
}
.circlebtn .bdt-ep-creative-button--skoll:hover {background-color: #fff !important; background-blend-mode: difference;}
.workboxwrapper .workbox .elementor-image-box-img {position: relative;}
.workboxwrapper .workbox:nth-child(1) .elementor-image-box-img:after {
	position: absolute;
    content: "";
    top: 43%;
    right: -77px;
    width: 80px;
    height: 6px;
    background-color: #a2d216;
}
.workboxwrapper .workbox:nth-child(2) .elementor-image-box-img:after {
	position: absolute;
    content: "";
    top: 43%;
    right: -77px;
    width: 80px;
    height: 6px;
    background-color: #ff9a2d;
}
.workboxwrapper .workbox:nth-child(3) .elementor-image-box-img:after {
	position: absolute;
    content: "";
    top: 43%;
    right: -77px;
    width: 80px;
    height: 6px;
    background-color: #ffc12d;
}
.service_box {
	font-family: "Fredoka", Sans-serif;
	margin: 10px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0px 0px 15px 0px #00000038;
    border-radius: 0px 100px 100px 100px;
}
.service_box .service-thumb img {border-radius: 0px 100px 100px 100px; height: 326px; object-fit: cover;}
.service_box .service-title h3 {font-size: 24px; font-weight: 700; color: #140855; line-height: 1.1; margin: 0;}
.service_box .serviceboxcont {padding: 0px 0px 0px 30px; display: flex; align-items: center;}
.serviceicon span {
	width: 108px; 
	height: 108px;
	border-radius: 100px;
	display: flex;
	padding: 20px;
    border: 10px solid #fff;
	margin-right: -7px;
}
#servicewrap .owl-stage .owl-item:nth-child(odd) .serviceicon span {
	background-color: #a2d216;
}
#servicewrap .owl-stage .owl-item:nth-child(even) .serviceicon span {
	background-color: #fece00;
}
#servicewrap .owl-nav button span {display: none;}
#servicewrap .owl-nav button {
	background-color: #fff !important;
	border-radius: 100px;
	border: 1px solid #140855 !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	width: 50px;
    height: 50px;
}
#servicewrap .owl-nav button:hover {background-color: #fece00 !important; border: 1px solid #fece00 !important;}
#servicewrap .owl-nav .owl-prev {
	background-image: url('images/left.png') !important;
}
#servicewrap .owl-nav .owl-next {
	background-image: url('images/right.png') !important;
}
.elementor-button-icon {rotate: 318deg;}
.bannersection .swiper-pagination {
	flex-direction: column;
    gap: 12px;
}
.bannersection .bdt-position-z-index {right: 80px;}
.bannersection .swiper-pagination-bullet {opacity: 1;}
.hfe-breadcrumbs a {text-decoration: none;}
.imgboxsection .elementor-icon-box-title {margin-top: 0px;}
.imgboxsection .elementor-icon {background-color: #fece00; border-radius: 100px; padding: 20px;}
.inputwrap {display: flex; gap: 10px;}
.inputwrap div {width: 50%;}
.formbtn {position: relative; text-align: center; margin-top: 25px;}
.formbtn p {margin-bottom: 0px;}
.formbtn .wpcf7-spinner {position: absolute; top: 5px; background-color: #140855;}
.wpcf7-response-output {
	font-family: "Roboto Slab", Sans-serif;
    font-size: 15px;
    font-weight: 400;
	text-align: center;
	font-size: 15px;
}
.wpcf7-not-valid-tip {font-family: "Roboto Slab", Sans-serif; font-size: 15px;}
.wpcf7-form textarea {font-family: "Roboto Slab", Sans-serif; font-size: 15px;}
.service_outerwrap {padding: 80px 20px; font-family: "Roboto Slab", Sans-serif;}
.service_outerwrap:nth-child(odd) {
	background-image: url('images/dd.png');
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
.service_outerwrap:nth-child(even) {background-color: #e2fffe;}
.service_outerwrap:nth-child(even) .service_innerwrap {flex-direction: row-reverse;}
.service_innerwrap {display: flex; align-items: center; max-width: 990px; margin: auto;}
.service_innerwrap .image_main_wrap {width: 50%; position: relative;}
.service_outerwrap:nth-child(odd) .image_main_wrap {padding-bottom: 30px; padding-left: 30px;}
.service_outerwrap:nth-child(even) .image_main_wrap {text-align: right; padding-bottom: 30px; padding-right: 30px;}
.service_outerwrap:nth-child(odd) .image_main_wrap:before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	background-color: #fece00;
	width: 162px;
	height: 80%;
}
.service_outerwrap:nth-child(even) .image_main_wrap:before {
	position: absolute;
	content: "";
	bottom: 0;
	right: 0;
	background-color: #a2d216;
	width: 162px;
	height: 80%;
}
.service_innerwrap .image_main_wrap img {width: 414px; height: 450px; object-fit: cover; border-radius: 0px 100px 100px 100px; z-index: 2; position: relative;}
.service_innerwrap .sercontent {width: 50%;}
.service_innerwrap .sercontent a {color: #140855; font-weight: 600;}
.service_outerwrap:nth-child(odd) .sercontent {padding-left: 10px;}
.service_outerwrap:nth-child(even) .sercontent {padding-right: 20px;}
.service_innerwrap .sercontent h4 {font-family: "Fredoka", Sans-serif; font-weight: 700; color: #140855; font-size: 24px; line-height: 1; margin-top: 17px; margin-bottom: 12px;}
.service_innerwrap .sercontent ul {padding-left: 0px; list-style: none;}
.service_innerwrap .sercontent ul li, .service_innerwrap .sercontent p {color: #343333; font-size: 15px; line-height: 1.5;}
.service_innerwrap .sercontent ul li {margin-bottom: 4px; position: relative; padding-left: 18px;}
.service_innerwrap .sercontent ul li:before {
	position: absolute;
	content: "";
	top: 6px;
	left: 0;
	width: 11px; 
	height: 11px;
	background-color: #fece00; 
	border-radius: 100px;
}
.service_outerwrap h2 {font-family: "Fredoka", Sans-serif; font-weight: 700; color: #140855; line-height: 1; font-size: 60px; margin-top: 0; margin-bottom: 10px;}
body.error404 header#masthead .siteheader {background-color: #140855; margin-top: 0px; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px;}
body.error404 .site-main {text-align: center; padding: 50px 20px;}
body.error404 .site-main h1 {font-family: "Fredoka", Sans-serif; font-size: 45px; line-height: 1; color: #140855; font-weight: 700;}
body.error404 .site-main p {font-family: "Roboto Slab", Sans-serif; font-size: 15px;}



@media only screen and (min-width: 1025px) and (max-width: 1200px) {
.service_outerwrap h2 {font-size: 50px;}	
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
header#masthead .headericobox .elementor-icon-box-title, header#masthead .headericobox .elementor-icon-box-description {color: #140855;}	
header#masthead .hfe-site-logo-container img {filter: brightness(0) saturate(100%) invert(12%) sepia(59%) saturate(3075%) hue-rotate(240deg) brightness(77%) contrast(116%);}
.bannersection .bdt-position-z-index {right: 20px;}
.service_box, .service_box .service-thumb img {
    border-radius: 0px 80px 80px 80px;
}
.service_box .service-title h3 {
	font-size: 22px; 
}
.serviceicon span {
    width: 70px;
    height: 70px;
    padding: 10px;
}
.imgboxsection .elementor-icon {padding: 11px;}
.service_outerwrap h2 {font-size: 35px;}
.service_innerwrap .sercontent h4 {font-size: 22px;}
.service_innerwrap .image_main_wrap img {
    height: 400px;
    border-radius: 0px 80px 80px 80px;
}
.service_outerwrap:nth-child(odd) .sercontent {padding-left: 30px;}
.service_outerwrap:nth-child(even) .sercontent {padding-right: 30px;}
.service_outerwrap {padding: 55px 20px;}
body.error404 header#masthead .siteheader {background-color: #fff;}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
header#masthead .hfe-site-logo-container img {filter: brightness(0) saturate(100%) invert(12%) sepia(59%) saturate(3075%) hue-rotate(240deg) brightness(77%) contrast(116%);}	
header#masthead .headericobox .elementor-icon-box-title, header#masthead .headericobox .elementor-icon-box-description {color: #140855;}
.headericobox .elementor-icon {padding: 9px;}
.sitefooter .hfe-nav-menu li a {justify-content: center !important; text-align: center; background-size: 0px;}
.bannersection .bdt-position-z-index {right: 8px;}
.workboxwrapper .workbox:nth-child(1) .elementor-image-box-img:after, .workboxwrapper .workbox:nth-child(2) .elementor-image-box-img:after, .workboxwrapper .workbox:nth-child(3) .elementor-image-box-img:after {display: none;}
.service_box, .service_box .service-thumb img {
    border-radius: 0px 60px 60px 60px;
}
.service_box .serviceboxcont {padding: 0px 0px 0px 10px;}
.serviceicon span {
    width: 70px;
    height: 70px;
    padding: 10px;
}
.service_box .service-title h3 {
	font-size: 20px; 
/* 	overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
           line-clamp: 2; 
   -webkit-box-orient: vertical; */
}
.inputwrap {display: block;}
.inputwrap div {width: 100%;}
.service_innerwrap {display: block; max-width: 420px;}
.service_outerwrap:nth-child(odd) .image_main_wrap:before, .service_outerwrap:nth-child(even) .image_main_wrap:before {display: none;}
.service_outerwrap:nth-child(odd) .image_main_wrap {
	text-align: center;
    padding-bottom: 0;
    padding-left: 0;
}
.service_innerwrap .image_main_wrap, .service_innerwrap .sercontent {width: 100%;}
.service_outerwrap h2 {font-size: 30px;}
.service_outerwrap:nth-child(even) .image_main_wrap {
    text-align: center;
    padding-bottom: 0px;
    padding-right: 0px;
}
.service_outerwrap {padding: 40px 20px;}
.service_innerwrap .image_main_wrap img {
    width: 414px;
    height: 400px;
    border-radius: 0px 60px 60px 60px;
}
.service_innerwrap .sercontent h4 {font-size: 22px;}
.service_outerwrap:nth-child(odd) .sercontent {
    padding-left: 0;
    padding-top: 15px;
}
.service_outerwrap:nth-child(even) .sercontent {
    padding-right: 0;
    padding-top: 15px;
}
body.error404 .site-main h1 {font-size: 30px;}
body.error404 header#masthead .siteheader {background-color: #fff;}
}