@font-face {
  font-family: 'Edensor';
  src: url('../fonts/Edensor-Free.woff') format('woff'),
       url('../fonts/Edensor-Free.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

/* Example usage */
h1, h2, h3 {
  font-family: 'Edensor', serif;
}
.title-head h2 {
    font-size: 55px;
    letter-spacing: 0.55px;
    margin-bottom: 1rem;
    /* color: #000 !important; */
}
.title-head p {
font-size: 20px;
    font-weight: 400;
    width: 60%;
    margin: auto;
    line-height: 34px;
    letter-spacing: 0.55px;
}
/* --------------------------------------------navbar start------------------------------ */
.listitems li a {
    text-decoration: none;
    color: #ffffff;
    font-size: 23px;
    letter-spacing: 0.55px;
    /* text-transform: uppercase; */
    transition: all .3s;
}
.headernew .listitems li a {
    color: #f18b17 !important;
}

.listitems li a{
    position:relative;
}
.listitems li a::after{
    position:absolute;
    content:"";
    background-color:#fff;
    background-size:contain;
    height:1px;
    width:0%;
    bottom:-5px;
    left:0;
    transition:all .3s
}
.headernew .listitems li a::after{
    position:absolute;
    content:"";
    background-color:#f18b17;
    background-size:contain;
    height:1px;
    width:0%;
    bottom:-5px;
    left:0;
    transition:all .3s
}
.listitems li a:hover::after{
    width:100% !important;
}
.logoooo h2 {
    font-size: 68px;
    /* text-transform: uppercase; */
    color: rgb(249 209 167);
    font-weight: 500;
    padding: 10px 0;
    /* font-family: sans-serif; */
    text-decoration: underline;
}
.listitems li{
    margin: 0;
}
.header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99999999999;
    transition:all .3s
}
.headernew {
    /* background-color: #fff; */
    animation: moved 1s;
    background-color: #fff;
    box-shadow: black 0px 0px 10px -7px;
}
@keyframes moved{
    0%{
        top:0;
    }
    50%{
        top:-100%;
    }
    100%{
        top:0;
    }
}
/* --------------------------------------------navbar end------------------------------ */
/* --------------------------------------------navbar start------------------------------ */
.innerbanner img {
    height: 100vh;
    object-fit: cover;
    object-position: right;
    transition: all 18s;
}
.bantext {
    top: 53%;
    left: 8%;
    transform: translateY(-50%);
    z-index: 9;
    width: 43%;
}
.bantext h2 {
    font-size: 96px;
    color: #fff;
    line-height: 117px;
    /* text-shadow: 0 11px 5px #f7f7f7; */
}
.bantext p {
    font-size: 26px;
    color: #fff;
    font-family: inherit;
    font-weight: 300;
    line-height: 40px;
    margin-top: 15px !important;
    letter-spacing: 0.55px;
}
.container{
    max-width: 85%;
}
.readbtn a {
    padding: 11px 47px;
    background-color: #00000026;
    text-decoration: none;
    color: #ffffff;
    font-size: 18px;
    display: flex;
    width: fit-content;
    text-transform: uppercase;
    border: 1px solid #ffffff73;
    /*box-shadow: #fff 0px 0px 41px -15px;*/
    letter-spacing: 0.55px;
    border-radius: 30px;
    transition: all .3s;
}
.readbtn a:hover {
    background-color: #fff;
    color: #000;
    /* box-shadow: #fff 0px 0px 41px -4px; */
}

.texture {
    top: -38%;
    left: 3%;
    z-index: 1;
    width: 24%;
    opacity: 0.2;
}
.texture img{
    width: 100%;
    object-fit: contain;
}
.banner{
    position: relative;
}
/* .banner::after{
    position: absolute;
    content:"";
    background: linear-gradient(180deg,transparent,white);
    background-size: contain;
    height:30%;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index:1
} */
/* --------------------------------------------banner end------------------------------ */
/* --------------------------------------------about start------------------------------ */


    .innerabt{
        width: 70%;
        margin: auto;
        text-align: center;
    }
    .abttext {
        padding: 7rem 0 14rem;
        position: relative;
        z-index: 1;
        background-color: #fff5f4;
        position: relative;
    }
.abttext::after {
    position: absolute;
    content: "";
    background: linear-gradient(180deg, #ffffff 50%, transparent 0);
    background-size: contain;
    height: 400px;
    width: 100%;
    border-radius: 50%;
    bottom: -200px;
    left: 0;
    z-index: 9;
}
.abttext::before {
    position: absolute;
    content: "";
    background-image: url(../images/wer.png);
    background-size: contain;
    height: 92%;
    width: 100%;
    border-radius: 0;
    bottom: 90px;
    left: 4%;
    z-index: -1;
    background-repeat: no-repeat;
    opacity: 0.2;
}

.innerabt h2 {
    font-size: 182px;
    color: #000;
    background: url(../images/abtbg.jpg);
    /* background-size: cover; */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: #00000085; */
    /* background-image: url(../images/abtbg.jpg); */
    background: linear-gradient(180deg, #f18b17 2%, #9f4233);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
    .innerabt p{
           font-size: 30px;
            letter-spacing: 0.55px;
            color: #000;
    }
.llik{
    overflow: hidden;
}
    .llik h2{
        transform: translateY(201px);
    }
/* --------------------------------------------about end------------------------------ */


/* --------------------------------------------Product start------------------------------ */
.gtw{
    cursor:pointer;
}
.productrangelist .col {
    flex: 0 0 20%;
}
.productrangelist .col .productimg img {
    width: 100%;
}
.abttext {
    padding: 7rem 0 24rem;
    position: relative;
    z-index: 1;
    background-color: #fff5f4;
    overflow: hidden;
}
.productline {
    width: 100%;
    height: 1px;
    background-color: #313131;
    transition: all 5s;
}
.productlineactive{
    width:100%;
}
.col .productimg img{
    width: 100%;
}
.col .productimg {
    text-align: center; 
    transition: all .3s;
    transform: scale(0); /* default state */
}

.productimgnew {
    animation: move 1s forwards; /* forwards keeps final state */
}

@keyframes move {
    0%{
        transform: scale(0);
    }
    25%{
         transform: scale(1.1);
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }
    100%{
        transform: scale(1);
    }
}
/* .productnew .col-lg-3 .productimg{
    animation: animate 1s;
}
@keyframes animate{
    0%{
        transform: scale(0);
    }
    25%{
         transform: scale(1.1);
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }
    100%{
        transform: scale(1);
    }
} */
.col:nth-child(1) .productimg{
    width: 65%;
    margin: auto;
}
.col:nth-child(2) .productimg{
    width: 55%;
    margin: auto;
}
.col:nth-child(3) .productimg{
    width: 45%;
    margin: auto;
}
.col:nth-child(4) .productimg{
    width: 35%;
    margin: auto;
}
.col:nth-child(5) .productimg{
    width: 30%;
    margin: auto;
}
.productrangelist .row{
    align-items: flex-end;
    flex-wrap: nowrap;
}

.cirrr {
    height: 40px;
    width: 40px;
    border: 1px solid #95959591;
    left: 135px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    opacity: 0;
    transition: all .3s;
    /* transition-delay: 1s; */
    background-color: #fff5f4;
}
.ciractive{
    opacity: 1;
}
.cirrr::after {
    position: absolute;
    content: "";
    background-size: contain;
    height: 15px;
    width: 15px;
    background-color: #000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}
.cir2 {
    left: 458px;
}
.cir3 {
    left: 780px;
}
.cir4 {
    left: 1099px;
}
.cir5 {
    left: 1418px;
}
.productrangelist {
    margin-bottom: 2rem;
}
.weightlist p{
    font-size: 19px;
    letter-spacing: 0.55px;
    margin-top: 1rem !important;
}
.inner-product{
    position: relative;
    transform: translateY(-14%);
    z-index: 9;
}
.product{
    position: relative;
}
.product::before {
    position: absolute;
    content: "";
    background-size: cover;
    height: 100%;
    width: 100%;
    left: 0%;
    top: 0%;
    background-image: url(../images/bgg1.png);
    background-repeat: no-repeat;
    opacity: 0.1;
}
.why {
    height: 80vh;
    background-image: url(../images/bg1.jpg);
    background-size: cover;
}
/* --------------------------------------------Product end------------------------------ */
/* --------------------------------------------why start------------------------------ */
.why{
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.why::after {
    position: absolute;
    content: "";
    /*background: linear-gradient(90deg, #000000c2, #0000003b);*/
    background-size: contain;
    height: 100%;
    width: 100%;
    left: 0%;
    top: 0%;
    z-index: -1;
}
.why::before {
    position: absolute;
    content: "";
    background-size: cover;
    height: 100%;
    width: 100%;
    left: 0%;
    top: 0%;
    background-image: url(../images/bgg1.png);
    background-repeat: no-repeat;
    opacity: 0.1;
}
.figlist h5 {
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.55px;
    padding-bottom: 10px;
}
.figlist h4 {
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.55px;
    border-top: 1px solid #ffffff9c;
    padding-top: 23px;
    line-height: 30px;
}
/* --------------------------------------------why end------------------------------ */

/* ------------------------------------dealer Start--------------------------------- */
.jk p {
    font-size: 26px;
    letter-spacing: 0.55px;
    font-weight: 500;
}
.jk span {
    font-size: 20px;
    font-weight: 400;
    width: 60%;
    /* margin: auto; */
    line-height: 34px;
    letter-spacing: 0.55px;
    color: #000;
}
.readbtn1 a {
    padding: 11px 47px;
    background-color: #ffffff00;
    text-decoration: none;
    color: #000000;
    font-size: 18px;
    display: flex;
    width: fit-content;
    text-transform: uppercase;
    border: 1px solid #f18b17;
    box-shadow: #ff8800 0px 0px 41px -15px;
    letter-spacing: 0.55px;
    border-radius: 30px;
    margin: 1rem auto;
    transition: all .3s;
}
.readbtn1 a:hover{
    background-color: #f18b17;
    color: #fff;
    box-shadow: #ff8800 0px 0px 41px -6px;
}
.jk {
    position: relative;
    padding: 5rem 0;
}
.jk::after {
    position: absolute;
    content: "";
    background-color: lightgray;
    background-size: contain;
    height: 75%;
    width: 1px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* ------------------------------------dealer end--------------------------------- */


/* ------------------------------------footer start--------------------------------- */
footer {
    padding: 3rem 0 0;
    background-color: #f18b17;
    position: relative;
    z-index: 1;
}
footer::after {
    position: absolute;
    content: "";
    background: linear-gradient(360deg, #000000, #000000);
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
/* .product::before {
    position: absolute;
    content: "";
    background-image: url(../images/we-removebg-preview.png);
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
} */
.foologo p{
font-size: 20px;
    font-weight: 300;
    margin: auto;
    line-height: 34px;
    letter-spacing: 0.55px;
    color: #fff;
}
.linklist h4{
        color: #fff;
    font-size: 30px;
    letter-spacing: 0.55px;
}
.linklist ul li a{
    text-decoration: none;
    color: #fff;
    letter-spacing: 0.55px;
    font-size: 20px;
    display: flex;
    padding: 10px 0;
    font-weight: 300;
    transition: all .1s ease-in-out;
}
.linklist1 ul li a:hover{
    letter-spacing: 1px;
    font-weight: 500;
}
.scll img{
    width: 20px;
    filter: brightness(0)invert(1);
}
.col:nth-child(3) .scll img{
    width: 30px;
}
.scll {
    padding: 10px 0px;
    border: 1px solid #fff;
    height: 100%;
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.55px;
    transition: all .3s;
    justify-content: center;
}
.scll img{
    transition: all .3s;    
}
.scll:hover {
    background-color: #fff;
    color: #000;
    box-shadow: #fff 0px 0px 41px -11px;
}
.scll:hover img{
    filter: brightness(0);
}
.copy p {
    text-decoration: none;
    color: #fff;
    letter-spacing: 0.55px;
    font-size: 18px;
    display: flex
;
    padding: 10px 0;
    font-weight: 300;
    justify-content: center;
    gap: 10px;
}
/* ------------------------------------footer end--------------------------------- */
a{
    text-decoration: none;
}





/* ----------------------------------------------form start----------------------------------------------------- */

.enquery {
    padding: 5rem 0 5rem;
}
.innerenquery {
    box-shadow: black 0px 0px 25px -18px;
}
.innerenquery .row{
    padding: 3rem 4rem;
}
.frminp input,.frminp select{
    width: 100%;
    height: 50px;
}
.texttt h2{
        letter-spacing: 0.55px;
        font-size: 30px;
}
.frminp label{
    font-size: 18px;
    margin-bottom: 10px;
    letter-spacing: 0.55px;
}

.headerxxx{
    background-color: #fff;
    box-shadow: black 0px 0px 10px -7px;
}
.headerxxx ul li a{
    color: #000 !important;
}
.enquery .title-head{
    padding: 2rem 7rem;
    background-color: #f18b170f;
}
.frminp textarea{
    height:100px;
}
/* ----------------------------------------------form end----------------------------------------------------- */


.innerwhy{
    width: 84% !important;
}
.bannerswipeeer{
    overflow:hidden;
}
.bannerswipeeer .swiper-slide-active img {
     transform: scale(1.05); 
    transform-origin: right;
}
.pureee {
    font-size: 61px;
    color: #fff;
    line-height: 65px;
    margin-bottom: 1.5rem !important;
}


.header .logoooo img{
    transition:all .3s;
}
.headernew .logoooo img{
    width: 50% !important;
}
.bannerswipeeer .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
}
.bannerswipeeer .swiper-pagination-bullet-active {
    background:#fff;
}

.dealer img{
        opacity: 0.2;
}
.jk .row{
        width: 64% !important;
}

.closeeeeee {
    top: 3%;
    right: 3%;
    display: grid;
    justify-content: center;
    text-align: center;
    color: red;
    font-weight: 500;
    letter-spacing: 0.55px;
    text-transform: uppercase;
}
.closeeeeee img{
    width: 26px;
    margin: auto;
}
.gtw img{
    border-radius: 13px;
}
.inner-product .row{
    width: 60% !important;
}
.gtwtitle{
    text-align: center;
    margin-top: 1rem;
}
.gtwtitle h2 {
    font-size: 35px;
    letter-spacing: 0.55px;
}
/*.cllls a{*/
/*    height:40px;*/
/*    width:40px;*/
/*    border:1px solid #f18b17;*/
/*    border-radius:50%;*/
/*    position:relative;*/
/*}*/
/*.cllls a {*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    padding: 8px 20px;*/
/*    border: 1px solid #fff;*/
/*    border-radius: 30px;*/
/*}*/
.cllls a img{
    width:22px;
}
.cllls a::after {
    background-color: transparent !important;
}
.cllls{
        //filter: brightness(0) invert(1);
        transition:all .3s;
}
.headernew .cllls{
        filter: initial;
}







.mn-scl1 {
    width: 36px;
    overflow: hidden;
    transition: all .3s;
    border: 1px solid #ffffff !important;
    border-radius: 50px;
    padding: 2px;
    width: 160px;
}
.scl {
    height: 30px;
    width: 30px;
    background-color: #ffffff;
    border-radius: 50%;
    transition:all .3s;
}
.headernew .scl{
    background-color: #e97840;
}
.scl img {
    width: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.headernew .scl img{
    filter:brightness(0)invert(1);
}
.mn-scl:hover {
    width: 160px;
}
.headernew .mn-scl1 {
    border: 1px solid #e97840 !important;
}
.dt p{
    font-size:18px;
    color:#fff;
    transition:all .3s;
}
.headernew .dt p{
    font-size:18px;
    color:#e97840;
    transition:all .3s;
}























/* whaATapp css */
#whatsapp-chat {
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  outline: none !important;
  position: fixed;
  width: 350px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  bottom: initial;
  right: initial;
  top: 50%;
  left: 50%;
  overflow: hidden;
  z-index: 99999999999;
  -webkit-animation-name: showchat;
  animation-name: showchat;
  -webkit-animation-duration: .35s;
  animation-duration: .35s;
  -webkit-transform: scale(1);
  transform: scale(1) translate(-50%, -50%);
}

@media only screen and (max-width: 480px) {
  #whatsapp-chat {
      max-width: 340px;
      width: 100%;
      bottom: 172px;
  }
}

#whatsapp-chat .whatsapp-name {
font-size: 16px;
font-weight: 600;
padding-bottom: 0;
margin-bottom: 0;
font-family: var(--regular-font);
line-height: 0.5;
  color: white;
}

#whatsapp-chat .head-home {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
}

#whatsapp-chat .head-home small {
font-size: 12px;
color: #ffffff;
font-family: var(--icon-font);
letter-spacing: .6px;
}

#whatsapp-chat .header-chat {
    background: #e77e31;
    color: #fff;
    padding: 20px;
}

#whatsapp-chat .header-chat h3 {
margin: 0 0 10px;
}

#whatsapp-chat .header-chat p {
margin: 0;
line-height: 18px;
}

#whatsapp-chat .info-avatar {
    position: relative;
    height: 47px;
    width: 65px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    margin-right: 10px;
}

