body{background:transparent;}

.homeback1{
  position:fixed;z-index:-5;left:0;top:0;width:100%;height:100%;
}


#home{}
/*
#home .sect20{position:relative;z-index:1;padding:50px 0;margin-top:-50px;}
#home .sect20 .back1{position:absolute;z-index:-1;right:0;bottom:0;width:50%;height:100%;background:#bcd8c8;}
#home .sect20:after{display:none;content:"";position:absolute;z-index:2;left:0;bottom:0;width:100%;height:10px;}
#home .sect20 .slider{position:relative;width:100%;height:73vh;}
#home .sect20 .item{position:relative;z-index:1;width:100%;height:73vh;}
#home .sect20 .item:after{display:none;content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;
  background:#000;opacity:0.5;
}
#home .sect20 .item .im{position:absolute;z-index:-2;left:0;top:0;width:100%;height:100%;}
#home .sect20 .item .im img,
#home .sect20 .item .im video{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;}
#home .sect20 .item .im iframe{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;scale:1.3;}
#home .sect20 .item .content1 {display:none-;
  position:absolute;z-index:20;left:3%;top:50%;width:94%;box-sizing:border-box;
  text-align:center;color:#fff !important;
}
#home .sect20 .item .content1 > div{display:block;}
#home .sect20 .item .content1 .info1{font-size:1.4vw;font-family:"poppins_bold";
  transform:translate(-50%,0);opacity:0;transition:all 1000ms;transition-delay:300ms;
}
#home .sect20 .item .content1 .info2 {
  margin:5px 0 0 0;font-size:2.6vw;letter-spacing:1px;color:#fff;font-family:"ivymode";
  transform:translate(50%,0);opacity:0;transition:all 1000ms;transition-delay:300ms;
}
#home .sect20 .item .content1 .info3 {display:none;
  margin:5px 0 0 0;font-size:2.1vw;letter-spacing:1px;color:#fff;
  transform:translate(-50%,0);opacity:0;transition:all 1000ms;transition-delay:300ms;
}
#home .sect20 .item .content1 .button1{margin:15px 0 0 0;}
#home .sect20 .item .content1 .button1 a{
  display:inline-block;padding:15px 45px;font-family:"poppins_semibold";
  background-color:#cf8988;color:#fff;font-size:1.2rem;border-radius:40px;
  transform:scale(0);opacity:0;transition:all 300ms;transition-delay:600ms;
}
#home .sect20 .item .content1 .button1 a:hover {background-color:var(--color3);transition-delay:0ms;}
#home .sect20 .owl-item.center .item .content1 .info1{transform:translate(0,0);opacity:1;}
#home .sect20 .owl-item.center .item .content1 .info2{transform:translate(0,0);opacity:1;}
#home .sect20 .owl-item.center .item .content1 .info3{transform:translate(0,0);opacity:1;}
#home .sect20 .owl-item.center .item .content1 .button1 a{transform:scale(1);opacity:1;}
#slider11 .owl-nav{display:none;
  position:absolute;z-index:1;left:2%;top:50%;width:96%;
  transform:translate(0,-50%);box-sizing:border-box;pointer-events:none;
}
#slider11 .owl-nav [class^="owl-"]{font-size:3rem;color:#fff;opacity:0.7;transition:all 500ms;}
#slider11 .owl-nav [class^="owl-"]:hover{opacity:1;transform:scale(1.2);}
#slider11 .owl-nav [class^="owl-"]:hover{opacity:1;}
#slider11 .owl-nav .owl-prev{float:left;pointer-events:all;}
#slider11 .owl-nav .owl-next{float:right;pointer-events:all;}
#slider11 .owl-nav:after{content:"";display:block;clear:both;}
#slider11 .owl-dots{
    position:absolute;z-index:1;left:20px;top:50%;width:20px;transform:translate(0,-50%);
}
#slider11 .owl-dots .owl-dot{width:20px;height:20px;margin:0 0 5px 0;border-radius:50%;background:#fff;opacity:.7;}
#slider11 .owl-dots .owl-dot.active{opacity:1;}

@media only screen and (max-width:1000px){
  #slider11 .owl-nav [class^="owl-"]{font-size:1.5rem;}
}
@media only screen and (max-width:800px){
  #home .sect20 .item .content1 {}
  #home .sect20 .item .content1 .info1{font-size:2.4vw;}
  #home .sect20 .item .content1 .info2 {font-size:3.1vw;letter-spacing:0px;}
  #home .sect20 .item .content1 .button1{margin:15px 0 0 0;}
  #home .sect20 .item .content1 .button1 a{padding:5px 35px;font-size:1.1rem;}

  #home .sect20 .slider{height:auto;}
  #home .sect20 .item{height:auto;aspect-ratio:192/108;}
}
@media only screen and (max-width:600px){
  #home .sect20 .item .content1 {}
  #home .sect20 .item .content1 .info1{font-size:2.9vw;}
  #home .sect20 .item .content1 .info2 {font-size:3.5vw;}
  #home .sect20 .item .content1 .button1{margin:15px 0 0 0;}
  #home .sect20 .item .content1 .button1 a{padding:5px 35px;font-size:1rem;}
}
  */


  
