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

/*  Font family*/
h1,h2,h3,h4,h5,h6,strong,p,li,a,span{
	font-family: 'Arial' !important;
}
/*  Font Family */

/*  header start */
#header-outer .sf-menu li.current-menu-item {position: relative;}

#header-outer .sf-menu li.current-menu-item:before {
    position: absolute;
    content: "";
    background: #253356;
    height: 6px;
    width: 67px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#header-outer .sf-menu li a {
    font-size: 18px;
    color: #253356 !important;
    padding: 0px 10px !important;
    font-weight: 400;
}
/*  Header end */

/*  Banner start */
#banner h2 {
    font-size: 53px;
    line-height: 60px;
    font-weight: 700;
    text-transform: uppercase;
}

#banner p {
    font-size: 20px;
    font-weight: 400;
    width: 57%;
    line-height: 30px;
}
/*  Banner end */

/*  Section one start */
.para p {
    color: #253356;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}

a.nectar-button.btn1 {
    border-radius: 0px !important;
    font-size: 20px;
    line-height: 21px;
    font-weight: 400;
    margin-top: 3%;
    padding: 20px 50px !important;
}
#footer-outer a:hover {
    color: #ffffff94 !important;
}
h2.had1 {
    font-size: 45px;
    color: #253356 !important;
    font-weight: 700 !important;
    line-height: 55px;
    text-transform: uppercase;
}
.padding-class {
    padding: 100px 0px !important;
}
/*  Section one end */


/*  Section Two start */
/*  Section Two end */


/*  Section Three start */
div#sectionthree .box-1:hover {
    transform: scale(1.1);
}

div#sectionthree .box-1 {
    transition: .8s !important;
}
div#sectionthree a {
		margin-top: 5% !important;
	}
/*  Section Three end */


/*  Section Four start */
#sectionfour input {
    height: 60px;
    font-size: 15px;
    border: 1px solid #253356;
    padding-left: 30px;
    font-weight: 400;
    font-family: 'Arial' !important;
}
#sectionfour textarea {
    height: 194px;
    font-size: 15px;
    border: 1px solid #253356;
    padding-left: 30px;
    font-weight: 400;
    font-family: 'Arial' !important;
    padding-top: 30px;
}

#sectionfour input::placeholder {
    color: #253356;
}
#sectionfour textarea::placeholder {
    color: #253356;
}

#sectionfour button#wpforms-submit-7 {
    height: 65px;
    border-radius: 0px !important;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Arial';
    width: 18%;
    background: #253356;
    color: #fff;
    margin-top: 3%;
}

#sectionfour form {
    width: 80%;
    margin: 0 auto;
}
/*  Section Four end */


/*  Section Five start */
/*  Section Five end */

/*  Section Ten end */

/*  Footer start */
#footer-outer h4 {
    font-size: 30px !important;
    color: #fff !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    padding-bottom: 30px;
    padding-top: 30px;
}

#footer-outer ul li a {
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    color: #fff !important;
}

#footer-outer p {
    font-size: 17px;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
}


#footer-outer div#custom_html-2 ul li {
    display: -webkit-inline-box;
    margin-right: 20px;
}

#footer-outer div#custom_html-2 ul li i {
    background: #fff;
    color: #253356;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    display: inline-grid;
    font-size: 22px;
}

#footer-outer div#nav_menu-2 {
    padding-left: 20%;
}

#footer-outer ul.contact li i {
    border: 1px solid #fff;
    margin-right: 20px;
    width: 35px;
    height: 35px;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    display: inline-grid;
}

#footer-outer ul.contact li {
    margin-bottom: 15px !important;
}

div#copyright {
    padding: 30px 0px !important;
    border-top: 1px solid #fff;
    width: 90%;
    margin: 0 auto;
}

div#footer-outer {
    background: #253356;
}

/*  Footer end*/
/*focus page*/
/*focus page*/
.focus-section1 {
    padding: 50px 0 !important;
}

.focus-section1 .focus-sec1 ul {
    margin-left: 10px;
}

.focus-section1 .focus-sec1 ul li {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #253356;
}

.focus-section1 .divider {
    position: relative;
}

.focus-section1 .divider:before {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/2023/03/Group-98.png);
    width: 100%;
    height: 100%;
}

.focus-section1 .sec1-text {
    background: #253356;
    padding: 25px;
    color: #fff;
    margin-top: 20px;
}

.focus-section1 .sec1-text p {
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    color: #FFFFFF;
    padding-bottom: 10px;
}

.focus-section1 .sec1-text ul li {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #FFFFFF;
}
.focus-section2 {
    padding: 50px 0 !IMPORTANT;
}

.focus-section2 h2 {
    padding-bottom: 20px;
}

