/*
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
*/
:root{
    --c:var(--nectar-accent-color);
--c1: var(--nectar-extra-color-1);
	--c2: var(--nectar-extra-color-2);
	--c3: var(--nectar-extra-color-3);
--g: linear-gradient(180deg, var(--c) 0%, var(--c1)  100%);
	--g1: linear-gradient(180deg, var(--c) 0%, var(--c1)  50%, var(--c)  100%);
	--t:#616161;
	
}
#s5 .owl-stage-outer {
    display: flex;
    align-items: center;
    justify-content: center;
}
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: var(--c);
}
#s5 ul.wpb_tabs_nav::before {
    content: '15% off';
    font-size: 13px;
    font-family: 'font1';
    color: #000;
    position: absolute;
    transform: translateX(220px) translateY(-10px);
    background: #fff;
    padding: 10px 10px;
    border: 1px solid #ccc;
    border-radius: 40px;
    z-index: 999;
}
#footer-outer #text-4 {
    float: right;
    margin: 0;
}
::selection {
  background:  var(--c);
	color:white;
}
/* 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 h1 strong{
	font-family:font1 !important;
}
/* Typography */
header#top .b1 a {
    background: var(--c);
    padding: 11px 40px !important;
    border-radius: 50px !important;
--bc: var(
    --c1);
    transition: 0.5s !important;
}

header#top .b1 a span {
    color: black;
}
.page-id-85 #abt_pg img {
    border-radius: 20px;
    transition: .9s;
}

.page-id-85 #abt_pg img:hover {filter: grayscale(1) drop-shadow(2px 4px 6px black);}

.page-id-85 #abt_pg .hover-wrap {
    padding: 0;
}

.page-id-85 #sec2 img {width: 95%;border-radius: 30px;transition: ease .9s;}

.page-id-85 #sec2 img:hover {
    transform: translateX(10px);
    filter: hue-rotate(285deg);
}

#s1 .i1 {
    width: 60%;
    animation: floatY 5s infinite ease-in-out;
    margin-bottom: -250px;
    float: right;
    margin-right: 70px;
}
@keyframes floatY{
    0%,100%{
        transform:translateY(-15px);
    }
    50%{
        transform:translateY(15px);
    }
}
#s6 .owl-item:hover {
    cursor: url('https://customedev.testdevlink.net/Salty_Lens/wp-content/uploads/2023/11/cursor5.png') 90 90, auto;
}

#s6 .owl-item:hover img {
    cursor: url(https://customedev.testdevlink.net/Salty_Lens/wp-content/uploads/2023/11/cursor5.png) 90 90, auto;
}
div#s1 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
    z-index: 11;
}
.t1 .color1 {
    color: var(--c);
}
a#b2 {
    border-radius: 0 !important;
    margin-right: 20px;
    color: transparent;
    overflow: hidden;
}

a#b2.b1 {
    background: url(https://customedev.testdevlink.net/Salty_Lens/wp-content/uploads/2023/11/play-1.png) no-repeat center center transparent !important;
    background-size: contain !important;
}

a#b2.b2 {
    background: url(https://customedev.testdevlink.net/Salty_Lens/wp-content/uploads/2023/11/app-store-1.png) no-repeat center center transparent !important;
    background-size: contain !important;
    width: 148px;
}

a#b2:hover,a#b3:hover {
  animation: rotate624 0.7s ease-in-out both;
}


@keyframes rotate624 {
  0% {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }

  25% {
    transform: rotate(3deg) translate3d(0, 0, 0);
  }

  50% {
    transform: rotate(-3deg) translate3d(0, 0, 0);
  }

  75% {
    transform: rotate(1deg) translate3d(0, 0, 0);
  }

  100% {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }
}





a#b2:after,a#b3:after {
     background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%);
  content:"";
  height: 155px;
  left: -75px;
  opacity: 0.4;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: 0.5s;
  width: 50px;
  z-index: 11;
}

a#b2:hover:after,a#b3:hover:after {
  left: 120%;
}


