/*
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
*/
.container-wrap {
    padding: 0px 0px !important;
}
div#ajax-content-wrap {
    --scroll-bar-w: 0px !important;
}
/* ============================ */
header#top .container {
    padding: 0px 50px 0px 100px !important;
}
header#top li#menu-item-27 span {
    background: #8A2D98;
    padding: 12px 50px !important;
    border-radius: 30px !important;
    color: #fff !important;
    text-transform: uppercase !important;
}
/* =========================== */
div#revolution-slider {
    margin-bottom: 0px !important;
}
/* =============================== */
div#about {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#about .inner-wrap.row-bg-layer:before {
    content: "";
    background-image: url(https://devu1b.customdev.solutions/sandraroyproject/wp-content/uploads/2026/04/pngwing.com-23-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 497px;
    height: 707px;
}
div#about-inner {
    margin: 0px 50px;
}
div#about img.left-img {
    position: absolute;
    left: 0;
    top: 50px;
    margin-left: -17%;
    width: 150px;
}
/* ======================== */
h6 span img {
    margin: 0 !important;
}
h6 span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #D766E8;
    padding: 5px 20px !important;
    border-radius: 30px !important;
}
a#btn {
    border-radius: 30px !important;
}
/* ======================== */
div#cred {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#cred .nectar-fancy-ul ul li i {
     position: relative;
}
div#cred .nectar-fancy-ul ul {
    width: fit-content;
    margin: 0 auto;
}
div#cred .nectar-fancy-ul ul li {
    padding: 0px !important;
    margin-bottom: 7px;
    font-size: 17px;
}
/* ============================= */
div#service {
    padding: 100px 0px !important;
    margin-bottom: 0px !important;
}
div#service-inner .hover-wrap img {
    width: 100%;
}
div#service-inner .vc_col-sm-5 .t-one {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: end;
    align-items: center;
    flex-direction: column;
    background-image: url(https://devu1b.customdev.solutions/sandraroyproject/wp-content/uploads/2026/04/image-5.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 30px !important;
    margin: 0px !important;
    background-position: 100% 100%;
    width: 100%;
    height: 100%;
    transition: .9s;
}
div#service-inner .vc_col-sm-5:hover .t-one {
    opacity: 0;
	    transition: .9s;
}
div#service-inner .vc_col-sm-5 .t-two {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-image: url(https://devu1b.customdev.solutions/sandraroyproject/wp-content/uploads/2026/04/image-7.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 30px !important;
    margin: 0px !important;
    background-position: 100% 100%;
    width: 100%;
    height: 100%;
    transition: .9s;
    opacity: 0;
    z-index: -1;
}
div#service-inner .vc_col-sm-5:hover .t-two {
	    opacity: 1;
    z-index: 9;
	    transition: .9s;
}
div#service-inner .vc_col-sm-5 .t-two h5 a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    opacity: 1;
    color: #D766E8 !important;
}
div#service-inner .vc_col-sm-5 .t-two h5 a img {
    margin-bottom: -1px !important;
}
div#service img.right-img, div#cred.about img.right-img {
    position: absolute;
    right: 0;
    top: -50px;
    margin-right: -18%;
    width: 250px;
}
div#service img.left-img, div#cred.about img.left-img {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: -23%;
    width: 200px;
}
/* ============================== */
div#education {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#education .inner-wrap.row-bg-layer:before {
    content: "";
    background-image: url(https://devu1b.customdev.solutions/sandraroyproject/wp-content/uploads/2026/04/about-two-right-Cu5U5N8J-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 152px;
    height: 213px;
}
/* =========================== */
div#expert {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#expert-inner .vc_col-sm-4 .vc_column-inner {
    background: #FDEDFF;
    padding: 20px 30px !important;
    border-radius: 25px;
    filter: drop-shadow(2px 4px 6px #ccc);
}
div#expert img.right-img {
    position: absolute;
    right: 0;
    top: 50px;
    margin-right: -20%;
}
/* ============================= */
div#scrolling-text {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#scrolling-text h1 img {
    padding-left: 30px;
}
div#scrolling-text h1 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 80px 0px 0px !important;
    font-size: 80px !important;
    line-height: 90px !important;
    font-weight: 300;
}
div#scrolling-text h1.outline {
    color: #808080;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: 808080;
}
/* ============================== */
div#banner {
    background: #0000 !important;
}
div#banner .row-bg.viewport-desktop.using-bg-color {
    height: 180px !important;
    top: unset !important;
    bottom: 0;
}
div#banner-inner {
    border-radius: 30px !important;
    padding: 50px 100px !important;
}
/* ========================== */
div#footer-outer-globle {
    padding-top: 50px !important;
}
div#footer-outer-globle .vc_col-sm-2:before {
    content: "";
    background: #ffffff5c;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2px;
    height: 90%;
    left: 0;
    margin: 0 auto;
}
div#footer-outer-globle .vc_col-sm-2 {
    position: relative;
}
div#footer-outer-globle .vc_col-sm-5> .vc_column-inner, div#footer-outer-globle .vc_col-sm-7> .vc_column-inner {
    padding: 20px 20px 30px 30px !important;
}
div#footer-outer-globle h2, div#footer-outer-globle h4 {
    font-size: 22px !important;
    line-height: 32px !important;
    opacity: 1;
}
div#footer-outer-globle ul {
    margin: 0;
}
div#footer-outer-globle ul li a {
    font-weight: 400;
}
div#footer-outer-globle ul li {
    list-style: none;
    margin-bottom: 10px;
}
div#newsletterwidgetminimal-2 form.tnp-form {
    display: flex;
    width: 100%;
}
div#newsletterwidgetminimal-2 input.tnp-email {
    background: #0000 !important;
    border-radius: 30px !important;
    border: 1px solid #b79ebc;
}
div#newsletterwidgetminimal-2 input.tnp-submit {
    width: auto;
    background-color: #8A2D98 !important;
    border-radius: 30px !important;
    transform: unset !important;
    box-shadow: unset !important;
    margin: 5px 0px 5px -185px !important;
}
div#footer-widgets-globle .socliy ul li i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #D766E8;
    border-radius: 50%;
	color:#D766E8;
}
div#footer-widgets-globle .socliy ul li {
    display: inline-block;
    margin-right: 5px;
}
div#footer-outer-globle ul#menu-contact-us li strong {
    font-weight: 700;
}
div#footer-outer-globle ul#menu-contact-us li ruby {
    text-decoration: underline;
}
div#footer-outer-globle .vc_wp_custommenu {
    margin-bottom: 0px !important;
}
/* =============================== */
div#copyright-globle {
    padding: 20px 0px 30px 0px !important;
    border-top: 1px solid #ffffff66 !important;
    margin-top: 50px;
}
div#copyright-globle em span {
    color: #D766E8 !important;
}
/* ================================= */
div#cred.about {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#cred.about .row-bg.viewport-desktop.using-image {
    background-size: 100% 100%;
}
div#education.about .inner-wrap.row-bg-layer:before {
    margin-bottom: 32%;
}
div#about-faq {
    padding: 30px 0px !important;
    margin-bottom: 0px !important;
}
div#about-faq .vc_col-sm-7 .vc_column-inner {
    padding: 40px 40px !important;
}
div[data-style="minimal"] .toggle > .toggle-title a {
    padding: 15px 30px 15px 0px;
    transition: color 0.15s ease;
}
div#about-faq .column-image-bg {
    border-radius: 20px;
    background-size: 100% 100%;
}
div#about-faq h3.toggle-title a {
    color: #fff !important;
    text-transform: initial !important;
}
div#about-faq .toggle.default.open h3.toggle-title a.nectar-inherit-h4.toggle-heading {
    color: #D766E8 !important;
}
div#about-faq i:before, div#about-faq i:after {
    display: none !important;
}
div[data-style*=minimal] .toggle>.toggle-title i {
    display: none;
}
div#about-faq .toggle.default h3.toggle-title a {
    position: relative;
}
div#about-faq .toggle.default h3.toggle-title a:before {
    content: "\f106";
    font-family: fontawesome;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 19px;
	transition: .9s;
}
div#about-faq .toggle.open h3.toggle-title a:before {
    content: "\f107";
}
/* ============================= */
div#service-page {
    padding: 50px 0px !important;
    margin-bottom: 0px !important;
}
div#service-page ul#menu-service-tab {
    margin: 0px 0px !important;
}
div#service-page ul#menu-service-tab li {
    margin-bottom: 10px !important;
}
div#service-page ul#menu-service-tab li a {
    padding: 20px 20px !important;
    background: #F8E4FB !important;
    width: 100% !important;
    display: block;
    color: #530C5D !important;
    font-family: "Literata";
    font-size: 18px;
    filter: drop-shadow(2px 4px 6px #ccc);
    border-radius: 10px;
    position: relative;
}
div#contact-info {
    padding: 130px 30px !important;
    margin: 0px !important;
    background-size: 100% 100% !important;
}
div#service-page .clm> .vc_column-inner {
    margin-right: 30px;
}
div#service-page ul#menu-service-tab li a:before {
    content: "";
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(https://devu1b.customdev.solutions/sandraroyproject/wp-content/uploads/2026/04/Group-31.png);
    width: 58px;
    height: 33px;
    margin: 16px 20px 0px 0px !important;
    transition: .9s;
}
div#service-page-inner .nectar-fancy-ul {
    margin-top: 10px;
}
div#service-page-inner .nectar-fancy-ul ul {
    column-count: 2;
    margin-bottom: 0px !important;
}
div#service-page-inner, div#pricing-inner {
    margin-left: 30px;
}
div#pricing-inner .vc_col-sm-6 .vc_column-inner {
    filter: drop-shadow(2px 4px 6px #ccc);
    border-radius: 10px;
    text-align: center;
    padding: 50px 10px 20px 10px !important;
    transition: .9s;
    background: linear-gradient(210deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
div#pricing-inner .vc_col-sm-6:hover .vc_column-inner {
    background: linear-gradient(210deg, rgba(138, 45, 152, 1) 0%, rgba(215, 102, 232, 1) 100%);
    transition: .9s;
}
div#pricing-inner .vc_col-sm-6 .hover-wrap-inner {
    position: relative;
}
div#pricing-inner .vc_col-sm-6 .hover-wrap-inner:before {
    content: "";
    background-color: #D845EE !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    right: 0;
    margin: 0 auto;
    border-radius: 50%;
    transition: .9s;
    transform: translate(-20px, -20px);
}
div#pricing-inner .vc_col-sm-6:hover .hover-wrap-inner:before {
    transform: translate(0px, -20px);
}
div#pricing-inner .vc_col-sm-6:hover .hover-wrap-inner img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7435%) hue-rotate(110deg) brightness(97%) contrast(106%);
}
div#pricing-inner h2 {
    font-family: "mulish";
    font-weight: 500;
}
div#pricing-inner h2 span.font-text {
    font-size: 20px;
    text-transform: capitalize !important;
}
div#pricing-inner .vc_col-sm-6 h3 span, div#pricing-inner .vc_col-sm-6 h2 span, div#pricing-inner .vc_col-sm-6 li span {
    transition: .9s;
}
div#pricing-inner .vc_col-sm-6:hover h3 span, div#pricing-inner .vc_col-sm-6:hover h2 span, div#pricing-inner .vc_col-sm-6:hover li span {
    color: #fff !important;
    transition: .9s;
}
div#pricing-inner .vc_col-sm-6 ul {
    margin: 0 auto;
    display: table;
    width: 70%;
}
div#pricing-inner .vc_col-sm-6 ul li {
    border-bottom: 1px solid #666666;
    padding: 5px 0px !important;
    transition: .9s;
	list-style: none;
}
div#pricing-inner .vc_col-sm-6:hover ul li {
    border-color: #fff !important;
}
div#pricing-inner a#btn {
    padding: 12px 50px !important;
}
div#service-page .right-img {
    position: absolute;
    right: 0;
    top: 60px;
    margin-right: -27%;
    width: 180px;
}
div#service-page .left-img {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: -63%;
    width: 200px;
}
div#service-page img.right-img-two {
    position: absolute;
    right: 0;
    margin-right: -29%;
    bottom: 0;
    width: 250px;
    margin-bottom: 100%;
}
div#pricing-inner {
    width: 85%;
}
/* ================================ */
@media (max-width: 1600px){
	div#service-page .right-img {
    margin-right: -23%;
    width: 160px;
}
	div#service-page img.right-img-two {
    margin-right: -23%;
    width: 200px;
}
	div#service-page .left-img {
    margin-left: -45%;
    width: 150px;
}
}
@media (max-width: 1440px){
	div#about img.left-img {
    margin-left: -8%;
    width: 120px;
}
	div#service img.right-img {
    margin-right: -8%;
    width: 200px;
}
	div#service img.left-img {
    margin-left: -12%;
    width: 150px;
}
	div#education .inner-wrap.row-bg-layer:before {
    width: 102px;
    height: 153px;
}
	div#expert img.right-img {
    margin-right: -10%;
    width: 100px;
}
	div#expert-inner .vc_col-sm-4 .vc_column-inner {
    padding: 10px 20px !important;
    border-radius: 15px;
}
	div#service-page .right-img {
        margin-right: -12%;
        width: 100px;
		    top: 0px;
    }
	div#service-page img.right-img-two {
        margin-right: -13%;
        width: 150px;
    }
	    div#service-page .left-img {
        margin-left: -26%;
        width: 100px;
    }
}
@media (max-width: 1366px){}
@media (max-width: 1326px){}
@media (max-width: 1280px){}
@media (max-width: 1024px){}
@media (max-width: 912px){}
@media (max-width: 800px){}
@media (max-width: 768px){}
@media (max-width: 480px){}
@media (max-width: 428px){}
@media (max-width: 414px){}
@media (max-width: 390px){}
@media (max-width: 375px){}
@media (max-width: 360px){}