/*
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
*/
header#top ul.sf-menu.sf-js-enabled.sf-arrows {
    position: relative !important;
}
header#top ul.sf-menu.sf-js-enabled.sf-arrows:before {
    content: "";
    background: #1A1A1A;
    position: absolute;
    top: 8px;
    left: 0;
    width: 55%;
    height: 42%;
    right: 0;
    margin: 0 auto;
    border: 1px solid #252525;
    border-radius: 15px;
    margin-top: 35px;
}
header#top li#menu-item-27 span {
    background-image: url(https://devu1b.customdev.solutions/jackmatheson/wp-content/uploads/2026/02/Group-1597885194.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 16px 30px !important;
}
/* =================================== */
div#revolution-slider {
    margin-bottom: 0px !important;
}
/* ================================= */
div#about {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#about .inner-wrap.row-bg-layer {
    position: relative;
}
div#about .inner-wrap.row-bg-layer:before {
    content: "";
    background-image: url(https://devu1b.customdev.solutions/jackmatheson/wp-content/uploads/2026/02/GradientBlur-2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    width: 850px;
    height: 748px;
    margin: 0 auto;
}
div#about-inner img {
    width: 65%;
    margin: 0 auto;
    display: table;
}
div#about-inner .hover-wrap {
    position: relative;
}
div#about-inner .hover-wrap:before {
    content: "";
    background-image: url(https://devu1b.customdev.solutions/jackmatheson/wp-content/uploads/2026/02/Decorative-image-related-to-boosting-promotions.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 0px; /* start outside from right */
    top: 80px;
    width: 160px;
    height: 160px;

    animation: rocketFly 10s ease-in-out infinite;
    transform-origin: center;
}

div#media_image-2 img{
    width: 62%
}




