/*
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
*/



body .fa.fa-angle-down:before {
    content: "\e60a";
    color: #000 !important;
    opacity: 1;
}

ul.sub-menu.tracked-pos {
    margin-top: -40px;
}

header#top .container {
    background-color: #e3fff2;
    width: 82%;
    padding-left: 14px;
    padding-right: 0;
}

#top ul li a span {
    color: #000 !important;
}

#btnn {
    padding: 16px 45px;
    border-radius: 10px !important;
    background: linear-gradient(#36FDA2, #3762EA);
}

#btnn:hover {
     background: transparent !important;
	 border: 1px solid #36FDA2;
	color: #3762EA;
}

/* -------------------- ------------------ ------------ */

.box2 {
    background: linear-gradient(#36FDA2, #3762EA);
    padding: 16px 30px;
}

.box1 a i {
    margin-right: 8px;
    color: #fff;
    font-size: 22px;
}


.nectar-center-text {
    max-width: 100% !important;
}

.nectar-center-text .top-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#header-secondary-outer {
    padding: 7px 0px;
}

.nectar-center-text .top-nav a {
    margin: 0px;
}

.nectar-center-text .top-nav span.line {
    margin: 0px 10px;
    background-color: #fff;
    width: 1px;
    height: 18px;
    display: inline-block;
    position: relative;
    margin-top: -20px;
    top: 4px;
}

.nectar-center-text .top-nav .box2 a {
    margin: 0px 10px;
}

.nectar-center-text .top-nav .box2 a i {
    background: transparent !important;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
}

.box2 p {
    display: contents;
    font-size: 18px;
}

.nectar-center-text .top-nav .box2 a i:hover {
    background-color: #B6D666 !important;
}

.box1 a i {
    color: #36f1a8;
}

/* -------------------- ------------------ ------------ */

#ro-1 p {
    font-size: 18px;
    line-height: 30px;
}

/* -------------------- ------------------ ------------ */

#ro-2 .nectar-milestone.animated-in {
    background-image: url(http://stagingserver3.com/Bykare/wp-content/uploads/2025/06/BackgroundBorder.png);
    background-repeat: no-repeat;
    border-radius: 80px;
    padding: 20px 0px 20px 0px;
    width: 90%;
    color: #fff;
}

#ro-2 .number.default {
    font-size: 45px !important;
    margin-bottom: -30px;
    font-weight: 700;
}

#ro-2 .subject {
    margin-top: -8px;
}

#ro-2 span.symbol {
    font-size: 60px !important;
    font-weight: 700;
}

/* #ro-2 .iwithtext {
    background: linear-gradient(#36FDA2, #3762EA);
    width: 26%;
    border-radius: 50px;
    padding: 2px 0px;
}

#ro-2 .iwt-icon img {
    width: 35px !important;
    position: relative;
    left: 5px;
} */

#ro-2 h3 {
    font-weight: 600;
}

/* -------------------- ------------------ ------------ */

#inn-1 .iwithtext {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px !important;
    border-radius: 20px !important;
    padding: 8px 20px !important;
	background: transparent !important
}

#inn-1  .iwt-icon img {
    width: 52px !important;
    position: relative;
    top: 17px;
    left: 12px;
}

/* -------------------- ------------------ ------------ */

#ro-3 #btnn {
    position: relative;
    top: -40px;
    border-radius: 50px !important;
}

#ro-3 .imgg-4 {
    width: 100%;
}

/* -------------------- ------------------ ------------ */

#ro-4 .nectar-progress-bar.completed p {
    color: #2C374B;
    font-size: 18px;
    font-weight: 700;
}

body .nectar-progress-bar .bar-wrap span strong {
    font-size: 16px !important;
    line-height: 12px !important;
    color: #2C374B;
    font-weight: 700;
    margin-top: -10px;
}

.nectar-progress-bar span {
    background: linear-gradient(#36FDA2, #3762EA);
}

body .nectar-progress-bar .bar-wrap span strong i {
    font-size: 16px !important;
    line-height: 12px !important;
}

/* -------------------- ------------------ ------------ */

#ro-5 .row-bg.viewport-desktop.using-image {
    background-size: contain !important;
}

