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

img.animated_icon {
animation: scale 1.5s ease-in-out infinite; 
animation-direction:alternate;
}


@keyframes scale{
  to{ transform: scale(0.9); }
}

/* ANIMATIONS */

/* THEME BUTTON */

html body div#ajax-content-wrap a.nectar-button.theme_button {
    padding: 12px 30px;
    border-radius: 30px !important;
    font-size: 18px;
    background-color: #2878bd !important;
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .5s ease-out;
	background-image: linear-gradient(to right, #25a9e0 50%, #1f9cd8 50%, #1f8fcf 50%, #2282c5 50%, #2875bb 50%);
}

html body div#ajax-content-wrap a.nectar-button.theme_button:hover {
	background-position: left bottom;
}

/* THEME BUTTON */

/* HOVER IMAGE */

.hover_image {
	transition:0.9s !important
}

.hover_image:hover {
	transform:scale(0.9) !important;
}
/* HOVER IMAGE */

/* MILE STONE */

.nectar-milestone .number h3,
.nectar-milestone .number .symbol-wrap {
    font-weight: 800;
    color: #2878bd !important;
}

.nectar-milestone .subject {
    font-size: 19px !important;
    color: #333333 !important;
}

/* MILE STONE */

/* NAVIGATIONS */

li.login_btn a {
    border: 2px solid #30ade2;
    padding: 12px 30px !important;
    border-radius: 30px !important;
    color: #000 !important;
	transition: all .5s ease-out;
}

li.login_btn a:hover {
	background-image: linear-gradient(to right, #25a9e0, #1f9cd8, #1f8fcf, #2282c5, #2875bb);
	color: #fff !important;
}

body #header-outer[data-lhe="animated_underline"] #top nav >ul >li:not([class*="button_"]) >a .menu-title-text:after {
    border: none !important;
}

header#top nav ul.sf-menu.sf-js-enabled.sf-arrows {
    justify-content: flex-start !important;
    margin-left: 25px !important;
}

header#top nav ul.sf-menu.sf-js-enabled.sf-arrows li a {
    color: #000 !important;
}

/* NAVIGATIONS */


/* BANNER SEC */

div#banner_Sec .row-bg.using-image.loaded {
    background-size: 100% 100% !important;
}

/* BANNER SEC */

/* INSTANT PAYMENT SEC */

div#instant_payment_inner_service_sec {
    bottom: -50px;
}

div#instant_payment_inner_service_sec .vc_col-sm-3 .vc_column-inner {
    background-color: #fff;
    padding: 25px;
    border-radius: 5px !important;
    box-shadow: 0 0 55px 15px #0d60d714;
    transition: 0.5s !important;
}

div#instant_payment_inner_service_sec .vc_col-sm-3 .vc_column-inner .wpb_text_column {
    margin-bottom: 10px !important;
}

div#instant_payment_inner_service_sec .vc_col-sm-3 .vc_column-inner .wpb_wrapper {
    z-index: 2;
}

div#instant_payment_inner_service_sec .vc_col-sm-3 .vc_column-inner:hover img {
    filter: brightness(5000);
}

div#instant_payment_inner_service_sec .vc_col-sm-3 .vc_column-inner::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scaleY(0);
    transform-origin: bottom center;
	background-image: linear-gradient(to top, #25a9e0, #1f9cd8, #1f8fcf, #2282c5, #2875bb);
    z-index: -1;
    transition: transform 0.3s;
}

div#instant_payment_inner_service_sec .vc_col-sm-3 .vc_column-inner:hover h5 span, 
div#instant_payment_inner_service_sec .vc_col-sm-3 .vc_column-inner:hover p span, 
div#instant_payment_inner_service_sec .vc_col-sm-3 .vc_column-inner:hover a {
    color: #fff !important;
}

div#instant_payment_inner_service_sec .vc_col-sm-3 .vc_column-inner:hover::after {
    transform: scaleY(1);
	z-index:1;
}

div#key_feture ul li {
    margin-bottom: 30px;
}

div#instant_payment_inner_sec img.img-with-animation.skip-lazy.animated_icon.animated-in {
    margin-left: 0 !important;
}

/* INSTANT PAYMENT SEC */

/* FOOTER */

div#footer-outer div#footer-widgets .row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

div#footer-outer div#footer-widgets .row {
    padding-top: 0 !important;
}

#footer-outer div#media_image-2 {
    margin-left: 0 !important;
}

#footer-outer .widget {
    margin: auto;
    display: table;
}

ul.social_icons {
    display: flex;
    margin: 0 !important;
}

ul.social_icons li {
    margin-right: 20px !important;
}

ul.social_icons li i {
	color: #2878bd;
}

div#copyright {
    padding: 15px !important;
    font-size: 18px !important;
    color: #333333 !important;
    font-weight: 500;
}

/* FOOTER */

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

@media screen and (max-width: 1440px) {
div#instant_payment_inner_sec {
    padding-bottom: 25% !important;
}
}

@media screen and (max-width: 1366px) {}

@media screen and (max-width: 1280px) {
div#instant_payment_inner_sec {
    padding-bottom: 20% !important;
}
div#instant_payment .row-bg.using-image {
    background-image: url(http://trylink.xyz/dev1/numbers/wp-content/uploads/2021/11/monilebg0image.png) !important;
}
div#instant_payment_inner_service_sec {
    bottom: 0;
}
}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 991px) {
div#instant_payment_inner_sec {
    padding-bottom: 0 !important;
}
}

@media screen and (max-width: 800px) {}

@media screen and (max-width: 768px) {
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container > .menu > li a {
    color: #fff !important;
}
div#banner_Sec {
    text-align: center;
}
div#banner_Sec h1 {
    font-size: 35px;
    line-height: 45px;
}
div#second_Sec {
    text-align: center;
}
div#second_Sec .nectar-milestone {
    text-align: center;
}
div#instant_payment_inner_sec {
    text-align: center;
}
div#instant_payment h2 br {
    display: none !important;
}
div#key_feture img {
    margin: auto;
    display: table;
}
div#key_feture {
    padding-bottom: 0px !important;
}
}

@media screen and (max-width: 690px) {
div#instant_payment_inner_sec {
    padding-bottom: 40px !important;
}
div#instant_payment_inner_service_sec .vc_col-sm-3 {
    min-width: 100% !important;
}
div#instant_text_sec {
	padding-top:30px !important;
}
div#instant_text_sec .row-bg-wrap .row-bg {
    background-color: #104b92 !important;
    width: 220%;
    left: -50%;
}
}

@media screen and (max-width: 480px) {
div#instant_payment_inner_sec {
    padding-bottom: 50% !important;
}
#footer-outer .widget {
    margin: auto;
    display: block;
}
div#instant_text_sec .row-bg-wrap .row-bg {
    background-color: #104b92 !important;
    width: 150%;
    left: -60px;
}
div#second_Sec h2 {
    font-size: 20px !important;
    line-height: 30px !important;
}
div#instant_payment_inner_sec h2 {
    font-size: 20px !important;
    line-height: 30px !important;
}
div#instant_payment_inner_sec {
    padding-bottom: 10% !important;
}
div#instant_text_sec {
    padding-top: 30px !important;
}
}

@media screen and (max-width: 425px) {

}

@media screen and (max-width: 375px) {}

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