CSS код для вертикальной шапки 
				
					selector{
position: fixed;
width: 100%;
}
@media (min-width: 768px){
selector{
width: 100px;
}
}

				
			
				
					@media (min-width: 768px){
selector{
writing-mode: vertical-rl;
transform: scale(-1);
}
}

				
			
				
					@media (min-width: 768px){
.site-content, .site-footer{
margin-left: 100px;
}
}
CSS код для вертикального скроллинга 
				
					::-webkit-scrollbar{
    width: 0.9vw;
    background: #F6DB33;
}
::-webkit-scrollbar-thumb{
    background: -webkit-linear-gradient(transparent,#FF3C6C);
    background: linear-gradient(transparent,#CE214C);
    border-radius: 20px;
}
CSS код для вертикального текста 
				
					selector .elementor-widget-container{
    transform: rotate(-90deg);
}

@media (max-width: 1180px){
selector{
    position: static !important;
    padding: 0 !important;
}
selector .elementor-widget-container{
    transform: rotate(0deg);
}
}
CSS код для разного цвета заголовка 
				
					<span style="color: #948062">
CSS код для слайдера с отзывами 
				
					selector .swiper-pagination{
    top: unset;
    bottom: -10px;
    width: 180px;
    left: 50%;
    transform: translateX(-50%);

}
CSS код для скроллинга 
				
					selector {
-webkit-animation: scrolling 3s ease infinite;
   -moz-animation: scrolling 3s ease infinite;
   -o-animation: scrolling 3s  ease infinite;
   animation: scrolling 3s ease infinite;
}
@keyframes scrolling {
  0% {
    transform: translate(0);
  }  50% {
    transform: translate(0,40px);
}  100% {
     transform: translate(0);
  }
}