/* 
Theme Name: Nuvantta
Theme URI: https://nuvantta.com/
Description: Nuvantta is a child theme of Hello Elementor built by Top Tier Digital Marketing
Author: Top Tier Digital Marketing
Author URI: https://toptierdigitalmarketing.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: nuvantta
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/**
 * Set the base font
 */
html{
    font-size: 20px;  
}
p{
    margin-top: 0;
}

/* Add your custom styles here */

:root {
  /* Global Padding Variables - Editable */
  /* Left and Right Padding All /Sections/Containers*/
  --fluid-side-padding-min: 1.25rem; /* 20px */
  --fluid-side-padding-max: 5rem;   /* 80px */

  /* Top and Bottom Padding All Containers*/
  --section-xxl-padding-min: 9.375rem; /* 150px */
  --section-xxl-padding-max: 10rem; /* 160px */ 

  --section-xl-padding-min: 6.875rem; /* 110px */
  --section-xl-padding-max: 7.5rem; /* 120px */

  --section-l-padding-min: 5.625rem; /* 90px */
  --section-l-padding-max: 6.25rem; /* 100px */

  --section-m-padding-min: 5rem; /* 80px */
  --section-m-padding-max: 5rem; /* 80px */

  --section-s-padding-min: 3.75rem; /* 60px */
  --section-s-padding-max: 3.75rem; /* 60px */

  --section-xs-padding-min: 2.5rem; /* 40px */
  --section-xs-padding-max: 2.5rem; /* 40px */

  --section-xxs-padding-min: 1.5rem; /* 24px */
  --section-xxs-padding-max: 1.5rem; /* 24px */
  
  --section-header-padding-min: 1.25rem; /* 20px */
  --section-header-padding-max: 1.25rem; /* 20px */


  /* Hero Sections Height Variable */
  --section-hero-height: 100vh; /* 100% the screen height */

  /* Offset Padding for Overlay Headers */
  --section-offset-header: 80px; /* Adjust to the overlay header's negative margin */

  /* Width For Narrow Sections*/
  --section-narrow: 62.5rem; /* 1000px */
  --section-narrow-xs: 45rem; /* 720px */
}


/* CSS Template (do not edit below) */
  
  
/* Section/Container Padding - Fluid Variants */
.section-xxl {
  padding-top: clamp(var(--section-xxl-padding-min), 1.087vw + 9.13rem, var(--section-xxl-padding-max));
  padding-bottom: clamp(var(--section-xxl-padding-min), 1.087vw + 9.13rem, var(--section-xxl-padding-max));
  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
}

.section-xl {
  padding-top: clamp(var(--section-xl-padding-min), 1.087vw + 6.63rem, var(--section-xl-padding-max));
  padding-bottom: clamp(var(--section-xl-padding-min), 1.087vw + 6.63rem, var(--section-xl-padding-max));
  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
}

.section-l {
  padding-top: clamp(var(--section-l-padding-min), 1.087vw + 5.38rem, var(--section-l-padding-max));
  padding-bottom: clamp(var(--section-l-padding-min), 1.087vw + 5.38rem, var(--section-l-padding-max));
  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
}

.section-m {
  padding-top: clamp(var(--section-m-padding-min), 0vw + 5rem, var(--section-m-padding-max));
  padding-bottom: clamp(var(--section-m-padding-min), 0vw + 5rem, var(--section-m-padding-max));
  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
}

.section-s {
  padding-top: clamp(var(--section-s-padding-min), 0vw + 3.75rem, var(--section-s-padding-max));
  padding-bottom: clamp(var(--section-s-padding-min), 0vw + 3.75rem, var(--section-s-padding-max));
  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
}

.section-xs {
  padding-top: clamp(var(--section-xs-padding-min), 0vw + 2.5rem, var(--section-xs-padding-max));
  padding-bottom: clamp(var(--section-xs-padding-min), 0vw + 2.5rem, var(--section-xs-padding-max));
  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
}

.section-xxs {
  padding-top: clamp(var(--section-xxs-padding-min), 0vw + 1.5rem, var(--section-xxs-padding-max));
  padding-bottom: clamp(var(--section-xxs-padding-min), 0vw + 1.5rem, var(--section-xxs-padding-max));
  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
}

.section-header {
  padding-top: clamp(var(--section-header-padding-min), 0vw + 1.25rem, var(--section-header-padding-max));
  padding-bottom: clamp(var(--section-header-padding-min), 0vw + 1.25rem, var(--section-header-padding-max));
  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
}

/* Hero Container/Sections Height */
.section-hero {
  min-height: var(--section-hero-height)!important;
}