#s1 .img-with-aniamtion-wrap:has(.i2) {
    bottom: -200px;
    z-index: -1;
    right: 170px;
    width: 74%;
}

a#b1:active, #top .b1 a {
  transform: scale(0.96);
}

a#b1:before,
a#b1:after, #top .b1 a:after, #top .b1 a:before {
  position: absolute;
  content: "";
  width: 150%;
  left: 50%;
  height: 100%;
  transform: translateX(-50%);
  z-index: -1000;
  background-repeat: no-repeat;
}

a#b1:hover:before, #top .b1 a:hover:before {
  top: -70%;
  background-image: radial-gradient(circle, var(--bc) 20%, transparent 20%),
    radial-gradient(circle, transparent 20%, var(--bc) 20%, transparent 30%),
    radial-gradient(circle, var(--bc) 20%, transparent 20%),
    radial-gradient(circle, var(--bc) 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, var(--bc) 15%, transparent 20%),
    radial-gradient(circle, var(--bc) 20%, transparent 20%),
    radial-gradient(circle, var(--bc) 20%, transparent 20%),
    radial-gradient(circle, var(--bc) 20%, transparent 20%),
    radial-gradient(circle, var(--bc) 20%, transparent 20%);
  background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%,
    10% 10%, 18% 18%;
  background-position: 50% 120%;
  animation: greentopBubbles 0.6s ease;
}

@keyframes greentopBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%,
      40% 90%, 55% 90%, 70% 90%;
  }

  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%,
      50% 50%, 65% 20%, 90% 30%;
  }

  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%,
      50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}

a#b1:hover::after, #top .b1 a:hover:after {
  bottom: -70%;
  background-image: radial-gradient(circle, var(--bc) 20%, transparent 20%),
    radial-gradient(circle, var(--bc) 20%, transparent 20%),
    radial-gradient(circle, transparent 10%, var(--bc) 15%, transparent 20%),
    radial-gradient(circle, var(--bc) 20%, transparent 20%),
    radial-gradient(circle, var(--bc) 20%, transparent 20%),
    radial-gradient(circle, var(--bc) 20%, transparent 20%),
    radial-gradient(circle, var(--bc) 20%, transparent 20%);
  background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 20% 20%, 18% 18%;
  background-position: 50% 0%;
  animation: greenbottomBubbles 0.6s ease;
}

@keyframes greenbottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%,
      70% -10%, 70% 0%;
  }

  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%,
      105% 0%;
  }

  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%,
      110% 10%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}

header#top .b1 a:hover {
    background: var(--c1) !important;
}

header#top .b1 a:hover span {
    color: white;
}

#s1 .row-bg.viewport-desktop.using-image::before {
    content: '';
    background: url(https://customedev.testdevlink.net/Salty_Lens/wp-content/uploads/2023/11/Group-1000000947.png) no-repeat bottom right;
    background-size: contain !important;
--s: 300px;
    width: var(--s);
    height: var(--s);
    position: absolute;
    bottom: -10%;
    right: 0;
    z-index: 111;
    animation: floatY 5s infinite ease-in-out reverse;
}

#s1 .inner-wrap.row-bg-layer.using-image {
    overflow: visible !important;
}

#s1 .row-bg.viewport-desktop.using-image {
    overflow: visible !important;
}

div#s2 {
    padding-top: 150px !important;
    padding-bottom: 100px !important;
}

#s2 .t1 p {
    width: 50%;
    margin: auto;
    color: var(--t);
    margin-top: 20px;
}

a#b1 {
    transition: 0.5s;
    opacity: 1;
--bc: var(
    --c1);
    padding: 18px 46px;
    font-size: 17px;
}

a#b1:hover {
    background: var(--c1) !important;
    color: white !important;
}

#s2 a.play_button_with_text.large.nectar_video_lightbox span.inner-wrap.inner::before {
    display: none;
}

#s2 .nectar_video_lightbox.play_button_with_text .play {--s: 20px;width: var(--s);height: var(--s);transform: scale(1.5);}

