/*
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*/
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&family=Great+Vibes&family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&family=Great+Vibes&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
li,a,p,span{
	font-family: 'Mulish' !important;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Poppins' !important;
}
/*  Font Family */

/* #header-secondary-outer  */
body #header-outer, body[data-header-color="dark"] #header-outer {
    background-color: #000 !important;
}#header-outer[data-lhe=animated_underline] #top nav>ul>li>a {
    transition: color .2s ease;
    color: #fff !important;
}img.img-with-animation.skip-lazy.asasas.animated-in {
    height: 400px !important;
}
#header-secondary-outer .secondary-left {float: left;}

#header-secondary-outer .secondary-left ul.icons li {display: -webkit-inline-box;margin: 0px 10px;}

#header-secondary-outer .secondary-left ul.icons li a {font-size: 20px;font-weight: 600;color: #000 !important;}

#header-secondary-outer .secondary-left ul.icons li a i {padding-right: 15px;color: #E8BF58 !important;font-size: 25px !important;}

#header-secondary-outer .secondary-left ul.icons li:first-child a {border-right: 1px solid #000 !important;padding-right: 20px;}

div#header-secondary-outer {background-color: #F5F5F5;padding: 10px 0px;}

#header-secondary-outer .secondary-right ul li {display: -webkit-inline-box;margin: 0px 10px;}

#header-secondary-outer .secondary-right ul li i {font-size: 25px;color: #fff;background: #E8BF58 !important;border-radius: 30px;height: 40px;width: 40px;justify-content: center;align-items: center;display: inline-flex;}

body #header-secondary-outer .nectar-center-text {max-width: 100%;}

.fa.fa-facebook:before {
    content: "\f09a" !important;
}
/* #header-secondary-outer */

/*  header start */
div#header-outer .sf-menu li a {font-size: 18px !important;font-weight: 700;padding: 0px 10px !important;color: #000 !important;}

div#header-outer .sf-menu li:last-child a {
    background: linear-gradient(45deg, #e8bf58, #bf952c, #e8bf58, #bf952c);
    color: #fff !important;
    padding: 27px 35px !important;
    border-radius: 10px;
    background-size: 300% 100%;
}
div#header-outer .sf-menu li:last-child a:hover {
    background-position: 100% 0;
    -webkit-transition: all .4s ease-in-out !important;
}

/*  Header end */

/*  Banner start */
#banner h2 {font-size: 74px;font-weight: 700;line-height: 93px;color: #fff;}
#banner p {font-size: 24px;font-weight: 400;width: 92%;line-height: 29px;color: #fff;}

#banner a {font-size: 22px;font-weight: 700;padding: 25px 40px;border-radius: 10px !important;background-color: #fff !important;color: #000;text-transform: capitalize;border: 2px solid #fff;transition: .8s !important;}

#banner ahover {background: transparent !important;border: 2px solid #fff;color: #fff;}

#banner h5 {font-size: 24px;font-weight: 400;color: #fff;line-height: 29px;position: relative;padding: 40px 0px 50px 27%;letter-spacing: 4px;text-transform: uppercase;}

#banner h5:before {position: absolute;content: "";background-image: url(/wp-content/uploads/2022/05/bannericon-1.png);width: 26%;height: 33px;background-repeat: no-repeat;left: -8px;background-size: cover;}

/*  form*/

i[class^="icon-"], [class*=" icon-"], i[class*="fa-"], span[class*="fa-"] {
    font-family: FontAwesome !important;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
}#banner .v7_container.form_type_normal select {
    font-size: 18px !important;
    height: 57px !important;
    background: #EEEEEE !important;
    border-color: #EEEEEE !important;
border-radius: 10px;}#banner .v7_container.form_type_normal span.input-group-addon.prefix {
    background: #EEEEEE !important;
    border-color: #EEEEEE !important;
}#banner .v7_container.form_type_normal input {
    font-size: 18px !important;
    height: 57px !important;
    background: #EEEEEE !important;
    border-color: #EEEEEE !important;