#home .sect20{position:relative;z-index:1;}
#home .sect20:after{display:none;content:"";position:absolute;z-index:2;left:0;bottom:0;width:100%;height:10px;background:var(--color3);}
#home .sect20 .slider{position:relative;width:100%;height:100vh;}
#home .sect20 .item{position:relative;z-index:1;width:100%;height:100vh;}
#home .sect20 .item:after{content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;
  /*background:var(--color3);opacity:0.6;*/
  background:#000;opacity:0;
}
#home .sect20 .item .im{position:absolute;z-index:-2;left:0;top:0;width:100%;height:100%;}
#home .sect20 .item .im img,
#home .sect20 .item .im video{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;}
#home .sect20 .item .im iframe{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;scale:1.3;}
#home .sect20 .item .content1 {
  display:none;
  position:absolute;z-index:20;left:3%;top:50%;width:94%;box-sizing:border-box;
  text-align:center;color:#fff !important;
}
#home .sect20 .item .content1 > div{display:block;}
#home .sect20 .item .content1 .info1{font-size:1.4vw;font-family:"poppins_bold";
  transform:translate(-50%,0);opacity:0;transition:all 1000ms;transition-delay:300ms;
}
#home .sect20 .item .content1 .info2 {
  margin:5px 0 0 0;font-size:2.6vw;letter-spacing:1px;color:#fff;font-family:"ivymode";
  transform:translate(50%,0);opacity:0;transition:all 1000ms;transition-delay:300ms;
}
#home .sect20 .item .content1 .info3 {
  margin:5px 0 0 0;font-size:2.1vw;letter-spacing:1px;color:#fff;font-family:'ivymode_lightitalic';
  transform:translate(-50%,0);opacity:0;transition:all 1000ms;transition-delay:300ms;
}
#home .sect20 .item .content1 .button1{margin:15px 0 0 0;}
#home .sect20 .item .content1 .button1 a{
  display:inline-block;padding:15px 45px;font-family:"poppins_semibold";
  background-color:#cf8988;color:#fff;font-size:1.2rem;border-radius:40px;
  transform:scale(0);opacity:0;transition:all 300ms;transition-delay:600ms;
}
#home .sect20 .item .content1 .button1 a:hover {background-color:var(--color3);transition-delay:0ms;}
#home .sect20 .owl-item.center .item .content1 .info1{transform:translate(0,0);opacity:1;}
#home .sect20 .owl-item.center .item .content1 .info2{transform:translate(0,0);opacity:1;}
#home .sect20 .owl-item.center .item .content1 .info3{transform:translate(0,0);opacity:1;}
#home .sect20 .owl-item.center .item .content1 .button1 a{transform:scale(1);opacity:1;}
#slider11 .owl-nav{
  position:absolute;z-index:1;left:2%;top:50%;width:96%;
  transform:translate(0,-50%);box-sizing:border-box;pointer-events:none;
}
#slider11 .owl-nav [class^="owl-"]{font-size:3rem;color:#fff;opacity:0.7;transition:all 500ms;}
#slider11 .owl-nav [class^="owl-"]:hover{opacity:1;transform:scale(1.2);}
#slider11 .owl-nav [class^="owl-"]:hover{opacity:1;}
#slider11 .owl-nav .owl-prev{float:left;pointer-events:all;}
#slider11 .owl-nav .owl-next{float:right;pointer-events:all;}
#slider11 .owl-nav:after{content:"";display:block;clear:both;}
#slider11 .owl-dots{margin:20px 0 0 0;text-align:center;}
#slider11 .owl-dots .owl-dot{width:10px;height:10px;margin:0 3px;border-radius:10px;background:#bbb;}
#slider11 .owl-dots .owl-dot.active{background:var(--color3);}

