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

/* Start Secondery Header CSS */

div#header-secondary-outer {
    background: #F5F6F0 !important;
    padding: 10px 0 !important;
}

div#header-secondary-outer nav ul li.Phone a {
    color: #6B5187;
    font-family: Roboto;
    font-size: 18px !important;
    font-weight: 600;
    align-items: center !important;
}

div#header-secondary-outer nav ul {
    display: flex !important;
    gap: 60px !important;
}

div#header-secondary-outer nav ul li.Phone a i {
    font-size: 20px !important;
}

/* End Secondery Header CSS */

/* Start Header CSS */

#header-space {
    position: absolute !important;
}

#header-outer {
    background: #ff000000 !important;
}

div#header-outer ul.sf-menu.sf-js-enabled.sf-arrows li a span:hover {
    color: #756C2B !important;
}

header#top ul.sf-menu.sf-js-enabled.sf-arrows {
    justify-content: end !important;
    gap: 30px !important;
}

#top nav ul li.current_page_item a span {
    font-weight: 800 !important;
    color: #756c2b !important;
}

#top nav ul li a span {
    color: white !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}


/* End Header CSS */

/* Start Main Banner CSS */

.HeadingMain {
    color: white;
    font-size: 60px;
    font-family: Neometric;
    font-weight: 900;
    line-height: 70px;
    word-wrap: break-word;
}

.BannerText .HeadingMain span.Online {
    color: #756c2b;
}

p.ParaMain {
    color: white;
    font-size: 20px;
    font-family: Roboto;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 1px;
}

div#home-banner p.ParaMain {
    width: 80% !important;
}

a.nectar-button.regular.Luminous-btn {
    background: #ff000000 !important;
    border: 2px solid #B84D94 !important;
    border-radius: 30px !important;
    padding: 15px 70px;
    font-family: 'Roboto' !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 25px !important;
}

a.nectar-button.regular.ShowMore {
    background: transparent !important;
    border: 2px solid white !important;
    border-radius: 30px !important;
    padding: 15px 45px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    font-family: 'Roboto' !important;
}

/* End Main Banner CSS */

/* Start Banner Icons CSS */

div#BannerIcons .iwt-icon img {
    width: 100px !important;
    margin-bottom: 0 !important;
    margin-right: 11px !important;
}

div#BannerIcons .iwithtext {
    display: flex !important;
    justify-content: end !important;
    align-items: center !important;
}

div#BannerIcons .iwithtext .iwt-text {
    padding: 0 !important;
}

div#BannerIcons .wpb_wrapper {
    display: flex !important;
    justify-content: end !important;
    align-items: center !important;
}

div#BannerIcons .iwithtext .iwt-icon {
    left: -125px !important;
    top: -10px !important;
    border-right: 1px solid white !important;
}

div#BannerIcons .iwt-text .IconText {
    width: 260px !important;
}

div#BannerIcons .iwt-text .IconText h5 {
    color: white;
font-size: 22px;
font-family: Roboto;
font-weight: 700;
line-height: 27px;
word-wrap: break-word
}

div#BannerIcons .iwt-text .IconText p {
    color: white;
    font-size: 15px;
    font-family: Roboto;
    font-weight: 400;
    line-height: 20px;
    word-wrap: break-word
}

div#BannerIcons {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -90px !important;
}

div#home-banner .inner-wrap.row-bg-layer.using-image {
    border-bottom: 10px solid #b84d94 !important;
}

/* End Banner Icons CSS */

/* Start What We Do CSS */

.para {
    color: #393939 !important;
}

div#WhatWeDo .BannerText .para {
	width: 70% !important;
}

div#WhatWeDo a.nectar-button.regular.ShowMore {
    border-color: #393939 !important;
    color: #393939 !important;
}

/* End What We Do CSS */

/* Start About Us Section CSS */

div#AboutUs p.ParaMain {
	width: 90% !important;
}

/* End About Us Section CSS */

/* Start Courses Section CSS */

div#Courses .CoursesBox .CoursesImg .BannerText  h5.HeadingMain {
    font-size: 20px !important;
    line-height: 22px !important;
}

div#Courses .CoursesBox .CoursesImg .BannerText p.ParaMain {
    font-size: 15px !important;
}

div#Courses .CoursesBox .CoursesImg .BannerText {
    position: absolute !important;
    bottom: 0;
    padding: 20px !important;
    border-radius: 0px 0px 15px 15px;
    transition: 0.5s !important;
    opacity: 0 !important;
}

div#Courses .CoursesBox .CoursesImg:hover .BannerText {
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
    transition: 0.5s !important;
    opacity: 1 !important;
}

/* End Courses Section CSS */

/* Start Biolog Box Section CSS */

div#BiologyBox .biology-box .BannerText p.ParaMain {
    font-size: 18px !important;
    width: 80% !important;
    margin: 0 auto !important;
    margin-bottom: 40px !important;
}