#whatsapp-chat .info-avatar img {
    width: 37px;
    height: 47px;
    -o-object-fit: contain;
    object-fit: cover;
    border-radius: 50%;
}

#whatsapp-chat a.informasi {
padding: 20px;
display: block;
overflow: hidden;
-webkit-animation-name: showhide;
      animation-name: showhide;
-webkit-animation-duration: 0.5s;
      animation-duration: 0.5s;
}

#whatsapp-chat a.informasi:hover {
background: #f1f1f1;
}

#whatsapp-chat .info-chat span {
display: block;
}

#whatsapp-chat #get-label {
font-size: 12px;
color: #888;
color: #fff;
}

#whatsapp-chat span.chat-label {
font-size: 12px;
color: #888;
}

#whatsapp-chat #get-nama {
margin: 5px 0 0;
font-size: 15px;
font-weight: 700;
color: #222;
color: #fff;
}

#whatsapp-chat span.chat-nama {
margin: 5px 0 0;
font-size: 15px;
font-weight: 700;
color: #222;
}

#whatsapp-chat span.my-number {
display: none;
}

#whatsapp-chat textarea#chat-input {
border: none;
font-family: "Arial", sans-serif;
width: 100%;
height: 40px;
outline: none;
resize: none;
padding: 10px;
overflow: hidden;
font-size: 14px;
}