@media only screen and (max-width:1000px){
  #slider11 .owl-nav [class^="owl-"]{font-size:1.5rem;}
}
@media only screen and (max-width:800px){
  #home .sect20 .item .content1 {}
  #home .sect20 .item .content1 .info1{font-size:2.4vw;}
  #home .sect20 .item .content1 .info2 {font-size:3.1vw;letter-spacing:0px;}
  #home .sect20 .item .content1 .button1{margin:15px 0 0 0;}
  #home .sect20 .item .content1 .button1 a{padding:5px 35px;font-size:1.1rem;}

  #home .sect20 .slider{height:auto;}
  #home .sect20 .item{/*height:60vh;*/height:auto;aspect-ratio:192/108;}
}
@media only screen and (max-width:600px){
  #home .sect20 .item .content1 {}
  #home .sect20 .item .content1 .info1{font-size:2.9vw;}
  #home .sect20 .item .content1 .info2 {font-size:3.5vw;}
  #home .sect20 .item .content1 .button1{margin:15px 0 0 0;}
  #home .sect20 .item .content1 .button1 a{padding:5px 35px;font-size:1rem;}
}








#home .hakkimizda{padding:50px 0;}
#home .hakkimizda .grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;
  transform:translate(0,20%);opacity:0;transition:all 500ms;
}
#home .hakkimizda.scroll_action .grid{transform:translate(0,0);opacity:1;}
#home .hakkimizda .grid .s{}
#home .hakkimizda .grid .s.s1{align-self:center;}
#home .hakkimizda .grid .s.s1 .im{position:relative;z-index:1;aspect-ratio:800/423;}
#home .hakkimizda .grid .s.s1 .im img{
    position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;
}
#home .hakkimizda .grid .s.s2{position:relative;}
#home .hakkimizda .grid .s.s2 h2.title{
    padding:0 50px 0 0;
    font-family:'poppins_medium',Arial,sans-serif;font-size:2rem;letter-spacing:1px;color:#58595b;
}
#home .hakkimizda .grid .s.s2 .info{margin:10px 0 0 0;padding:0 50px 0 50px;}
#home .hakkimizda .grid .s.s2 .buttons{margin:15px 0 0 0;text-align:right;}
#home .hakkimizda .grid .s.s2 .buttons a{display:inline-block;height:40px;line-height:40px;box-sizing:border-box;}
#home .hakkimizda .grid .s.s2 .buttons a.tip1{
    padding:0 20px;
    background:linear-gradient(to right,#dacba0,#bfad7f);color:#fff;border-radius:50px;
    box-shadow:2px 2px 5px 1px #aaa;
}
#home .hakkimizda .grid .s.s2 .buttons a.tip2{padding:0 20px;margin:0 0 0 10px;border:1px solid #222;}


#home .hakkimizda .grid .s.s2 .telbuton{
    position:absolute;z-index:1;right:0;top:0;width:40px;
}
#home .hakkimizda .grid .s.s2 .telbuton a{
    position:relative;width:40px;height:40px;border-radius:50%;
    background:linear-gradient(to right,#dacba0,#bfad7f);
    display:inline-flex;justify-content:center;align-items:center;font-size:2.1rem;
    font-weight:bold;color:white;border:2px solid #bfad7f;cursor:pointer;outline:none;
  }
  #home .hakkimizda .grid .s.s2 .telbuton a:nth-of-type(1){margin:0 0 15px 0;}
  #home .hakkimizda .grid .s.s2 .telbuton a::before, 
  #home .hakkimizda .grid .s.s2 .telbuton a::after{
    content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;
    border:2px solid #bfad7f;border-radius:50%;
    transform:translate(-50%,-50%) scale(1);opacity:1;
    animation:wave30 1.5s infinite ease-out;
  }
  #home .hakkimizda .grid .s.s2 .telbuton a::after{width:120%;height:120%;animation-delay:0.75s;}
  #home .hakkimizda .grid .s.s2 .telbuton a svg{
    position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;
    fill:#fff;transform:scale(.7);
  }
  #home .hakkimizda .grid .s.s2 .telbuton a:nth-of-type(2) svg{transform:scale(.6);}
  #home .hakkimizda .grid .s.s2 .telbuton a:hover{background-color:#1e9b4b;}
  #home .hakkimizda .grid .s.s2 .telbuton a:nth-of-type(2){background-color:#f9f8f4;color:#cabaa3;}
  #home .hakkimizda .grid .s.s2 .telbuton a:nth-of-type(2):hover{background-color:#bef3b7;}
  @keyframes wave30 {
    0% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
    100% { transform: translate(-50%, -50%) scale(1.3); opacity: 0; }
  }
