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

/* =================Portfolio================= */
sr7-txt#SR7_4_1-9-0,sr7-txt#SR7_3_1-7-0 {
    background: transparent !important;
    font-style: normal !important;
}

div#Portfolio sr7-txt#SR7_2_1-4-0 {
    font-style: normal !important;
}
div#Portfolio span.result {
    color: #0198b6 ! IMPORTANT;
}


/* =================================== */

div#service .row-bg.viewport-desktop.using-bg-color {
    background: linear-gradient(135deg, oklch(55% .09 197), oklch(30% .06 240));
}
div#service {
    background-color: linear-gradient(135deg, oklch(55% .09 197), oklch(30% .06 240)) !important;
}

div#service .row-bg.viewport-desktop.using-bg-color {
    background: linear-gradient(135deg, oklch(55% .09 197), oklch(30% .06 240));
}

div#service-heading h1 span {
    color: #fff !important;
}

div#service-heading p span {
    color: #fff !important;
}

div#service-heading h6 span {
    color: #fff !important;
    border: 1px solid #fff;
}

div#service-heading h5 span {
    color: #fff !important;
}
/* =================icons================= */
.icon-services-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px 32px;
}
 
.icon-services-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.05rem;
  line-height: 1.4;
}
 
.icon-services-list .icon {
  font-size: 1.4rem;
  flex-shrink: 0;
  width: 1.6em;
  text-align: center;
}
/* ================================== */

div#service-inner .matt {
    visibility: hidden !important;
}
div#target-inner .vc_col-sm-4  .vc_column-inner {
    background-color: white;
    filter: drop-shadow(2px 4px 6px #ccc);
    border-radius: 20px;
    margin-inline: 1px;
    padding: 27px 23px;
    position: relative;
    transition: 0.9s;
    min-height: 370px;
}

div#target-inner .vc_col-sm-4:hover  .vc_column-inner {
    background: linear-gradient(90deg, rgb(10 162 167) 0%, rgb(174 224 226) 100%);
    transition: 0.9s;
}

div#target-inner .vc_column-inner h3 {
    height: 60px;
}

div#target-inner .vc_col-sm-4:hover h3 span, div#target-inner .vc_col-sm-4:hover p {
    color: #fff !important;
}
div#target-inner .vc_col-sm-4 .hover-wrap {
    margin-bottom: 0;
}
div#target-inner .vc_col-sm-4 .hover-wrap-inner:before {
    background-image: url(https://dierlamdirect.com/wp-content/uploads/2026/07/Group-2085663335.png);
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    background-position: 100% 100%;
    pointer-events: none;
    transition: 0.9s;
}
div#target-inner .vc_col-sm-4 .hover-wrap-inner:before {
    background-image: url(https://dierlamdirect.com/wp-content/uploads/2026/07/Group-2085663335.png);
}
/* ================================== */

/* div#service-inner .vc_col-sm-4:hover .vc_column-inner {
    background-color: #11A7B8 !important;
    transition: 0.9s !important;
} */

div#service-inner .vc_col-sm-4:hover .vc_column-inner {
    background-color: #106f76 !important;
    transition: 0.9s !important;
    border: 1px solid #fff;
}


div#service-inner .vc_col-sm-4:hover h3 span, div#service-inner .vc_col-sm-4:hover p span,div#service-inner .vc_col-sm-4:hover .symbol-wrap span {
    color: #fff !important;
}

/* div#service-inner .vc_col-sm-4 .hover-wrap-inner {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0aa2a7 !important;
    border-radius: 50%;
    transition: 0.9s;
}
 */

div#service-inner .vc_col-sm-4 .hover-wrap-inner {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: oklch(58% .09 195) !important;
    border-radius: 50%;
    transition: 0.9s;
}
div#service-inner .vc_col-sm-4 .hover-wrap-inner img {
    filter: invert(1);
}

div#service-inner .vc_col-sm-4:hover .hover-wrap-inner {
    background-color: #fff !important;
}

div#service-inner .vc_col-sm-4:hover .hover-wrap-inner img {
    filter: brightness(0) saturate(100%) invert(37%) sepia(95%) saturate(2221%) hue-rotate(156deg) brightness(100%) contrast(80%);
}
/* ================================== */
div#about-inner .vc_col-sm-6:hover .vc_column-inner {
    background: #0aa2a7 !important;
    border-radius: 15px;
}