border-radius: 10px !important;}#banner .v7_container.form_type_normal .row {
    padding-bottom: 6px !important;
}#banner .v7_container.form_type_normal button.nex-submit.svg_ready.the_input_element.btn.btn-default.col-sm-12 {
    font-size: 24px !important;
    font-weight: 800 !important;
    font-family: 'Archivo' !important;
    text-transform: uppercase !important;
    background: linear-gradient(45deg, #3C9412, #28640B);
    color: #fff !important;
    border: 0px solid !important;
}#nex-forms .input-group {
    border-collapse: separate;
    display: table;
    position: relative;
    color: #000 !important;
}#banner #nex-forms .v7_container.form_type_normal {
    border-radius: 10px !important;
}#banner #nex-forms .v7_container.form_type_normal:before {
    content: "";
    background: #E8BF58 !important;
    position: absolute;
    top: -30px;
    width: 100%;
    height: 30px !important;
    right: 0;
    left: -15px;
    border-radius: 10px 10px 0px 0px !important;
    width: 105%;
    }#nex-forms p, #nex-forms div, #nex-forms label:nth-child(2) {
    line-height: 0px !important;
}
#banner span.the_label.style_bold {font-size: 14px !important;margin-bottom: 20px;margin-top: 20px;color: #000 !important;font-weight: 600 !important;}

#banner button.nex-submit.svg_ready.the_input_element.btn.btn-default {width: 100%;background: linear-gradient(45deg, #9f760e, #E8BF58) !important;color: #fff !important;font-size: 18px !important;height: 67px;border-radius: 10px !important;}

#banner .v7_container.form_type_normal {box-shadow: unset !important;}

/* form */

#banner .box-4 {background: #fff;}

#banner h3 {font-size: 34px !important;color: #000 !important;font-weight: 700 !important;padding-top: 35px;padding-left: 27px;line-height: 45px;}

#banner h4 {font-size: 16px;font-weight: 600;color: #000;opacity: 0.5;font-family: 'Mulish' !important;padding-left: 27px;}

/*  Banner end */

/*  Section one start */
#sectionone {position: relative;}

#sectionone:before {position: absolute;content: "";border-bottom: 15px solid #000;width: 140%;bottom: -20px;left: -250px;}

h2.vc_custom_heading.had {font-weight: 700 !important;}

#sectionone h2.vc_custom_heading.had {width: 50%;margin: 0 auto;}

#sectionone .button a:hover {
    background-position: 100% 0;
    -webkit-transition: all .4s ease-in-out !important;
}

#sectionone .button a {
    font-size: 22px;
    color: #fff;
    padding: 30px 52px;
    border-radius: 10px;
    margin-top: 14px !important;
    background-size: 300% 100% !important;
    background: linear-gradient(45deg, #e8bf58, #bf952c, #e8bf58, #bf952c);
}

#sectionone .button {padding-top: 7%;}
/*  Section one end */