#s2 .nectar_video_lightbox.play_button_with_text .link-text {
    margin-left: 9px;
    font-weight: 700;
    font-size: 20px;
}

#s2 .nectar_video_lightbox.play_button_with_text svg path {
    fill: black;
}



#s2 a#b1 {
    margin-right: 40px;
}

#s2 .nectar_video_lightbox.play_button_with_text:not([data-style=small]) .play:before,#s2 .nectar_video_lightbox.play_button_with_text:not([data-style=small]) .play:after {--s: 28px;width: var(--s);height: var(--s);}

#s2 #in1 .t2 {
    text-align: left;
    background: #ffffffa8;
    border-radius: 15px;
    padding: 20px 20px;
    transition: 0.5s;
}

#s2 #in1 .t2 img {
    margin-left: 0;
    margin-bottom: -10px;
    width: 50px;
}

#s2 #in1 .t2 p {
    font-size: 16px;
    line-height: 26px;
    color: var(--t);
}

#s2 #in1 .t2:nth-child(1) {
    margin-bottom: 130px;
}

#s2 #in1 .t2:hover {transform: scale(1.1) rotate(-10deg);background: white;box-shadow: 0px 0px 15px var(--c1);}

#s2 .img-with-aniamtion-wrap:has(.i2),#s2 .img-with-aniamtion-wrap:has(.i3) {
    bottom: 0;
    z-index: -1;
--p: 250px;
    scale: 1.2;
    transform-origin: bottom;
}

img.img-with-animation.skip-lazy.i1 {}

#s2 .i1 {
    width: 56%;
    animation: floatY 5s infinite ease-in-out;
    margin-bottom: 0;
}

#s2 .img-with-aniamtion-wrap:has(.i2) {
    right: var(--p);
}

#s2 .img-with-aniamtion-wrap:has(.i3) {
    left: var(--p);
}

#s2 div#in1 {
    margin-top: 50px;
}

div#s3 {
    padding-top: 130px !important;
    z-index: 111;
    padding-bottom: 100px !important;
}
#s3 .t1 p {
    color: #848199;
}

#s3 .row-bg.viewport-desktop::before {
    content: '';
    background: url(https://customedev.testdevlink.net/Salty_Lens/wp-content/uploads/2023/11/Group-1000000970.png) no-repeat left bottom;
    background-size: contain;
--s: 300px;
    width: var(--s);
    height: var(--s);
    position: absolute;
    bottom: -7%;
    left: 0;
    animation: floatY 5s infinite ease-in-out;
}

#s3 .inner-wrap.row-bg-layer {
    overflow: visible;
}

#s4 .img-with-aniamtion-wrap:has(.i1) {
    overflow: hidden;
}

#s4 .img-with-aniamtion-wrap .i1 {
    transition: 0.5s;
}

#s4 .img-with-aniamtion-wrap .i1:hover {
    transform: scale(1.2) rotate(-5deg);
    filter: grayscale(1);
}

#s4 .c2 .vc_column-inner {
    padding: 0 170px;
}

#s4 .t1 p {
    color: #CCCCCC;
}

#s4 .t1 h1 {
    margin-bottom: 31px;
}

div#s5 {
    padding-top: 100px !important;
    padding-bottom: 90px !important;
    z-index: 11;
}

#s5 .t1 p {
    color: #848199;
    margin-top: 21px;
}

#s5 ul.wpb_tabs_nav {
    border: unset;
}

#s5 li.tab-item a::after {
    display: none;
}

#s5 li.tab-item a {
    color: #848199;
    border-radius: 50px;
    padding: 8px 34px !important;
    letter-spacing: 1px;
    font-size: 15px;
}

#s5 li.tab-item a.active-tab {
    color: white;
    background: var(--c);
    font-weight: 700;
    box-shadow: 0px 5px 15px #848199;
}

#s5 .carousel-item .vc_col-sm-12 {
    background: white;
    border-radius: 15px;
    padding: 40px 40px;
    transition: 0.5s;
}