#ro-5 h2 {
    font-size: 39px;
    line-height: 1.3;
    margin-bottom: -31px;
}

#ro-5 #btnn:hover {
    background: transparent !important;
    border: 2px solid #fff;
    color: #fff;
}

#ro-5 .imdgg-5 {
    width: 18%;
    margin-top: 40px;
}

/* -------------------- ------------------ ------------ */

#ro-7 .txt-info {
    margin-top: -120px !important;
    background-color: #1c2d3769;
    color: #fff;
    padding: 5px 20px;
    width: 90%;
    margin: auto;
    border-radius: 15px 15px 15px 15px !important;
}

#ro-7 .wp-image-81 {
    position: absolute;
    right: 19px;
    top: 12px;
}

/* ----------------- ------------------ ------------------- */

div#inng-3 .txt-info {
    border-radius: 40px 50px 0px 10px !important;
    background-image: url(http://stagingserver3.com/Bykare/wp-content/uploads/2025/06/Background-7.png);
    background-repeat: no-repeat;
    padding: 50px 30px;
}

div#inng-3 .wp-image-85 {
    position: absolute;
    right: 0;
    bottom: 3px;
}

div#inng-3 .iwt-icon img:not([srcset]) {
    width: 60px;
}

div#inng-3 .iwt-text {
    padding-left: 70px;
    position: relative;
}

div#inng-3 .iwithtext {
    position: relative;
    left: 40px;
    top: -20px;
}

/* ----------------- ------------------ ------------------- */

#ro-9 input {
    background-color: #F8F8F8;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 4px 2px 0px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    padding: 17px 20px;
    border-radius: 0px !important;
    color: #666;
}

#ro-9 textarea {
    background-color: #F8F8F8;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 4px 2px 0px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    padding: 17px 20px;
    border-radius: 0px !important;
    color: #666;
}

#ro-9 button:hover {
     background: transparent !important;
	 border: 1px solid #36FDA2;
	color: #3762EA;
}

#ro-9 button {
    padding: 16px 45px !important;
    border-radius: 10px !important;
    background: linear-gradient(#36FDA2, #3762EA) !important;
    opacity: 1;
}

#ro-9 input::placeholder {
  color: #000 !important;
}

#ro-9 textarea::placeholder {
  color: #000 !important;
}

/* ----------------- ------------------ ------------------- */

div#footer-outer {
    display: none !important;
}

div#footer-widgets {
    display: none !important;
}

/*---------------------------------------------------------------------------*/

@media (max-width: 1600px) {}

/*---------------------------------------------------------------------------*/

@media (max-width: 1440px) {}


/*---------------------------------------------------------------------------*/

@media (max-width: 1366px) {
		#top ul li a {
    font-size: 15px !important;
}
	header#top .container {
    width: 86.5%;
}
	
}


/*---------------------------------------------------------------------------*/

@media (max-width: 1280px) {
	#top ul li a {
    font-size: 14px !important;
}
	header#top .container {
    width: 86%;
}
	#ro-5 .row-bg.viewport-desktop.using-image {
    background-size: auto !important;
}
	
}


/*---------------------------------------------------------------------------*/

@media (max-width: 1024px) {
	
	h2 {
    font-size: 30px !important;
    line-height: 40px !important;
}
	p {
    font-size: 13px;
    line-height: 1.3;
}
	
}


/*---------------------------------------------------------------------------*/

@media (max-width: 900px) {
	
	header#top .container {
    width: 86%;
    margin-top: -10px;
    padding: 19px 20px;
}
	#ro-1 .imgg-1 {
    width: 100%;
}

    #ro-1 .imgg-2 {
    width: 100%;
}
	
}


/*---------------------------------------------------------------------------*/

@media (max-width: 768px) {}

/*---------------------------------------------------------------------------*/

@media (max-width: 480px) {}


/*---------------------------------------------------------------------------*/

@media (max-width: 444px) {}


/*---------------------------------------------------------------------------*/

@media (max-width: 360px) {}