#whatsapp-chat a#send-it {
    width: 45px;
    font-weight: 400;
    padding: 10px;
    background: #e77e31;
    display: flex
;
    justify-content: center;
    color: #fff;
}
.about-one{
    overflow:hidden;
}
.figlist1{
    transform: translateX(-290px);
}
.figlist2{
    transform: translateY(290px);
}
.figlist3{
    transform: translateX(290px);
}
.serlist{
    overflow: hidden;
}

#whatsapp-chat a#send-it svg {
fill: #a6a6a6;
height: 24px;
width: 24px;
margin-bottom: 6px;
}

#whatsapp-chat .first-msg {
background: transparent;
padding: 30px;
text-align: center;
}

#whatsapp-chat .first-msg span {
background: #e2e2e2;
color: #333;
font-size: 14.2px;
line-height: 1.7;
border-radius: 10px;
padding: 15px 20px;
display: inline-block;
}

#whatsapp-chat .start-chat .blanter-msg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display:none;
}

#whatsapp-chat #get-number {
display: none;
}

#whatsapp-chat a.close-chat {
position: absolute;
top: 5px;
right: 15px;
color: #fff;
font-size: 30px;
text-decoration: none;
font-family: var(--regular-font);
}

#whatsapp-chat.hide {
display: none;
-webkit-animation-name: showhide;
      animation-name: showhide;
