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


div#rytyui {
    top: -180px;
}


:root{
	--color:#9b9b9b;
	--color1:#00afef;
}
/* Typography */
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body p,html body a,html body strong{
	font-family:'font1' !important;
}
/* Typography */


body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
	background-color: var(--color);
}
.owl-nav button.owl-next{
     animation: bounce-left 2s infinite linear;
}
@keyframes bounce-left{
    0%,30%,50%,70%,100%{
        transform:translateX(0) translateY(-50%);;
    }
    40%,60%{
        transform:translateX(5px) translateY(-50%);;
    }
}
.owl-nav button.owl-prev{
     animation: bounce-right 2s infinite linear;
}
@keyframes bounce-right{
    0%,30%,50%,70%,100%{
        transform:translateX(0) translateY(-50%);;
    }
    40%,60%{
        transform:translateX(-5px) translateY(-50%);
    }
}
#top li#menu-item-59 a {
    background: var(--color);
    padding: 7px 20px !important;
    outline: 1px solid transparent;
    transition: 0.5s;
    border: 1px solid transparent;
    margin-left: 30px;
}

#top li#menu-item-59 a span {
    color: white;
    font-weight: 300;
}

#top li#menu-item-59 a::after {
        content: "\f178";
        font-family: 'FontAwesome';
        color: white;
        margin-left: 40px;
}


#top li#menu-item-59 a:hover {
    background: white;
    outline: 1px solid var(--color);
    outline-offset: -8px;
    border: 1px solid var(--color);
    box-shadow: 5px 5px 0px var(--color);
}

#top li#menu-item-59 a:hover span {
    color: var(--color);
}

#top li#menu-item-59 a:hover::after {
    color: var(--color);
}

div#sec1 h1,div#sec1 h2 {
    color: white;
}

html body h2 strong {
    color: var(--color1);
    font-weight: 500;
}

#sec1 h2 {
    font-size: 42px;
    line-height: 52px;
    font-weight: 500;
    letter-spacing: 3px;
}

#sec1 h1 {
    text-transform: uppercase;
    font-size: 380px;
    line-height: 290px;
    text-shadow: 0 0 20px #0000003d;
}

div#sec1 {
    padding-top: 120px !important;
    padding-bottom: 500px !important;
}

div#sec2 {
    padding-top: 190px !important;
    padding-bottom: 670px !important;
    margin-top: -580px;
    z-index: 111;
}

a#b1 {
    font-size: 18px;
    padding: 6px 20px;
    border-radius: 0 !important;
    opacity: 1;
    outline: 1px solid transparent;
    transition: 0.5s;
    border: 1px solid transparent;
    font-weight: 100;
}

a#b1 span {
    transform: unset;
}

a#b1 i {
    transform: unset;
    position: unset;
    margin-left: 25px;
    font-size: 22px;
    animation: bounce-left2 2s infinite linear;
}
@keyframes bounce-left2{
    0%,30%,50%,70%,100%{
        transform:translateX(0);
    }
    40%,60%{
        transform:translateX(5px) ;
    }
}

#sec2 a#b1:hover {
    background: white !important;
    outline: 1px solid var(--color1);
    outline-offset: -8px;
    border: 1px solid var(--color1);
    box-shadow: 5px 5px 0px var(--color1) !important;
    color: var(--color1) !important;
}

a#b1:hover {
    background: white !important;
    outline: 1px solid var(--color);
    outline-offset: -8px;
    border: 1px solid var(--color);
    box-shadow: 5px 5px 0px var(--color) !important;
    color: var(--color) !important;
}
a#b1:hover i {
    color: var(--color) !important;
}

#sec2 a#b1:hover i {
    color: var(--color1 ) !important;
}

html body h1 strong {
    color: var(--color1);
}

/* div#sec3 {
    padding-top: 60px !important;
    padding-bottom: 90px !important;
} */