/*  Section Two start */
.para p {font-size: 18px;font-weight: 600;color: #000000;width: 74%;margin: 0 auto;padding: 25px 0px 30px 0px !important;}

#sectiontwo .box-1 p {font-size: 14px;font-weight: 400;color: #606060;line-height: 21px;padding-left: 20px;}

#sectiontwo .box-1 h6 {font-size: 14px;color: #A915B9;font-weight: 600;line-height: 0px;padding-left: 20px;}

h4.vc_custom_heading.had {font-weight: 700 !important;}

#sectiontwo a.nectar-button.large.regular.accent-color.regular-button.btns {background-color: #000 !important;font-size: 13px;margin-left: 16px;padding: 17px 40px;}

#sectiontwo .box-1 {box-shadow: 0px 0px 10px 0px #0003 !important;width: 32%;margin: 0 auto !important;padding: 0px 0px !important;background: #fff;padding-bottom: 20px !important;margin-bottom: 35px !important;}

#sectiontwo h4.vc_custom_heading.had {padding-left: 20px;}

#sectiontwo a.nectar-button.large.regular.accent-color.regular-button.btn {display: table;margin: 0 auto;font-size: 22px;font-weight: 700;padding: 30px 60px;border-radius: 10px !important;background: linear-gradient(45deg, #e8bf58, #bf952c, #e8bf58, #bf952c);}

/*  Section Two end */


/*  Section Three start */


#sectionthree {position: relative;}

#sectionthree:before {position: absolute;content: "";width: 75%;border-bottom: 2px solid #4C4C4C;bottom: 0;right: 0;left: 0;margin: 0 auto;}

#sectionthree .box-1 h3 {font-size: 36px !important;line-height: 41px;color: #000000;font-weight: 600;}

#sectionthree a:hover {
    background-position: 100% 0 !important;
    -webkit-transition: all .4s ease-in-out !important;
}
#sectionthree a {
    font-size: 18px !important;
    color: #fff;
    padding: 20px 55px;
    font-weight: 700;
    border-radius: 10px;
    background-size: 300% 100% !important;
    background: linear-gradient(45deg, #e8bf58, #bf952c, #e8bf58, #bf952c) !important;
}

#sectionthree p {font-size: 14px;line-height: 19px;font-weight: 400;color: #000;width: 83%;padding-bottom: 15px;padding-top: 20px;}

#sectionthree .hover-content {font-size: 28px !important;font-weight: 600;line-height: 69px !important;margin-bottom: -40px;}

#sectionthree .nectar-fancy-box[data-style="hover_desc"][data-color="accent-color"] .box-bg:after {display: none;}

#sectionthree .heading-wrap {position: relative;}

#sectionthree .heading-wrap:before {position: absolute;content: "";background: #000000a8;width: 130%;height: 125px;left: -50px;bottom: -130px;}#sectionthree ;}#sectionthree 
/*  Section Three end */


/*  Section Four start */
#sectionfour .box-2 {width: 32%; margin: 0 auto !important; background: #EEEEEE !important; border-radius: 10px;}

#sectionfour .box-2 p {font-size: 13px;font-weight: 500;line-height: 28px;color: #000000;padding-top: 90px;font-style: italic;}

#sectionfour .box-2 h5 {font-size: 16px;font-weight: 600;color: #2A292A;opacity: 0.5;font-family: Mulish !important;line-height: 10px;position: relative;}

#sectionfour .box-2 h4 {font-size: 24px;font-weight: 600;color: #000;line-height: 19px;}

#sectionfour .iwt-icon img {width: 100% !important;}

#sectionfour .iwt-text {padding-left: 45% !important;padding-top: 10%;}

#sectionfour .flickity-viewport {height: 500px !important;}

#sectionfour .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {margin: 0px 0px 0px 0px !important;}

#sectionfour a.nectar-button.large.regular.accent-color.regular-button {display: table;margin: 0 auto;font-size: 22px;font-weight: 700;background: linear-gradient(267deg, #9D14AC, #5B0C64);padding: 35px 63px;border-radius: 10px !important;margin-top: 50px;}

#sectionfour ol.flickity-page-dots {display: none;}

#sectionfour h5.vc_custom_heading.had {padding-bottom: 50px;}

#sectionfour .box-2 h5:before {position: absolute;content: "";background-image: url(/wp-content/uploads/2022/05/sectionfourimg4.png);width: 71%;height: 20px;background-repeat: no-repeat;bottom: -30px;}

/*  Section Four end */

/*  Section five*/

#sectionfive input {height: 81px !important;background-color: #F3F3F3 !important;}

#sectionfive label.nf_title {font-size: 20px;}

#sectionfive span.the_label.style_bold {font-size: 20px !important;margin-bottom: 25px;font-family: 'Mulish' !important;margin-top: 25px;color: #312F31 !important;}

#sectionfive textarea.error_message.the_input_element.textarea.pre-format.form-control.aling_left.align_left {height: 225px !important;background-color: #F3F3F3 !important;}