-webkit-animation-duration: 0.5s;
      animation-duration: 0.5s;
-webkit-transform: scale(1);
      transform: scale(1);
opacity: 1;
}

#whatsapp-chat .show {
display: block;
-webkit-animation-name: showhide;
      animation-name: showhide;
-webkit-animation-duration: 0.5s;
      animation-duration: 0.5s;
-webkit-transform: scale(1);
      transform: scale(1);
opacity: 1;
}

#whatsapp-chat .whatsapp-message-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 1;
}

#whatsapp-chat .whatsapp-message {
padding: 7px 14px 6px;
background-color: #fff;
border-radius: 0px 8px 8px;
position: relative;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
-webkit-transform-origin: center top 0px;
      transform-origin: center top 0px;
z-index: 2;
-webkit-box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
      box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
margin-top: 4px;
margin-left: -54px;
max-width: calc(100% - 66px);
}

#whatsapp-chat .whatsapp-chat-body::before {
display: block;
position: absolute;
content: "";
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 0;
opacity: 0.08;
background-image: url("public/images/whatsapp.webp");
}

#whatsapp-chat .eJJEeC {
background-color: #fff;
width: 52.5px;
height: 32px;
border-radius: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
-webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
margin-left: 10px;
opacity: 0;
-webkit-transition: all 0.1s ease 0s;
transition: all 0.1s ease 0s;
z-index: 1;
-webkit-box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
      box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
}