@media only screen and (max-width:1000px){
  #home .hakkimizda{padding:40px 0;}
  #home .hakkimizda .grid{grid-template-columns:1fr;column-gap:20px;row-gap:20px;max-width:100%;}
  #home .hakkimizda .grid .s.s1{justify-self:center;max-width:100%;}
  #home .hakkimizda .grid .s.s1 .im{width:400px;max-width:90vw;aspect-ratio:800/423;}
  #home .hakkimizda .grid .s.s1 .im img{}
  #home .hakkimizda .grid .s.s2 .info{padding:0 50px 0 0px;}
  #home .hakkimizda .grid .s.s2 .telbuton{width:30px;}
  #home .hakkimizda .grid .s.s2 .telbuton a{width:30px;height:30px;}
  #home .hakkimizda .grid .s.s2 .telbuton a:nth-of-type(1){margin:0 0 10px 0;}
  #home .hakkimizda .grid .s.s2 .telbuton a svg{transform:scale(.7);}
}





#home .sect30{margin:50px 0 0 0;}
#home .sect30 .grid{
    margin:0 0 30px 0;
    display:grid;grid-template-columns:1fr 1fr;gap:50px;
}
#home .sect30 .grid .s{}
#home .sect30 .grid .s.s1{transform:translate(0,20%);opacity:0;transition:all 500ms;}
#home .sect30 .grid .s.s1.scroll_action{transform:translate(0,0);opacity:1;}
#home .sect30 .grid .s.s1 .flex{display:flex;height:100%;align-items:center;}
#home .sect30 .grid .s.s1 .flex .f{}
#home .sect30 .grid .s.s1 img.im1{width:270px;height:270px;border-radius:50%;}
#home .sect30 .grid .s.s1 h2{margin:25px 0 0 0;
    font-family:'poppins_medium',Arial,sans-serif;font-size:2rem;letter-spacing:1px;color:#58595b;
}
#home .sect30 .grid .s.s1 .info{margin:10px 0 0 0;padding:0 0 0 50px;}
#home .sect30 .grid .s.s2{position:relative;z-index:1;
  transform:scale(.5);opacity:0;transition:all 500ms;
}
#home .sect30 .grid .s.s2.scroll_action{transform:scale(1);opacity:1;}
#home .sect30 .grid .s.s2 img.im1{position:absolute;z-index:-3;left:0;top:0;width:100%;height:100%;object-fit:cover;}
#home .sect30 .grid .s.s2 img.im2{position:absolute;z-index:-2;left:0;top:0;width:100%;height:100%;object-fit:contain;scale:.9;opacity:.4;}
#home .sect30 .grid .s.s2:before{content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;background:#255d31;opacity:.5;
  transition:all 500ms;
}
#home .sect30 .grid .s.s2:hover:before{opacity:.2;}
#home .sect30 .grid .s.s2 .abs{position:absolute;z-index:1;left:10%;bottom:10%;width:80%;color:#fff;text-align:center;}
#home .sect30 .grid .s.s2 .abs .ad{font-family:'poppins_medium',Arial,sans-serif;font-size:2rem;letter-spacing:1px;}
#home .sect30 .grid .s.s2 .abs .border{height:1px;margin:10px 0;background:#fff;}
#home .sect30 .grid .s.s2 .abs .adres{}
@media only screen and (max-width:900px){
  #home .sect30 .grid{
    grid-template-columns:1fr;gap:50px;
    grid-template-areas:"s1" "s3" "s2" "s4";
  }
  #home .sect30 .grid .s:nth-child(1){grid-area:s1;}
  #home .sect30 .grid .s:nth-child(2){grid-area:s2;}
  #home .sect30 .grid .s:nth-child(3){grid-area:s3;}
  #home .sect30 .grid .s:nth-child(4){grid-area:s4;}
  #home .sect30 .grid .s.s1 img.im1{display:block;margin:0 auto;}
  #home .sect30 .grid .s.s2{aspect-ratio:4/3;}
}
@media only screen and (max-width:700px){
  #home .sect30 .grid .s.s1 .info{padding:0;}
  #home .sect30 .grid .s.s2{aspect-ratio:1/1;}
}