div#sec3 {
    padding-top: 45px !important;
    padding-bottom: 42px !important;
}

div#sec4 {
    padding: 90px 0 !important;
}

#sec4 .t2 {
    background: white;
    padding: 20px;
    padding-top: 40px;
    margin-top: -70px;
    z-index: 111;
    position: relative;
    clip-path: polygon(0 16%, 100% 0%, 100% 100%, 0% 100%);
    transition: 0.5s;
}

#sec4 h3 strong {
    font-weight: 500;
    color: var(--color1);
}

#sec4 h3:has(strong) {
    margin-top: -40px;
}

#sec4 .t2 p {
    padding-bottom: 8px;
}

#sec4 .t2 p a {
    font-weight: 400;
    color: #242424;
}

#sec4 .t2 p a::after {
    content: "\f178";
    font-family: 'FontAwesome';
    margin-left: 30px;
    font-size: 20px;
    position: relative;
    top: 2px;
}

#sec4 a#b1 {
    display: table;
    margin: auto;
}
div#sec5 {
    padding: 90px 0px !important;
}

#sec5 .carousel-item .wpb_text_column {
    margin-top: -70px;
    z-index: 111;
    position: relative;
    padding: 0 20px;
}

#sec5 .carousel-item .wpb_text_column h4, #sec5 .carousel-item .wpb_text_column a {
    color: white;
    transition: 0.5s;
}

#sec5 .carousel-item .wpb_text_column p {
    margin-top: -38px;
    transition: 0.5s;
}

#sec5 .carousel-item .wpb_text_column a::after {
    content: "\f178";
    font-family: 'FontAwesome';
    margin-left: 11px;
    font-size: 20px;
    position: relative;
    top: 2px;
    color: white;
}

#sec5 .carousel-item .wpb_text_column a {
    color: transparent;
}

#sec5 a#b1 {
    display: table;
    margin: auto;
}

#sec5 .img-with-aniamtion-wrap {
    clip-path: polygon(0 9%, 100% 0%, 100% 100%, 0% 100%);
}

#sec5 .img-with-aniamtion-wrap::before {
    content: '';
    width: 100%;
    height: 0;
    background: var(--color1);
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    opacity: 0.8;
    transition: 0.5s;
}

#sec5 .carousel-item:hover .img-with-aniamtion-wrap::before {
    height: 120%;
}

#sec5 .img-with-aniamtion-wrap .hover-wrap {
    margin-bottom: 0;
}

html body h4 {
    font-weight: 400 !important;
}

#sec5 .carousel-item:hover .wpb_text_column h4 {
    color: black;
    transform: translate(80px, -210px);
    font-weight: 500 !important;
}

#sec5 .carousel-item:hover .wpb_text_column p {
    transform: translate(-125px, -180px);
}

#sec5 .carousel-item:hover .wpb_text_column a {
    color: black;
    font-weight: 400;
}

#sec5 .carousel-item:hover .wpb_text_column a::after {
    color: black;
}

div#sec6 {
    padding-top: 90px !important;
}

#sec6 .t1 {
    padding: 0 340px;
}

#sec6 .carousel-item .wpb_text_column {
    margin-top: -117px;
    z-index: 111;
    position: relative;
    margin-bottom: 40px;
    padding: 0 50px;
}

#sec6 .carousel-item .wpb_text_column h4 a, #sec6 .carousel-item .wpb_text_column h5 {
    color: white;
}

#sec6 .carousel-item .wpb_text_column h5 {
    font-weight: 300;
    letter-spacing: 2px;
}

#sec6 .carousel-item .wpb_text_column h4 a::after {
    content: "\f178";
    font-family: 'FontAwesome';
    font-size: 20px;
    color: white;
    position: absolute;
    right: 0;
}

#sec6 .carousel-item .wpb_text_column h4 {
    position: relative;
}

#sec6 .owl-stage {
    padding-bottom: 0;
}