#whatsapp-chat .hFENyl {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

#whatsapp-chat .ixsrax {
height: 5px;
width: 5px;
margin: 0px 2px;
border-radius: 50%;
display: inline-block;
position: relative;
-webkit-animation-duration: 1.2s;
      animation-duration: 1.2s;
-webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
      animation-timing-function: linear;
top: 0px;
background-color: #9e9da2;
-webkit-animation-name: ZpjSY;
      animation-name: ZpjSY;
}

#whatsapp-chat .dRvxoz {
height: 5px;
width: 5px;
margin: 0px 2px;
background-color: #b6b5ba;
border-radius: 50%;
display: inline-block;
position: relative;
-webkit-animation-duration: 1.2s;
      animation-duration: 1.2s;
-webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
      animation-timing-function: linear;
top: 0px;
-webkit-animation-name: hPhMsj;
      animation-name: hPhMsj;
}

#whatsapp-chat .kAZgZq {
padding: 11px -22px 12px;
background-color: #fff;
/*border-radius: 0px 8px 8px;*/
position: relative;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
-webkit-transform-origin: center top 0px;
transform-origin: center top 0px;
z-index: 2;
-webkit-box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
margin-top: 1px;
margin-left: -9px;
width: 359px;
}

#whatsapp-chat .bMIBDo {
font-size: 12px;
font-weight: 600;
line-height: 18px;
color: rgba(0, 0, 0, 0.54);
letter-spacing: -0.2px;
font-family: var(--regular-font);
}

