@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


a:link,a:visited,img{border:none;outline:0}
body{text-rendering:optimizeSpeed;line-height:1.5; font-family: "Montserrat", sans-serif;}
*,body,h1,h2,h3,h4,h5,h6,p,ul,ul li{margin:0;padding:0
}*,::after,::before{outline:0;box-sizing:border-box}
button,input{-moz-appearance:none;-webkit-appearance:none}
a:link,a:visited{text-decoration:none}
img,picture,svg{max-width:100%; height: 100%;}
ul li, li{list-style-type: none;}



/* HERO */
.psHero{position:relative; width: 100%; float: left; margin-top: 116px; isolation: isolate; background: url('../images/bgLine.png'); background-size: 100%; background-size: 100% 98%; background-repeat: no-repeat; padding-bottom: 75px;}
.psHeroSlide{position:relative; float: inline-endle;}
.psHeroWrapp{max-width: 1755px; width: 100%; margin: auto;}
.psHeroSlider{padding-inline: 60px;}
.psHeroSlide {padding-bottom: 150px;}
/* HEADING */
.psHeroHeading{position:absolute;top:110px;left:0px; z-index: 999;}
.psHeroHeading h2{font-style: normal; font-weight: 400; font-size: 69px; line-height: 84px;}


/* IMAGES */
.psHeroImages{list-style:none; display: flex; justify-content: center; gap: 40px;}
.psHeroImgCenter{max-width: 600px; width: 100%; position: relative; border-radius: 50px; overflow: hidden;background: url('../images/topOver.png');} 
.heroCenterBtn{width: max-content; position: absolute; bottom: 40px; right: 0; left: 0; margin: auto; z-index: 9999;}
.heroCenterBtn a{display: flex; align-items: center; justify-content: center; float: left; background: rgba(159, 219, 30, 0.75); padding: 24px 32px; padding-right: 102px; border-radius: 50px; border: 2px solid #fff; display: flex; gap: 32px; font-style: italic; font-weight: 600; font-size: 26px; line-height: 27px; color: #fff; position: relative;} 
.heroCenterBtn a span{display: inline-block; padding: 20px; padding-bottom: 15px; background-color: #fff; border-radius: 100%; position: absolute; right: 7px;}
.heroCenterBtn a span svg{width: 23px;}
.psHeroImgCenter img{opacity: 25%; background-size: 100%;}
.psHeroImgLeft, .psHeroImgRight{max-width: 372px; width: 100%; position: relative;}
.psHeroImgLeft{display: flex; align-items: end;}
.heroSideImg{border-radius: 50px; position: relative; }
.heroSideImg img{border-radius: 50px;}
.heroSideImg img{float: left;}
.psHeroImgLeft .heroSideImg{ transform: rotate(-9.29deg); position: relative; margin-top: auto; margin-bottom: -70px; right: 20px;}
.psHeroImgRight .heroSideImg{ transform: rotate(9.29deg); position: relative; margin-top: 135px; left: 20px; float: left;}
.psHeroImgLeft .heroSideImg::after{content: ""; width: 100%; height: 100%; position: absolute; inset: 0;
background: url('../images/leftOver.png'); opacity: 50%; border-radius: 50px;}
.psHeroImgRight .heroSideImg::after{content: ""; width: 100%; height: 100%; position: absolute; inset: 0;
background: url('../images/rightOver.png'); opacity: 50%; border-radius: 50px;}
.heroRightBtn{width: max-content; position: absolute; right: -20px; top: -20px; z-index: 99999; border-radius: 100%;}
.heroRightBtn a{width: 81px; height: 81px; float: left; width: 100%; background: #9FDB1E; padding: 25px; border-radius: 100%;}

.psBrandSection{position: absolute; top: 52px; display:flex;align-items:center;background-color:#ffffff;border-radius:50px;  padding: 8px; left: 0; right: 0; margin: auto;box-shadow:0 4px 8px rgba(0,0,0,0.1);width:90%; transform: rotate(14.29deg); z-index: 9999;}
.psProfileImages{display:flex;}
.psProfilePic{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #ffffff;margin-right:-20px;
}
.psBrandCount{font-size: 22px; margin-left:22px;font-weight: 600; display: block; }


.psHeroDescription{position:absolute;bottom:12%;right:0px; max-width:444px; width: 100%; line-height:1.6;}
.psHeroDescription p{font-weight: 400; font-size: 29px; line-height: normal;}
.psHeroDescription p span{font-weight: 500;}


.psHero ul.slick-dots{display:flex;justify-content:center;gap:11px; position: absolute; right: 0; left: 0; bottom: 50px;}

.psHero .slick-dots li button:before{content:'' !important;}


.psHero .slick-dots li button {
  width: 15px !important;
  height: 15px !important;
  background: #D9D9D9 !important;
  border: transparent;
  border-radius: 100%;
  font-size: 5px;
  color: transparent;
  border: none !important;
  cursor: pointer;
}

.psHero .slick-dots li.slick-active button {
  background: #9FDB1E !important;
  outline: 2px solid #9FDB1E !important;
  outline-offset: 2px !important;
}