/*
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
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&family=Raleway&family=Roboto:wght@300;400;700;900&display=swap');
/* 
font-family: 'Poppins', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Roboto', sans-serif;
*/

div#header-space {
    display: none;
}

div#header-outer {
    background: rgb(31 31 31 / 90%) !important;
}

#header-outer #top a#logo {
    margin: 15px 0 !important;
}

#header-outer #top nav > ul > li > a {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 15px !important;
}

#header-outer[data-lhe="animated_underline"] #top nav >ul >li:not([class*="button_"]) >a:after {
    display: none;
}

#header-outer #top nav > ul > li.current-menu-item > a {
    font-weight: 700;
    color: #68f7fb;
}

body #header-outer .icon-salient-search:before {
    color: #fff;
    font-size: 14px;
    line-height: 0px;
    position: relative;
    bottom: 3px;
}

#header-outer .icon-salient-m-user:before {
    color: #fff;
    font-size: 16px;
    position: relative;
    bottom: 3px;
}

body.material #header-outer #top nav > .buttons > li {
    margin: 0 0 0 10px !important;
}
#banner h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 36px;
    color: #fff;
    letter-spacing: 2px;
    line-height: 60px;
    margin-bottom: 25px;
}

#banner h2 strong {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 104px;
    display: block;
    line-height: 100px;
    color: #59f6fd;
}

#banner h2 span {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 36px;
    line-height: 36px;
}

#banner p {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    width: 75%;
}

#banner a.primary-color {
    background: #5af6fd !important;
    letter-spacing: 0;
    color: #404040;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    padding: 25px 75px 25px 60px !important;
    border-radius: 3px !important;
    position: relative;
}

#banner a.primary-color::before {content: '\f061 ';font-family: 'FontAwesome';position: absolute;right: 40px;font-weight: 300;}

#banner .buttons {
    padding: 25px 0 0 !important;
}
#sec1 h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 36px;
    text-transform: uppercase;
    color: #404040;
    line-height: 30px;
}

#sec1 p {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: #404040;
    font-size: 14px;
    line-height: 14px;
}

#sec1 a.nectar-button.n-sc-button.small.undefined {
    margin-bottom: 0;
    background: #404040 !important;
    border-radius: 5px !important;
    padding: 24.5px 87px 24.5px 70px !important;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 0.5px;
    position: relative;
}

#sec1 a.nectar-button.n-sc-button.small.undefined:before {content: '';content: '\f061 ';font-family: 'FontAwesome';position: absolute;right: 50px;font-weight: 300;}
div#sec1 {
    padding: 70px 0 !important;
}
#sec2 h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 2px;
    color: #404040;
    width: max-content;
    margin: 0 auto;
    padding: 0 225px;
    position: relative;
    line-height: 20px;
}

#sec2 h3:before {content: '\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014';position: absolute;left: 0;top: -1px;font-size: 10px;color: #404040;}

#sec2 h3:after {
    content: '\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014';
    position: absolute;
    right: 0;
    top: -1px;
    font-size: 10px;
    color: #404040;
}

#sec2  h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #404040;
    font-size: 36px;
    margin-bottom: 12px;
}

#sec2 h2 strong {
    font-family: 'poppins', sans-serif;
    font-weight: 700;
    color: #5af6fd;
    font-size: 36px;
    line-height: 40px;
    text-transform: uppercase;
}

#sec2  p {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #626262;
    width: 70%;
    line-height: 22px;
    margin: 0 auto;
}
#sec2 h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 24px;
    color: #404040;
    margin-top: 25px;
}

#sec2 h4 strong {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #404040;
    font-size: 24px;
}

#sec2  .vc_col-sm-4 p {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #626262;
    padding-bottom: 5px;
}

#sec2 .vc_col-sm-4 p a {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #404040;
    font-size: 18px;
    line-height: 35px;
    padding-right: 30px;
    position: relative;
}

#sec2 .vc_col-sm-4 p a:before {content: '\f061 ';font-family: 'FontAwesome';font-weight: 100;position: absolute;right: 0;font-size: 16px;top: -6px;}

#sec2 .iwithtext .iwt-text {
    padding-left: 0 !important;
    padding-top: 60px;
}

#sec2 .iwithtext .iwt-icon {
    right: 0;
    display: flex;
    align-items: flex-end;
    min-height: 55px;
}

#sec2 .iwithtext .iwt-icon img {
    width: auto;
    margin-bottom: 0px !important;
}

#sec2 .vc_col-sm-4 .vc_column-inner {
    border: 3px solid #5af6fd;
    padding: 60px 10px 50px;
    transition: all ease 0.5s;
}