#s5 .carousel-item {
    margin: 0 20px;
    filter: drop-shadow(0px 0px 5px #84819969);
    transition: 0.5s;
}

#s5 .iwt-icon img {
    margin-bottom: 0;
}

#s5 .iwt-icon {
    position: unset;
    background: #F0E4DE;
    padding: 15px;
    border-radius: 10px;
    transition: 0.5s;
}

#s5 .t2 small {
    font-size: 18px;
    text-transform: none;
    color: var(--c2);
    font-weight: 100;
}

#s5 .t2 h1 {
    font-family: DM Sans !important;
    color: var(--c3);
    margin-bottom: 0;
    font-weight: 600;
}

#s5 .t2 p {
    color: var(--c2);
    padding-bottom: 10px;
    font-family: 'DM Sans' !important;
}

#s5 .t2 h5 {
    color: var(--c3);
    font-family: 'DM Sans' !important;
}

#s5 .iwt-text {
    font-family: 'DM Sans' !important;
    color: var(--c2);
    padding-left: 15px;
    transition: 0.5s;
}

#s5 h4 {
    color: var(--c3);
    font-family: 'DM Sans' !important;
    margin-bottom: 0;
}

#s5 .iwithtext {
    display: flex;
    align-items: center;
}

#s5 .nectar-fancy-ul li {
    font-family: 'DM Sans';
    color: var(--c3);
    transition: 0.5s;
}
div#s6 {
    padding-top: 90px !important;
    padding-bottom: 170px !important;
}

#s6 .img-with-aniamtion-wrap:has(.i2) {
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    z-index: 1;
    width: 303px;
    margin: auto;
    pointer-events: none;
}

#s6 .owl-stage {
    display: flex;
    align-items: center;
    left: 2px;
    padding-top: 30px;
}

#s6 .i1 {height: 508px;object-fit: cover;border-radius: 35px;}

#s6 .carousel-item {
    margin: 0 10px;
}

#s6 .owl-item .carousel-item,#s6 .owl-item.active+.owl-item.active+.owl-item.active+.owl-item.active+.owl-item.active .carousel-item {
    scale: 0.8;
    transition: 0.5s;
}

#s6 .owl-item.active+.owl-item.active .carousel-item,#s6 .owl-item.active+.owl-item.active+.owl-item.active+.owl-item.active .carousel-item {scale: 0.9;position: relative;}

#s6 .owl-item.active+.owl-item.active+.owl-item.active .carousel-item {
    scale: 1;
}

#s6 .owl-item.active .carousel-item {transform: translateX(var(--p));--p: 100px;}

#s6 .owl-item.active+.owl-item.active .carousel-item {
    transform: translateX(0px);
}

#s6 .owl-item.active+.owl-item.active+.owl-item.active+.owl-item.active+.owl-item.active .carousel-item {
    transform: translateX(calc(var(--p)*-1));
}

#s6 .owl-item.active+.owl-item.active+.owl-item.active+.owl-item.active {
    z-index: 111 !important;
    position: relative;
}

#s6 .owl-item.active+.owl-item.active+.owl-item.active {
    z-index: 111 !important;
    position: relative;
}

#s6 .owl-item.active+.owl-item.active+.owl-item.active+.owl-item.active+.owl-item.active {
    z-index: -1111 !important;
}
#s5 .nectar-fancy-ul li::before {
    content: '';
    border-radius: 50px;
}

#s5 #inn1 .nectar-fancy-ul li::before {
    content: 'X';
    font-family: 'DM Sans';
    color: #FF0000;
    font-size: 12px;
    background: #F5EDE9;
    padding: 10px 6px;
    top: 3px;
}

#s5 #inn2 .nectar-fancy-ul li::before,#s5 #inn3 .nectar-fancy-ul li::before {
    content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 10px;
    color: white;
    background: var(--c);
    padding: 10px 5px;
    top: 4px;
}

a#b3 {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding: 19px 0;
    font-family: 'DM Sans' !important;
    transition: 0.5s;
    opacity: 1;
    overflow: hidden;
}