#home .sect40{position:relative;z-index:1;padding:100px 0;margin:100px 0 70px 0;overflow:hidden;}
#home .sect40:before{content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:120px;background:#bcd8c8;}
#home .sect40 .grid{
    display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1px;background:#fff;
    padding:25px;border-radius:15px;box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
}
#home .sect40 .grid .s{}
#home .sect40 .grid .s.tip1{text-align:center;}
#home .sect40 .grid .s.tip1 img{height:60px;width:auto;}
#home .sect40 .grid .s.tip1 .text{margin:5px 0 0 0;}
#home .sect40 .grid .s.tip2{position:relative;z-index:1;}
#home .sect40 .grid .s.tip2 img{
  position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;object-fit:contain;
  scale:3.1;
  transform:translate(0,20%);opacity:0;transition:all 500ms;
}
#home .sect40.scroll_action .grid .s.tip2 img{transform:translate(0,0);opacity:1;}
@media only screen and (max-width:1200px){
  #home .sect40 .grid{grid-template-columns:1fr 1fr 1fr;gap:1px;}
  #home .sect40 .grid .s.tip2{display:none;}
}
@media only screen and (max-width:700px){
  #home .sect40 .grid .s.tip1 img{height:40px;}
  #home .sect40 .grid .s.tip1 .text{font-size:.85rem;}
}








#home .sectinsta{padding:70px 0;background:#d6d6d6;}
#home .sectinsta .head{margin:0 0 30px 0;text-align:center;}
#home .sectinsta .head a{display:inline-flex;align-items:center;gap:15px;}
#home .sectinsta .head a .icon{font-size:2rem;}
#home .sectinsta .head a .icon img,
#home .sectinsta .head a .icon svg{display:block;height:40px;width:auto;fill:#d060ab;}
#home .sectinsta .head a .text{font-size:1.4rem;}
#home .sectinsta .grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;}
#home .sectinsta .grid a{position:relative;z-index:2;
    padding:10px 10px 20px 10px;background:#d6d6d6;
    border-radius:20px;box-shadow: 0 .5rem 2.5rem 0 rgba(0, 35, 58, .15);
    transition:all .7s;
}
#home .sectinsta .grid a:hover{z-index:1;box-shadow: 0 .5rem 2.5rem 0 rgba(0, 35, 58, .75);}
#home .sectinsta .grid a .im{display:block;position:relative;z-index:1;aspect-ratio:4/5;}
#home .sectinsta .grid a .im img{
    position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;border-radius:20px;
    box-shadow:0 0 5px 1px #777;
}
#home .sectinsta .grid a .im .icon{
    position:absolute;z-index:1;left:50%;top:50%;width:50px;height:50px;line-height:50px;transform:translate(-50%,-50%) rotate(45deg);
    background:#fff;color:#000;font-size:1.4rem;text-align:center;
    border-radius:50%;box-shadow:0 0 10px 0 #000;opacity:.4;transition:all .7s;
}
#home .sectinsta .grid a:hover .im .icon{opacity:1;transform:translate(-50%,-50%) rotate(0deg);}
#home .sectinsta a .info{display:block;margin:10px 0 0 0;
    font-family:'poppins_semibold',Arial,sans-serif;font-size:.9rem;
}
#home .sectinsta .footer{margin:40px 0 0 0;text-align:center;}
#home .sectinsta .footer a{display:inline-block;padding:10px 25px;border-radius:30px;background:#d060ab;color:#fff;
    transition:all .7s;
}
#home .sectinsta .footer a:hover{background-color:#000;}
@media only screen and (max-width:1050px){
    #home .sectinsta .grid{grid-template-columns:repeat(3,1fr);gap:15px;}
}
@media only screen and (max-width:600px){
    #home .sectinsta{padding:40px 0;}
    #home .sectinsta .head{margin:0 0 20px 0;}
    #home .sectinsta .head a{gap:10px;}
    #home .sectinsta .head a .icon svg{height:20px;}
    #home .sectinsta .head a .text{font-size:1rem;}
    #home .sectinsta .grid{grid-template-columns:repeat(2,1fr);column-gap:10px;row-gap:15px;}
}



