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

/*  */
#extra a {
    font-size: 20px;
    line-height: 40px;
    font-weight: 600;
}
/*  */
/*  News Page*/
#News .box-22 {
    width: 32%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0px 0px 10px 0px #00000042;
    padding: 5%;
}

#News h4 {
    font-size: 25px;
    line-height: 35px;
    color: #000;
}

#News .box-23{
    background: #fff;
    box-shadow: 0px 0px 10px 0px #00000042;
    padding: 5%;
}
/*  News Page*/
/*  Font family*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
h1,h2,h3,h4,h5,h6,strong{
	font-family: 'Oswald' !important;
}
p,li,span,a{
	font-family: 'Segoe UI' !important;
}
/*  Font Family */

/*  header start */
#header-outer .sf-menu li {
    height: 116px;
}

#header-outer a#logo {
    margin-top: 0px !important;
}
#header-outer .sf-menu li a {
    font-size: 18px;
    font-weight: 400;
    padding: 0px 10px !important;
}
#header-outer {
    position: relative;
}

#header-outer:before {
    position: absolute;
    content: "";
    background: #021F2B;
    width: 80%;
    height: 116px;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 29px;
}

header#top {
}
#header-outer .sf-menu li.current-menu-item {
    background: #DF2134;
    padding-left: 10px;
}
#header-outer .sf-menu li a {
    position: relative;
}
/*  Header end */

/*  Banner start */
#banner h2 {
    font-size: 188px;
    line-height: 175px;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: -170px;
}

#banner h2 strong {
    color: #D22A45;
    padding-left: 310px;
}

#banner .content {
    position: relative;
}

#banner .content:before {
    position: absolute;
    content: "";
    background: url(/wp-content/uploads/2022/12/Mask-Group-3.png);
    width: 450px;
    height: 821px;
    background-repeat: no-repeat;
    left: 10%;
    right: 0;
    margin: 0 auto;
    z-index: 9;
    top: -38%;
    background-size: 100% 100%;
}
/*  Banner end */

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

h2.vc_custom_heading.had1 strong {
    color: #1D1D1D;
    font-weight: 400;
}

h2.vc_custom_heading.had1 {
    text-transform: uppercase;
}

a.nectar-button.large.regular.accent-color.regular-button.btn1 {
    font-size: 20px;
    background: transparent !important;
    border: 2px solid #D22A45;
    color: #D22A45;
    border-radius: 0px !important;
    padding: 20px 60px 20px 50px;
    font-weight: 600 !important;
    transition: .8s !important;
    position: relative;
    overflow: hidden;
}
a.nectar-button.large.regular.accent-color.regular-button.btn1:hover:before {
    color: #fff !important;
    opacity: 1;
}

a.nectar-button.large.regular.accent-color.regular-button.btn1:after {
    position: absolute;
    content: "";
    background: #d22a45;
    width: 100%;
    height: 65px;
    left: -100%;
    transition: .8s !important;
    top: 0;
    z-index: -1 !important;
}

a.nectar-button.large.regular.accent-color.regular-button.btn1:hover:after {
    overflow: visible;
    left: 0;
}

a.nectar-button.large.regular.accent-color.regular-button.btn1:hover {
    color: #fff !important;
}
a.nectar-button.large.regular.accent-color.regular-button.btn1:before {
    position: absolute;
    content: "\f101 ";
    background-repeat: no-repeat;
    right: 40px;
    top: 22px;
    font-family: 'FontAwesome';
    transition: .8s !important;
}
/*  Section one end */


/*  Section Two start */
div#sectiontwo {
    border: 1px solid #CDCDCD;
    padding: 70px 0px !important;
}

#sectiontwo span {
    font-size: 50px;
    font-weight: 400;
    line-height: 74px;
    color: #1F1F1F;
    font-family: 'Oswald' !important;
}

#sectiontwo .subject {
    font-size: 25px;
    font-weight: 400;
    color: #1F1F1F;
    font-family: 'Oswald' !important;
}

#sectiontwo .box-1 {
    border-right: 1px solid #C2C2C2;
}
/*  Section Two end */


/*  Section Three start */
#sectionthree p {
    width: 40%;
    margin: 0 auto;
}

#sectionthree img {
	transition: .8s !important;
}

#sectionthree .box-4:before {
    position: absolute;
    content: "";
    background: #d22a4575;
    width: 94%;
    height: 0;
    top: -0%;
    transition: .8s !important;
    z-index: 9;
    right: 0;
    left: 15px;
}
#sectionthree .box-4{
    position: relative;
    overflow: hidden;
    z-index: 19;
}

#sectionthree .box-4:hover:before {
    overflow: visible;
    height: 100%;
}
#sectionthree .box-4 {
}

#sectionthree .box-4:after {
    position: absolute;
    content: "\f08e ";
    width: 50px;
    height: 50px;
    z-index: 99999;
    visibility: visible;
    font-family: 'FontAwesome';
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #1d1d1d;
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    justify-content: center;
    align-items: center;
    display: flex;
    transition: .8s !important;
    bottom: -75%;
}

#sectionthree .box-4:hover:after {
    bottom: 50%;
    transform: translate(0px, 50%);
}
/*  Section Three end */


/*  Section Four start */
#sectionfour h4 {
    font-size: 42px;
    line-height: 49px;
    font-weight: 400;
}
/*  Section Four end */


/*  Section Five start */
#sectionfour .nectar-fancy-box.using-img {
    padding: 0px 0px 70px 40px !important;
}

h3.vc_custom_heading.had1.wpb_animate_when_almost_visible.wpb_fadeInUp.fadeInUp.animated.wpb_start_animation {
    text-transform: uppercase;
}
/*  Section Five end */


/*  Section Six start */