.focus-section2 h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 31px;
    color: #253356;
}

.focus-section2 ul {
    background: #25335624;
    margin: 0;
    padding: 20px 40px;
    color: #fff;
}

.focus-section2 ul li {font-size: 18px;font-weight: 400;line-height: 35px;color: #253356;}

.focus-section2 h4 {
    font-size: 22px;
    font-weight: 700;
    line-height: 35px;
    color: #FFFFFF;
}
/*focus page*/
/*firm page*/
.firm-1 {
    padding: 100px 0 20px !important;
}

.firm-1 h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    color: #FFFFFF;
}
.firm-1 p {
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    color: #253356;
    padding-bottom: 10px;
}

.firm-1 ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #253356;
}
.firm1in {
    position: relative;
}

.firm1in:before {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/2023/03/Polygon-8.png);
    width: 30px;
    height: 100px;
    z-index: 9;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -25px;
    background-repeat: no-repeat;
}
.firm2 .firm-1 {
    padding: 10px 0 !important;
}
.firm2 .firm-1 p {font-size: 16px;}
.firm-1 ul {
    column-count: 2;
}

.firm2 .firm-1 ul {
    column-count: 1;
}
/*firm page*/
/*portfolio section*/
.portfolio-section {
    padding: 100px 0  !important;
}

.portfolio-section h4 {
    background: #F2F2F2;
    padding: 0 20px;
    height: 140px;
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 31px;
    color: #253356;
}

.portfolio-section h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: 31px;
    color: #253356;
}

.portfolio-section .row-bg.viewport-desktop.using-image {
    background-size: 30% 100%;
}

.portfolio-sec-in {
    padding: 10px 0;
    position: relative;
    margin: 0 !important;
}

.portfolio-sec-in:before {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/2023/04/Group-100.png);
    width: 100%;
    height: 1px;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/*portfolio section*/

/*  Desktop Responsive */
@media(max-width: 1660px) {
	#banner h2 {
    font-size: 40px !important;
    line-height: 50px !important;
	}
	banner p {
		font-size: 16px !important;
		width: 58%;
		line-height: 26px !important;
	}
	h2.had1 {
		font-size: 35px;
		line-height: 40px;
	}
	.para p {
		font-size: 16px;
		line-height: 24px;
	}
	a.nectar-button.btn1 {
		font-size: 16px;
		line-height: 21px;
		margin-top: 1%;
		padding: 16px 40px !important;
	}
	#sectionfour input {
		height: 55px;
		font-size: 14px;
	}
	#sectionfour textarea {
		height: 170px;
		font-size: 14px;
	}
	#sectionfour button#wpforms-submit-7 {
		height: 60px;
		font-size: 18px;
		width: 20%;
	}
	#footer-outer p {
		font-size: 14px;
		line-height: 25px;
	}
	#footer-outer ul li a {
		font-size: 14px;
		line-height: 25px;
	}
	#footer-outer h4 {
		font-size: 25px !important;
	}
	#footer-outer div#custom_html-2 ul li i {
		width: 35px;
		height: 35px;
		font-size: 20px;
	}
	div#sectionthree a {
		margin-top: 5% !important;
	}

}
@media only screen and (max-width: 1520px) {
.firm-1 h3 {
    font-size: 18px;
}

.firm-1 ul li {
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
}

.firm2 .firm-1 p {
    font-size: 15px;
    line-height: 20px;
}
.portfolio-section h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    height: 120px;
}

.portfolio-section h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
}

.portfolio-section .row-bg.viewport-desktop.using-image {
    background-size: 25% 100%;
}
}
@media only screen and (max-width: 1440px) {}
@media only screen and (max-width: 1366px) {
.focus-section1 .focus-sec1 ul li {
    font-size: 15px;
    line-height: 22px;
}

.focus-section1 .sec1-text p {
    font-size: 18px;
}

.focus-section1 .sec1-text ul li {
    font-size: 16px;
}

.focus-section2 ul li {
    font-size: 16px;
}

.focus-section2 h3 {
    font-size: 20px;
}

.focus-section2 h4 {
    font-size: 20px;
    line-height: 30px;
}
}
@media only screen and (max-width: 1326px) {}
@media only screen and (max-width: 1280px) {
#banner p {
    width: 70%;
}
.focus-section1 .focus-sec1 ul li {
    font-size: 14px;
}
#banner h2 br {display: none;}

#banner h2 {
    width: 75%;
}

div#sectionthree p {
    width: 80%;
    margin: auto;
}
}
@media only screen and (max-width: 1199px) {
#banner h2 {
    font-size: 32px !important;
    line-height: 40px !important;
}