#sec2 .vc_col-sm-4:hover .vc_column-inner {
    background: #5af6fd;
}

div#sec2-inner {
    padding-top: 45px !important;
}

div#sec2-inner p {
    width: 100%;
}

div#sec2 {
    padding: 100px 0 100px !important;
}
#video-sec .wpb_raw_code {
    position: absolute;
    top: 0;
    left: calc(50% - 640px);
    bottom: 0;
    right: 0;
    display: flex;
    align-items: flex-end;
    padding-bottom: 35px;
}

#video-sec img {
    width: 100%;
}

#video-sec a img {
    width: auto;
}
#sec3 h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 2px;
    color: #404040;
    width: max-content;
    margin: 0 auto;
    padding: 0 85px;
    position: relative;
    line-height: 20px;
    text-transform: uppercase;
}

#sec3 h3:before {content: '\2014\2014\2014\2014\2014\2014\2014';position: absolute;right: 0;top: -1px;font-size: 10px;color: #404040;}

#sec3 h3:after {
    content: '\2014\2014\2014\2014\2014\2014\2014';
    position: absolute;
    left: 0;
    top: -1px;
    font-size: 10px;
    color: #404040;
}

#sec3  h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #404040;
    font-size: 36px;
    margin-bottom: 12px;
    text-transform: uppercase;
}

#sec3 h2 strong {
    font-family: 'poppins', sans-serif;
    font-weight: 700;
    color: #5af6fd;
    font-size: 36px;
    line-height: 40px;
    text-transform: uppercase;
}

#sec3 h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
    color: #404040;
    margin-bottom: 5px;
}

#sec3 h4 strong {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
}

#sec3  p {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: #626262;
    font-size: 14px;
    line-height: 24px;
}

#sec3 .iwt-icon img {
    width: auto;
}

#sec3  .iwt-text {
    padding-left: 85px;
    padding-right: 30px;
}

div#sec3-inner {
    padding-top: 70px !important;
}

div#sec3 {
    padding: 100px 0 !important;
}
#project-sec h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 2px;
    color: #404040;
    width: max-content;
    margin: 0 auto;
    padding: 0 185px;
    position: relative;
    line-height: 20px;
    text-transform: uppercase;
}

#project-sec h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #404040;
    font-size: 36px;
    margin-bottom: 12px;
    text-transform: uppercase;
}

#project-sec h2 strong {
    font-family: 'poppins', sans-serif;
    font-weight: 700;
    color: #5af6fd;
    font-size: 36px;
    line-height: 40px;
    text-transform: uppercase;
}

#project-sec p {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #626262;
    width: 50%;
    line-height: 22px;
    margin: 0 auto;
}

#project-sec h3::before {content: '\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014';position: absolute;right: 0;top: -1px;font-size: 10px;color: #404040;}

#project-sec h3::after {
    content: '\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014';
    position: absolute;
    left: 0;
    top: -1px;
    font-size: 10px;
    color: #404040;
}


#project-sec .carousel-item a {display: block;position: relative;}

#project-sec .carousel-item a:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 999;transition: all ease 0.5s;}

#project-sec .carousel-item a:hover:before {
    background: rgb(123 246 252 / 60%);
}
#project-sec a.nectar-button.n-sc-button.small.undefined {
    background: #5af6fd !important;
    letter-spacing: 0;
    color: #404040;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    padding: 25px 75px 25px 60px !important;
    border-radius: 3px !important;
    position: relative;
    text-transform: uppercase;
}

#project-sec a.nectar-button.n-sc-button.small.undefined:before {content: '\f061 ';font-family: 'FontAwesome';position: absolute;right: 40px;font-weight: 300;}

div#project-sec {
    padding: 100px 0 100px !important;
}
#project-sec .owl-nav {
    display: block  !important;
}

#project-sec .owl-nav button {
    background: url(/wp-content/uploads/2021/05/fa-arrow.png) no-repeat !important;
    border: none !important;
    border-radius: 0 !important;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 40%;
    left: 50px;
    font-size: 0;
}

#project-sec .owl-nav button.owl-next {
    left: unset;
    right: 50px;
    transform: rotate(180deg);
}
#sec4 .nectar-milestone {
    display: flex;
    align-items: center;
}

#sec4 .number span {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 48px;
}

#sec4 .subject {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 20px;
    text-align: left;
    color: #000000;
    padding-right: 40px;
    text-transform: uppercase;
}

#sec4 .nectar-milestone .number {
    margin-bottom: 0;
    margin-right: 20px;
}