.section-hero .e-con-inner {
  justify-content: center!important;
}
  
/* Full Width Sections - No Side Padding */

.section-full div {
  max-width: 100%!important;
}


/* Narrow Sections */
.section-narrow .e-con-inner {
  max-width: var(--section-narrow)!important;
}

.section-narrow-xs .e-con-inner {
  max-width: var(--section-narrow-xs)!important;
}


/* Offset Padding for Overlay Headers */
.section-offset {
  padding-top: calc(var(--section-offset-header) + var(--section-xxl-padding-min));
}

/* Setting maximum width for a section */
.section-maxwidth {
  max-width: 1920px !important;
}

/* 
* 
* Theme Styling 
*
*/
ol li,
ul li{
    margin-bottom: 1rem;
}

body header .elementor-sticky.elementor-sticky--effects {
    background: #014431;
    box-shadow: inset 0 -10px 22px #0019154d;
    border-bottom: 1px solid #C0983A;
}
.elementor-nav-menu--main .elementor-item:hover,
.elementor-nav-menu--main .elementor-item.elementor-item-active {
    text-shadow: 1px 0px 0 #ffffff;
}
.elementor-nav-menu--main .elementor-item:hover:after,
.elementor-nav-menu--main .elementor-item.elementor-item-active:after {
    content: "";
    height: 2px !important;
    width: 100%;
    position: absolute;
    bottom: -2px;
    background: #fff;
}
span.highlight {
    color: #C0983A;
}
.sets_apart_block:hover h4 {
    color: #fff !important;
}
.sets_apart_block:hover .elementor-widget-text-editor {
    color: #fff !important;
}