#home .sectht{padding:0 0 50px 0;margin:50px 0 0 0;background:#f6ffff;}
#home .sectht .head{margin:0 0 30px 0;text-align:center;}
#home .sectht .head h2{padding:20px 0 30px 0;background:#bcd8c8;font-family:'poppins_medium',Arial,sans-serif;font-size:3rem;letter-spacing:1px;}
#home .sectht .head div{margin-top:-20px;}
#home .sectht .head div a{
  position:relative;z-index:1;
  display:block;width:180px;height:40px;margin:0 auto;
}
#home .sectht .head div a svg,
#home .sectht .head div a img{
  position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:contain;
}

#home .sectht .slider{}
#home .sectht .slider .item{padding:20px;
  display:block;border-radius:20px;background:#efefef;overflow:hidden;
}
#home .sectht .slider .item .grid{
  display:grid;grid-template-columns:auto 1fr;gap:10px;
}
#home .sectht .slider .item .grid .s{}
#home .sectht .slider .item .grid .s.s1{}
#home .sectht .slider .item .grid .s.s1 div{width:40px;height:40px;background:#fff;border-radius:50%;line-height:40px;text-align:center;}
#home .sectht .slider .item .grid .s.s2{}
#home .sectht .slider .item .grid .s.s2 .ad{line-height:20px;}
#home .sectht .slider .item .grid .s.s2 .puan{line-height:20px;}
#home .sectht .slider .item .msg{height:120px;margin:25px 0 0 0;line-height:20px;overflow:hidden;}
#home .sectht .slider .item .platform{text-align:center;}
#slider21 .owl-dots {margin: 10px 0 0 0;text-align: center;}
#slider21 .owl-dots .owl-dot {width: 10px;height: 10px;margin: 0 3px;border-radius: 10px;background: #bbb;}
#slider21 .owl-dots .owl-dot.active {background:#3998cb;}





#home .sectmap{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;
}
#home .sectmap .map{
  position:relative;z-index:1;height:600px;max-height:50vh;
  box-shadow:0 0 10px 0 #666;
}
#home .sectmap iframe{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;border:none;}