/* Rocket fly animation */
@keyframes rocketFly {

    0% {
        right: 0px;
        transform: translateY(180px) rotate(0deg) scale(0.9);
        opacity: 0;
    }

    20% {
        opacity: 1;
        transform: translateY(145px) rotate(0deg) scale(1);
    }

    40% {
        transform: translateY(100px) rotate(0deg) scale(1);
    }

    60% {
        transform: translateY(55px) rotate(0deg) scale(1);
    }

    80% {
        transform: translateY(0px) rotate(0deg) scale(1);
    }

    100% {
        right: 80%; /* move across screen */
        transform: translateY(0px) rotate(0deg) scale(1);
        opacity: 1;
    }
}
/* =========================== */
h6 span {
    background: #0E0E0E;
    padding: 7px 20px !important;
    border-radius: 30px !important;
}
a#btn {
    background-image: url(https://devu1b.customdev.solutions/jackmatheson/wp-content/uploads/2026/02/Group-1597885194.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 18px 30px !important;
    background-color: #fff0 !important;
}
/* ============================== */
div#milestone {
    padding: 70px 0px !important;
    margin-bottom: 0px !important;
}
div#milestone .inner-wrap.row-bg-layer {
    position: relative;
}
div#milestone .inner-wrap.row-bg-layer:before {
    content: "";
    background-image: url(https://devu1b.customdev.solutions/jackmatheson/wp-content/uploads/2026/02/GradientBlur-4-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    width: 725px;
    height: 475px;
    margin: 0 auto;
    top: -100px;
}
div#milestone-inner .nectar-milestone {
    padding: 40px 0px !important;
    background: rgb(255 255 255 / 6%);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgb(255 255 255 / 11%);
}
/* ================================ */
div#featured {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#featured .inner-wrap.row-bg-layer {
    position: relative;
}
div#featured .inner-wrap.row-bg-layer:before {
    content: "";
    background-image: url(https://devu1b.customdev.solutions/jackmatheson/wp-content/uploads/2026/02/GradientBlur-2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    width: 950px;
    height: 948px;
    margin: 0 auto;
    top: 190px;
}
div#Featured-inner .vc_col-sm-4 .vc_column-inner {
    padding: 40px 20px !important;
    background: rgb(255 255 255 / 13%);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgb(255 255 255 / 16%);
}
div#Featured-inner p {
    min-height: 150px;
}
/* =================================== */
div#impact {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#impact .inner-wrap.row-bg-layer {
    position: relative;
}
div#impact .inner-wrap.row-bg-layer:before {
    content: "";
    background-image: url(https://devu1b.customdev.solutions/jackmatheson/wp-content/uploads/2026/02/GradientBlur-4-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    width: 725px;
    height: 475px;
    margin: 0 auto;
    top: -80px;
}
div#impact .carousel-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}
div#impact-inner {
    margin: 0px 0px !important;
}
.owl-dots {
    display: none !important;
}
/* =============================== */
div#service {
    padding: 50px 0px !important;
}
div#service .inner-wrap.row-bg-layer {
    position: relative;
}
div#service .inner-wrap.row-bg-layer:before {
    content: "";
    background-image: url(https://devu1b.customdev.solutions/jackmatheson/wp-content/uploads/2026/02/GradientBlur-2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    width: 950px;
    height: 948px;
    margin: 0 auto;
    top: 140px;
}
div#service-inner {
    margin: 20px 0px !important;
    padding: 30px 20px !important;
    background-size: 100% 100% !important;
}
/* =========================== */
div#why-choose {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#why-choose .inner-wrap.row-bg-layer {
    position: relative;
}
div#why-choose .inner-wrap.row-bg-layer:before {
    content: "";
    background-image: url(https://devu1b.customdev.solutions/jackmatheson/wp-content/uploads/2026/02/GradientBlur-2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    width: 850px;
    height: 748px;
    margin: 0 auto;
}
/* ======================================= */
div#process {
	padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#process .inner-wrap.row-bg-layer {
    position: relative;
}
div#process .inner-wrap.row-bg-layer:before {
    content: "";
    background-image: url(https://devu1b.customdev.solutions/jackmatheson/wp-content/uploads/2026/02/GradientBlur-2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    width: 950px;
    height: 948px;
    margin: 0 auto;
    top: 290px;
}
div#process-inner {
    margin: 50px 0px !important;
    background: rgb(255 255 255 / 10%);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgb(255 255 255 / 11%);
    padding: 30px 10px !important;
}
div#process .clm div#process-inner, div#process .clm-one div#process-inner {
    transition: .9s;
}
div#process:hover .clm div#process-inner {
    transition: .9s;
    transform: rotate(-5deg);
}
div#process:hover .clm-one div#process-inner {
    transition: .9s;
    transform: rotate(5deg);
}
div#process-inner p {
    min-height: 95px;
    font-size: 14px !important;
    line-height: 24px !important;
}
/* ============================================= */
div#testimonial {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#testimonial .inner-wrap.row-bg-layer {
    position: relative;
}
div#testimonial .inner-wrap.row-bg-layer:before {
    content: "";
    background-image: url(https://devu1b.customdev.solutions/jackmatheson/wp-content/uploads/2026/02/GradientBlur-2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    width: 850px;
    height: 748px;
    margin: 0 auto;
}
div#testimonial img.skip-lazy {
    float: right;
    margin-right: 50px;
    width: 55%;
}
div#testimonial-inner {
    background: rgb(255 255 255 / 7%);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgb(255 255 255 / 11%);
    padding: 30px 30px !important;
    margin: 0px 10px !important;
}
div#testimonial-inner p {
    font-size: 17px;
    line-height: 27px;
}
div#testimonial-inner .iwithtext .iwt-icon img {
    width: unset;
}
div#testimonial-inner .iwithtext .iwt-text {
    padding-left: 80px;
}
/* =================================== */
div#contact {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#contact .inner-wrap.row-bg-layer {
    position: relative;
}
div#contact .inner-wrap.row-bg-layer:before {
    content: "";
    background-image: url(https://devu1b.customdev.solutions/jackmatheson/wp-content/uploads/2026/02/GradientBlur-2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    width: 850px;
    height: 748px;
    margin: 0 auto;
}
div#contact-inner {
    background: rgb(255 255 255 / 7%);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgb(255 255 255 / 11%);
    padding: 30px 30px !important;
    width: 40%;
    margin: 0 auto !important;
    display: table !important;
}
div#gform_fields_1 {
    row-gap: 0px !important;
}
body .gform_wrapper .top_label .gfield_label {
    color: #FFFFFF;
    font-weight: 400;
}
div#contact-inner input, div#contact-inner textarea {
    background-color: #fff0 !important;
    border: 1px solid #ffffff3b;
    height: 50px;
    border-radius: 8px;
}
div#contact-inner input#gform_submit_button_1 {
    background-image: url(https://devu1b.customdev.solutions/jackmatheson/wp-content/uploads/2026/02/Group-1597885195.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: unset !important;
    height: auto !important;
    padding: 20px 0px !important;
    font-size: 16px !important;
    background-position: center;
}
/* ================================ */
div#faq {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#faq .inner-wrap.row-bg-layer {
    position: relative;
}
div#faq .inner-wrap.row-bg-layer:before {
    content: "";
    background-image: url(https://devu1b.customdev.solutions/jackmatheson/wp-content/uploads/2026/02/GradientBlur-2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    width: 850px;
    height: 748px;
    margin: 0 auto;
	top: 100px;
}
div#faq .toggles {
    background: rgb(255 255 255 / 7%);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgb(255 255 255 / 11%);
    padding: 40px 40px !important;
    margin: 0px 130px;
}
div[data-style="minimal"] .toggle {
    border: 1px solid #ffffff1c !important;
    padding: 10px 20px !important;
    margin: 20px 0px !important;
    border-radius: 15px;
}
div[data-style="minimal"] .toggle > .toggle-title a {
    padding: 15px 70px 15px 0px;
    transition: color 0.15s ease;
    font-size: 18px !important;
    font-weight: 500;
    color: #fff !important;
}
div[data-style*=minimal] .toggle>.toggle-title i {
    border: unset !important;
}
div[data-style="minimal"] .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap {
    padding: 0 0 15px 0;
}
div[data-style="minimal"] .toggle.open > .toggle-title i:before {
    background-color: #fff !important;
}
/* =================================== */
div#footer-widgets .row {
    padding: 40px 0px !important;
    border-bottom: 1px solid #ffffff21 !important;
}
div#footer-widgets h4 {
    border-bottom: 1px solid #fff;
    width: fit-content;
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
}
div#media_image-2 img {
    margin: 0 auto;
    display: table;
}
div#text-2 {
    text-align: center;
}
div#custom_html-2 .socliy ul {
    margin: 0 auto;
    display: table;
}
div#custom_html-2 .socliy ul li {
display: inline-block;
}
div#custom_html-2 .socliy ul li i {
margin: 0px 3px;
color: #fff !important;
font-size: 20px;
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 50px;
border: 1px solid #fff;
}
div#custom_html-2 .socliy ul li:hover i {
background: #398FFF;
transition: .5s;
border-color: #398FFF;
}
div#footer-outer .widget {
    margin-bottom: 10px;
}
div#nav_menu-3 {
    float: right;
}
/* ====================================== */
div#copyright {
    padding: 20px 0px !important;
}
div#copyright strong {
    color: #398FFF;
}
/* ==================================== */
@media (max-width: 1600px){}
@media (max-width: 1440px){}
@media (max-width: 1366px){}
@media (max-width: 1326px){}
@media (max-width: 1280px){}
@media (max-width: 1080px){
	p br, p span br {
    display: none !important;
}
	p, li a {
    font-size: 13px;
    line-height: 23px;
}
	div#about-inner img {
    width: 78%;
}
	div#about {
    padding: 30px 0px !important;
}
	div#milestone-inner .nectar-milestone {
    padding: 20px 0px !important;
}
	div#milestone-inner .subject {
    font-size: 12px;
}
	div#milestone {
    padding: 50px 0px !important;
}
	div#milestone .inner-wrap.row-bg-layer:before {
    width: 525px;
    height: 275px;
    top: -60px;
}
	div#featured {
    padding: 30px 0px !important;
}
	div#Featured-inner .vc_col-sm-4 .vc_column-inner {
    padding: 40px 10px !important;
}
	div#Featured-inner h3 {
    font-size: 17px;
}
	div#Featured-inner p {
    min-height: 140px;
}
	div#process-inner p {
    min-height: 115px;
    font-size: 13px !important;
    line-height: 23px !important;
}
	div#impact-inner {
    margin: 0px 10px !important;
}
	div#impact .inner-wrap.row-bg-layer:before {
    width: 525px;
    height: 275px;
    top: -50px;
}
	div#why-choose {
    padding: 30px 0px !important;
}
	div#why-choose .inner-wrap.row-bg-layer:before {
    width: 550px;
    height: 548px;
}
	div#process {
    padding: 30px 0px !important;
}
	div#process-inner {
    margin: 30px 0px !important;
    padding: 10px 10px !important;
}
	div#testimonial-inner p {
    font-size: 15px;
    line-height: 25px;
}
	div#testimonial {
    padding: 30px 0px !important;
}
	div#contact-inner {
    padding: 30px 30px !important;
    width: 50%;
}
div#faq .toggles {
    padding: 40px 40px !important;
    margin: 0px 50px;
}
}
@media (max-width: 912px){
	div#about-inner {
    text-align: center;
    margin: 0px 100px;
}
	div#milestone-inner {
    margin: 0px 100px;
}
	div#Featured-inner {
    margin: 10px 100px;
}
	    div#Featured-inner p {
        min-height: auto;
    }
	div#service {
    text-align: center;
		    padding: 30px 0px !important;
}
	div#service-inner {
    margin: 20px 100px !important;
}
	div#service-inner img {
    width: 40%;
}
	div#why-choose-inner {
    text-align: center;
    margin: 0px 100px;
}
	div#process-inner {
    margin: 15px 100px !important;
}
	div#process-inner p {
        min-height: auto;
    }
	div#process:hover .clm div#process-inner, div#process:hover .clm-one div#process-inner {
    transform: rotate(0deg);
}
	div#process .vc_col-sm-2 {
    display: none !important;
}
	div#testimonial img.skip-lazy {
    float: unset;
    width: 55%;
    margin: 0 auto;
}
	div#contact-inner {
        padding: 30px 30px !important;
        width: 60%;
    }
	div#footer-widgets .col.span_4 {
    width: 100%;
}
	    div#nav_menu-3, div#nav_menu-2 {
        float: unset;
        margin: 0 auto;
        display: table;
        text-align: center;
    }
    div#footer-widgets .col.span_4:nth-child(2) {
        order: -1;
    }
	div#text-2 {
    width: 70%;
    margin: 0 auto;
}
	div#footer-widgets .row {
    display: flex;
    flex-direction: column;
}
	div[data-style="minimal"] .toggle > .toggle-title a {
    padding: 12px 70px 12px 0px;
    font-size: 16px !important;
}
	    div#faq .toggles {
        padding: 30px 30px !important;
        margin: 0px 0px;
    }
	div#faq {
    padding: 30px 0px !important;
}
	div#contact {
    padding: 30px 0px !important;
}
}
@media (max-width: 800px){}
@media (max-width: 768px){}
@media (max-width: 480px){
	body[data-slide-out-widget-area-style="slide-out-from-right"].material .slide_out_area_close:before {
    background-color: #398fff !important;
}
	div#header-outer {
    padding: 0px !important;
    position: relative !important;
}
		    div#about-inner {
        margin: 0px 0px;
    }
	div#about .inner-wrap.row-bg-layer:before {
    width: 350px;
    height: 348px;
}
	    div#milestone-inner {
        margin: 0px 80px;
    }
	div#Featured-inner {
        margin: 10px 0px;
    }
	    div#service-inner {
        margin: 20px 0px !important;
    }
	    div#why-choose-inner {
        margin: 0px 0px;
    }
	div#process-inner {
        margin: 15px 0px !important;
    }
	    div#testimonial img.skip-lazy {
        width: 70%;
    }
	div#contact-inner {
        padding: 30px 30px !important;
        width: 100%;
    }
	    div#faq .toggles {
        padding: 15px 15px !important;
    }
	div[data-style="minimal"] .toggle {
    padding: 10px 10px !important;
    margin: 15px 0px !important;
}
	    div[data-style="minimal"] .toggle > .toggle-title a {
        padding: 12px 35px 12px 0px;
        font-size: 15px !important;
    }
	div#text-2 {
        width: 100%;
    }
}
@media (max-width: 428px){}
@media (max-width: 414px){
	div[data-style="minimal"] .toggle > .toggle-title a {
        padding: 12px 35px 12px 0px;
        font-size: 13px !important;
    }
}
@media (max-width: 390px){}
@media (max-width: 375px){}
@media (max-width: 360px){}