div#sec4 {
    padding: 160px 0 !important;
}
#team-sec h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 2px;
    color: #404040;
    width: max-content;
    margin: 0 auto;
    padding: 0 110px;
    position: relative;
    line-height: 20px;
    text-transform: uppercase;
}

#team-sec h3:before {content: '\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014';position: absolute;right: 0;top: -1px;font-size: 10px;color: #404040;}

#team-sec h3:after {
    content: '\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014';
    position: absolute;
    left: 0;
    top: -1px;
    font-size: 10px;
    color: #404040;
}

#team-sec h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #404040;
    font-size: 36px;
    margin-bottom: 12px;
    text-transform: uppercase;
}

#team-sec h2 strong {
    font-family: 'poppins', sans-serif;
    font-weight: 700;
    color: #5af6fd;
    font-size: 36px;
    line-height: 40px;
    text-transform: uppercase;
}

#team-sec p {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #626262;
    line-height: 22px;
}

#team-sec img {
    height: 400px;
    object-fit: contain;
}

#team-sec .carousel-item {
    margin: 0 20px;
    border: 20px solid #7bf6fc;
    transition: all ease 0.3s;
}

#team-sec .carousel-item .wpb_raw_code {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 25px 45px;
    padding: 20px 40px;
    transition: all ease 0.4s;
    opacity: 0;
}

#team-sec .carousel-item .wpb_raw_code .wpb_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

#team-sec h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: #000000;
    font-size: 24px;
    line-height: 15px;
}

#team-sec h4 strong {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
}

#team-sec .carousel-item p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: #404040;
    font-size: 14px;
}

#team-sec ul.socail {
    margin: 0;
    display: flex;
    align-items: center;
}

#team-sec ul.socail li {
    list-style: none;
    margin-right: 10px;
}

#team-sec ul.socail li a {
    width: 25px;
    height: 25px;
    display: block;
    line-height: 25px;
    border: 1px solid #404040;
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
    -webkit-text-stroke: 1px #404040;
    color: transparent !important;
}


#team-sec .carousel-item .hover-wrap {
    margin-bottom: 0;
    
}

#team-sec .carousel-item:hover .wpb_raw_code {
    background: rgb(123 246 252 / 90%);
}

#team-sec .carousel-item:hover {
    border-color: #404040;
    border-width: 25px;
}
#team-sec .carousel-item:hover .wpb_raw_code {opacity: 1;}
#team-sec .owl-dots button.owl-dot span {
    background: #5af6fd !important;
    height: 4px;
    width: 20px;
    transform: none !important;
    border-radius: 40px !IMPORTANT;
}

#team-sec .owl-dots button.owl-dot.active span {
    background: #404040 !important;
    width: 34px;
}

div#team-sec {
    padding: 100px 0 50px !important;
}
#testi-sec h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 2px;
    color: #404040;
    width: max-content;
    margin: 0 auto;
    padding: 0 90px;
    position: relative;
    line-height: 20px;
    text-transform: uppercase;
}

#testi-sec h3:before {content: '';content: '\2014\2014\2014\2014\2014\2014\2014\2014';position: absolute;right: 0;top: -1px;font-size: 10px;color: #404040;}

#testi-sec h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #404040;
    font-size: 36px;
    margin-bottom: 12px;
    text-transform: uppercase;
}

#testi-sec h2 strong {
    font-family: 'poppins', sans-serif;
    font-weight: 700;
    color: #5af6fd;
    font-size: 36px;
    line-height: 40px;
    text-transform: uppercase;
}

#testi-sec h3:after {
    content: '\2014\2014\2014\2014\2014\2014\2014\2014';
    position: absolute;
    left: 0;
    top: -1px;
    font-size: 10px;
    color: #404040;
}

#testi-sec p {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #626262;
}
#testi-sec .iwithtext .iwt-text {padding-left: 0 !important;}

#testi-sec .iwithtext .iwt-text h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #626262;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    padding-left: 70px;
    margin-bottom: 25px;
}

#testi-sec .iwithtext .iwt-text p {
    padding-bottom: 0;
}

#testi-sec .iwithtext .iwt-text p img {
    margin-bottom: 20px;
}

#testi-sec .iwithtext .iwt-icon img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
}

#testi-sec .iwithtext .iwt-text h4 strong {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.5px;
}

#testi-sec .iwithtext .iwt-text p:nth-child(2) {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 24px;
    color: #626262;
    width: 80%;
    padding-bottom: 10px;
}

#testi-sec .carousel-item {
    width: 60%;
    background: #fff;
    margin: 0 auto;
    padding: 55px 100px 40px;
    border-radius: 30px;
    box-shadow: 0px 1px 1px 1px rgb(0 0 0 / 5%);
    position: relative;
    margin-bottom: 20px;
}
#testi-sec .owl-dots {
    display: none !important;
}