#whatsapp-chat .iSpIQi {
font-size: 14px;
line-height: 19px;
margin-top: 4px;
color: #111;
font-size: 14px;
line-height: 19px;
margin-top: 4px;
color: #111;
}

#whatsapp-chat .cqCDVm {
text-align: right;
margin-top: 6px;
font-size: 10px;
line-height: 16px;
color: rgba(17, 17, 17, 0.5);
margin-right: -8px;
margin-bottom: -4px;
}

#whatsapp-chat .service_chatList {
position: relative;
margin-top: 15px;
padding: 15px;
background: #fff;
margin-left: 10px;
font-size: 14px;
border-radius: 0 10px 10px 10px;
-webkit-box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
      box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
}

#whatsapp-chat .service_chatList::after {
position: absolute;
content: '1:41 AM';
text-align: right;
font-size: 10px;
line-height: 16px;
color: rgba(17, 17, 17, 0.5);
right: 10px;
bottom: 5px;
}

#whatsapp-chat .service_chatList ul {
position: relative;
}

#whatsapp-chat .service_chatList ul li {
position: relative;
line-height: 25px;
margin-bottom: 5px;
color: #141d97;
opacity: 0.75;
}

#whatsapp-chat .service_chatList ul li:hover {
opacity: 1;
}

#whatsapp-chat .service_chatList ul li::after {
position: absolute;
content: '';
width: 16px;
height: 16px;
background-image: url(../icons/external_links.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 15px;
top: 4px;
margin-left: 5px;
}