div#sec7 {
    padding: 90px 0px !important;
}
#sec7 .inner_row .vc_col-sm-12 {
    background: url(https://devu07.testdevlink.net/Milan_Homes/wp-content/uploads/2023/06/Group-16.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 130px 100px;
}

#sec7 label {
    font-weight: 400;
}

#sec7 .form-field-fm,#sec7 .form-area-fm {
    background: #f7f7f7;
    margin-bottom: 20px;
    margin-top: 5px;
}

#sec7 .form-area-fm {
    height: 170px;
}

#sec7 span.wpcf7-spinner {
    display: none;
}

body[data-form-submit=regular] .container-wrap #sec7 input[type=submit] {border-radius: 0px !important;padding: 10px 15px !important;font-family: 'font1';font-weight: 100;padding-right: 60px !important;transform: unset;opacity: 1;outline: 1px solid transparent;transition: 0.5s;border: 1px solid transparent;}

#sec7 span.btni {
    position: relative;
}

#sec7 span.btni::after {
        content: "\f178";
        font-family: 'FontAwesome';
        font-size: 20px;
        color: white;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
}

body[data-form-submit=regular] .container-wrap #sec7 input[type=submit]:hover {
    background: white !important;
    outline: 1px solid var(--color);
    outline-offset: -8px;
    border: 1px solid var(--color);
    box-shadow: 5px 5px 0px var(--color) !important;
    color: var(--color) !important;
}

#sec7 span.btni:hover::after {
    color: var(--color);
}
#footer-widgets div#text-3 a {
    background: var(--color);
    padding: 12px 18px;
    opacity: 1 !important;
    outline: 1px solid transparent;
    transition: 0.5s !important;
    border: 1px solid transparent;
}

#footer-widgets div#text-3 a::after {
    content: "\f178";
    font-family: 'FontAwesome';
    color: white;
    margin-left: 20px;
}

#footer-widgets div#text-3 a:hover {
    background: white !important;
    outline: 1px solid var(--color);
    outline-offset: -8px;
    border: 1px solid var(--color);
    box-shadow: 5px 5px 0px var(--color) !important;
    color: var(--color) !important;
}

#footer-widgets div#text-3 a:hover::after {
    color: var(--color);
}

#footer-outer #footer-widgets .widget h4 {
    letter-spacing: 2px;
}

#footer-outer #footer-widgets .col.span_3:last-child h4 {
    font-size: 18px !important;
    margin-bottom: 10px;
}

#footer-widgets ul#menu-social li {
    display: inline-block;
    margin-right: 30px;
}

#copyright .col.span_5 {
    width: 100% !important;
    margin-bottom: 0;
    text-align: center;
    border-top: 1px solid #ffffff29;
    padding: 20px 0;
}

#copyright {
    padding: 0 !important;
}

#footer-widgets .row {
    padding-bottom: 40px !important;
    padding-top: 60px !important;
}

#footer-widgets li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-59 {
    display: none;
}
#sec4 .owl-nav {
display:block;
}
:root {--arrow2: -90px;}
#sec4 .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: unset;
    --size: 50px;
    width: var(--size);
    height: var(--size);
    transition: 0.5s;
    font-size: 25px;
}

#sec4 .owl-nav button.owl-prev {
    left: var(--arrow2);
}

#sec4 .owl-nav button.owl-next {
    right: var(--arrow2);
}

#sec4 .owl-nav button span {
    display: none;
}

#sec4 .owl-nav button::before {
    font-family: 'FontAwesome';
    color: beige;
    color: black;
}

#sec4 .owl-nav button.owl-prev::before {
    content: "\f177";
}

#sec4 .owl-nav button.owl-next::before {
    content: "\f178";
}

#sec4 .owl-nav button:hover {
    background: var(--color0);
}
#footer-widgets div#nav_menu-4 {
    display: table;
    margin: auto;
}
#sec7 .wpcf7-response-output {
    border: unset;
    background: unset !important;
}