#testi-sec  .owl-nav {
    display: block !important;
}

#testi-sec .owl-nav button {
    background: url(/wp-content/uploads/2021/05/fa-arrow.png) no-repeat !important;
    border: none;
    border-radius: 0 !important;
    width: 40px;
    height: 40px;
    filter: invert(1) opacity(0.5);
    transform: rotate(90deg);
    position: absolute;
    right: 225px;
    top: 30%;
    font-size: 0;
    transition: all ease 0.3s;
}

#testi-sec .owl-nav button.owl-next {
    top: 50%;
    transform: rotate(270deg);
}

#testi-sec .owl-nav button:hover {
    filter: invert(1) opacity(1);
}
#testi-sec .carousel-item:before {content: '';position: absolute;left: 30px;right: 30px;bottom: -30px;top: 0;background: #fff;border-radius: 30px;z-index: -1;box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);}
div#clients-sec {
    box-shadow: 0px 25px 50px 0px rgba(0, 0, 0, 0.05);
    background: #fff;
    padding: 35px 0 !important;
    margin-top: -70px;
    margin-bottom: 70px;
}

div#testi-sec {
    padding: 100px 0 150px !important;
}
#sec5 h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #404040;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 20px;
    margin-bottom: 0;
}

#sec5 h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    color: #404040;
    font-size: 36px;
    line-height: 45px;
}

#sec5 h2 strong {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #5af6fd;
}

#sec5  p {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #626262;
    padding-bottom: 60px;
}

#sec5 a.nectar-button.n-sc-button.small.undefined {
    background: #5af6fd !important;
    letter-spacing: 0;
    color: #404040;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    padding: 20px 75px 20px 60px !important;
    border-radius: 3px !important;
    position: relative;
    text-transform: uppercase;
}

#sec5 a.nectar-button.n-sc-button.small.undefined:before {content: '';content: '\f061 ';font-family: 'FontAwesome';position: absolute;right: 40px;font-weight: 300;}

div#sec5 {
    padding-bottom: 100px !important;
}

#sec5 .row-bg.using-image {
    background-position: 0% 90% !important;
}
#newsletter-sec h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
    color: #404040;
    letter-spacing: 2px;
    line-height: 22px;
    margin-bottom: 0;
    position: relative;
    margin-right: 100px;
}

#newsletter-sec h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    color: #404040;
    font-size: 36px;
    line-height: 45px;
}

#newsletter-sec h2 strong {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #5af6fd;
}

#newsletter-sec h3:before {content: '';content: '\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014';position: absolute;right: 0;top: -1px;font-size: 10px;color: #404040;}
#newsletter-sec input[type=submit] {
    position: absolute;
    right: 2px;
    top: 1px;
    font-family: 'Roboto', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    background: #5af6fd !important;
    padding: 14px 46px !important;
    transform: none !important;
}

#newsletter-sec input[type=email] {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: #878787;
    font-size: 14px;
    border: 1px solid #404040;
    background: transparent !important;
    padding: 0 0 0 20px !important;
    line-height: 46px;
}

#newsletter-sec form {
    position: relative;
}

div#newsletter-sec {padding: 160px 0 161px !IMPORTANT;}
div#contact-sec {
    padding-bottom: 130px !important;
}

div#contact-sec form {
    background: #fff;
    box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.05);
    padding: 50px 70px;
    margin-bottom: 70px;
}
div#contact-sec h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #404040;
    font-size: 36px;
    margin-bottom: 12px;
    text-transform: uppercase;
}

div#contact-sec h2 strong {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #5af6fd;
}

div#contact-sec input.wpcf7-form-control[type=submit] {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background: #5af6fd !important;
    padding: 23px 89px !important;
    transform: none !important;
    color: #000000;
    border: none;
    line-height: normal;
    font-size: 18px;
}

div#contact-sec input.wpcf7-form-control {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding: 0 30px !important;
    color: #626262;
    background: #f8f7f7 !important;
    border: 1px solid #c6c6c6;
    line-height: 72px;
}

div#contact-sec span.wpcf7-form-control-wrap {
    vertical-align: top;
    width: 49%;
    display: inline-block !important;
    margin-bottom: 25px;
}

div#contact-sec form p br {
    display: none;
}

div#contact-sec .your-message {
    float: none !IMPORTANT;
    width: 100% !important;
}

div#contact-sec span.your-email {
    margin-left: 15px;
}