.m_txt{
	font-size: 2.5rem;
    font-weight: 700;
    line-height: 2.8rem;
    color: #014431;
    width: 100%;
    display: block !important;
}
.m_txt.intro_title {
    font-size: 1.5rem;
    line-height: 1.5;
}
span.highlight.shw:after {
    content: "";
	display: none;
    border-bottom: 3px solid #C0983A;
    position: absolute;
    bottom: 0px;
    height: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
span.highlight .word {
    border-color: #fff;
}
span.highlight.shw .word {
    border-bottom: 3px solid #C0983A;
    margin: 0;
    padding: 0;
    float: none;
    padding-right: 13px;
    margin-right: -15px;
}
span.highlight.shw .word:last-child {
    padding-right: 0;
}
[text-split] {
   opacity: 0;
}
.elementor-editor-active [text-split] {
   opacity: 1;
}
.word {
    overflow: hidden;
    padding-bottom: 0.05em;
    margin-bottom: -0.05em;
    transform-origin: bottom;
}
.list_style span.elementor-icon-list-text > span {
	display: block;
    font-weight: 400;
    font-size: 20px;
    margin-top: 15px;
}
body:not(.elementor-editor-active) .service_tab{
	cursor: pointer;
	transition: all 200ms linear;
	-moz-transition: all 200ms linear; 
	-webkit-transition: all 200ms linear; 
	-o-transition: all 200ms linear;
	height: 450px;
}
body:not(.elementor-editor-active) .service_tab.service_hide{
	background-color: transparent !important;
    border: 1px solid #014431 !important; 
	transition: all 200ms linear;
	-moz-transition: all 200ms linear; 
	-webkit-transition: all 200ms linear; 
	-o-transition: all 200ms linear;
	 height: auto;
}
body:not(.elementor-editor-active) .service_tab.service_hide .elementor-widget-text-editor,
body:not(.elementor-editor-active) .service_tab.service_hide .elementor-widget-spacer,
body:not(.elementor-editor-active) .service_tab.service_hide .elementor-widget-heading,
body:not(.elementor-editor-active) .service_tab.service_hide .elementor-widget-icon-box{
	display: none;
}
body:not(.elementor-editor-active) .service_tab.service_hide .service_heading.elementor-widget-heading{
    display: block;
}
body:not(.elementor-editor-active) .service_tab.service_hide:before{
	background: transparent !important;
}
body:not(.elementor-editor-active) .service_tab.service_hide .elementor-heading-title{
	color: #014431 !important;
}
 

.elementor-swiper-button svg {
    display: none !important;
}
.elementor-swiper-button {
    top: -50px !important;
}
.elementor-swiper-button.elementor-swiper-button-prev {
    background-image: url("images/prev.png");
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    left: auto !important;
    right: 73px !important;
}
.elementor-swiper-button.elementor-swiper-button-next {
    background-image: url("images/next.png");
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    left: auto;
    right: 20px !important;
}
.elementor-swiper-button.elementor-swiper-button-prev:hover {
    background-image: url("images/prev_hover.png");
}
.elementor-swiper-button.elementor-swiper-button-next:hover {
    background-image: url("images/next_hover.png");
}
.home_service:hover h6.elementor-heading-title{
    color: #C0983A !important;
}
.home_service:hover .elementor-widget-text-editor{
    color: #ffffff !important;
}
.home_service:hover .elementor-button {
    background-color: #C0983A !important;
}
.elementor-field-group-describes_you .elementor-field-subgroup {
    justify-content: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.elementor-field-group-describes_you .elementor-field-subgroup > span.elementor-field-option {
    flex-basis: 100%;
    width: 50%;
    max-width: 50%;
    margin-top: 10px;
}
.insight_head a.elementor-post__read-more{
    background: #C0983A !important;
    color: #ffffff !important;
    padding: 13px 50px 13px 50px !important;
    display: inline-block;
    border-radius: 5px;
}
.insight_head a.elementor-post__read-more:hover{
	background: #014431 !important;
    color: #ffffff !important;
}
nav.elementor-pagination .page-numbers {
    background: #014431;
    color: #fff !important;
    padding: 10px 20px;
    font-weight: 400 !important;
    border-radius: 5px;
}
nav.elementor-pagination span.page-numbers{
	opacity: 0.3;
}
nav.elementor-pagination span.page-numbers.current {
    background: #C0983A;
	opacity: 1;
}
nav.elementor-pagination a.page-numbers:hover {
    background: #C0983A;
}
.button_hover .elementor-button-icon {
    padding-left: 5px;
    transition: padding 300ms linear;
    -moz-transition: padding 300ms linear;
    -o-transition: padding 300ms linear;
    -webkit-transition: padding 300ms linear;
}
.button_hover:hover .elementor-button-icon {
    padding-left: 20px;
    -moz-transition: padding 300ms linear;
    -o-transition: padding 300ms linear;
    -webkit-transition: padding 300ms linear;
}

body:not(.elementor-editor-active) footer.elementor-location-footer {
    position: sticky;
    inset: auto 0% 0%;
    overflow: visible;
}
body:not(.elementor-editor-active) div[data-elementor-type="wp-page"],
body:not(.elementor-editor-active) div[data-elementor-type="single-post"] {
    background: #F9F7F5;
	position: relative;
	z-index: 9;
}
div#cky-policy-container {
    color: #014431;
}
div#cky-policy-container h1,
div#cky-policy-container h2,
div#cky-policy-container h3{
    color: #014431;
	margin-top: 0;
}
div#cky-policy-container a.cky-banner-element {
    display: inline-block;
    margin-bottom: 20px;
    background: #C0983A;
    color: #fff;
    border-color: #C0983A;
    font-family: "Montserrat", Sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.2rem;
    text-transform: uppercase;
}
div#cky-policy-container a {
    color: #014431;
}
@media  (max-width: 1650px) {
.elementor-92 .elementor-element.elementor-element-fa3f421 .elementor-nav-menu .elementor-item {
    font-size: 0.9rem;
    padding-left: 5px;
    padding-right: 5px;
}
body:not(.elementor-editor-active) .service_tab {
    height: auto;
}
}
@media  (max-width: 1450px) {
.elementor-kit-6 .elementor-button {
    padding: 10px 20px;
}
}

@media  (max-width: 1350px) {
.elementor-92 .elementor-element.elementor-element-fa3f421 .elementor-nav-menu .elementor-item {
    font-size: 0.8rem;
    padding-left: 10px;
    padding-right: 10px;
}
}
@media  (max-width: 800px) {
html{
    font-size: 18px;  
}
}

@media  (max-height: 900px) {
body:not(.elementor-editor-active) footer.elementor-location-footer {
    position: relative;
    z-index: 0;
    inset: auto 0% 0%;
    overflow: hidden;
}
}

@media  (max-width: 600px) {
.m_txt {
    font-size: 2rem;
    line-height: 2rem;
}
body:not(.elementor-editor-active) footer.elementor-location-footer {
    position: relative;
    z-index: 0;
    inset: auto 0% 0%;
    overflow: hidden;
}
.footer_menu .elementor-nav-menu {
    justify-content: center;
}
.elementor-swiper-button.elementor-swiper-button-prev {
    width: 30px;
    height: 30px;
    right: 35px !important;
}
.elementor-swiper-button.elementor-swiper-button-next {
    width: 30px;
    height: 30px;
     right: 0 !important;
}
}

@media  (max-width: 480px) {
html{
    font-size: 16px;  
}
}