.sales-header{background-color:transparent;}

.sales-slider{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100vh;box-shadow:0px 15px 40px 6px #00000063;z-index:1;}
.sales-slider .swiper{width:100%;height:100%;}
.sales-slider .swiper .swiper-pagination-bullet{background:#fff;}
.sales-slider .swiper .swiper-pagination-bullet-active{background:#ff0000;}
.sales-slider .content{width:100%;height:100%;display:flex;align-items:center;background-repeat:no-repeat;background-size:cover;background-position:center;}
.sales-slider .content .container{display:grid;align-content: space-between;height: 60vh;margin-top:10rem;}
.sales-slider .content .container .head{display:grid;color:#fff;max-width:600px;}
.sales-slider .content .container .head h1{font-weight:600;}
.sales-slider .content .container .head h5{margin-top:1rem;font-weight:400;}
.sales-slider .content .container .bottom-contents{display:flex;align-items:center;gap:1rem;}
.sales-slider .content .container .bottom-contents .cont1{width:340px;height:200px;backdrop-filter: blur(5px);padding:2rem;border-radius:20px;color:#fff;position:relative;display:grid;z-index:1;}
.sales-slider .content .container .bottom-contents .cont1::before{content:'';position:absolute;z-index:0;width:100%;height:100%;border-radius:20px;background-color: #ffffff24;}
.sales-slider .content .container .bottom-contents .cont1 h1{font-weight:600;font-size:40pt;}
.sales-slider .content .container .bottom-contents .cont1 h5{font-weight:400;margin-bottom:0;}
.sales-slider .content .container .bottom-contents .cont2{width:450px;height:200px;backdrop-filter: blur(5px);padding:2rem;border-radius:20px;color:#fff;position:relative;display:grid;align-content:space-between;}
.sales-slider .content .container .bottom-contents .cont2::before{content:'';position:absolute;z-index:0;width:100%;height:100%;border-radius:20px;background-color: #00000024;}
.sales-slider .content .container .bottom-contents .cont2 h4{font-weight:400;}
.sales-slider .content .container .bottom-contents .cont2 a{position:absolute;right:2rem;top:2rem;}
.sales-slider .content .container .bottom-contents .cont2 a img{max-width: 15px;}
.sales-slider .content .container .bottom-contents .cont2 p{font-weight:400;margin-bottom:0;}

.sales-info{position:relative;padding: 5rem 0;background-color:#fff;border-radius: 0 0 50px 50px;z-index: 1;}
.sales-info .col-lg-8{overflow:hidden;}
.sales-info .head h4{font-weight:600;color:#222;}
.sales-info .items{overflow-x: auto;display: flex;justify-content: center;margin:auto;max-width:100%;}
.sales-info .items::-webkit-scrollbar {width: 6px;height:6px;}
.sales-info .items::-webkit-scrollbar-track {background: linear-gradient(to bottom, #D5D5D5, #D5D5D5);background-position:center;background-repeat:no-repeat;background-size: 100% 2px;}
.sales-info .items::-webkit-scrollbar-thumb {background-color: #888;border-radius: 6px;width:6px;}
.sales-info .col-lg-4{position:relative;}
.sales-info .product-images{width:100%;z-index:3;position:relative;}
.sales-info .now-vaden-age{width: 110px;position: absolute;top: -3rem;right: 0;z-index:2;}
.sales-info .bg-object{width: 280px;position:absolute;top: -5rem;right: -1rem;}

.sales-banner{width:100%;height: 90vh;display:flex;position:relative;background-image:url('../img/sales/salesimage01.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;padding:5rem 0;top: -3rem;box-shadow:0px 15px 40px 6px #00000063;z-index:2;}
.sales-banner .contents{display:grid;align-content:space-between;height: 95%;margin-top: 3rem;}
.sales-banner .contents .head{display:grid;}
.sales-banner .contents .head h2{color:#fff;font-weight:700;}
.sales-banner .contents .content{display:flex;align-items:center;gap:2rem;}
.sales-banner .contents .content span{max-width:85px;display:grid;gap:1rem;color:#fff;}
.sales-banner .contents .content span:nth-child(1){max-width:250px;}
.sales-banner .contents .content span h4{font-weight:600;}
.sales-banner .contents .content span p{opacity:.8;}
.sales-banner .contents .content .item{padding:2rem;backdrop-filter: blur(85px);position:relative;display:grid;gap: 2rem;border-radius: 30px;}
.sales-banner .contents .content .item::before{content:'';background-color:#fff;width:100%;height:100%;opacity: 0.15;position:absolute;border-radius: 30px;}
.sales-banner .contents .content .item h1{color:#fff;font-weight:400;font-size:30pt;z-index:2;}
.sales-banner .contents .content .item .cont{display:flex;align-items:start;justify-content:space-between;gap:2rem;z-index:2;color:#fff;}
.sales-banner .contents .content .item .cont p{max-width:65%;}

.sales-representative{position:relative;top:-3rem;z-index: 1;}
.sales-representative .container{display:grid;background: rgb(231,237,239);background: linear-gradient(180deg, rgba(231,237,239,1) 0%, rgba(255,255,255,1) 100%);padding:4rem 3rem 3rem 3rem;border-radius:0 0 50px 50px;box-shadow:0px 15px 40px 6px #00000023;}
@media (min-width: 1400px){.sales-representative .container{max-width:1450px;}}
.sales-representative .head{font-weight:700;margin-bottom:2rem;}
.sales-representative .contact-texts{color:#666;font-weight:500;margin-bottom:0;}
.sales-representative input{background-color:#fff;outline:none;border:none;padding:.5rem 1rem;border-radius:5px;margin-top:.5rem;width:100%;}
.sales-representative ul{width:100%;max-height: 360px;overflow-y:auto;display:grid;justify-items:start;margin-top:1rem;}
.sales-representative ul::-webkit-scrollbar {width: 6px;height:6px;}
.sales-representative ul::-webkit-scrollbar-track {background: linear-gradient(to bottom, #D5D5D5, #D5D5D5);background-position:center;background-repeat:no-repeat;background-size: 2px 100%;}
.sales-representative ul::-webkit-scrollbar-thumb {background-color: #888;border-radius: 6px;width:6px;}
.sales-representative ul .nav-link{background-color:transparent!important;color:#000!important;font-weight:600;text-align:left;}

.sales-representative .desc{font-weight:400;margin-bottom:5rem;}
.sales-representative .content{display:flex;margin:3rem 0;align-items:end;gap:2rem;}
.sales-representative .content .user-image{max-width:280px;max-height:280px;}
.sales-representative .content .info-cont{display:grid;justify-items:start;}
.sales-representative .content .info-cont h1{font-weight:400;}
.sales-representative .content .texts{display:grid;gap:2rem;}
.sales-representative .content .texts .informations{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;}
.sales-representative .content .texts .informations a{display:grid;color:#000;font-weight:500;}
.sales-representative .content .texts .informations a::after{content:'';width:80px;height:3px;background-color:#ff0000;}
.sales-representative .content .texts .informations a:hover{color:#ff0000;}

.sales-user{position:relative;width:100%;height:100vh;top: -5rem;}
.sales-user .head{position:relative;z-index:2;text-align:center;color:#fff;padding: 5rem 0;}
.sales-user .head h1{font-weight:600;}
.sales-user .head h6{font-weight:400;}
.sales-user .salesUserSlider{margin-top:5rem;}
.sales-user .salesUserSlider .swiper-pagination{text-align:right;}
.sales-user .salesUserSlider .swiper-pagination-bullet{background:#fff;}
.sales-user .salesUserSlider .swiper-pagination-bullet-active{background:#ff0000!important;}
.sales-user .salesUserSlider img{width:100%;height:350px;border-radius:30px;object-fit:cover;object-fit:cover;}
.sales-user .salesUserSlider .swiper-slide .contents{display:none;}
.sales-user .salesUserSlider .swiper-slide-active .contents{display:flex;align-items:end;gap:3rem;}
.sales-user .contents{display:flex;align-items:end;margin-top: 5rem;}
.sales-user .contents .left{display:grid;color:#fff;}
.sales-user .contents .left h1{font-weight:400;font-size:40pt;}
.sales-user .contents .left p{margin-top:1rem;}
.sales-user .contents .right{display:grid;color:#fff;}
.sales-user .contents .right div{display:flex;align-items:center;gap:2rem;}
.sales-user .contents .right div a{color:#fff;display:flex;position:relative;gap:.5rem;}
.sales-user .contents .right div a p{margin-bottom:0;display:grid;font-weight:500;}
.sales-user .contents .right div a p::after{content:'';position:relative;width:40px;height:3px;background-color:#ff0000;}
.sales-user .contents .right div a img{max-width:20px;max-height:20px;}
.sales-user .texts-container {margin-top: 10rem;position:relative;z-index:2;}
.sales-user .text-item {display: none;}
.sales-user .text-item.active {display: block;}
.sales-user .content-image{position:relative;}
.sales-user .content-image .image{display:none;width:100%;height:100vh;position:relative;position:absolute;}
.sales-user .content-image .image::after{content:'';position:absolute;width:100%;height:100%;background: rgb(0,0,0);background: linear-gradient(0deg, rgb(0 0 0) 0%, rgba(0, 0, 0, 0) 100%);}
.sales-user .content-image .image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);}
.sales-user .content-image .image.active{display:flex;}

.sales-activities{position:relative;margin-top:5rem;}
.sales-activities .head-items{display:flex;align-items:center;gap:5rem;}
.sales-activities .head-items img{max-width:150px;}
.sales-activities .head-items .texts{display:grid;}
.sales-activities .head-items .texts h3{font-weight:600;}
.sales-activities .head-items .texts p{max-width:700px;}
.sales-activities .nav-pills{display:flex;gap:1rem;}
.sales-activities .nav-pills .nav-link{background-color:#f4f4f4;padding:1rem 2rem;border-radius:10px;color:#1F1F1F;font-weight:500;}
.sales-activities .nav-pills .nav-link.active{background-color: #FF0000;color:#fff;}

.sales-activities .newSlider{padding:0rem 2rem 4rem 2rem;}
.sales-activities .newSlider .box{width:100%;display:grid;height:530px;box-shadow:0 10px 20px 0 #00000020;border-radius:20px;}
.sales-activities .newSlider .box .image{width:100%;height:330px;opacity:1;}
.sales-activities .newSlider .box .image img{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:0px 10px 17px 0 #00000010;}
.sales-activities .newSlider .box .texts{width:100%;background-color:#fff;position:relative;top:-20px;border-radius:20px 20px 0 0;padding:3rem 2rem;height:200px;}
.sales-activities .newSlider .box .texts .date{color:#979797;}
.sales-activities .newSlider .box .texts h5{color:#000;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sales-activities .newSlider .box .texts p{color:#979797;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sales-activities .newSlider .box:hover{background-color:#1F1F1F;}
.sales-activities .newSlider .box:hover .image{height:0;opacity:0;}
.sales-activities .newSlider .box:hover{background-color:#1F1F1F;border-radius:20px;}
.sales-activities .newSlider .box:hover .texts{background-color:transparent;}
.sales-activities .newSlider .box:hover .texts h5{color:#fff;}
.sales-activities .newSlider .box .button{color:#fff;display:grid;justify-content:start;font-weight:500;height: fit-content;margin-left:2rem;opacity:0;}
.sales-activities .newSlider .box:hover .button{opacity:1;}
.sales-activities .newSlider .box .button::after{content:'';width:100%;height:3px;background-color:#fff;transition: .3s;}
.sales-activities .newSlider .box .button:hover::after{width:85%;background-color: #FF0000;transition: .3s;}

.last-sales-activities{position:relative;margin-top:5rem;}
.last-sales-activities .box{width:100%;display:grid;padding:2rem 4rem;background-color:#fff;box-shadow:0px 10px 17px 0 #00000010;border-radius:50px;}
.last-sales-activities .box .texts{display:flex;align-items:start;gap:2rem;}
.last-sales-activities .box .texts h1{font-size:40pt;font-weight:400;}
.last-sales-activities .box .texts p{font-size:12pt;}
.last-sales-activities .box .lastSalesActivities{margin-top:5rem;width:100%;}
.last-sales-activities .box .lastSalesActivities .items{display:flex;align-items:center;gap:3rem;}
.last-sales-activities .box .lastSalesActivities .items .item-texts{display:grid;justify-items:end;text-align:right;}
.last-sales-activities .box .lastSalesActivities .items .item-texts h3{font-weight:400;max-width:250px;}
.last-sales-activities .box .lastSalesActivities .items .item-texts .desc{max-width:470px;}
.last-sales-activities .box .lastSalesActivities .items .item-texts .information{display:grid;align-items:center;justify-items:end;gap:1rem;margin-top:3rem;}
.last-sales-activities .box .lastSalesActivities .items .item-texts .information span{display:flex;align-items:center;gap:1rem;}
.last-sales-activities .box .lastSalesActivities .items .item-texts .information span p{margin:0;}
.last-sales-activities .box .lastSalesActivities .items .item-texts .information span img{max-width:20px;max-height:20px;}
.last-sales-activities .box .lastSalesActivities .items .item{display:grid;justify-items:end;gap:1rem;}
.last-sales-activities .box .lastSalesActivities .items .item img{width:460px;height:350px;border-radius:20px;object-fit:cover;}
.last-sales-activities .box .lastSalesActivities .items .item a{color:#000;display:grid;position:relative;font-weight:500;transition: .3s;}
.last-sales-activities .box .lastSalesActivities .items .item a::after{content:'';width:80%;height:3px;background-color:#ff0000;transition: .3s;}
.last-sales-activities .box .lastSalesActivities .items .item a:hover{color:#ff0000;transition: .3s;}
.last-sales-activities .box .lastSalesActivities .items .item a:hover::after{width:100%;transition: .3s;}