div#contact-sec textarea {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding: 15px 30px !important;
    color: #626262;
    background: #f8f7f7 !important;
    border: 1px solid #c6c6c6;
    height: 227px;
}
div#contact-sec ul {
    margin: 0;
    display: flex;
    align-items: center;
}

div#contact-sec ul li {
    list-style: none;
}
div#contact-sec ul li strong {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 24px;
    color: #424242;
    text-transform: uppercase;
}

div#contact-sec ul li {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #404040;
    line-height: 25px;
    padding-left: 100px;
    position: relative;
    margin-right: 100px;
}

div#contact-sec ul li:Before {content: url(/wp-content/uploads/2021/05/telephone-icon.png);width: 70px;height: 70px;position: absolute;left: 0;top: -10px;border: 1px dashed #7bf6fc;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center;}

div#contact-sec ul li:nth-child(2):Before {
    content: url(/wp-content/uploads/2021/05/email-icon.png);
}

div#contact-sec ul li:nth-child(3):Before {
    content: url(/wp-content/uploads/2021/05/email-icon.png);
}
#footer-outer .widget h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 25px;
}

.material #footer-outer #footer-widgets .col #text-3 ul li a {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #ffffff;
    line-height: 30px;
}

.material #footer-outer #footer-widgets .col #text-3 ul li {
    padding-left: 25px !important;
    position: relative;
}

.material #footer-outer #footer-widgets .col #text-3 ul li:before {color: #fff;content: '\f0da ';font-family: 'FontAwesome';position: absolute;left: 0;}

.material #footer-outer #footer-widgets .col #custom_html-2 ul li {}

.material #footer-outer #footer-widgets .col #custom_html-2 ul li p {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
}

.material #footer-outer #footer-widgets .col #custom_html-2 ul li p strong {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    display: block;
    margin-top: 15px;
}

.material #footer-outer #footer-widgets .col #custom_html-2 ul li p  span {
    color: #5af6fd;
}

.material #footer-outer #footer-widgets .col #custom_html-2 ul li {
    margin-bottom: 25px;
    padding-left: 30px !important;
    position: relative;
}

.material #footer-outer #footer-widgets .col #custom_html-2 ul li:before {content: '\f099 ';font-family: 'FontAwesome';position: absolute;left: 0;color: #8e91ff;font-size: 20px;}
#footer-outer #footer-widgets .col div#custom_html-3 p {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    letter-spacing: 0.2px;
    padding-bottom: 25px;
}

#footer-outer #footer-widgets .col div#custom_html-3 p strong {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #5af6fd;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: 5px;
}

#footer-outer #footer-widgets .col div#custom_html-3 p:last-child {
    padding-bottom: 0 !IMPORTANT;
}

.material #footer-outer #footer-widgets .col #custom_html-3 ul.socail {
    display: flex;
    align-items: center;
}

.material #footer-outer #footer-widgets .col #custom_html-3 ul.socail li a {
    width: 25px;
    height: 25px;
    display: block;
    border: 1px solid #fff;
    border-radius: 50% !important;
    text-align: center;
    line-height: 25px;
    -webkit-text-stroke: 1px #ffffff;
    color: transparent !important;
}

.material #footer-outer #footer-widgets .col #custom_html-3 ul.socail li a i {
    font-size: 14px;
}

.material #footer-outer #footer-widgets .col #custom_html-3 ul.socail li {
    margin-right: 15px;
}

#footer-outer #footer-widgets .col div#custom_html-3 p a {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
    margin-right: 20px;
    color: #fff;
}

#footer-outer div#copyright {
    background: #2f2f2f !important;
    padding: 15px 0 !important;
}

#footer-outer #copyright p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 0.25px;
}

#footer-outer .col.span_3:nth-child(2) {
    width: 16%;
}

#footer-outer .col.span_3:nth-child(3) {
    width: 31% !important;
    padding-right: 50px;
}

#footer-outer #footer-widgets .col p {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #ffffff;
    line-height: 24px;
}

div#footer-outer {
    background: url(/wp-content/uploads/2021/05/footer-bg.png) no-repeat !important;
    background-size: cover !IMPORTANT;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid {
    border-color: #e83338 !important;
}

span.wpcf7-not-valid-tip {
    display:  none;
}
body .wpcf7 .wpcf7-response-output {
    border-color: red !important;
    color: red !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450 !important;
    color: #46b450 !important;
}
#contact-sec iframe {
    filter: grayscale(1);
}

#contact-sec div.wpcf7 {
    z-index: 999;
    background: #fff;
    position: relative;
    width: 75%;
    margin: -300px auto 0 !important;
}

#contact-sec 
 .wpb_text_column {
    width: 75%;
    margin: 0 auto;
}