div#sectionsix {
    margin-top: -185px;
    z-index: 0;
    padding-top: 300px !important;
}

#sectionsix .box-2 {
    background: #fff;
    border-radius: 60% !important;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 374px;
    margin: 0 auto;
    height: 374px;
    transition: .8s !important;
    overflow: hidden;
}

#sectionsix h4 {
    font-size: 30px;
    font-weight: 400;
    line-height: 45px;
    text-transform: uppercase;
    color: #151515;
}

#sectionsix .box-2:before {
    position: absolute;
    content: "";
    top: -100%;
    background: #D22A45;
    width: 100%;
    height: 100%;
    border-radius: 60%;
    transition: .8s !important;
}

#sectionsix .box-2:hover:before {
    overflow: visible;
    top: 0;
}

#sectionsix .box-2:hover h4 {
    color: #fff;
}
/*  Section Six end */


/*  Section Seven start */
#sectionseven .box-3 {
    border: 1px solid #DDDDDD;
    width: 23%;
    margin: 0 auto;
    height: 150px;
    justify-content: center;
    align-items: center;
    display: flex;
    transition: .8s !important;
    background: #fff;
}

#sectionseven .box-3 img {height: 105px;object-fit: none;}

#sectionseven .box-3:hover {transform: scale(1.05);box-shadow: 0px 0px 10px 0px #00000038;}
/*  Section Seven end */


/*  Section 8 start */
/*  Section 8 end */


/*  Section 9 start */
/*  Section 9 end */


/*  Section Ten start */
/*  Section Ten end */

/*  Footer start */
div#copyright p {
    font-size: 20px;
    font-weight: 400 !important;
    color: #fff;
    line-height: 27px;
    float: right;
}

#footer-outer #copyright .col ul.social {
    float: left !important;
}

#footer-outer div#copyright .col.span_5 {
    float: right;
}
#footer-outer ul.social li i {
    font-size: 25px !important;
    color: #fff !important;
    transition: .8s !important;
}

#footer-outer h4 {
    font-size: 45px !important;
    line-height: 65px;
    color: #D22A45 !important;
    font-weight: 400 !important;
    text-transform: uppercase;
}

#footer-outer h4 strong {
    color: #fff !important;
    font-weight: 400;
}

#footer-outer div#text-2 p {
    font-size: 20px;
    line-height: 27px;
    font-weight: 400;
    color: #fff;
    width: 77%;
}

#footer-outer .form-1 input {
    background: #fff;
    height: 95px;
    border-radius: 20px;
}

#footer-outer form {
    position: relative;
    margin-top: 50px;
    width: 100%;
    float: right;
}

#footer-outer .form-2 input.wpcf7-form-control.has-spinner.wpcf7-submit {
    position: absolute;
    right: 0;
    top: 0;
    height: 95px;
    border-radius: 20px !important;
    width: 210px;
    font-size: 20px;
    font-weight: 600;
}

#footer-outer {
    background: #011730;
    padding: 50px 0px !important;
}

#footer-outer div#copyright {
    border-top: 1px solid #4C4C4C;
    padding: 30px 0px !important;
}
#footer-outer ul.social li i:hover {transform: scale(1.1) !important;color: #d74058 !important;}
/*  Footer end*/

/*  Desktop Responsive */
@media only screen and (max-width: 1620px) {
#header-outer:before {
    width: 90%;
}
}
@media only screen and (max-width: 1520px) {
#header-outer .sf-menu li a {
    font-size: 18px;
    font-weight: 400;
    padding: 0px 15px !important;
}
}
@media only screen and (max-width: 1440px) {
#header-outer .sf-menu li a {
    font-size: 18px;
    font-weight: 400;
    padding: 0px 10px !important;
}
#sectionthree .box-4:before {
    left: 14px;
}
#banner .content:before {
    width: 400px;
    height: 655px;
    left: 10%;
    top: -29%;
}
}
@media only screen and (max-width: 1366px) {
#header-outer .sf-menu li a {
    font-size: 16px;
    padding: 0px 5px !important;
}
#banner h2 {
    font-size: 160px !important;
    line-height: 155px !important;
}
.para p {
    font-size: 18px;
    line-height: 25px;
}
a.nectar-button.large.regular.accent-color.regular-button.btn1 {
    font-size: 18px;
}

#sectionfour h4 {
    font-size: 30px;
    line-height: 41px;
}
h3.vc_custom_heading.had1 {
    font-size: 45px !important;
    line-height: 55px !important;
}
div#sectionsix {
    margin-top: -120px;
    padding-top: 200px !important;
}
#sectionsix .box-2 {
    width: 350px;
    height: 350px;
}
h2.vc_custom_heading.had1 {
    font-size: 40px !important;
    line-height: 45px !important;
}
div#sectionfour {
    padding-bottom: 50px !important;
}
#sectionthree .box-4:before {
    left: 12px;
}
#banner .content:before {
    width: 370px;
    height: 655px;
    left: 10%;
    top: -34%;
}
}
@media only screen and (max-width: 1326px) {
#banner .content:before {
top: -30%;
}
#footer-outer {
    padding: 0px 0px !important;
}
}
@media only screen and (max-width: 1280px) {
#banner .content:before {
    width: 320px;
    height: 575px;
    left: 9%;
    top: -24%;
}	
}
@media only screen and (max-width: 1199px) {}
@media only screen and (max-width: 1024px) {}

/*  Desktop Responsive */

/*  Mobile Responsive */
@media only screen and (max-width: 999px) {}
@media only screen and (max-width: 800px) {}
@media only screen and (max-width: 768px) {}
@media only screen and (max-width: 600px) {}
@media only screen and (max-width: 480px) {}
@media only screen and (max-width: 420px) {}
@media only screen and (max-width: 380px) {}

/*  Mobile Responsive */