#s5 .nectar-fancy-ul {
    min-height: 160px;
}

#s5 .t2 {
    margin-bottom: 15px;
    transition: 0.5s;
}

#s5 div#inn2 {
    position: relative;
}

#s5 div#inn2::before {
    content: 'Popular';
    position: absolute;
    z-index: 11;
    font-family: 'DM Sans' !important;
    background: #F0E4DE;
    color: var(--c3);
    padding: 7px 27px;
    font-size: 16px;
    border-radius: 8px;
    right: 12px;
    top: 16px;
    transition: 0.5s;
}
#s5 .carousel-item:hover .vc_col-sm-12 {
    background: var(--c1);
}

#s5 .carousel-item:hover .iwt-icon {
    background: white;
}

#s5 .carousel-item:hover .iwt-text {
    filter: brightness(0) invert(1);
}

#s5 .carousel-item:hover .t2 {
    filter: brightness(0) invert(1);
}

#s5 .carousel-item:hover .nectar-fancy-ul li {
    color: white !important;
}

#s5 .carousel-item:hover .nectar-fancy-ul li::before {
    background: white !important;
    color: var(--c) !important;
}

#s5 .carousel-item:hover a#b3 {background: white !important;color: var(--c);}

#s5 .carousel-item:hover div#inn2::before {
    color: white;
    background:#856555;
}
#s5 .carousel-item:hover {
    transform: translateY(-30px);
}

#s5 .owl-stage {
    padding-top: 33px;
}
#s5>div>div>.row-bg.viewport-desktop::before {
    content: '';
    background: url(https://customedev.testdevlink.net/Salty_Lens/wp-content/uploads/2023/11/Group-1000000971.png) no-repeat right bottom;
    background-size: contain;
    --s: 300px;
    width: var(--s);
    height: var(--s);
    position: absolute;
    bottom: -11%;
    right: 0;
    animation: floatY 5s infinite ease-in-out;
}

#s5 .inner-wrap.row-bg-layer.using-image {
    overflow: visible;
}
#s6 .owl-dots span {
    transform: unset;
--s: 15px;
    width: var(--s);
    height: var(--s);
}

#s6 .owl-dots {
    margin-top: 10px;
}

#s6 .row-bg.viewport-desktop.using-image {
    height: 60%;
    border-radius: 25px;
}

#s6 .owl-carousel {
    transform: scale(1.2);
    transform-origin: top;
}

#f1 .i1 {
    margin-top: -270px;
    animation: grow 5s infinite linear;
    transform-origin: bottom right;
    margin-bottom: -1px;
}

#f1 .row-bg.viewport-desktop.using-image {
    border-radius: 22px;
    background-size: 100% 100%;
}

div#f1 {
    margin-top: 220px;
    margin-bottom: -260px;
}

#f1 .c1 {
    padding-left: 100px;
}

div#footer-outer {
    border-radius: 20px 20px 0px 0px;
}

#footer-widgets .row {
    padding-bottom: 0 !important;
    padding-top: 320px !important;
    display: flex;
    align-items: center;
}


#copyright .col.span_5 {
    max-width: 100% !important;
    margin-bottom: 0 !important;
}

div#text-5 {
    float: right;
}

div#text-6 {
    float: left;
}

div#nav_menu-4 {
    float: right;
}

div#text-3 {
    float: left;
    margin-top: 20px;
}

#footer-outer #copyright p strong {
    font-family: 'font1' !important;
}

ul#menu-main {
    display: flex;
    justify-content: flex-end;
    gap: 30px;
}

.material #footer-outer #footer-widgets .col ul#menu-main li {
    padding: 0 !important;
}

ul#menu-main .current-menu-item a {font-weight: 600;}

div#copyright {
    padding-top: 0 !important;
}

ul#menu-soci i {--s: 60px;width: var(--s);height: var(--s);text-align: center;line-height: var(--s);background: white;border-radius: var(--s);transition: 0.5s !important;}

ul#menu-soci a:hover i {
    color: white;
    background: var(--c);
}