#sec7 span.wpcf7-not-valid-tip {
    position: relative;
    top: -22px;
}
#sec4 .carousel-item:hover .t2 {
    background: var(--color1);
}

#sec4 .carousel-item:hover p, #sec4 .carousel-item:hover a, #sec4 .carousel-item:hover h3,#sec4 .carousel-item:hover strong {
    color: white;
}

#sec4 .carousel-item:hover {
    transform: translateY(-20px);
}

#sec4 .carousel-item {
    transition: 0.5s;
}

#sec6 .img-with-aniamtion-wrap {
    position: relative;
}

#sec6 .img-with-aniamtion-wrap::before,#sec6 .img-with-aniamtion-wrap::after {
    content: '';
    width: 0;
    position: absolute;
    background: var(--color1);
    z-index: 111;
    height: 100%;
    top: 0;
    opacity: 0.8;
    transition: 0.5s;
}

#sec6 .img-with-aniamtion-wrap::before {
    left: 0;
}

#sec6 .img-with-aniamtion-wrap::after {
    right: 0;
}

#sec6 .inner_row:hover .img-with-aniamtion-wrap::before, #sec6 .inner_row:hover .img-with-aniamtion-wrap::after {width: 50%;}
#sec3 img {
    transition: 0.5s;
    padding-left: 50px;
}

#sec3 img:hover {
    transform: scale(0.95);
}
#sec1 .row-bg.viewport-desktop.using-image {
  animation: scroll 1000s linear infinite;
   background-size: cover !important;
  background-repeat: repeat !important;
}
@keyframes scroll {
  to {
    background-position: 0px -10000px;
  }
}
#sec3 p br {
    display: none;
}
#footer-widgets li {
    margin-bottom: -3px !important;
}

html body h2 {
    letter-spacing: 2px;
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1920px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1600px) {
    div#sec1 {
    padding-top: 80px !important;
    padding-bottom: 390px !important;
}

div#sec2 {
    padding-top: 140px !important;
    padding-bottom: 570px !important;
    margin-top: -480px;
}

#sec1 h2 {
    font-size: 35px;
    line-height: 45px;
}

#sec1 h1 {
    font-size: 340px;
    line-height: 250px;
}

html body h2 {
    font-size: 18px;
    line-height: 28px;
}

html body h1 {
    font-size: 45px;
    line-height: 55px;
}

html body p {
    font-size: 15px;
    line-height: 25px;
}


div#sec3 {
    padding-bottom: 60px !important;
}

div#sec4 {
    padding: 60px 0 !important;
}

#sec4 .owl-stage {
    padding: 0;
}
    div#sec5 {
    padding: 60px 0px !important;
}

html body h4 {
    font-size: 28px !important;
    line-height: 38px !important;
}

#sec5 .carousel-item:hover .wpb_text_column h4 {
    transform: translate(96px, -210px);
}

div#sec6 {
    padding-top: 60px !important;
}

#sec6 .t1 {
    padding: 0 190px;
}

#sec6 .carousel-item .wpb_text_column {
    margin-top: -117px;
    margin-bottom: 20px;
    padding: 0 30px;
}

div#sec7 {
    padding: 60px 0px !important;
}

#sec7 .inner_row .vc_col-sm-12 {
    margin-top: -30px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1440px) {
    div#sec1 {
    padding-top: 60px !important;
    padding-bottom: 380px !important;
}

#sec1 h2 {
    font-size: 32px;
    line-height: 42px;
}

#sec1 h1 {
    font-size: 300px;
    line-height: 210px;
}

div#sec2 {
    padding-top: 120px !important;
    padding-bottom: 510px !important;
    margin-top: -460px;
}

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

:root {--arrow2: -75px;}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1366px) {
    #sec1 h1 {
    font-size: 280px;
    line-height: 190px;
}

