/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


/*--------------------------animations-------------------------------*/
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}

/* Apply to your element */
.floating {
  animation: float 3s ease-in-out infinite;
}
/*--------------------sec1----------------------------*/
#sec1 .row-bg.viewport-desktop.using-image, #sec3 .row-bg.viewport-desktop.using-image, #consec .row-bg.viewport-desktop.using-image, #abt-sec .row-bg.viewport-desktop.using-image {
    background-size: 100% 120%;
    top: 0%;
    opacity: 0.05;
}
#sec1 .hd2 span.ng-star-inserted {
    background: black;
    padding: 10px 50px;
}
#sec1 img.ig1 {
    width: 60%;
    margin: 2% auto;
	  animation: float 3s ease-in-out infinite;
}
#sec1 img.ig2 {
    width: 48%;
/*     margin: -42% auto; */
}
div#in11 {
    margin-top: -57%;
}
#sec1 .hd1 {
    margin-bottom: -65px;
}
#sec1 .hd2 {
    z-index: 5 !important;
    position: relative;
    top: 37%;
}
#sec1 .hd2 h3{
	color:white;
}
/* #sec1 .row-bg.viewport-desktop.using-bg-color {
    overflow: hidden;
} */
#sec1 #bt-sec{
    margin-top: -16%;
}
#sec1 #bt-sec .btn1 {
    background: #FFB52E !important;
    padding: 16px 35px;
    font-size: 30px;
    transition: all 0.3s 
ease;
}
/* #sec1 #bt-sec .btn1:hover {
    box-shadow: 0 0 15px #f6c46a80 !important;
    transform: translateY(-2px);
} */
#sec1 #bt-sec .btn1:hover {
    box-shadow: 0 0 15px #f6c46a80 !important;
    transform: translateY(-2px);
    background: url(https://novarapparel.com/wp-content/uploads/2025/10/ChatGPT-Image-Oct-12-2025-04_01_27-AM.png) no-repeat !important;
    background-size: 21% 73% !important;
    background-color: white !important;
    background-position: 95% center !important;
    padding-right: 60px;
    color: black;
    transition: all 0.3s ease;
}
/*--------------------sec3---------------------------*/
/* #sec3 .row-bg.viewport-desktop.using-image {
    background-size: 100% 70%;
    background-position: bottom center !important;
    opacity: 0.1;
} */
#sec3 .hd2 {
    padding-top: 50px;
}
#sec3 .nectar-scrolling-text.text_space_large {
    overflow: visible !important;
    transform: rotate(-5deg);
}
#sec3 .nectar-scrolling-text.text_space_large .nectar-scrolling-text-inner__text-chunk {
    background: black;
    padding: 16px 50px;
}
/*----------------------contsact-----------------------------*/
#consec h2 {
    font-size: 210px;
    letter-spacing: 2px;
    line-height: 200px;
}
#consec .ctxt2 .wpb_wrapper {
    display: flex;
    gap: 20%;
}
/*------------------------ftsec---------------------------*/
#ftsec .sc-ic ul li {
    list-style: none;
    font-size: 31px;
}

#ftsec .sc-ic ul {
    display: flex
;
    margin: unset;
    justify-content: center;
    gap: 60px;
}

/*-----------------------------responsiv----------------------------------------*/
@media (min-width: 1024px) {
 div#sec1 {
    padding-bottom: 4% !important;
}
	#sec1 .hd2 h3 {
    font-size: 16px;
}
#sec1 .hd2 {
    z-index: 5 !important;
    position: relative;
    top: 43%;
}
	#sec3 .nectar-scrolling-text.text_space_large .nectar-scrolling-text-inner__text-chunk {
    background: black;
    padding: 8px 50px;
}
	#sec3 .nectar-scrolling-text.text_space_large h2 {
    font-size: 50px;
}
	#consec h2
 {
    font-size: 138px;
    letter-spacing: 2px;
    line-height: 140px;
}
}
@media (min-width: 820px) {

#sec1 h1
 {
    font-size: 80px;
}
	#sec1 .hd2 span.ng-star-inserted {
    padding: 10px 20px;
}
	#sec1 .hd2 h3 {
    font-size: 14px;
}
	#abt-sec .ig22 {
    width: 66%;
    margin: 0 auto;
}
	#abt-sec .divider-vertical.nectar-bg-black {
    display: none;
}
}
@media (min-width: 768px) {}
@media (min-width: 480px) {}
@media (min-width: 414px) {}
@media (min-width: 390px) {}
@media (min-width: 375px) {}
@media (min-width: 360px) {}