ul#menu-soci li {
    margin-right: 0 !important;
}

ul#menu-soci {
    margin-bottom: 20px;
}
#s3 .i2 {
    margin-top: 60px;
}
@keyframes grow{
    0%,100%{
        transform:scale(1);
    }
    50%{
        transform:scale(0.9);
    }
}

#f1 .t1 {
    margin-bottom: 50px;
}
#s1 .t1 h1 {
    margin-bottom: 20px;
}
#s5.in .carousel-item {margin-bottom: 20px;margin-top: 40px;}

#s5.in .owl-stage {
    display: inline;
}

#s5.in .owl-dots,#s2.in .owl-nav {
    display: none;
}


#s5.in a#b3 {
    display: none !important;
}
#s3 img {
    width: 70%;
}

div#s4 {
    border-radius: 15px;
    overflow: hidden;
}

#s4 .c2 .column-image-bg {
    background-size: 100% 100%;
}

#s2 .row-bg.viewport-desktop.using-image {
    border-radius: 0px 0px 20px 20px;
}
#s3 .t1 h1 {
    margin-bottom: 20px;
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1920px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1600px) {
  #s4 .c2 .vc_column-inner {
    padding: 0 100px;
}



}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1440px) {
	#s6 .i1 {
    height: 488px;
}
  #s6 .img-with-aniamtion-wrap:has(.i2) {
    width: 293px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1366px) {
  #s6 .img-with-aniamtion-wrap:has(.i2) {
    width: 273px;
}
  #s1 .i1 {
    margin-right: 70px;
}

#s2 .t1 p {
    width: 55%;
}

#s2 #in1 .t2 p {
    font-size: 14px;
    line-height: 24px;
}

#s2 #in1 .t2:nth-child(1) {
    margin-bottom: 70px;
}

div#s3 {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
}

#s4 .c2 .vc_column-inner {
    padding: 0 50px;
}

#s5 .carousel-item .vc_col-sm-12 {
    padding: 30px 30px;
}

#s6 .i1 {
    height: 455px;
    border-radius: 30px;
}

#f1 .i1 {
    width: 80%;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1340px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1320px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1280px) {
  html body p,html body li,#s5 .iwt-text {
    font-size: 14px;
    line-height: 24px;
}

#s1 .t1 p {width: 80%;}



div#s2 {
    padding-top: 120px !important;
    padding-bottom: 80px !important;
}

#s2 .img-with-aniamtion-wrap:has(.i2), #s2 .img-with-aniamtion-wrap:has(.i3) {--p: 200px;
    scale: 1.3;
}

#s2 #in1 .t2 {
    padding: 10px 10px;
}

#s4 .c2 .vc_column-inner {
    padding: 0 80px;
}

#s5 .owl-carousel {
    margin-top: -20px;
}

#s5 .nectar-fancy-ul {
    min-height: 140px;
}

#s5 .carousel-item .vc_col-sm-12 {
    padding: 30px 30px;
}
html body h4 {
    font-size: 20px !important;
    line-height: 30px !important;
}

#s6 .img-with-aniamtion-wrap:has(.i2) {
    bottom: 15px;
    width: 253px;
}

#s6 .i1 {
    height: 426px;
}

#s6 .owl-stage {
    padding-top: 10px;
}

div#f1 {
    margin-top: 170px;
    margin-bottom: -210px;
}

#footer-widgets .row {
    padding-top: 280px !important;
}

}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1024px) {
	a#logo img {
    height: 70px !important;
}
	#s5 .t2 p {
    font-size: 13px;
    line-height: 23px;
}
  #top .row {
    width: 100% !important;
    justify-content: space-between !important;
}

#top .col.span_3 {
    width: 100% !important;
    justify-content: space-between !important;
    flex-direction: row-reverse;
}

#top .col.span_3::after {
    display: none !important;
}

#header-outer #top .span_3 .left-aligned-ocm {
    margin-right: 0;
}
	html .ocm-effect-wrap.material-ocm-open .ocm-effect-wrap-inner {transform: perspective(400px) rotateY(-13deg) translatex(-280px) scale(0.9) !important;}