div#about-inner .vc_col-sm-6:hover .vc_column-inner h2 span,div#about-inner .vc_col-sm-6:hover .vc_column-inner p span {
    color: #fff !important;
}

div#about-inner .vc_col-sm-6:hover .vc_column-inner .subject {
    color: #fff !important;
}
/* ================================== */
div#about img {
    filter: drop-shadow(2px 4px 6px black);
}
/* ================================== */
.home .container-wrap {
    padding: 0px 0px !important;
}
/* ================================== */
div#header-secondary-outer .nectar-center-text {
    font-size: 15px !important;
}
/* ================================= */
header#top li.current-menu-item span {
    color: #232323 !important;
    border-bottom: 1px solid #232323;
    font-weight: 900;
}
/* =============================== */
div#revolution-slider {
    margin-bottom: 0px !important;
}
div#revolution-slider i.fa-arrow-right {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px !important;
    height: 30px !important;
    background: #fff !important;
    border-radius: 50% !important;
    position: relative;
    top: -1px;
        background: #053D7E !important;
}
/* =============================== */
div#about {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#about img {
    width: 100%;
}
div#about-inner .vc_col-sm-6 .vc_column-inner {
    background: #F2F2F2;
    padding: 10px 20px !important;
    border-radius: 15px;
}
div#about-inner .nectar-milestone {
    color: #000 !important;
}
div#about h5 {
    display: block;
    border-left: 2px solid #053D7E;
    padding: 20px 20px !important;
}
/* ============================== */
h6 span {
    border: 1px solid #053D7E;
    padding: 5px 20px !important;
    border-radius: 30px !important;
}
a#btn i {
    width: 35px !important;
    height: 35px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    background: #0AA2A7 !important;
    border-radius: 50% !important;
    line-height: 35px !important;
}
a#btn {
    filter: drop-shadow(1px 1px 8px #053D7E);
    border-radius: unset !important;
}
/* ============================= */
div#service {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#service-inner {
    margin-bottom: 0px !important;
}
div#service-inner .vc_col-sm-4 .vc_column-inner {
    background: #fff;
    padding: 40px 30px !important;
    min-height: 260px;
    margin-bottom: 20px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
        transition:0.9s;
}
div#service-inner .vc_col-sm-4 .vc_column-inner:after {
    content: "";
    background: #053D7E21;
    position: absolute;
    right: -17px;
    top: -15px;
    width: 50px;
    height: 30px;
    transform: rotate(69deg);
}
div#service a#btn {
    margin: 0 auto;
    display: table;
}
/* ================================ */
div#target {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
/* =============================== */
div#contact {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#contact-inner {
    background: #F3F3F3;
    border-radius: 20px;
}
div#contact-inner .column-image-bg {
    border-radius: 20px 0px 0px 20px !important;
}
div#contact-inner .column-bg-overlay {
    border-radius: 0px 20px 20px 0px !important;
}
div#contact-inner .vc_col-sm-5 .vc_column-inner, div#contact-inner .vc_col-sm-7 .vc_column-inner {
    padding: 30px 30px !important;
}
div#contact-inner .iwithtext {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
div#contact-inner .iwithtext .iwt-icon img {
    width: unset;
    margin: 0;
}
div#contact-inner .iwithtext .iwt-icon {
    position: relative;
}
div#contact-inner .iwithtext .iwt-text {
    padding-left: 15px;
}
div#contact-inner .iwithtext .iwt-text h4 a {
    color: #fff !important;
}
div#contact-inner input, div#contact-inner textarea, div#contact-inner select {
    border: 1px solid #999999;
    border-radius: unset !important;
    color: #999999;
    font-size: 14px !important;
}
div#contact-inner input, div#contact-inner textarea, div#contact-inner select {
    height: 61px;
}
div#contact-inner textarea {
    height: 170px;
}
div#contact-inner input::placeholder, div#contact-inner textarea::placeholder, div#contact-inner select option {
    color: #999 !important;
    opacity: 1;
}
div#contact-inner button#wpforms-submit-66 {
    border-radius: unset !important;
    background: #0185a2 !important;
    padding: 0px 30px !important;
    font-size: 15px !important;
    width: 50%;
}
/* =============================== */
div#contact-inner i.icon-default-style.fa.fa-line-chart.accent-color {
    background: unset !important;
    border-radius: 80% !important;
    width: 100px !important;
    height: 100px !important;
    line-height: 95px !important;
    border: 3px solid #0185a2 !important;
}