#sectionfive button.nex-submit.svg_ready.the_input_element.btn.btn-default.col-sm-12 {color: #fff !important;height: 81px;font-size: 28px !important;background: linear-gradient(45deg, #9E14AD, #5C0C65) !important;position: relative;top: 40px;}

#sectionfive .v7_container.form_type_normal {background: transparent !important;box-shadow: unset !important;}

/* Section five  */

/*  Footer start */
div#footer-outer ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #A5A5A5;
  opacity: 1; /* Firefox */
}

div#footer-outer input[autocomplete="enabled"] {display: unset;}

div#footer-outer div#footer-widgets h4 {font-size: 24px !important;font-weight: 700 !important;color: #fff !important;line-height: 63px;margin-bottom: 0px !important;text-transform: capitalize;}

div#footer-outer div#footer-widgets ul li a {font-size: 16px;font-weight: 600;line-height: 35px;color: #fff !important;}

div#footer-outer div#footer-widgets div#nav_menu-2 {padding-left: 50px;}

#footer-outer .textwidget p {font-size: 16px;font-weight: 400;line-height: 22px;width: 99%;color: #fff;}

div#footer-outer div#footer-widgets h3{font-size: 16px !important;font-weight: 400 !important;color: #fff !important;line-height: 21px;padding-top: 20px;}

div#footer-outer div#footer-widgets h5 {font-size: 16px;font-weight: 400;color: #fff !important;line-height: 21px;}

div#footer-outer div#footer-widgets .form-1 input {background-color: #5D5F60;height: 60px;font-size: 14px !important;font-weight: 400;padding-left: 25px !important;font-family: 'Mulish' !important;}

div#footer-outer div#footer-widgets input.wpcf7-form-control.has-spinner.wpcf7-submit {height: 60px;font-size: 18px;font-weight: 500;width: 100%;margin-top: 20px;letter-spacing: 3px;text-transform: uppercase;font-family: 'Mulish' !important;background: #C21FD4;}

div#footer-outer {background-color: #1D1D1D;}

div#copyright {background-color: #161616 !important;}

div#copyright p {color: #fff;font-size: 18px;font-weight: 600;line-height: 21px !important;padding-bottom: 0px;width: 50% !important;float: left;}

.col.span_5 {width: 100%;}

div#copyright {width: 100% !important;}

div#copyright {padding-top: 35px !important;padding-bottom: 30px !important;background: #000 !important;}

#footer-outer #copyright li a {font-size: 18px;font-weight: 400;color: #fff;}

/*  Footer end*/

/*  Responsive */
@media only screen and (max-width: 1520px) {
#banner h5:before {
    left: -8px;
	width: 25%;
}
#banner h5 {
    padding: 40px 0px 30px 28%;
}
}
@media only screen and (max-width: 1440px) {
#header-secondary-outer .secondary-left ul.icons li a {
    font-size: 14px;
    font-weight: 400;
}
#header-secondary-outer .secondary-left ul.icons li a i {
    font-size: 20px !important;
}
#header-secondary-outer .secondary-right ul li i {
    font-size: 20px;
    height: 30px;
    width: 30px;
}
div#header-outer .sf-menu li a {
    font-size: 16px !important;
    padding: 0px 5px !important;
}

element.style {
}
body.material #header-outer[data-has-buttons=no][data-full-width=false][data-format=default] #top nav>.sf-menu>li:not([class*=button_]):last-child a {
    padding-right: 0;
}
body[data-header-search=false][data-full-width-header=false] #header-outer[data-lhe=animated_underline][data-format=default][data-cart=false] #top nav>ul>li:last-child>a, body[data-header-search=false][data-user-set-ocm=off] #header-outer[data-lhe=animated_underline][data-format=centered-menu][data-cart=false] #top nav>.buttons>li:last-child>a {
    margin-right: 0;
}
#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a, #top nav > ul > li[class*="button_solid_color"] > a, body #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_solid_color"] > a:hover, #header-outer[data-lhe="animated_underline"] #top nav > .sf-menu > li[class*="button_bordered"] > a, #top nav > ul > li[class*="button_bordered"] > a, body #header-outer.transparent #top nav > ul > li[class*="button_bordered"] > a, body #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_bordered"] > a:hover, body #header-outer.transparent #top nav > ul > li[class*="button_solid_color"] > a, #header-outer[data-lhe="animated_underline"] #top nav > ul > li[class*="button_solid_color"] > a {
    margin-left: 10px;
    margin-right: 10px;
}
#header-outer[data-lhe=animated_underline] #top nav>ul>li>a {
    padding-left: 0;
    padding-right: 0;
    margin-right: 10px;
    margin-left: 10px;
}
#header-outer[data-lhe=animated_underline] #top nav>ul>li>a {
    transition: color .2s ease;
}
div#header-outer .sf-menu li:last-child a {
    padding: 20px 29px !important;

}
	