#whatsapp-chat .service_chatList ul h6 {
font-size: 14px;
font-weight: 400;
}

@media screen and (max-width: 480px) {
#whatsapp-chat #whatsapp-chat {
width: auto;
left: 5%;
right: 5%;
font-size: 80%;
}
}

a.blantershow-chat {
/* background: #fff; */
color: #404040;
position: fixed;
z-index: 98;
bottom: 20px;
right: 25px;
border-radius: 50%;
}

a.blantershow-chat img {
width: 45px;
-webkit-box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
      box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
border-radius: 50%;
}

.chat_boxBody .form-row .form-control, .chat_boxBody .form-row .form-select {
border-radius: 5px;
height: 43px;
margin-bottom: 10px;
}
.chat_boxBody .form-control {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: .375rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.chat_backdrop {
display: none;
width: 100%;
height: 100vh;
position: fixed;
inset: 0;
z-index: 110;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
-webkit-transition: var(--trans-sm);
transition: var(--trans-sm);
font-family: var(--heading-font)
}

.chat_backdrop.show::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.7);
inset: 0
}

.chat_boxBody {
padding: 20px 29px;
/*background-color: #f7f7f7;*/
position: relative;
height: 100%;
}
.close-chat img {
  width: 18px;
  filter: brightness(0) invert(1);
}

.mainwp {
  position: relative;
  z-index: 99999999999999999999999999999999999999999;
}
.mainwp::after {
  position: fixed;
  content: "";
  background-color: #00000099;
  background-size: contain;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 9999999;
  backdrop-filter: blur(6px);
}

.inner-success {
    width: 300px;
    margin: auto;
    background-color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2rem 1rem;
}
#success {
    background-color: #000000b8;
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999999;
    display: none;
}
.quick_sucInner {
    text-align: center;
}
.quick_sucInnerBtn {
    background-color: #31a300;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    padding: 7px 20px;
    border-radius: 30px;
    font-family: auto !important;
}
.quick_sucInner h3 {
    font-family: auto !important;
}
.glx {
    height: 520px;
    width: 100%;
    background-color: #fff5f4;
    position: relative;
}
.galleryhd {
    width: 100%;
    height: 400px;
    background: linear-gradient(360deg, #ffffff 50%, #ffffff 0);
    border-radius: 50% 50% 0 0;
    position: relative;
    margin-top: -14%;
}

.xxxxxwww {
    margin: 0;
    position: absolute;
    top: 24%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    width: 67%;
}
    .veris h2{
            transform: translateY(-168%);
    }

.view-image {
    position: fixed;
    inset: 0;
    z-index: 500;
    padding: 3%;
    display: flex
;
    flex-direction: column;
    animation: view-image-in 300ms;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 9999999999999999999 !important;
}
.glggl {
    margin-top: -15%;
    padding-bottom: 7rem;
    position: relative;
    z-index: 9;
}
.cong{
    cursor:pointer;
    border-radius:12px;
    overflow:hidden;
}