#home .sectblog{padding:50px 0;}
#home .sectblog .slider{}
#home .sectblog .slider .item{}
#home .sectblog .head{
  /*display:flex;align-items:end;gap:10px;*/margin:0 0 10px 0;
}
#home .sectblog .head h2{display:none;font-family:'poppins_medium',Arial,sans-serif;font-size:2rem;letter-spacing:1px;line-height:25px;}
#home .sectblog .head div{display:none;margin:5px 0;}
#home .sectblog .head a{margin:0 0 20px 0;font-size:1.6rem;}
#home .sectblog .slider .item{overflow:hidden;}
#home .sectblog .slider .item .grid{display:grid;grid-template-columns:4fr 2fr 1fr;gap:30px;}
#home .sectblog .slider .item .grid .s{}
#home .sectblog .slider .item .grid .s.s1{}
#home .sectblog .slider .item .grid .s.s1 a.im{display:block;position:relative;z-index:1;aspect-ratio:464/153;}
#home .sectblog .slider .item .grid .s.s1 a.im img{
  position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;
}
#home .sectblog .slider .item .grid .s.s2{align-self:center;padding:25px 0 0 0;}
#home .sectblog .slider .item .grid .s.s2 .info{
  position:relative;z-index:1;
  padding:30px;/*border:1px solid #bfdccc;*/
}
#home .sectblog .slider .item .grid .s.s2 a{
  display:inline-block;height:40px;padding:0 25px;line-height:40px;margin:6px 0 0 0;
  border-radius:30px;background:#bfdccc;color:#000;
  font-family:'poppins_semibold',Arial,sans-serif;transition:all 500ms;
}
#home .sectblog .slider .item .grid .s.s2 a:hover{background-color:#48ef93;}
#home .sectblog .slider .item .grid .s.sx1{}
#sliderblog .owl-nav{
  width:100px;margin:10px auto 0 auto;
}
#sliderblog .owl-nav [class^="owl-"]{
  display:inline-block;margin:0 4px 0 0;font-size:1rem;color:#000;background:#bfdccc;transition:all 500ms;
  width:40px;height:40px;line-height:40px;border-radius:50%;text-align:center;
}
#sliderblog .owl-nav [class^="owl-"]:hover{background-color:#48ef93;}
@media only screen and (max-width:1500px){
  #home .sectblog .slider .item .grid{grid-template-columns:1fr 1fr;gap:20px;}
  #home .sectblog .slider .item .grid .s.s1 a.im{aspect-ratio:5/3;}
  #home .sectblog .slider .item .grid .s.s2 .info{padding:0px;border:none;}
  #home .sectblog .slider .item .grid .s.s2 a{
    display:inline-block;
    /*height:30px;padding:0 25px;line-height:30px;*/transform: translate(-50%, 0);
  }
  #home .sectblog .slider .item .grid .s.sx1{display:none;}
}
@media only screen and (max-width:900px){
  #home .sectblog .head{display:grid;margin:0 0 10px 0;}
  #home .sectblog .head h2{font-size:1.2rem;letter-spacing:1px;line-height:auto;}
  #home .sectblog .head div{width:60px;margin:1px 0;border-bottom:1px solid #999;}
  #home .sectblog .head a{font-size:1.1rem;line-height:auto;}
  #home .sectblog .slider .item{padding:0;}
  #home .sectblog .slider .item .grid{grid-template-columns:1fr;gap:10px;}
  #home .sectblog .slider .item .grid .s.s1{justify-self:center;}
  #home .sectblog .slider .item .grid .s.s1 a.im{width:400px;max-width:90%;aspect-ratio:5/3;}
  #home .sectblog .slider .item .grid .s.s2 .info{padding: 0 25px 0px 10px;border:none;}
  #home .sectblog .slider .item .grid .s.s2 a{
    display:inline-block;
    /*height:30px;padding:0 25px;line-height:30px;*/
  }
  #home .sectblog .slider .item .grid .s.sx1{display:none;}
}













#home .sectba{
  padding:70px 0;background:#fff;
}
#home .sectba .head{overflow:hidden;}
#home .sectba .head .grid1{display:grid;grid-template-columns:1fr;gap:30px;align-items:center;}
#home .sectba .head .grid1 .s{}
#home .sectba .head .grid1 .s.s1{
  font-size:2.8rem;font-family:'poppins_semibold',Arial,sans-serif;
}
#home .sectba .head .grid1 .s.s2{font-size:1.1rem;display:none;}
#home .sectba .head .grid1.scroll_action .s.s2{}
#home .sectba .list{
  margin:40px 0 0 0;
  display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;
}
#home .sectba .list .item{overflow:hidden;}
#home .sectba .list .item .beforeAfter{position:relative;z-index:1;aspect-ratio: 1 / 1;}
#home .sectba .list .item img{
  
}
@media only screen and (max-width:1000px){
  #home .sectba{padding:20px 0 30px 0;}
  #home .sectba .head{}
  #home .sectba .head .grid1{grid-template-columns:1fr;gap:10px;text-align:center;}
  #home .sectba .head .grid1 .s.s1{font-size:2rem;}
  #home .sectba .head .grid1 .s.s2{font-size:1.1rem;}
}
@media only screen and (max-width:700px){
  #home .sectba .list{grid-template-columns:repeat(2, 1fr);gap:10px;}
}


.ba-container {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  margin: 0 auto;
  user-select: none;
}

.ba-img {
  width: 100%;
  height: auto;
  display: block;
  pointer-events: none;
}

.ba-resize {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}

.ba-slider {
  position: absolute;
  top: 0;
  left: 50%;
  width: 3px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
  z-index: 10;
  transition: background 0.3s;
}

.ba-slider::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  width: 20px;
  height: 20px;
  background: #000;
  border-radius: 50%;
  transform: translateY(-50%);
}