#sec1 h2 {
    font-size: 28px;
    line-height: 38px;
}

div#sec1 {
    padding-top: 60px !important;
    padding-bottom: 390px !important;
}

div#sec2 {
    padding-top: 120px !important;
    padding-bottom: 480px !important;
    margin-top: -460px;
}

#sec5 .carousel-item:hover .wpb_text_column h4 {
    transform: translate(86px, -210px);
}

#sec5 .carousel-item:hover .wpb_text_column p {
    transform: translate(-117px, -180px);
}

#sec6 .t1 {
    padding: 0 100px;
}

#sec6 .carousel-item .wpb_text_column h4 a::after {
    bottom: -4px;
}

#footer-outer a, #footer-outer p {
    font-size: 15px;
    line-height: 25px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1340px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1320px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1280px) {
    #sec1 h1 {
    font-size: 270px;
    line-height: 200px;
}

div#sec2 {
    padding-top: 110px !important;
    padding-bottom: 450px !important;
    margin-top: -460px;
}

html body p,#footer-outer a, #footer-outer p {
    font-size: 14px;
    line-height: 24px;
}

html body h3 {
    font-size: 20px !important;
    line-height: 32px !important;
}

#sec5 .carousel-item:hover .wpb_text_column h4 {
    transform: translate(76px, -180px);
}

#sec5 .carousel-item:hover .wpb_text_column p {
    transform: translate(-101px, -150px);
}

#sec6 .carousel-item .wpb_text_column {
    margin-top: -97px;
    margin-bottom: 20px;
}

#sec7 .inner_row .vc_col-sm-12 {
    padding: 110px 100px;
}

#footer-outer #footer-widgets .widget h4 {
    font-size: 20px !important;
    line-height: 30px !important;
}

#footer-outer #footer-widgets .col.span_3:last-child h4 {
    font-size: 16px !important;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1024px) {
    body[data-slide-out-widget-area-style="slide-out-from-right"].material .slide_out_area_close:before {
    background: var(--color1) !important;
}

div#sec1 {
    padding-top: 60px !important;
    padding-bottom: 220px !important;
}

div#sec2 {
    padding-top: 80px !important;
    padding-bottom: 360px !important;
    margin-top: -285px;
}

#sec1 h1 {
    font-size: 210px;
    line-height: 170px;
}

#sec1 h2 {
    font-size: 23px;
    line-height: 33px;
}

html body h1 {
    font-size: 35px;
    line-height: 45px;
}

html body h2 {
    font-size: 15px;
    line-height: 24px;
}

html body p, #footer-outer a, #footer-outer p {
    font-size: 12px;
    line-height: 22px;
}

a#b1 {
    font-size: 14px;
    padding: 4px 16px;
}

a#b1 i {
    margin-left: 18px;
    font-size: 17px;
}

html body h3 {
    font-size: 16px !important;
    line-height: 32px !important;
}

#sec4 .t2 p br {
    display: none;
}

#sec4 .t2 p a::after {
    top: 2px;
    margin-left: 20px;
    font-size: 17px;
}

#sec4 .t2 {
    padding-bottom: 10px;
    clip-path: polygon(0 11%, 100% 0%, 100% 100%, 0% 100%);
    padding-top: 25px;
}

html body h4 {
    font-size: 21px !important;
    line-height: 31px !important;
}

#sec5 .carousel-item .wpb_text_column {
    margin-top: -50px;
}

#sec5 .carousel-item:hover .wpb_text_column h4 {
    transform: translate(41px, -140px);
}

#sec5 .carousel-item:hover .wpb_text_column p {
    transform: translate(-68px, -114px);
}

#sec6 .carousel-item .wpb_text_column {
    margin-top: -87px;
    margin-bottom: 20px;
}

html body h5 {
    font-size: 14px !important;
    line-height: 24px !important;
    margin-bottom: 0;
}

#sec7 .inner_row .vc_col-sm-12 {
    padding: 100px 70px;
}