html .ocm-effect-wrap {
    background:  #e5d9dc !important;
}
html .ocm-effect-wrap.material-ocm-open {
    overflow: visible !important;
    background: #e5d9dc !important;
}
html .ocm-effect-wrap .ocm-effect-wrap-inner {
    transition: 0.5s !important;
}

html .ocm-effect-wrap-inner {
    background:  #e5d9dc !important;
}
.ocm-effect-wrap.material-ocm-open {
    animation: floaty 5s infinite ease-in-out;
}
@keyframes floaty{
    0%,100%{
        translate: 0px 0px;
    }
    50%{
       translate: 0px -35px;
    }
}
body[data-slide-out-widget-area-style="slide-out-from-right"].material .slide_out_area_close:before {
    outline: 2px solid var(--c);
    outline-offset: 10px;
    animation: move1 3s linear infinite;
    background: var(--c) !important;
}

div#slide-out-widget-area .off-canvas-menu-container.mobile-only {
    display: none !important;
}

#s1 .row-bg.viewport-desktop.using-image::before {--s: 170px;}

#s1 .i1 {
    margin-right: 20px;
}

#s2 #in1 .t2 p {
    font-size: 12px;
    line-height: 22px;
}

#s2 #in1 .t2:nth-child(1) {
    margin-bottom: 20px;
}

#s2 .img-with-aniamtion-wrap:has(.i2), #s2 .img-with-aniamtion-wrap:has(.i3) {--p: 150px;
    scale: 1.3;
}

#s2 .i1 {
    margin-bottom: -40px;
}

div#s3 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

#s3 .t1 p br {
    display: none;
}

#s3 .row-bg.viewport-desktop::before {--s: 180px;}

#s4 .c2 .vc_column-inner {
    padding: 0 26px;
}

#s4 .t1 h1 {
    margin-bottom: 11px;
}

div#s5 {
    padding-top: 70px !important;
    padding-bottom: 30px !important;
}

#s5>div>div>.row-bg.viewport-desktop::before {--s: 160px;}

#s5 div#inn2::before {
    padding: 1px 17px;
    font-size: 12px;
    right: 6px;
    top: 8px;
}

#s5 .carousel-item .vc_col-sm-12 {
    padding: 30px 17px;
    padding-bottom: 5px;
}

div#s6 {
    padding-top: 60px !important;
    padding-bottom: 70px !important;
}

#s6 .i1 {
    height: 323px;
    border-radius: 20px;
}

#s6 .img-with-aniamtion-wrap:has(.i2) {
    bottom: 16px;
    width: 193px;
}

#s6 .owl-dots {
    margin-top: -10px;
}

#f1 .c1 {
    padding-left: 70px;
}

#f1 .t1 {
    margin-bottom: 20px;
}

#f1 .i1 {
    margin-top: -190px;
}

#f1 a#b2 {
    margin-bottom: 0;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 840px) {
	ul#menu-soci {
    scale: 0.8;
}
  #s5 .t2 p br {
    display: none;
}

#s5 .t2 p {
    font-size: 12px;
    line-height: 22px;
}
  #f1 .row-bg.viewport-desktop.using-image {
    background-size: cover;
}
  #s1 .t1 p {
    margin: auto;
}
  div#s1 {
    padding-top: 70px !important;
    padding-bottom: 160px !important;
    text-align: center;
}

#s1 .i1 {
    float: unset;
    margin: auto;
    width: 40%;
    margin-bottom: -250px;
}

#s2 .t1 p {
    width: 73%;
}

#s2 #in1 .t2 {
    width: 48%;
    display: inline-block;
    margin: 0 5px;
}

#s2 #in1 .t2 img {
    width: 46px;
}

#s2 .i1 {
    width: 36%;
}

#s2 .img-with-aniamtion-wrap:has(.i2), #s2 .img-with-aniamtion-wrap:has(.i3) {--p: 150px;
    scale: 0.6;
}