div#contact .iwt-icon i:before {
    color: #0a9cb6 !important;
}

div#contact .iwt-text h2::before {
    width: 70px;
    height: 5px !important;
    background: #0a9cb6;
    position: absolute;
    bottom: -5px;
    content: '';
}

div#contact  .fa-line-chart:before {
    color: #0a9cb6;
}

div#contact .iwt-text h2::before {
    width: 70px;
    height: 5px !important;
    background:#0a9cb6;
    position:absolute;
    bottom: -5px;
    content:'';
}
div#contact-inner strong {
    color: #29b4c5;
    font-size: 24px;
    line-height: 30px;
}

div#contact-inner p {
    font-size: 19px !important;
    line-height: 27px !important;
}

div#contact .iwt-icon i {
    background: #0185a2 !important;
    width: 70px !important;
    height: 70px !important;
    line-height: 71px !important;
    border-radius: 55px !important;
}

div#contact .iwt-icon i:before {
    color: #fff !important;
}

div#contact-inner .iwithtext::after {
    width: 70px;
    height: 5px !important;
    background: #0a9cb6;
    position: absolute;
    content: '';
}

div#contact-inner .iwithtext::after {
    width: 430px;
    height: 1px !important;
    background: #0a9cb6;
    position: absolute;
    left: 0;
    bottom: -17px;
    content: '';
}

div#contact-inner i.icon-default-style.fa.fa-line-chart.accent-color:before {
    color: #0185a2 !important;
}
div#contact-inner .iwithtext:nth-child(1)::after {
    display: none;
}
div#contact .vc_col-sm-7 h2 span {
    color: #001331 !important;
}
div#contact .vc_col-sm-7 h2::after {
    width: 70px !important;
    height: 5px !important;
    background: #0a9cb6;
    position: absolute !important;
    bottom: -14px;
    content: '';
    left: 6px;
}

div#contact .vc_col-sm-7 h2 {
    position: relative;
}

div#contact i.fa.fa-lock {
    color: grey;
}

div#realresult_inner .row-bg {
    background: #edf3f6;
    border-radius: 20px;
}
div#contact-inner .iwithtext .iwt-text h4 a:nth-child(1) {
    text-transform: math-auto !important;
}
div#realresult_inner .iwt-icon {
    background: #018aa6;
    width: 90px !important;
    height: 90px !important;
    border-radius: 60% !important;
    line-height: 80px;
}

div#realresult_inner img {
    margin-bottom: 0px !important;
    width: 450px;
}
div#realresult_inner .iwt-text {
    padding-left: 110px;
}
div#realresult_inner {
    padding: 20px 30px 20px 30px;
}

div#realresult_inner h3 {
    color: #122142;
    font-size: 27px;
}

div#realresult_inner p {
    color: #2C3C56;
}
/* =================================== */
div#footer-widgets .row {
    padding: 40px 0px !important;
    border-bottom: 1px solid #ffffff57 !important;
}
div#custom_html-2 ul li:hover i {
    color: #053D7E !important;
}
div#custom_html-2 ul li i {
    color: #fff !important;
    transition: .9s;
}
div#custom_html-2 ul li {
    display: inline-block;
    margin-right: 10px !important;
}
#footer-outer .widget {
    margin-bottom: 10px;
}
div#nav_menu-2, div#nav_menu-3, div#nav_menu-4 {
    margin: 0 auto;
    display: table;
}
div#footer-widgets ul#menu-quick-links li a::before, div#footer-widgets ul#menu-useful-links li a::before {
    content: "\f0da";
    position: absolute;
    left: 0;
    top: 0;
    color: #053D7E;
    font-family: 'FontAwesome';
}
div#footer-widgets ul#menu-quick-links li a, div#footer-widgets ul#menu-useful-links li a {
    position: relative;
    padding-left: 15px !important;
}
div#footer-widgets ul#menu-contact-info li:hover a i {
    color: #053D7E !important;
}
div#footer-widgets ul#menu-contact-info li a i {
    position: absolute;
    left: 0;
    top: 0px;
    color: #fff !important;
    transition: .9s;
}
div#footer-widgets ul#menu-contact-info li a {
    position: relative;
    padding-left: 30px !important;
    display: block !important;
}
div#footer-widgets ul#menu-contact-info li:nth-child(1) a i {
    top: 10px;
}
/* ====================================== */
div#copyright {
    padding: 20px 0px !important;
}
div#copyright p {
    padding: 0px !important;
}
div#copyright p strong {
    color: #053D7E;
}
div#service-inner img {
    filter: invert(46%) sepia(86%) saturate(2738%) hue-rotate(151deg) brightness(94%) contrast(92%);
}
div#service-inner a.nectar-button.medium.regular.accent-color.has-icon.regular-button {
    background-color: #23374D !important;
}