div#BiologyBox .biology-box .BannerText .wpb_wrapper {
    padding: 0 !important;
}

div#BiologyBox .biology-box .wpb_wrapper {
    padding: 170px 0 !important;
}

/* End Biology Box Section CSS */

/* Start Contact Section CSS */

div#ContactUs .vc_col-sm-6.ContactFormMain {
    padding-left: 100px !important;
}

.ContactFormMain input ,textarea {
    border-radius: 5px 5px 0px 0px;
    background: rgba(217, 217, 217, 0.25);
    backdrop-filter: blur(150px);
    border-bottom: 1px solid #fff;
    width: 540px;
    height: 68px;
    resize: none !important;
    padding-left: 25px !important;
	color: #fff !important;
}

.ContactFormMain label{
    color: #fff !important;
    font-size: 17px !important;
    letter-spacing: 1.7px !important;
}

.ContactFormMain input.wpcf7-form-control.wpcf7-submit.has-spinner {
        border-radius: 5px;
    background: #B84D94;
    border: none;
    height: 52px;
    color: #FFF;
}

.ContactFormMain input::placeholder, textarea::placeholder {
    color: white !important;
    opacity: 0.2 !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}

.ContactFormMain span.wpcf7-not-valid-tip {
    color: #142640 !important;
}

div#ContactUs {
    border-bottom: 10px solid #B84D94 !important;
}

.ContactIcon .nectar_icon {
    background: rgba(255, 255, 255, 0.25) !important;
    margin: 0 10px !important;
    border-radius: 50px !important;
    width: 50px !important;
}

/* End Contact Section CSS */

/* Start Testimonials CSS */

div#Testimonials .image-icon.has-bg {
    position: absolute !important;
    top: 50px !important;
    left: 40px !important;
}

div#Testimonials .testimonial_slider blockquote span.testimonial-name{
    position: absolute !important;
    top: 120px !important;
    color: #756C2B;
    font-size: 17px;
    font-family: Roboto;
    font-weight: 700;
    line-height: 27px;
    word-wrap: break-word;
    left: 50px !important;
}

div#Testimonials .testimonial_slider blockquote span.title{
    position: absolute !important;
    top: 145px !important;
    color: #5B5B5B;
    font-size: 15px;
    font-weight: 400;
    line-height: 27px;
    opacity: 1 !important;
    left: 50px !important;
}

div#Testimonials blockquote p {
    color: #5B5B5B;
    font-size: 15px;
    font-family: Roboto;
    font-weight: 500;
    line-height: 22px;
    text-align: justify !important;
    height: 330px !important;
    width: 400px !important;
    padding: 30px !important;
    padding-top: 170px !important;
    margin-bottom: 0 !important;
    background-color: #E8E8E8 !important;
}

div#Testimonials .testimonial_slider[data-style=multiple_visible] blockquote p:before {
    right: initial !important;
    left: 320px !important;
    top: 30px !important;
    color: #756c2b !important;
    opacity: 1 !important;
}


div#Testimonials blockquote {
    opacity: 1 !important;
    margin-bottom: 0 !important;
}

div#Testimonials ol.flickity-page-dots {
    z-index: 99999 !important;
    position: absolute !important;
    bottom: -10px !important;
}

div#Testimonials .slides.flickity-enabled.is-draggable {
    padding-bottom: 30px !important;
}

/* End Testimonials CSS */

/* Start Footer CSS */

#footer-outer #footer-widgets .widget h4 {
    color: #6B5187 !important;
    font-family: Neometric !important;
    font-size: 30px !important;
}

div#footer-outer div#footer-widgets .textwidget p.ParaMain {
    font-size: 15px !important;
    font-family: Roboto;
    letter-spacing: 1.36px;
    width: 80% !important;
}

div#footer-outer div#footer-widgets .footer-menu ul li a {
    font-family: Roboto;
    font-size: 17px;
    font-weight: 500;
	line-height: 2;
}

div#footer-outer div#footer-widgets .footer-menu ul li a:hover {
    color: #c4acde !important;
}

div#footer-outer {
    border-top: 10px solid #6B5187 !important;
}

div#footer-outer div#footer-widgets .footer-menu ul.contact-links li a {
    display: flex !important;
    gap: 15px !important;
    align-items: center !important;
}

div#footer-outer div#footer-widgets .footer-menu ul.contact-links li a i {
    font-size: 22px !important;
    width: 20px !important;
    color: #6b5187 !important;
}

/* End Footer CSS */

/* Start Copyright CSS */

div#copyright {
    padding: 15px 0 !important;
	font-family: Roboto;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px;
}

/* End Copyright CSS */

/* Start Contact Page CSS */

.page-id-15 div#ContactUs {
    border: none !important;
}

#page-header-bg h1 {
    font-family: Neometric;
    font-size: 80px;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase !important;
}

/* End Contact Page CSS */

#footer-outer #copyright a:not(.nectar-button) {
    color: #142640 !important;
}