#s2 .c3 {
    margin-top: 40px;
}

div#s2 {
    padding-top: 120px !important;
    padding-bottom: 40px !important;
}

div#s3 {
    text-align: center;
    padding-top: 50px !important;
    padding-bottom: 60px !important;
}


#s3 img {
    width: 50%;
    margin-top: 20px;
}

#s3 .i2 {
    margin-top: 30px;
}

#s4 .img-with-aniamtion-wrap .i1 {
    width: 50%;
    margin: 40px auto;
}

#s4 .c2 .vc_column-inner {
    padding: 50px 46px;
    text-align: center;
}

#s3 .row-bg.viewport-desktop::before {
    display: none;
}

div#s5 {
    padding-top: 50px !important;
    padding-bottom: 10px !important;
}

#s5 .owl-dots {
    display: none;
}

#s5 .owl-carousel {
    margin-top: -40px;
}

#s6 .owl-item .carousel-item {
    transform: unset !important;
    scale: unset !important;
}

#s6 .owl-carousel {
    transform: unset;
}

#s6 .i1 {
    height: 458px;
}

#s6 .img-with-aniamtion-wrap:has(.i2) {
    width: 233px;
    bottom: 78px;
}

div#s6 {
    padding-bottom: 0px !important;
}

div#f1 {
    margin-top: 30px;
    text-align: center;
}

#f1 .c1 {
    padding: unset;
    padding-top: 40px;
}

#f1 .i1 {
    margin: auto !important;
    transform-origin: bottom;
    display: table;
    width: 40%;
    margin-bottom: -1px !important;
}
	
	#s5 .carousel-item .vc_col-sm-12 {
    height: 510px;
}
	
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 525px) {
  #s1 .i1 {
    width: 70%;
}

#s2 .t1 p {
    width: 100%;
}

#s2 .i1 {
    width: 50%;
}

#s2 .img-with-aniamtion-wrap:has(.i2), #s2 .img-with-aniamtion-wrap:has(.i3) {--p: 150px;
    scale: 1;
}

#s3 img {
    width: 100%;
}

#s4 .img-with-aniamtion-wrap .i1 {
    margin: 0;
    width: auto;
}

#s5 .nectar-fancy-ul {
    min-height: 120px;
}

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

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

div#s6 {
    padding-top: 50px !important;
}

#s6 .img-with-aniamtion-wrap:has(.i2) {
    width: 233px;
}

#s6 .owl-item.active .carousel-item {
    width: 220px;
    margin: auto;
}



div#f1 {
    margin-top: 10px;
}

#f1 .i1 {
    width: 80%;
}

#footer-widgets .row {
    flex-direction: column;
    padding-top: 250px !important;
}

div#media_image-3 {
    display: table;
    margin: auto !important;
}

ul#menu-main {
    justify-content: center;
}

div#text-3,div#nav_menu-4 {
    float: unset;
}

div#text-3 {
    margin-top: 60px;
}
	
	#s5 .carousel-item .vc_col-sm-12 {
    height: auto;
}
	
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 430px) {
	#s5 .nectar-fancy-ul {
    min-height: 145px;
}
  #f1 a#b2 {
    margin: 0 10px;
}

#s6 .img-with-aniamtion-wrap:has(.i2) {
    width: 233px;
}

html body h1 {
    font-size: 21.5px;
    line-height: 29px;
}

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

#s4 .c2 .vc_column-inner {
    padding: 30px 16px;
}

html body h3 {
    font-size: 21px !important;
    line-height: 30px !important;
}

#s2 #in1 .t2 {
    width: 100%;
}

#s2 .img-with-aniamtion-wrap:has(.i2), #s2 .img-with-aniamtion-wrap:has(.i3) {--p: 120px;
    scale: 1;
}

#s2 div#in1 {
    margin-top: 30px;
}

#s2 a#b1 {
    margin: 0px 20px;
}

#s1 a#b2 {
    margin-right: 8px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 375px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 360px) {}