/* ===================================== */
@media (max-width: 1600px){
    .text-lft {
    margin-left: -20px;
}
}
@media (max-width: 1440px){
        .text-lft {
        margin-left: -70px;
    }
}
@media (max-width: 1366px){
    div#service-inner h3 {
    font-size: 14px;
}
    div#service-inner p {
    font-size: 14px;
}
    div#service-inner .vc_col-sm-4 .vc_column-inner {
    min-height: 310px;
}
}
@media (max-width: 1326px){}
@media (max-width: 1280px){
	div#contact-inner .iwithtext::after {
  width: 390px;
}
}
@media (max-width: 1024px){
	div#contact-inner .iwithtext::after {
  width: 290px;
}
	div#footer-widgets .row {
  padding-bottom: 10px !important;
}
	div#contact-inner strong {
  font-size: 17px;
  line-height: 30px;
}
	div#contact-inner .iwithtext .iwt-text h4 a {
  font-size: 16px;
}
	#about p {
  font-size: 14px;
}
	 div#service-inner .vc_col-sm-4 .vc_column-inner {
    min-height: 330px;
  }
	#about .nectar-fancy-ul ul li {
  font-size: 13px;
}
	div#target-inner .vc_col-sm-4 .vc_column-inner {
  min-height: 390px;
}
	div#contact-inner .iwt-text h2 {
  font-size: 23px !important;
  line-height: 30px;
}
	.menu-contact-info-container ul li {
  font-size: 13px;
}
	div#contact-inner p {
  font-size: 13px !important;
  line-height: 27px !important;
}
}
@media (max-width: 912px){
     .icon-services-list {
    grid-template-columns: 1fr;
  }
	div#service-inner .vc_col-sm-4 .vc_column-inner {
    min-height: 370px;
  }
	#nav_menu-3 {
  margin: unset !important;
}
	div#about {
    padding: 20px 0px !important;
    margin: 10px 150px;
  }
	#about p br {
  display: none;
}
	#service-inner .vc_column-inner {
  margin: 0px 180px;
  text-align: center;
  min-height: auto !important;
}
	#service-heading {
  text-align: center;
}
	#target .vc_column-inner {
  margin: 0px 200px;
}
	#contact-inner {
  margin: 0px 100px;
}
	#about {
  margin: 10px 150px;
}
	div#about img {
  margin-bottom: 20px;
}
	div#contact-inner .vc_col-sm-5 .vc_column-inner, div#contact-inner .vc_col-sm-7 .vc_column-inner {
  padding: 20px 30px !important;
}
	#nav_menu-2 {
  margin-right: 160px !important;
}
	div#contact {
  padding: 10px 0px !important;
  padding-bottom: 28px !important;
}
}
@media (max-width: 800px){
	#nav_menu-2 {
    margin-right: 130px !important;
  }
}
@media (max-width: 768px){}
@media (max-width: 480px){
	#service-inner .vc_column-inner {
    margin: 0px 0px;
    margin-bottom: 0px;
    min-height: auto !important;
  }
	div#about {
    margin: 10px 10px;
    margin-bottom: 10px;
  }
	 #target .vc_column-inner {
    margin: 0px 0px;
  }
	#contact-inner {
    margin: 0px 0px;
  }
	div#nav_menu-2, div#nav_menu-3, div#nav_menu-4 {
  margin: unset;
    margin-bottom: unset;
  display: table;
}
	.fa-phone::before {
  position: relative;
  top: 8px;
}
	div#target {
  padding-bottom: 0px !important;
}
	#media_image-2 img {
  width: 50%;
}
}
@media (max-width: 428px){}
@media (max-width: 414px){}
@media (max-width: 390px){}
@media (max-width: 375px){}
@media (max-width: 360px){}