body[data-form-submit=regular] .container-wrap #sec7 input[type=submit] {
    font-size: 14px;
}

#sec7 span.btni::after {
    font-size: 16px;
}

#footer-widgets div#text-3 a {
    font-size: 14px;
}

#footer-widgets div#media_image-3 img {
    width: 150px;
}

#footer-widgets ul#menu-social li {
    margin-right: 15px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 820px) {
	.cursor-dot{
		display:none !important;
		opacity:0 !important;
	}
    div#sec1 {
    padding-top: 40px !important;
    padding-bottom: 160px !important;
}

div#sec2 {
    padding-top: 60px !important;
    padding-bottom: 270px !important;
    margin-top: -225px;
}

#sec1 h1 {
    font-size: 180px;
    line-height: 150px;
}

#sec1 h2 {
    font-size: 19px;
    line-height: 33px;
}

div#sec3 {
    text-align: center;
    padding-bottom: 40px !important;
}

#sec3 img {
    width: 60%;
    padding: unset;
}

div#sec4 {
    padding: 40px 0 !important;
}

#sec4 p br {
    display: none;
}

.owl-dots {
    display: none;
}

.owl-nav.disabled {
    display: none !important;
}

div#sec5 {
    padding: 40px 0px !important;
}

#sec5 p br {
    display: none;
}

#sec5 .carousel-item:hover .wpb_text_column h4 {
    transform: translate(54px, -140px);
}

div#sec6 {
    text-align: center;
    padding-top: 40px !important;
}

#sec6 .t1 {
    padding: 0;
}

#sec6 .carousel-item .wpb_text_column h4 {
    text-align: left;
}

#sec6 .carousel-item .wpb_text_column h5 {
    text-align: left;
}

#sec6 .carousel-item .wpb_text_column {
    margin-top: -75px;
    margin-bottom: 20px;
}

div#sec7 {
    padding: 40px 0px !important;
}

#sec7 p br {
    display: none;
}

#sec7 .col.span_6 {width: 49%;}

#sec7 .col.span_6,#sec7 .col.span_12 {
    margin-bottom: 0;
}

#sec7 .inner_row .vc_col-sm-12 {
    padding: 90px 50px;
}

#footer-widgets div#nav_menu-4 {
    display: unset;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 525px) {
    div#sec1 {
    padding-top: 40px !important;
    padding-bottom: 60px !important;
}

div#sec2 {
    padding-top: 40px !important;
    padding-bottom: 140px !important;
    margin-top: -96px;
}

#sec1 h1 {
    font-size: 130px;
    line-height: 110px;
}

#sec3 img {
    width: 100%;
}

html body h1 {
    font-size: 27px;
    line-height: 37px;
}

#sec5 .carousel-item,#sec4 .carousel-item {
    padding: 0 60px;
}

#sec5 .carousel-item:hover .wpb_text_column h4 {
    transform: translate(60px, -140px);
}

#sec5 .carousel-item:hover .wpb_text_column p {
    transform: translate(-81px, -114px);
}

#sec6 p br {
    display: none;
}

#sec6 p {
    padding: 0 30px;
}

#sec6 .owl-stage {
    padding: 0;
}

#sec7 .col.span_6 {
    width: 100%;
}

#sec7 .inner_row .vc_col-sm-12 {
    padding-top: 120px;
}
    #sec7 .form-area-fm {
    height: 110px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 430px) {
    div#sec2 {
    padding-top: 40px !important;
    padding-bottom: 80px !important;
    margin-top: -83px;
}

#sec1 h1 {
    font-size: 90px;
    line-height: 70px;
}

html body p br {
    display: none;
}

#sec5 .carousel-item, #sec4 .carousel-item {
    padding: 0 10px;
}

#sec7 .inner_row .vc_col-sm-12 {
    padding: 90px 30px;
    padding-top: 120px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 375px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 360px) {}