#banner h2 {
    font-size: 65px;
    line-height: 80px;
}
#banner p {
    font-size: 18px;
    line-height: 25px;
}
#banner h5:before {
    left: 3px;
    width: 28%;
}
#banner h5 {
    padding: 0px 0px 36px 32%;
}
#banner a {
    font-size: 18px;
    padding: 12px 25px;
}
#banner h3 {
    font-size: 27px !important;
    line-height: 30px;
}
h2.vc_custom_heading.had {
    font-size: 50px !important;
    line-height: 59px !important;
}
h5.vc_custom_heading.had {
    font-size: 14px !important;
    line-height: 40px !important;
}
.para p {
    font-size: 16px;
}
#sectionone .button a {
    font-size: 18px;
    padding: 25px 45px;
}
#sectiontwo h4.vc_custom_heading.had {
    font-size: 25px !important;
    line-height: 40px !important;
}
#sectiontwo .box-1 p {
    font-size: 12px;
    line-height: 18px;

}
#sectiontwo a.nectar-button.large.regular.accent-color.regular-button.btns {
    font-size: 12px;
    padding: 14px 34px;
}
#sectiontwo a.nectar-button.large.regular.accent-color.regular-button.btn {
    font-size: 18px;
    padding: 25px 45px;
}
#sectionthree .box-1 h3 {
    font-size: 32px !important;
    line-height: 36px;
}
#sectionthree p {
    font-size: 12px;
    padding-top: 10px;
}
#sectionthree a {
    font-size: 16px !important;
    padding: 15px 45px;
}
#sectionfour .box-2 h4 {
    font-size: 18px;
}
#sectionfour .iwt-icon img {
    width: 80% !important;
}
#sectionfour .box-2 h5 {
    font-size: 12px;
}
#sectionfour .iwt-text {
    padding-top: 7%;
}
#sectionfour .box-2 p {
    font-size: 12px;
    padding-top: 40px;
}
#sectionfour a.nectar-button.large.regular.accent-color.regular-button {
    font-size: 18px;
    padding: 30px 50px;
}
#sectionfive input {
    height: 65px !important;
}
#sectionfive span.the_label.style_bold {
    font-size: 16px !important;
}
#sectionfive textarea.error_message.the_input_element.textarea.pre-format.form-control.aling_left.align_left {
    height: 195px !important;
    background-color: #F3F3F3 !important;
}
#footer-outer .textwidget p {
    font-size: 14px;
    width: 100%;
}
div#footer-outer div#footer-widgets h4 {
    font-size: 20px !important;
    line-height: 55px;
}
div#footer-outer div#footer-widgets h3 {
    font-size: 14px !important;
    line-height: 16px;
}
div#copyright p {
    font-size: 16px;
}
#footer-outer #copyright li a {
    font-size: 16px;
}
div#copyright {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}
}
@media only screen and (max-width: 1366px) {
#banner h5:before {
     height: 27px;
    width: 25%;
}
}
@media only screen and (max-width: 1326px) {}
@media only screen and (max-width: 1280px) {
#banner h5:before {
    width: 27%;
}
}

/* Responsive  */

#sectiontwo h4.vc_custom_heading.had {line-height: 40px !important;}

