/*
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 .container-wrap::before {
    content: '';
    background-image: url('https://dev.metawebuniverse.com/small/wp-content/uploads/2025/09/overall-bg-scaled.webp');
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.3;
}

body, .container-wrap, .material .ocm-effect-wrap, .project-title, .ascend .container-wrap, .ascend .project-title, body .vc_text_separator div, .carousel-wrap[data-full-width="true"] .carousel-heading, .carousel-wrap .left-border, .carousel-wrap .right-border, .single-post.ascend #page-header-bg.fullscreen-header, .single-post #single-below-header.fullscreen-header, #page-header-wrap, .page-header-no-bg, #full_width_portfolio .project-title.parallax-effect, .portfolio-items .col, .page-template-template-portfolio-php .portfolio-items .col.span_3, .page-template-template-portfolio-php .portfolio-items .col.span_4, body .nectar-quick-view-box div.product .product div.summary, .nectar-global-section.before-footer, .nectar-global-section.after-nav, body.box-rolling, body[data-footer-reveal="1"].ascend.box-rolling, body[data-footer-reveal="1"].box-rolling, .wpml-ls-statics-footer {
    background-color: #efcf9d21;
}
h1,h2,h3,h4,h5,h6 {
    font-family: "trevor";
}

html body p, strong {
    font-family: "gilroy";
}
header#top .container .row span.menu-title-text {
    font-family: 'gilroy';
    font-weight: 500;
}
header#top .container .row .current-menu-item span.menu-title-text {
    color: #C2442B;
}

#baner .img-with-aniamtion-wrap img {
    width: 80%;
    filter: drop-shadow(2px 20px 0px #fff);
    float: right;
    margin-right: -27%;
    margin-top: -25%;
    animation: upDown 2.5s ease-in-out infinite;
}

#baner h1 img {
    margin: 0;
    width: 10%;
}

#baner h1 {
    line-height: 120px;
}

#baner .row-bg.viewport-desktop {
    background-color: #efcf9d36 !important;
    background-size: 30% 50%;
}

#baner .tt p {
    max-width: 600px;
}
#scrol_tt h4 strong {
    font-size: 70px;
    line-height: 20px;
    position: relative;
    top: -10px;
}
#scrol_tt {
    margin-top: -50px;
    z-index: 999;
}
  @keyframes upDown {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-15px); }
    }
header#top .container .row {
    background: #fff;
    padding: 0 20px;
    border-radius: 20px;
    margin-top: 30px;
    box-shadow: 5px 8px #000;
}

header#top .ofer span.menu-title-text {
    background: #C2442B;
    color: #fff;
    padding: 15px 15px;
    border: 1px solid #000;
    border-radius: 10px;
    transition: .9s;
}

header#top .ofer span.menu-title-text:hover {
    background: #1F2731;
}

a#btn {
    background: #C2442B;
    color: #fff;
    padding: 15px 15px;
    border: 1.5px solid #1F2731;
    border-radius: 10px !important;
    font-weight: 500;
    font-size: 15px;
}
html body p {
    font-weight: 500;
}
.lst_yers .mob_fiv h1 {
    display: none;
}
#snd_sec #buns_iner .vc_col-sm-6 .vc_column-inner {
    padding: 50px 50px;
    background: #1F2731;
    border-radius: 40px;
    transition: .8s;
}

#snd_sec #buns_iner .vc_col-sm-6 .vc_column-inner:hover {
    background-image: linear-gradient(190deg, #37414D, #191D21);
}

#snd_sec #buns_iner .vc_col-sm-6 .vc_column-inner h3,#snd_sec #buns_iner .vc_col-sm-6 .vc_column-inner p {
    color: #FFF7E9;
    font-weight: 500;
}

html body h3 {
    color: #C2442B;
}

#rec .tt h6 a {
    font-size: 0;
    position: relative;
    transition: .8s;
}

#rec .tt h6 a::before {
    content: url('https://dev.metawebuniverse.com/small/wp-content/uploads/2025/09/link-arrow.png');
    position: absolute;
    left: 0;
    top: 0;
}

#rec .tt h6 {
    position: absolute;
    right: 80px;
    bottom: 140px;
    transition: .5s;
}
#snd_sec #buns_iner .vc_col-sm-6 .vc_column-inner h6 img {
    margin: 0;
}

#snd_sec #buns_iner .vc_col-sm-6 .vc_column-inner h6 {
    float: right;
    margin-bottom: -80px;
    transition: .8s;
    opacity: 0;
}

#snd_sec #buns_iner .wrk .vc_column-inner {
    background: #C2442B;
}

#snd_sec #buns_iner .wrk .vc_column-inner:hover {
    background-image: linear-gradient(
183deg, #E27A65, #C2442B);
}

#snd_sec #buns_iner .vc_col-sm-6 .vc_column-inner:hover h6 {
    opacity: 1;
}
#rec .tt h6:hover {
    transform: rotate(-5deg);
}

#rec .tt h4 {
    color: #C2442B;
    font-size: 28px;
    line-height: 38px;
}

#rec .tt {
    padding: 10px 20px;
}

#btn_veiw a#btn {
    margin: 0 auto;
    display: table;
}

a#btn:hover {
    background: #1f2731 !important;
    box-sizing: unset !important;
    filter: unset !important;
    opacity: 1;
}
#how_sec .vc_col-sm-5 .vc_column-inner {
    padding: 0px 20% 0px 0px;
}

#how_sec .img-with-aniamtion-wrap.center {
    position: absolute;
    left: -90px;
    right: 0;
    top: 35%;
    width: 80%;
    margin: 0 auto;
}

#baner .rot h1 {display: inline-block;padding-left: 120px;position: relative;transition: .8s;z-index: 999;}

#baner .rot h1 img {
    position: absolute;
    left: 0;
    bottom: 20px;
    transition: .7s;
}

#baner .rot:hover h1 {transform: rotate(-3deg);}
#baner .rot:hover h1 img {
    transform: scale(1.3);
    bottom: 40px;
}




#snd_sec .row-bg.viewport-desktop.using-image {
    background-size: 25% 60%;
}

#snd_sec .row-bg-wrap {
    background-image: url('https://dev.metawebuniverse.com/small/wp-content/uploads/2025/09/Brandmark_FullColor-1-1.png');
    background-size: 20% 40%;
    background-position-y: 130px;
    background-repeat: no-repeat;
}

#snd_sec #abt_iner .row-bg-wrap {
    background-image: unset;
}

#yers h3 {
    color: #C2442B;
    line-height: 60px;
}

#yers h1 {
    color: #A87D54;
    font-size: 160px;
    line-height: 160px;
    text-shadow: 3px 4px #EAC5A2;
}

#yers_cnt h3 {
    color: #C2442B;
    line-height: 60px;
}

#yers_cnt h1 {
    color: #A87D54;
    font-size: 160px;
    line-height: 160px;
    text-shadow: 3px 4px #EAC5A2;
}

#yers .vc_col-sm-3:last-child .vc_column-inner {
    margin-right: -115%;
    transform: rotate(25deg) translate(140px, -50px);
    transition: .8s;
}

#abt_iner {
    padding-bottom: 80px;
}

#yers .vc_col-sm-3:last-child .vc_column-inner .img-with-aniamtion-wrap {
    width: 90%;
}

#yers .vc_col-sm-3:last-child .vc_column-inner .img-with-aniamtion-wrap::before {
    content: '';
    height: 101%;
    width: 86%;
    background: #C2442B;
    position: absolute;
    right: 80px;
    top: 5px;
}

#yers .vc_col-sm-3:last-child .vc_column-inner .img-with-aniamtion-wrap img {
    filter: grayscale(1);
}

#yers .vc_col-sm-3:last-child .vc_column-inner:hover {
    transform: rotate(0deg);
}

#yers .vc_col-sm-3:last-child .vc_column-inner:hover img {
    filter: unset;
}

#abt_iner .img-with-aniamtion-wrap.center {width: 85%;margin: 0 auto;margin-top: -40px;}

#yers_cnt {
    padding-bottom: 120px !important;
}

#yers_cnt .vc_col-sm-3:nth-child(1) .vc_column-inner {
    margin-left: -115%;
    transform: rotate(-20deg) translate(-80px, 50px);
    transition: .8s;
}
#yers_cnt .vc_col-sm-3:nth-child(1) .vc_column-inner .img-with-aniamtion-wrap  {
    width: 90%;
}

.lst_yers .vc_col-sm-3:last-child .vc_column-inner {
    transform: rotate(-20deg) translate(190px, -60px) !important;
}

.lst_yers .vc_col-sm-3:last-child .vc_column-inner:hover {
    transform: rotate(0deg) !important;
}
#yers_cnt .vc_col-sm-3:nth-child(1) .vc_column-inner:hover {
    transform: rotate(0deg);
}

#yers_cnt .vc_col-sm-3:nth-child(1) .vc_column-inner:hover img {
    filter: unset;
}

#yers_cnt .vc_col-sm-3:nth-child(1) .vc_column-inner .img-with-aniamtion-wrap::before {
    content: '';
    height: 101%;
    width: 86%;
    background: #C2442B;
    position: absolute;
    right: 80px;
    top: 5px;
}

#yers_cnt .vc_col-sm-3:nth-child(1) .vc_column-inner .img-with-aniamtion-wrap img {
    filter: grayscale(1);
}

#footer-outer #footer-widgets #media_image-2 {
    background: #FFF7E9;
    text-align: center;
    padding: 25px 40px;
    border-radius: 300px;
    width: 63%;
    margin-top: -100px;
}

#footer-outer #footer-widgets .row {
    padding: 0 0 30px;
}

#copyright {
    padding: 20px 0px 15px !important;
}

#footer-outer #footer-widgets {
    border-bottom: 1px solid #FFF7E9;
}

#copyright p {
    opacity: 0.7;
}

#footer-outer #footer-widgets p,#footer-outer #footer-widgets a {
    opacity: 0.6;
    font-family: 'gilroy';
}

#footer-outer #footer-widgets #media_image-2 a {
    opacity: 1;
}

#footer-outer #footer-widgets .widget h4 {
    margin-top: 70px;
    color: #FFF7E9 !important;
	    font-weight: 300;
}
#footer-outer #footer-widgets #text-2 h3 {
    font-weight: 400;
}

#footer-outer #footer-widgets #custom_html-2 .socliy li {
    display: inline-block;
    margin-right: 10px;
    padding: 0 !important;
}

#footer-outer #footer-widgets .socliy li i {
    background: #C2442B;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 5px;
    top: 0;
}

#footer-outer #footer-widgets .socliy li a {
    opacity: 1;
}


@media (max-width: 1600px) {
	#how_sec .vc_col-sm-5 .vc_column-inner {
    padding: 0px 15% 0px 7%;
}

#yers a#btn {
        padding: 17px 36px;
        margin: 0 auto;
        display: table;
    }
	.lst_yers .vc_col-sm-3:last-child .vc_column-inner {
    transform: rotate(-20deg) translate(100px, -50px) !important;
    margin-right: -60% !important;
}
	#yers_cnt .vc_col-sm-3:nth-child(1) .vc_column-inner {
    margin-left: -60%;
    transform: rotate(-20deg) translate(-80px, 50px);
}
	#yers .vc_col-sm-3:last-child .vc_column-inner .img-with-aniamtion-wrap {
    width: 100%;
}
	#yers_cnt .vc_col-sm-3:nth-child(1) .vc_column-inner .img-with-aniamtion-wrap::before {
    height: 101%;
    width: 101%;
    right: -10px;
    top: 10px;
}
	#yers_cnt .vc_col-sm-3:nth-child(1) .vc_column-inner .img-with-aniamtion-wrap {
    width: 100%;
}
#yers .vc_col-sm-3:last-child .vc_column-inner {
    margin-right: -60%;
    transform: rotate(25deg) translate(50px, -50px);
    transition: .8s;
}
	#abt_iner .img-with-aniamtion-wrap.center {
    width: 95%;
    margin-top: -50px;
}
	#baner .row-bg.viewport-desktop {
    background-size: 33% 46%;
}

#baner .img-with-aniamtion-wrap img {
    width: 75%;
    margin-right: -15%;
    margin-top: -25%;
}
	#snd_sec .row-bg.viewport-desktop.using-image {
    background-size: 31% 60%;
}
	#rec .tt h6 {
    bottom: 150px;
}
}
@media (max-width: 1440px) {
	#how_sec .img-with-aniamtion-wrap.center {
    left: -30px;
}
	#how_sec .vc_col-sm-5 .vc_column-inner {
    padding: 0px 5% 0px 5%;
}
	    .lst_yers .vc_col-sm-3:last-child .vc_column-inner {
        transform: rotate(-20deg) translate(40px, -30px) !important;
        margin-right: -60% !important;
    }
	#yers_cnt {
    padding-bottom: 100px !important;
    padding-top: 40px !important;
}
	#yers_cnt .vc_col-sm-3:nth-child(1) .vc_column-inner {
        margin-left: -40%;
        transform: rotate(-20deg) translate(-60px, 40px);
    }
	#yers .vc_col-sm-3:last-child .vc_column-inner .img-with-aniamtion-wrap::before {
    height: 101%;
    width: 99%;
    right: -10px;
}
	    #yers .vc_col-sm-3:last-child .vc_column-inner {
        margin-right: -50%;
        transform: rotate(25deg) translate(10px, -30px);
    }
	    #baner .img-with-aniamtion-wrap img {
        width: 68%;
        margin-right: -8%;
        margin-top: -22%;
    }
}
@media (max-width: 1366px) {}
@media (max-width: 1340px) {}
@media (max-width: 1320px) {}
@media (max-width: 1280px) {
	#snd_sec .row-bg-wrap {
    background-size: 25% 45%;
    background-position-y: 30px;
}
	#how_sec .img-with-aniamtion-wrap.center {
    left: -10px;
}
	header#top .ofer span.menu-title-text {
    padding: 13px 10px;
}
	header#top .container .row span.menu-title-text {
    font-size: 14px;
    line-height: 25px;
}
	#baner .rot h1 {
    padding-left: 100px;
}
	#baner h1 {
    line-height: 100px;
}
	    #baner .img-with-aniamtion-wrap img {
        width: 68%;
        margin-right: -9%;
        margin-top: -22%;
    }
}
@media (max-width: 1030px) {
	#footer-outer #footer-widgets #media_image-2 {
    padding: 15px 25px;
    width: 70%;
    margin-top: -100px;
}
	#rec {
    padding-top: 0 !important;
    margin: 0;
}
	#rec .tt h6 {
        bottom: 180px;
        transform: scale(0.7);
        right: 60px;
    }
	#rec .tt {
    padding: 10px 20px;
    min-height: 150px;
}
	#yers_cnt h1 {
    font-size: 120px;
    line-height: 120px;
}
	#yers h3 {
    line-height: 50px;
}
	#yers h1 {
    font-size: 120px;
    line-height: 120px;
}
	    #abt_iner .img-with-aniamtion-wrap.center {
        width: 100%;
        margin-top: -100px;
    }
	    #snd_sec .row-bg.viewport-desktop.using-image {
        background-size: 40% 50%;
    }
	#snd_sec #buns_iner .vc_col-sm-6 .vc_column-inner {
    padding: 30px 20px;
}
	#snd_sec #buns_iner .vc_col-sm-6 .vc_column-inner:hover h6 {
    transform: scale(0.8);
    margin-bottom: -60px;
}
	    #baner .img-with-aniamtion-wrap img {
        width: 60%;
        margin-right: -11%;
        margin-top: -20%;
    }
	#slide-out-widget-area a {
    font-family: 'gilroy' !important;
    font-weight: 500 !important;
}
}
@media (max-width: 840px) {
	#footer-outer #footer-widgets .widget h4 {
    margin-top: 10px;
}
	    #how_sec .img-with-aniamtion-wrap.center {
        left: 0px;
    }
	.lst_yers .mob_fiv h1 {
    display: block;
}
	.lst_yers .fiv {
    display: none;
}
	    #yers_cnt {
        padding-bottom: 10px !important;
        padding-top: 50px !important;
    }
	.lst_yers .vc_col-sm-3:last-child .vc_column-inner {
        transform: rotate(-0deg) translate(0px, 0px) !important;
        margin-right: 0 !important;
    }
	    #yers_cnt .vc_col-sm-3:nth-child(1) .vc_column-inner .img-with-aniamtion-wrap::before {
        height: 101%;
        width: 81%;
        right: 0;
        left: 0;
			        top: 4px;
    }
	#yers {
    margin: 0;
}
	#yers_cnt .vc_col-sm-3:nth-child(1) .vc_column-inner .img-with-aniamtion-wrap {
        width: 80%;
    }
	    #yers_cnt .vc_col-sm-3:nth-child(1) .vc_column-inner {
        margin-left: 0;
        transform: rotate(0deg) translate(0px, 0px);
    }
	#yers .vc_col-sm-3:last-child .vc_column-inner .img-with-aniamtion-wrap::before {
        height: 101%;
        width: 81%;
        right: 0;
        left: 0;
    }
	#abt_iner {
    padding-bottom: 60px;
}
	    #snd_sec .row-bg-wrap {
        background-size: 38% 31%;
        background-position-y: 190px;
    }
	#rec .tt h6 {
        bottom: 170px;
        transform: scale(0.8);
        right: 80px;
    }
	#rec .img-with-aniamtion-wrap img {
    width: 100%;
}
	#how_sec .vc_col-sm-5 .vc_column-inner {
        padding: 5% 6% 20px 6%;
    }
	    #yers .vc_col-sm-3:last-child .vc_column-inner {
        margin-right: 0;
        transform: rotate(0deg) translate(0px, 0px);
    }
	#yers_cnt .vc_col-sm-3:nth-child(1) .vc_column-inner .img-with-aniamtion-wrap {
        width: 80%;
    }
	    #yers .vc_col-sm-3:last-child .vc_column-inner .img-with-aniamtion-wrap {
        width: 80%;
    }
	    #abt_iner .img-with-aniamtion-wrap.center {
        width: 70%;
        margin-top: -30px;
    }
       #snd_sec .row-bg.viewport-desktop.using-image {
        background-size: 56% 36%;
    }
	#snd_sec #buns_iner .vc_col-sm-6 .vc_column-inner h6 {
    opacity: 1;
    transform: scale(0.7);
}
	    #snd_sec #buns_iner .vc_col-sm-6 .vc_column-inner {
        padding: 40px 40px;
			     margin-top: 30px;
    }
	#snd_sec #buns_iner .vc_col-sm-6 .vc_column-inner h3, #snd_sec #buns_iner .vc_col-sm-6 .vc_column-inner p {
    padding-bottom: 0;
}
	    #baner .row-bg.viewport-desktop {
        background-size: 32% 38%;
    }
	#baner .rot:hover h1 img {
    transform: scale(1.2);
    bottom: 15px;
}
	#baner .rot h1 img {
    bottom: 5px;
}
	    #baner h1 {
        line-height: 80px;
    }
	    #baner .img-with-aniamtion-wrap img {
        width: 74%;
        margin-right: -8%;
        margin-top: -18%;
    }
	#header-outer .row .col.span_9 {
    margin-right: 20px;
}
	header#top .container .row {
    padding: 20px 20px;
    margin-top: 10px;
    box-shadow: 5px 8px #000;
}
}
@media (max-width: 768px) {}
@media (max-width: 525px) {
	#baner .rot h1 {
    padding-left: 55px;
}

#baner h1 {
    font-size: 40px;
    line-height: 50px;
}

header#top .container .row {
    margin-top: 0;
}

#baner .rot:hover h1 img {
    transform: scale(1.2);
    bottom: 10px;
}

#baner .rot:hover h1 {
    transform: rotate(-2deg);
}

#baner {
    padding-top: 22% !important;
}

html body p {
    font-size: 15px;
    line-height: 25px;
}

    #baner .img-with-aniamtion-wrap img {
        width: 100%;
        margin-right: -7%;
        margin-top: -5%;
    }

#snd_sec {
    padding-top: 10px !important;
}

#snd_sec #buns_iner .vc_col-sm-6 .vc_column-inner {
    padding: 25px 20px;
    border-radius: 20px;
}

#abt_iner .img-with-aniamtion-wrap.center {
        width: 100%;
        margin-top: -30px;
    }

#yers .vc_col-sm-3:last-child .vc_column-inner .img-with-aniamtion-wrap {
    width: 100%;
}

#yers_cnt .vc_col-sm-3:nth-child(1) .vc_column-inner .img-with-aniamtion-wrap {width: 100%;}

#yers .vc_col-sm-3:last-child .vc_column-inner .img-with-aniamtion-wrap::before {
    width: 100%;
    left: 8px;
}

#yers_cnt .vc_col-sm-3:nth-child(1) .vc_column-inner .img-with-aniamtion-wrap::before {
    width: 100%;
    left: 7px;
}

#rec .tt {
        padding: 30px 0px;
        min-height: auto;
    }

#how_sec .img-with-aniamtion-wrap.center {
    width: 100%;
}

html body h2 {
    font-size: 40px !important;
    line-height: 50px !important;
}

html body h3 {
    font-size: 25px !important;
    line-height: 40px !important;
}

#footer-outer {
    z-index: 999;
}

#footer-outer #footer-widgets p, #footer-outer #footer-widgets a {
    font-size: 15px;
    line-height: 25px;
}
	#footer-outer #footer-widgets #media_image-2 {
    padding: 15px 25px;
    width: 50%;
    margin-top: -70px;
}
}
@media (max-width: 430px) {
	    #rec .tt h6 {
        bottom: 210px;
        transform: scale(0.8);
        right: 70px;
    }
	#baner .rot h1 {
        padding-left: 40px;
        font-size: 30px;
    }
	    #baner {
        padding-top: 26% !important;
    }
	    #baner h1 {
        font-size: 33px;
        line-height: 45px;
    }
}
@media (max-width: 375px) {}
@media (max-width: 360px) {}