.nectar-slider-wrap[data-full-width="true"] .swiper-slide .content p {
    font-size: 16px!important;
    line-height: 26.2px!important;
}

a.nectar-button.btn1 {
    font-size: 16px;
    line-height: 25px;
    padding: 12px 35px !important;
}
#header-outer .sf-menu li a {
    font-size: 16px;
    padding: 0 !important;
}
#footer-outer ul.contact li i {
    margin-right: 10px;
    width: 30px;
    height: 30px;
    font-size: 12px;
}

#footer-outer ul li a {
    font-size: 13px;
}
}
@media only screen and (max-width: 1024px) {}

/*  Desktop Responsive */

/*  Mobile Responsive */
@media only screen and (max-width: 999px) {
#banner h2 {
    font-size: 25px !important;
    line-height: 35px !important;
}

.nectar-slider-wrap[data-full-width="true"] .swiper-slide .content p {
    width: 80%;
    font-size: 15px!important;
}

h2.had1 {
    font-size: 30px;
    line-height: 35px;
}

.para p {
    font-size: 15px;
    line-height: 23px;
}

.padding-class {
    padding: 50px 0px !important;
}

div#sectionthree p {
    width: 60%;
}

#footer-outer .col.span_4 {
    width: 100%;
    margin: 0 !important;
}

#footer-outer div#nav_menu-2 {
    padding: 0 !important;
}

#footer-outer h4 {
    padding: 0 0 20px 0 !important;
}

#footer-outer #copyright {
    padding: 15px 0 !IMPORTANT;
}
.firm-1 ul {
    column-count: 1;
}

.firm-1 h3 {
    font-size: 16px;
    line-height: 24px;
}

.firm1in:before {
    left: 0;
    right: 0;
    margin: auto;
    bottom: -60px;
    transform: rotate(90deg);
    top: unset !IMPORTANT;
}

.firm-1 ul li {
    font-size: 14px;
}
	.firm2 .firm-1 p {
    font-size: 14px;
}
.focus-section1 .focus-sec1 img {margin: auto !IMPORTANT;display: block;}
.portfolio-section .row-bg.viewport-desktop.using-image {
    background-size: 0% 100%;
}

.portfolio-section img{
    filter: brightness(0);
}

.portfolio-section h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.portfolio-sec-in:before {background-position: right;background-size: cover !important;}

.portfolio-section {
    padding: 50px 0 !important;
    text-align: center !IMPORTANT;
}

.portfolio-section h4 {
    width: 100% !important;
    display: flex;
    align-items: center !IMPORTANT;
    justify-content: center !important;
}

.portfolio-sec-in {
    margin-bottom: 30px !IMPORTANT;
}
}
@media only screen and (max-width: 800px) {
div#sectionthree p {
    width: 80%;
}

div.wpforms-container-full .wpforms-form .wpforms-one-half {
    width: 100%;
    margin: 0;
}

#sectionfour button#wpforms-submit-7 {
    width: 100%;
}
}
@media only screen and (max-width: 768px) {}
@media only screen and (max-width: 600px) {
#banner h2 {
    font-size: 20px !important;
    line-height: 30px !important;
}
.focus-section1 .focus-sec1 img {
    width: 100%;
}

.focus-section1 .divider:before {
    background-size: 100% 100%;
}

.focus-section1 .sec1-text p {
    font-size: 16px;
}

.focus-section1 .sec1-text ul li {
    font-size: 14px;
    line-height: 25px;
}

.focus-section2 ul li {
    font-size: 15px;
    line-height: 25px;
}

.focus-section2 h4 {
    font-size: 17px;
    line-height: 24px;
}
.nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content p {
    font-size: 13px !important;
    line-height: 18px !IMPORTANT;
}

.para p {
    font-size: 14px;
    line-height: 22px;
}

h2.had1 {
    font-size: 25px;
    line-height: 30px;
}

div#sectionthree p {
    width: 90%;
}

#sectionfour form {
    width: 100%;
}
.firm-1 ul li {
    font-size: 13px;
    line-height: 20px;
}

.firm-1 p {
    font-size: 17px;
    line-height: 22px;
}

.firm2 .firm-1 p {
    font-size: 13px;
    line-height: 20px;
}
}
@media only screen and (max-width: 480px) {
#banner h2 {
    font-size: 18px !important;
    line-height: 25px !important;
    width: 90% !IMPORTANT;
}

.nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content p {
    font-size: 13px !important;
    line-height: 18px !IMPORTANT;
    width: 90% !IMPORTANT;
}
.firm1in:before {
    bottom: -55px;
}

.firm-1 ul {
    margin-left: 10px;
}
}
@media only screen and (max-width: 420px) {}
@media only screen and (max-width: 380px) {}

/*  Mobile Responsive */