* {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: 0;
    margin: 0;
    box-sizing: border-box;

}


/* sarangus989@gmial.com */


.main {
    position: relative;
    width: 100%;
    height: 100%;
}

.rnd1 {
    width: 113px;
    object-fit: contain;
    position: absolute;
    left: 30%;
    top: 70%;
}

.rnd2 {
    width: 70px;
    object-fit: contain;
    position: absolute;
    left: 20%;
    top: 9%;

}

.rnd3 {
    width: 65px;
    object-fit: contain;
    position: absolute;
    left: 6%;
    top: 37%;
}

.rnd4 {
    width: 60px;
    object-fit: contain;
    position: absolute;
    left: 61%;
    top: 82%;
}

.rnd5 {
    width: 110px;
    object-fit: contain;
    position: absolute;
    left: 55%;
    top: 10%;
}

.rnd6 {
    width: 53px;
    object-fit: contain;
    position: absolute;
    left: 90%;
    top: 10%;
}

.rnd7 {
    width: 77px;
    object-fit: contain;
    position: absolute;
    left: 82%;
    top: 73%;
}


.profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* custom cursor style */

.waviy {
    position: relative;
    display: flex;
    gap: 20px;
    align-items: end;
    /* -webkit-box-reflect: below -28px linear-gradient(transparent, rgba(0, 0, 0, .12)); */
}

.waviy .wavi h1 {
    position: relative;
    display: inline-block;
    color: #fff;
    animation: flip 4s infinite;
    animation-delay: calc(.2s * var(--i))
}

@keyframes flip {

    0%,
    80% {
        transform: rotateY(360deg)
    }
}

.mn-sec-btns {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 35px !important;
}

.ball {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
    pointer-events: none;
    transition: transform 0.1s ease-out;
    z-index: 22;
}

.flame {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    background: radial-gradient(circle, rgba(0, 255, 255, 0.5) 0%, rgba(0, 255, 255, 0) 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: flame 1s infinite;
    opacity: 0.7;
}

@keyframes flame {
    0% {
        opacity: 0.7;
        transform: translate(-50%, -50%) scale(1);
    }

    50% {
        opacity: 0.3;
        transform: translate(-50%, -60%) scale(1.5);
    }

    100% {
        opacity: 0.7;
        transform: translate(-50%, -50%) scale(1);
    }
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #000000;
    border-radius: 10px;
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #707070;
}

body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #000000;
    background-image: -webkit-linear-gradient(90deg,
            transparent,
            #35E0C4 60%,
            transparent,
            transparent)
}

input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

#scrollableDiv {
    scroll-behavior: smooth;
}

@font-face {
    font-family: Inter-Regular;
    src: url(../assets/fonts/inter/Inter-Regular.ttf);
}

@font-face {
    font-family: Inter-ExtraLight;
    src: url(../assets/fonts/inter/Inter-ExtraLight.ttf);
}

@font-face {
    font-family: Inter-Light;
    src: url(../assets/fonts/inter/Inter-Light.ttf);
}

@font-face {
    font-family: Sarabun-Bold;
    src: url(../assets/fonts/sarabun/Sarabun-Bold.ttf);
}

@font-face {
    font-family: Sarabun-SemiBold;
    src: url(../assets/fonts/sarabun/Sarabun-SemiBold.ttf);
}

@font-face {
    font-family: BRLNSR;
    src: url(../assets/fonts/berlin/BRLNSR.TTF);
}

::-moz-selection {
    color: rgb(255, 255, 255);
    background: #000000;
}

::selection {
    color: rgb(255, 255, 255);
    background: #000000;
}

.fr-up {
    overflow: hidden;
    position: relative;
}

.fr-up2 {
    overflow: hidden;
    padding-left: 25px !important;
    padding: 15px;
    padding-right: 25px;
    margin-left: -25px;
}

.msk {
    position: relative;
    width: 100%;
    /* height: 100%; */
    overflow: hidden;
    visibility: hidden;
}

h1 {
    font-family: Inter-ExtraLight;
    font-size: 50px;
    line-height: 67px;
    font-weight: 100;

}

.title {
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 900;
    font-size: 4rem;
    background-image:
        linear-gradient(90deg, rgb(0, 247, 255), blue);
    -webkit-background-clip: text;
    color: transparent;
}

.title2 {
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 900;
    font-size: 4rem;
    background-image:
        linear-gradient(90deg, rgb(0, 247, 255), rgb(0, 162, 255), blue);
    -webkit-background-clip: text;
    color: transparent;
}

h2 span {
    background-size: contain;
    text-align: center;
}

h2 span::before {
    content: attr(data-heading);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: linear-gradient(45deg,
            rgba(255, 255, 255, 0) 45%,
            rgba(255, 255, 255, 0.8) 50%,
            rgba(255, 255, 255, 0) 55%,
            rgba(255, 255, 255, 0) 100%);
    color: transparent;
    animation: shine 1s infinite;
    background-size: 200%;
}

@-webkit-keyframes shine {
    0% {
        background-position: -100%;
    }

    100% {
        background-position: 100%;
    }
}

@keyframes shine {
    0% {
        background-position: -100%;
    }

    100% {
        background-position: 100%;
    }
}

/* Not needed for demo */

h2 {
    font-family: Inter-ExtraLight;
    font-size: 38px;
    line-height: 60px;
    font-weight: 100;
    position: relative;

}

h2 span {
    font-family: Sarabun-Bold;
}

h3 {
    font-family: Inter-Regular;
    font-size: 28px;
    font-weight: 600;
}

h4,
p,
a {
    text-decoration: none;
    font-family: Inter-Light;
}

li {
    list-style: none;
}

p {
    font-size: 16px;
    font-weight: 100;
    line-height: 25px;
}

.no-scroll {
    position: fixed;
    width: 100%;
    padding-right: 10px;
    background-color: #000000;
}

.heading {
    font-size: clamp(5rem, 16vw, 16.5rem);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    transform-origin: 50% 50%;
    padding-top: 0.5em;
}

.heading>div {
    transform-origin: 50% 100%;
    overflow: hidden;
}

.gard-txt {
    background-image: linear-gradient(90deg, rgb(0, 247, 255), rgb(0, 162, 255), blue) !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
}

.text .split-wrd {
    margin-top: 15px;
    margin-left: 10px;
}

.text .split-wrd span {
    font-size: 23px;
    color: #1e9aff;
    font-weight: bolder;
}

.text {
    position: relative;
    width: 550px;
    height: 40px;
    display: flex;
    margin-top: 35px;
}

p {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

.word {
    position: absolute;
    opacity: 0;
}

.letter {
    display: inline-block;
    position: relative;
    transform: translateZ(25px);
    transform-origin: 50% 50% 25px;
}

.letter.out {
    transform: rotateX(90deg);
    transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.letter.behind {
    transform: rotateX(-90deg);
}

.letter.in {
    transform: rotateX(0deg);
    transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* sarangus989@gmial.com */

/* Menu icon styles */

.menu-icon-wrapper {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 2em;
    pointer-events: none;
    transition: 0.1s;
    z-index: 3;
}

.menu-icon-wrapper.scaled {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}

.menu-icon-wrapper svg {
    position: absolute;
    top: -33px;
    left: -33px;
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

.menu-icon-wrapper svg path {
    stroke: #fff;
    stroke-width: 30px;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: transparent;
}

.menu-icon-wrapper .menu-icon-trigger {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    pointer-events: auto;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

/* sarangus989@gmial.com */

.menu-icon-wrapper .menu-icon-trigger:hover,
.menu-icon-wrapper .menu-icon-trigger:focus {
    outline: none;
}


.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-image: url(../assets/bgs/7.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow-x: hidden;
    transition: 0.5s;
    display: grid;
    place-items: center;
}

.overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.overlay-content {
    position: relative;
    text-align: center;


}

.overlay a {
    padding: 20px 0;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover,
.overlay a:focus {
    color: #f1f1f1;
    scale: 1.1;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}


/* header  */



/* Menu Button 6 */
.menu-btn-6 {
    height: 32px;
    width: 40px;
    cursor: pointer;
}

.menu-btn-6 span,
.menu-btn-6 span::before,
.menu-btn-6 span::after {
    background: #000000;
    content: '';
    position: absolute;
    width: 30px;
    height: 3px;
    margin-top: 13px;

    -webkit-transition: .3s ease-in-out .3s;
    -moz-transition: .3s ease-in-out .3s;
    -o-transition: .3s ease-in-out .3s;
    transition: .3s ease-in-out .3s;
}

.menu-btn-6 span::before {
    margin-top: -11px;

    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.menu-btn-6 span::after {
    margin-top: 11px;

    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.menu-btn-6.active span {
    background: transparent;

    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;

    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/* sarangus989@gmial.com */

.menu-btn-6.active span::before {
    margin-top: 0;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);

    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

.menu-btn-6.active span::after {
    margin-top: 0;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .5s;
}



.hamburger-init {
    /* width: 35px; */
    /* height: 30px; */
    position: relative;
    cursor: pointer;
    z-index: 3;
    /* display: none; */
}

.hamburger {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0;
    width: fit-content;
}


.fl {
    height: 100%;
    width: 100%;
}

.fl ul li {
    list-style: none;
    margin: 25px 0;
}

.fl span {
    display: inline-block;
}

.mb-menu a {
    text-decoration: none;
    color: #fff;
    transition: all .3s;
}

.mb-menu li a {
    font-size: 22px;
    font-weight: normal;
    padding: 10px 0;
}

.nv-container,
.nv-menu-wrapper {
    height: 100%;
}


/* sarangus989@gmial.com */

.nv-menu-wrapper {
    background: rgb(0, 0, 0);
    transition: all .3s;
    transform: scale(0);
    border-radius: 50%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.nv-menu-wrapper.visible {
    transform: scale(1);
    border-radius: 0;
}

.mb-menu {
    position: absolute;
    max-width: 400px;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* text-align: center; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.nv-menu-wrapper li {
    opacity: 0;
    cursor: pointer;
    transition: all .3s;
}

.nv-menu-wrapper .scl-icns {
    position: absolute;
    bottom: 50px;
    left: 50px;
}

.scl-ic a i {
    color: #008bff;
}

.mb-menu.menu-active li:nth-child(1) {
    animation: moveItems 0.5s linear 0s forwards;
}

.mb-menu.menu-active li:nth-child(2) {
    animation: moveItems 0.5s linear 0.2s forwards;
}

.mb-menu.menu-active li:nth-child(3) {
    animation: moveItems 0.5s linear 0.5s forwards;
}

.mb-menu.menu-active li:nth-child(4) {
    animation: moveItems 0.5s linear 0.8s forwards;
}

.mb-menu.menu-active li:nth-child(5) {
    animation: moveItems 0.5s linear 0.9s forwards;
}

.mb-menu.menu-active li:nth-child(6) {
    animation: moveItems 0.5s linear 1.1s forwards;
}

.menu-item-has-children {
    position: relative;
}

.hum-ctn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 6px 13px 16px;
    border-radius: 50%;
    background-color: #35E0C4;
    transition: all .3s;
}

@keyframes moveItems {
    0% {
        transform: translateY(-20px);
        opacity: 0;
    }

    30% {
        transform: translateY(-15px);
        opacity: .2;
    }

    50% {
        transform: translateY(-10px);
        opacity: .3;
    }

    80% {
        transform: translateY(-5px);
        opacity: .4;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes showClickGuide {
    0% {
        opacity: 0;
        transform: scale(.5);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}


.line-shape {
    max-width: 1531px;
    height: 100vh;
    position: absolute;
    left: 50%;
    top: -20px;
    justify-content: space-between;
    margin: 0 auto;
    transform: translateX(-50%);
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.h-100 {
    height: 100% !important;
}

.w-100 {
    width: 100% !important;
}

.d-flex {
    display: flex !important;
}

.line-shape span {
    position: relative;
    width: 1px;
    height: 100%;
    display: block;
    background: #292929;
}

.line-shape {
    max-width: 1600px;
    height: 100vh;
    position: fixed;
    left: 50%;
    top: -20px;
    z-index: 1;
    justify-content: space-between;
    margin: 0 auto;
    transform: translateX(-50%)
}

.hero .container {
    position: relative;
    z-index: 1
}

.line-shape span {
    position: relative;
    width: 1px;
    height: 100%;
    display: block;
    background: #7979791a;
}

.line-shape span:after,
.line-shape span:before {
    position: absolute;
    top: 0;
    content: ""
}

.line-shape span:after,
.line-shape span:before {
    left: 0;
    background-image: linear-gradient(#35e0c318 0%, #35E0C4 100%);
    /* box-shadow: 0 8px 24px rgba(228, 235, 242, .2); */
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    -webkit-clip-path: polygon(51% 8%, 68% 15%, 66% 40%, 60% 78%, 56% 100%, 46% 100%, 42% 84%, 38% 56%, 34% 17%);
    clip-path: polygon(51% 8%, 68% 15%, 66% 40%, 60% 78%, 56% 100%, 46% 100%, 42% 84%, 38% 56%, 34% 17%)
}

.line-shape span:after {
    animation: dscroll 2s linear infinite;
    width: 6px;
    height: 20px;
    bottom: 0;
}

.line-shape span:nth-child(2):after {
    animation: dscroll 2.1s linear infinite
}

.line-shape span:nth-child(3):after {
    animation: dscroll 2.2s linear infinite
}

.line-shape span:nth-child(4):after {
    animation: dscroll 2.3s linear infinite
}

.line-shape span:nth-child(5):after {
    animation: dscroll 2.4s linear infinite
}

.line-shape span:nth-child(6):after {
    animation: dscroll 1s linear infinite
}

.line-shape span:nth-child(7):after {
    animation: dscroll 3.5s linear infinite
}

.line-shape span:nth-child(2)::-webkit-backdrop {
    animation: dscroll 4.1s linear infinite
}

.line-shape span:nth-child(2)::backdrop {
    animation: dscroll 4.1s linear infinite
}

.line-shape span:nth-child(3):before {
    animation: dscroll 4.2s linear infinite
}


/* sarangus989@gmial.com */

.line-shape span:nth-child(4):before {
    animation: dscroll 4.3s linear infinite
}

.line-shape span:nth-child(5):before {
    animation: dscroll 4.4s linear infinite
}

.line-shape span:nth-child(6):before {
    animation: dscroll 4s linear infinite
}

.line-shape span:nth-child(7):before {
    animation: dscroll 4.5s linear infinite
}

@keyframes dscroll {
    to {
        transform: translateY(100vh)
    }
}


.fr-und-ln {
    position: relative;
    transition: all 0.3s ease-in-out;

}

.fr-und-ln.active {
    color: #1fc7ab;
    position: relative;
    font-weight: 600;
}

.fr-und-ln.active:hover {
    color: #1fc7ab !important;
    font-weight: 600;

}

.pages ul {
    display: flex;
    align-items: center;
    gap: 30px;
}

.pages ul li a {
    color: #FFFFFF;
    font-size: 18px;
}

.pages ul li a:hover {
    color: #d80320;
    font-weight: 600;
}

.header {
    position: absolute;
    width: 100%;
    z-index: 4;
    top: 0;
    left: 0;
    padding: 50px 0 20px 0;
}

/* sarangus989@gmial.com */

.hdr-conts {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 3;
}

.hdr-conts .logo img {
    width: 210px;
    object-fit: contain;
}

/* index  */

@keyframes move-twink-back {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -10000px 5000px;
    }
}

.stars,
.twinkling {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.stars {
    background: #000 url(http://www.script-tutorials.com/demos/360/images/stars.png) repeat top center;
    z-index: 0;
}

.twinkling {
    background: transparent url(http://www.script-tutorials.com/demos/360/images/twinkling.png) repeat top center;
    /* z-index:1; */

    animation: move-twink-back 200s linear infinite;
}


.blur {
    animation: blurAnimation both;
    animation-timeline: view();
}

@keyframes blurAnimation {
    0% {
        filter: blur(20px);
    }

    20%,
    75% {
        filter: blur(0px);
    }

    87% {
        filter: blur(2px);
    }

    100% {
        filter: blur(5px);
    }
}

.hero {
    width: 100%;
    height: 110vh;
    position: relative;
    /* background-image: url(../assets/bgs/8.jpg); */
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    display: flex;
    align-items: end;
    /* opacity: .4; */
}

/* sarangus989@gmial.com */

.bg-video2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    /* opacity: 0.89; */
}

.bg-video2.fix {
    width: 100%;
    height: 100%;
    position: fixed ! important;
    top: 0;
    left: 0;
    object-fit: cover;
    /* opacity: 0.9; */
}

/* .hero::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000000bb;

} */

.hero .span1 {
    color: #35E0C4;
    font-size: 45px;
}

.hero .span3 {
    color: #000000;
    font-weight: 600;
}

.scl-ic {
    margin: 30px 0;
}

.scls {
    position: absolute;
    left: -70px;
    bottom: 37px;
}

.scls i {
    font-size: 20px;
}

.scls .rtt {
    rotate: -90deg;
    margin-left: -30px;
    margin-top: 50px;
}

.wth-rnd {
    width: fit-content;
    position: relative;
    margin-top: 30px;
    margin-left: 12px;
    display: flex;
    align-items: end;
    gap: 10px;
}

.wth-rnd p {
    position: relative;
    z-index: 1;
    font-size: 22px;
}

.lft-rnd {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #2FB8F3;
    position: absolute;
    left: -10px;
    top: -37px;
}

.ln-flx {
    display: flex;
    align-items: center;
}

.rgt-ln {
    height: 4px;
    width: 50px;
    border-radius: 10px;
    background-color: #fff;
    margin-bottom: 4px;
}

.rgt-rnd {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    margin-bottom: 4px;
    margin-left: -5px;
}

.mn-ptrn {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
}

.hero-cont {
    color: #fff;
    margin-bottom: 160px;
    position: relative;
    z-index: 1
}

.hero-cont h1 span {
    font-family: Sarabun-SemiBold;
    font-size: 65px;
}

.mn-prdct {
    color: #fff;
    padding: 10px 40px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    border-radius: 50px;
    /* margin-top: 35px !important; */
    transition: all .3s;
    -webkit-box-reflect: below 3px linear-gradient(transparent, rgba(0, 0, 0, 0.4));
}

.mn-prdct.vew-prdct {
        background-image: linear-gradient(50deg, #00c8ffd0, #00c8ff52, #56565600);
    border: 1px solid #ffffff;
    color: #ffffff;
}

/* .mn-prdct.vew-prdct {
    font-weight: 600;
} */

/* .mn-prdct.dnld-tly {
    background-color: #06b4ff;
    border-bottom: 1px solid #06b4ff;
    border-top: 1px solid #06b4ff;
    color: #ffffff;
} */

.mn-prdct.vew-prdct:hover {
    color: #ffffff;
    transition: all .3s;
}

.mn-prdct:hover {
    color: #00d9ff;
    transition: all .3s;
}

.hero-cont p {
    max-width: 680px;
    /* margin-top: 20px; */
}



.rt-cont {
    color: #90f51c;
    position: absolute;
    right: 20px;
    bottom: 100px;
}

.txts {
    display: flex;
    align-items: center;
    gap: 10px;
}

.rnds {
    display: flex;
    gap: 10px;
    margin-top: 15px;
    justify-content: right;
}

.rnds .dum-rnd {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 3px solid #fff;
}


/* sarangus989@gmial.com */

.rt-cont h3 {
    font-size: 20px;
}

.rt-cont h3 span {
    font-size: 15px;
    color: #a8a8a8;
}


.ind-blr-cont h2 {
    font-family: BRLNSR;
    /* color: #fff; */
}

.ind-blr-cont h2 {
    font-size: 35px;
    filter: blur(3px);
    opacity: 0.6;
    margin-top: 14px;
    transition: all 0.4s;
    cursor: pointer;
    line-height: 48px;

}

.ind-blr-cont .h21 {
    position: absolute;
    right: 27%;
    top: 43%;
    z-index: 2;
    line-height: 48px;
}

/*
.ind-blr-cont .prod-sub:hover .sub-product {
    transition: all 0.4s ease-in-out;
    display: block;

} */


.sub-product {
    display: none;
    gap: 15px;
    transition: all 0.4s ease-in-out;
}

.sub-product .my-fas {
    left: -82px;
    bottom: 10px;
}

.sub-product .row-mop {
    bottom: 15px;
    left: -13px;
}

.sub-product .row-fas {
    bottom: 22px;
    left: -46px;
}

.sub-product .row-cnct {
    left: 45px;
    bottom: 32px;
}

.sub-product .mbr-lnk {
    left: 117px;
    top: -180px;
}

.sub-product .row-evnt {
    left: 117px;
    bottom: 160px;
}

.sub-product .grg-360 {
    left: 199px;
    bottom: 236px;
}

.ind-blr-cont .h22 {
    position: absolute;
    right: 39%;
    top: 20%;
    z-index: 2;
    line-height: 48px;
}

.ind-blr-cont .h23 {
    position: absolute;
    right: 14%;
    top: 67%;
    line-height: 48px;
    z-index: 2;
}

.ind-blr-cont .h24 {
    position: absolute;
    right: 15%;
    top: 20%;
    line-height: 48px;
    z-index: 2;
}

.ind-blr-cont .prod-sub {
    position: absolute;
    right: 9%;
    top: 27%;
    z-index: 3;
}


.prod-sub {
    position: relative;
    display: inline-block;
}

.sub-product {
    display: none;
    position: absolute;
    z-index: 5;
    height: 140px;

}

/* .sub-product a {
    color: rgb(255, 255, 255);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    width: fit-content;
    position: relative;
} */
.sub-product a {
    color: rgb(255, 255, 255);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    width: fit-content;
    position: relative;
    opacity: 0;
    transform: translateY(-10px);
}


.prod-sub:hover .sub-product {
    display: block;
}

.prod-sub:hover .h25 {
    opacity: 1;
    filter: blur(0);
    scale: 1;
}



@keyframes fadeSlideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* sarangus989@gmial.com */

.prod-sub:hover .sub-product {
    display: block;
}

.prod-sub:hover .sub-product a {
    animation: fadeSlideIn 0.5s ease-out forwards;
}

/* Delayed appearance for each item */
.prod-sub:hover .sub-product a:nth-child(1) {
    animation-delay: 0.1s;
}

.prod-sub:hover .sub-product a:nth-child(2) {
    animation-delay: 0.2s;
}

.prod-sub:hover .sub-product a:nth-child(3) {
    animation-delay: 0.3s;
}

.prod-sub:hover .sub-product a:nth-child(4) {
    animation-delay: 0.4s;
}

.prod-sub:hover .sub-product a:nth-child(5) {
    animation-delay: 0.5s;
}

.prod-sub:hover .sub-product a:nth-child(6) {
    animation-delay: 0.6s;
}

.prod-sub:hover .sub-product a:nth-child(7) {
    animation-delay: 0.7s;
}


/* sarangus989@gmial.com */

.ind-blr-cont h2:hover {
    opacity: 1;
    filter: blur(0);
    scale: 1.1;
}

.ln-bx1 {
    width: 300px;
    height: 370px;
    position: absolute;
    left: 20px;
    bottom: 50px;
    z-index: -1;
    border: 1px solid #d8d8d8;
}

.ln-bx2 {
    width: 280px;
    height: 382px;
    position: absolute;
    left: -10px;
    top: -150px;
    z-index: -1;
    border: 1px solid #d8d8d8;
}

.ind1 {
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 120px 0 0px 0;
    position: relative;
    z-index: 2;
    background-color: #fff;


}

.ind1-trngl {
    position: absolute;
    top: 0;
    right: 0;
    height: 260px;
    object-fit: contain;
}

.ind2-rt-trngl {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 130px;
    object-fit: contain;
}

.ind1 .container {
    position: relative;
}

.ind1-cont h2 {
    margin-top: 10px;
}

.ind1-cont span {
    font-size: 94px;
    line-height: 79px;
}

.ind1-cont .tp {
    margin-left: 20%;
}

.ind-1-rt-bx {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-left: 50px;
}

.ind-1-rt-bx h3 {
    font-size: 20px;
    color: #07aadb;
    margin-bottom: 30px;
}

.ind-1-rt-bx p {
    margin-left: 50px;
}

.more-about {
    padding: 5px 5px 5px 40px;
    border: 1px solid #7e7e7e;
    border-radius: 50px;
    width: fit-content;
    font-weight: 600;
    margin-top: 80px;
    float: right;
    color: #000000;
    -webkit-box-reflect: below 2px linear-gradient(transparent, rgba(0, 0, 0, 0.3));
}

.more-about:hover i {
    rotate: 330deg;
    background-color: #2FB8F3;
    color: #fff;
    transition: all 0.3s;

}

.mn-bt-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;

}

.fog-bg {
    position: absolute;
    top: -120px;
    left: 0;
    height: 124px;
    width: 100%;
}

.ind1-blck {
    width: 100%;
    height: 100%;
    background-color: #000;
    /* background-image: url(../assets/bgs/8.jpg); */
    background-size: cover;
    /* margin-top: 80px; */
    padding: 300px 0 100px 0;
    color: #fff;
    position: relative;
    background-image: url(../assets/bgs/bg-blc.png);
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
}

.ind1-blck::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(#00000056, #000000);
}

.ind1-blck-bg2 {
    width: 100%;
    object-fit: contain;
    object-position: bottom;
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 3;
}

.ind1-blck-bg3 {
    width: 100%;
    object-fit: contain;
    object-position: bottom;
    position: absolute;
    bottom: -5px;
    left: 0;
    z-index: 3;
}

/* sarangus989@gmial.com */

.ind1-blck .container {
    position: relative;
    z-index: 1;
}

.ind1-blck h2 span {
    font-size: 60px;
    /* color: #fff; */
}

.ind1-blck-cont {
    margin-top: 20px;
    -webkit-box-reflect: below -25px linear-gradient(transparent, rgba(0, 0, 0, 0.2));
    width: fit-content;
}

.blush {
    width: 300px;
    object-fit: contain;
    position: absolute;
    left: -19px;
    bottom: -36px;
    opacity: 0.1 !important;
    rotate: -45deg;
    z-index: 1;
}

.bgln {
    width: 100%;
    object-fit: contain;
    position: absolute;
    left: 0;
    top: -370px;
    opacity: .2;
}

.frlftt {
    margin-top: -5px;
    margin-left: 70px;
    width: fit-content;
}

.blk-bx-1 {
    width: 400px;
    height: 200px;
    border: 1px solid #242424;
    position: absolute;
    left: -2px;
    top: 0;
}

.blk-bx-2 {
    width: 600px;
    height: 400px;
    border: 1px solid #242424;
    position: absolute;
    left: -2px;
    top: 170px;
}

/* sarangus989@gmial.com */


.ln-bl {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.more-about i {
    padding: 14px 15px;
    border-radius: 50%;
    background-color: #90f51c;
    color: #fff;
    margin-left: 20px;
    transition: all 0.3s;
}

.ind1-blck .fr-rt {
    float: right;
    max-width: 490px;
    text-align: end;
    color: #bebebe;
    margin-top: -70px;
}

.prdct-btn {
    margin-top: 100px;
    margin-left: 0px !important;
}

.prdct-btn p {
    margin-left: 0px !important;
}

.absol-h2 {
    position: absolute;
    top: 208px;
    left: 127px;
    color: #131313;
}

.absol-h2 .span {
    font-size: 90px;
    position: relative;
    z-index: 0;
}

.ln-bl .bl {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #35E0C4;
}

.ln-bl .ln {
    width: 40px;
    height: 3px;
    border-radius: 10px;
    background-color: #35E0C4;
    margin-left: -5px;
}

.ln-wth:hover .rnd {
    right: 50%;
    transition: all 0.4s;
}

.ln-wth-txt:hover p span {
    color: #ffffff !important;
    transition: all 0.4s;
}

.ln-wth-txt {
    display: flex;
    align-items: end;
    gap: 10px;
}

.ln-wth-txt p {
    letter-spacing: 5px;
        font-size: 21px;
    font-weight: 900;
}

.abs-r {
    font-size: 300px;
    font-family: BRLNSR;
    color: #fafafa;
    position: absolute;
    left: 200px;
    top: -20px;
}

.smlbx {
    width: 200px;
    height: 265px;
    border: 1px solid #d8d8d8;
    position: absolute;
    top: -92px;
    border-top: transparent;
    left: 6px;
}

.ind1-bg {
    height: 600px;
    object-fit: contain;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.ind-1-rt-txt p {
    text-align: right;
    max-width: 430px;
    margin-left: auto;
    margin-right: 0;
    margin-top: -100px !important;
    color: #000000;
    float: right;
}

.ind-1-lft-bx {
    margin-top: 110px;
}

.ind-1-lft-bx .img-1 {
    width: 580px;
    height: 530px;
    position: relative;
    z-index: 1;

}

.ind-1-lft-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
}

.ind-1-lft-bx .img-2 {
    width: 230px;
    height: 370px;
    position: absolute;
    bottom: -50px;
    right: 0;
}

.ind-1-lft-bx img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ind-1-lft-bx video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ind-1-cont-2 {
    margin-top: 100px;
}

.mr-abt-bt {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 8px 5px 25px;
    border: 1px solid #6b6b6b;
    width: fit-content;
    border-radius: 50px;
    margin-top: 80px;
    position: relative;
    z-index: 2;
}

.mr-abt-bt i {
    padding: 12px 12px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: #fff;
}

.mr-abt-bt p {
    font-weight: 600;
}

.ind2 {
    background-color: #000;
    height: 100%;
    width: 100%;
    position: relative;
}

.ind-2-mob {
    display: none;
}

.ind2-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    object-position: bottom;
    opacity: .8;
}

.ind2-bg2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1000px;
    object-fit: contain;
    opacity: 1;
    object-position: top;
    opacity: .2;
}

.ind2-bg3 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    object-fit: contain;
    opacity: 1;
    object-position: bottom;
    opacity: .4;
}

.gradi2 {
    margin-right: 210px;
    position: absolute;
    left: 100px;
    top: 10px;
}

.gradI {
    margin-right: 210px;
    position: absolute;
    left: 200px;
    bottom: -100px;
}

.ind2-ic {
    width: 300px;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
}

/* sarangus989@gmial.com */

.mr-abt-bt p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.ind2-conts {
    color: #fff;
    position: relative;
    z-index: 2;
}

.ind2-conts .tp {
    max-width: 400px;
    text-align: end;
    float: right;
    margin-right: 80px;
    background-color: #000;
    position: relative;
    z-index: 1;
    padding-right: 10px;
}

.ind2::after {
    content: "";
    display: block;
    width: 26%;
    height: 1px;
    background-color: #808080;
    position: absolute;
    right: 0;
    top: 120px;
}

.ind2 {
    padding: 80px 0 240px 0;
}

.ind2-conts h2 span {
    font-size: 70px;
}

.ind-2-h2 {
    padding-top: 120px;
    text-align: center;
}

.ind-2-h2 .h1 {
    margin-left: 250px;
    -webkit-box-reflect: below -27px linear-gradient(transparent, rgba(0, 0, 0, 0.2));
}

.ind-2-h2 .h2 {
    margin-top: 20px;
    margin-left: -100px;
    -webkit-box-reflect: below -27px linear-gradient(transparent, rgba(0, 0, 0, 0.2));
}

.wth-btn {
    display: flex;
    align-items: end;
    gap: 10px;
    justify-content: center;
    margin-left: 20px;
}

.wth-btn p {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 8px 5px 30px;
    border: 1px solid #6b6b6b;
    width: fit-content;
    border-radius: 50px;
    margin-left: 50px;
    color: #fff;
    -webkit-box-reflect: below 2px linear-gradient(transparent, rgba(0, 0, 0, 0.3));
}

.wth-btn p:hover i {
    rotate: 330deg;
    transition: all .3s ease;
    background-color: #1fc7ab;
    border: 1px solid #1fc7ab;
}

.wth-btn p i {
    padding: 12px 12px;
    border: 1px solid #90f51c;
    border-radius: 50%;
    color: #fff;
    background-color: #90f51c;
    transition: all .3s ease;
}

.ind2-bx {
    height: 160px;
    /* height: 142px; */
    /* border: 1px solid #6b6b6b7d; */
    position: absolute;
    right: 42%;
    transform: translateX(50%);
    top: 170px;
    object-fit: contain;
}

.ind2-bx-cont {
    width: 100%;
    height: 350px;
    padding: 30px 20px;
    display: flex;
    align-items: center;
    box-shadow: inset 0 9px 93px 0 #000;
}

.ind2-bx-cont.hvr1 {
    border: 1px solid #00D722;
}

.ind2-bx-cont.hvr1:hover {
    background-color: #00D722;
}

.ind2-bx-cont.hvr1:hover .slip-arrow {
    background-color: #2dff4c;
    border: 1px solid #ffffff;
}

.ind2-bx-cont.hvr1::after {
    background-color: #00D722;
}


.ind2-bx-cont.hvr2 {
    border: 1px solid #0000ff;
}

.ind2-bx-cont.hvr2:hover {
    background-color: #0000ff;
}

.ind2-bx-cont.hvr2:hover .slip-arrow {
    background-color: #1919e6;
    border: 1px solid #ffffff;
}

.ind2-bx-cont.hvr2::after {
    background-color: #0000ff;
}

.ind2-bx-cont.hvr3 {
    border: 1px solid #FF6B00;
}

.ind2-bx-cont.hvr3:hover {
    background-color: #FF6B00;
}

.ind2-bx-cont.hvr3:hover .slip-arrow {
    background-color: #f06b0c;
    border: 1px solid #ffffff;
}

.ind2-bx-cont.hvr3::after {
    background-color: #FF6B00;
}


.ind2-bx-cont.hvr4 {
    border: 1px solid #2FB8F3;
}

.ind2-bx-cont.hvr4:hover {
    background-color: #2FB8F3;
}

.ind2-bx-cont.hvr4:hover .slip-arrow {
    background-color: #1292c9;
    border: 1px solid #ffffff;
}

.ind2-bx-cont.hvr4::after {
    background-color: #2FB8F3;
}



.ind2-bx-cont h3 {
    margin-bottom: 30px;
    font-size: 23px;
    font-weight: 100;
}


/* sarangus989@gmial.com */

.ind2-bx-cont .slip-arrow {
    width: 60px;
    height: 35px;
    border-radius: 20px;
    background-color: #90f51c;
    color: #000;
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.4s;
    position: absolute;
    bottom: 30px;
}

.incont {
    margin-top: -60px;
}

.ind2-bx-cont .slip-arrow .tparow {
    margin-top: 0px;
    transition: all 0.4s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 22px;
}

.ind2-bx-cont .slip-arrow:hover .tparow {
    margin-top: -45px;
    transition: all 0.4s;
}

.ind2-bx-cont .slip-arrow .btmarow {
    margin-top: 45px;
    transition: all 0.4s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 22px;
    color: #fff;
}

.ind2-bx-cont .slip-arrow:hover .btmarow {
    margin-top: -0px;
    transition: all 0.4s;
}

.ind2-bx-cont-fl {
    margin-top: 120px;
    height: 100%;
}

.ind2-bx-cont::after {
    content: "";
    display: block;
    width: 0%;
    height: 5px;
    /* background-color: #35E0C4; */
    position: absolute;
    left: 0px;
    border-radius: 10px;
    top: 0;
    transition: all 0.4s;
}

.ind2-bx-cont:hover::after {
    width: 100%;
    transition: all 0.4s;
}


#circle {
    position: relative;
    transform-style: preserve-3d;
    animation: rotate-animation 10s linear infinite;
}

#circle span {
    position: absolute;
    top: 0;
    left: 0;
}

@keyframes rotate-animation {
    0% {
        transform: rotateY(360deg) rotateX(20deg);
    }

    100% {
        transform: rotateY(0) rotateX(20deg);
    }
}


/* sarangus989@gmial.com */
.ind5 {
    height: 100%;
    width: 100%;
    /* background-color: #fff; */
    padding-top: 110px;
    /* background-image: url(../assets/bgs/29.png); */
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    padding-bottom: 150px;
    position: relative;
    z-index: 2;
}

.ind5 .container {
    position: relative;
}

.ind5-bkbx {
    position: absolute;
    top: -100px;
    left: 0;
    width: 240px;
    height: 280px;
    background-color: #f1f1f1;
}

.ind5-bkbx2 {
    position: absolute;
    top: -100px;
    left: 70px;
    width: 240px;
    height: 310px;
    border-top: transparent !important;
    border: 1px solid #c0c0c0;
}

.sub-hdng {
    display: flex;
    align-items: end;
    gap: 10px;
    justify-content: center;
    margin-bottom: 7px;
}

.sub-hdng .ln-flx {
    margin-top: 10px;
    margin-left: -30px;
}

.sub-hdng .ln-flx .rgt-ln {
    background-color: #35E0C4;
}

.sub-hdng .ln-flx .rgt-rnd {
    background-color: #35E0C4;
}

.prdct-slide {
    position: relative;
}

.trngllft {
    width: 200px;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
}

/* sarangus989@gmial.com */

.trnglrt {
    width: 200px;
    object-fit: contain;
    position: absolute;
    bottom: 0;
    right: 0;
}

.prdct-slide .fr-ht:hover {
    box-shadow: 0 0 15px #0000ff;
}

.prdct-slide .item {
    width: 100%;
    height: 100%;
    margin: 20px;
}
/*
.prdct-slide .fr-ht.prdct1 {
    border: 1.5px solid #00D722;
    box-shadow: inset 0 9px 93px 0 #000;
}

.prdct-slide .fr-ht.prdct1:hover {
    background-color: #00D722;
}





.prdct-slide .fr-ht.prdct2 {
    border: 1.5px solid #0000ff;
    box-shadow: inset 0 9px 93px 0 #000;
}

.prdct-slide .fr-ht.prdct2:hover {
    background-color: #0000ff;
}





.prdct-slide .fr-ht.prdct3 {
    border: 1.5px solid #FF6B00;
    box-shadow: inset 0 9px 93px 0 #000;
}

.prdct-slide .fr-ht.prdct3:hover {
    background-color: #FF6B00;
}




.prdct-slide .fr-ht.prdct4 {
    border: 1.5px solid #2FB8F3;
    box-shadow: inset 0 9px 93px 0 #000;
}

.prdct-slide .fr-ht.prdct4:hover {
    background-color: #2FB8F3;
}




.prdct-slide .fr-ht.prdct5 {
    border: 1.5px solid #35E0C4;
    box-shadow: inset 0 9px 93px 0 #000;
}

.prdct-slide .fr-ht.prdct5:hover {
    background-color: #35E0C4;
}




.prdct-slide .fr-ht.prdct6 {
    border: 1.5px solid #00D722;
    box-shadow: inset 0 9px 93px 0 #000;
}

.prdct-slide .fr-ht.prdct6:hover {
    background-color: #00D722;
}




.prdct-slide .fr-ht.prdct7 {
    border: 1.5px solid #FF6B00;
    box-shadow: inset 0 9px 93px 0 #000;
}

.prdct-slide .fr-ht.prdct7:hover {
    background-color: #FF6B00;
} */






.prdct-slide .fr-ht {
    width: 100%;
    height: 100%;
    min-height: 480px;
    border: 1.5px solid #0000ff;

    padding: 20px;
    /* transition: all 0.5s ease-in-out !important; */
    /* background-image: linear-gradient(50deg, #2ec1ead0, #2ec1ea3d, #56565600);
    background-image: linear-gradient(50deg, #272727, #181818, #161616); */

               background-image: linear-gradient(50deg, #00c8ffd0, #00c8ff52, #56565600);
                /* background-image: linear-gradient(#000000, #000000); */
    /* backdrop-filter: blur(8px); */
    border-radius: 0px 50px 0px 50px;
    /* box-shadow: 0 0 15px #464646; */
}

.pdct-sub-ttl {
    font-size: 14px;
    margin: 10px 0;
}

.prdct-slide .item .img-bx {
    height: 250px;
    width: 100%;
}

.prdct-slide .item .img-bx img {
    height: 95%;
    width: 100%;
    object-fit: contain;
    margin: 0 auto;
}

.prdct-slide .item .conts {
    text-align: center;
    margin-top: 5px;
    color: #ffffff;
}

.ind-5-slide {
    margin-top: 100px;
    position: relative;
    z-index: 2;
}

.ind5-lft h2 span {
    font-size: 70px;
}

.ind-5-rt img {
    width: 100%;
    object-fit: contain;
    margin-top: -200px;
    -webkit-box-reflect: below -64px linear-gradient(transparent, rgba(0, 0, 0, 0.1));
}

.ind5-lft {
    color: #000000;
}

.ind5-lft p {
    max-width: 400px;
    margin-left: 150px;
    margin-top: 100px;
}

.slick-active.slick-center .fr-ht {
    box-shadow: 0 0 15px #1fc7ab;
}

.prdct-slide .item .conts h4 {
    margin-bottom: 0px;
    font-size: 20px;
}

.lrn-mr-btn {
    position: relative;
    bottom: 0;
    left: 0;
    text-align: left;
    margin-top: 10px;
}

/* sarangus989@gmial.com */

.lrn-mr-btn p {
    font-size: 15px;
    color: #cef4ff;
    position: relative;
    width: fit-content;
}

.lrn-mr-btn p::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 1px;
    background-color: #cef4ff;
    transition: 0.3s;
}

.lrn-mr-btn p:hover::after {
    width: 100%;
}

.prdct-slide .nxt {
    position: absolute;
    right: 43%;
    top: 102%;
    border: 1.8px solid #b6b6b6;
    height: 40px;
    width: 60px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
}

.prdct-slide .prv {
    position: absolute;
    left: 43%;
    top: 102%;
    border: 1.8px solid #b6b6b6;
    height: 40px;
    width: 60px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
}

.prdct-slide .prv .fr-btm {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s;
}

.prdct-slide .prv .for-tp {
    position: absolute;
    top: 11px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s;
}

.prdct-slide .nxt .fr-btm {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s;
}

.prdct-slide .nxt .for-tp {
    position: absolute;
    top: 11px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s;
}

.prdct-slide .slick-arrow i {
    color: #ffffff;
    cursor: pointer;

}

.prdct-slide .prv:hover {
    border: 1.8px solid #35E0C4;
}

.prdct-slide .nxt:hover {
    border: 1.8px solid #35E0C4;
}

.prdct-slide .prv:hover .fr-btm {
    top: 11px;
    transition: all 0.3s;
    color: #1fc7ab;
}

.prdct-slide .prv:hover .for-tp {
    top: -40px;
    transition: all 0.3s;

}

.prdct-slide .nxt:hover .fr-btm {
    top: 11px;
    transition: all 0.3s;
    color: #1fc7ab;
}

.prdct-slide .nxt:hover .for-tp {
    top: -40px;
    transition: all 0.3s;
}

.sb-prdct-slide .nxt {
    position: absolute;
    left: 100px;
    top: 102%;
    border: 1.8px solid #b6b6b6;
    height: 40px;
    width: 60px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
}

.sb-prdct-slide .prv {
    position: absolute;
    left: 15px;
    top: 102%;
    border: 1.8px solid #b6b6b6;
    height: 40px;
    width: 60px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
}

.sb-prdct-slide .prv .fr-btm {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s;
}

.sb-prdct-slide .prv .for-tp {
    position: absolute;
    top: 11px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s;
}

.sb-prdct-slide .nxt .fr-btm {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s;
}

.sb-prdct-slide .nxt .for-tp {
    position: absolute;
    top: 11px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s;
}

.sb-prdct-slide .slick-arrow i {
    color: #ffffff;
    cursor: pointer;

}

.sb-prdct-slide .prv:hover {
    border: 1.8px solid #35E0C4;
}

.sb-prdct-slide .nxt:hover {
    border: 1.8px solid #35E0C4;
}

.sb-prdct-slide .prv:hover .fr-btm {
    top: 11px;
    transition: all 0.3s;
    color: #1fc7ab;
}

.sb-prdct-slide .prv:hover .for-tp {
    top: -40px;
    transition: all 0.3s;

}

/* sarangus989@gmial.com */

.sb-prdct-slide .nxt:hover .fr-btm {
    top: 11px;
    transition: all 0.3s;
    color: #1fc7ab;
}

.sb-prdct-slide .nxt:hover .for-tp {
    top: -40px;
    transition: all 0.3s;
}

.ind6 {
    height: 100%;
    width: 100%;
    padding-top: 160px;
    padding-bottom: 200px;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    background-color: #000000;
}

.ind6-cont {
    color: #fff;
}

.ind6-bx-1 {
    width: 300px;
    height: 180px;
    border: 1px solid #242424;
    position: absolute;
    right: 0px;
    top: 0;
}

.ind6-bx-3 {
    width: 250px;
    height: 600px;
    border: 1px solid #242424;
    position: absolute;
    left: -1px;
    top: 0;
}

.flow-bg {
    width: 900px;
    position: absolute;
    left: 0;
    top: 0;
}

.ind6-bx-4 {
    width: 400px;
    height: 150px;
    border: 1px solid #242424;
    position: absolute;
    left: -1px;
    top: 0;
}

.absol-h2 {
    position: absolute;
    left: 8%;
    top: 22%;
    font-size: 80px;
    width: fit-content;
}

.ind6 .absol-h2 {
    position: absolute;
    left: 47%;
    top: 20%;
    font-size: 80px;
    width: fit-content;

}

.ind6-bx-2 {
    width: 600px;
    height: 200px;
    border: 1px solid #242424;
    position: absolute;
    right: 0px;
    top: 120px;
}

.ind6-cont .fr-p {
    max-width: 360px;
    margin-top: 10px;

}

/* sarangus989@gmial.com */

.ind6-cont .ln-wth-txt {
    margin-top: 80px;
    position: relative;
    z-index: 1;
}

.ind6-cont .ln-wth-txt p {
    font-weight: 600;
    appearance: different;

}

.ind6-cont .ln-wth-txt p span {
    color: #000;
    font-family: Sarabun-Bold;
    font-size: 20px;
    transition: all 0.5s;
}

.abso-ln {
    height: 1px;
    width: 22vw;
    background-color: #999999;
    margin-top: 23px;
    position: absolute;
    left: 0;
    top: 164px;
}

.ln-wth {
    position: relative;
    width: fit-content;
}

.rnd {
    width: 45px;
    height: 45px;
    background-color: #2FB8F3;
    border-radius: 50%;
    position: absolute;
    right: -5px;
    bottom: 0;
    transition: all 0.5s;
}

.fr-rnd .rnd {
    width: 60px;
    height: 60px;
    background-color: #35E0C4;
    border-radius: 50%;
    position: absolute;
    left: -15px;
    bottom: 10px;
}

.ind6-cont .tp {
    margin-bottom: 30px;
    margin-left: 100px;
    letter-spacing: 5px;
    font-size: 18px;
    width: fit-content;
    background-color: #000;
    padding: 10px 10px;
    position: relative;
    z-index: 1;
}

.fr-rnd .span {
    color: #000;
}

.fr-rnd span {
    font-size: 65px;
}

.fr-rnd {
    position: relative;
}

.fr-rnd h2 {
    position: relative;
    z-index: 1;
    font-size: 30px;
}

.with-rnd {
    position: relative;
}

.with-rnd h3 {
    position: relative;
    z-index: 1;
}

.with-rnd .rnd {
    width: 60px;
    height: 60px;
    background-color: #35E0C4;
    border-radius: 50%;
    position: absolute;
    left: -15px;
    bottom: 0;
}

.ind-6-lft .sub-hdng {
    display: flex;
    align-items: end;
    gap: 10px;
    justify-content: start;
    margin-bottom: 7px;
    margin-left: 36px;
    margin-top: 50px;
}

.ind-6-lft .sub-hdng .ln-flx .rgt-ln {
    background-color: #2FB8F3;
}

.ind-6-lft .sub-hdng .ln-flx .rgt-rnd {
    background-color: #2FB8F3;
}

.ind-6-lft p {
    margin-top: 10px;
    max-width: 400px;
}

.sb-prdct-slide .item .imgbx {
    height: 330px;
    width: 100%;
    object-fit: contain;
    padding: 15px;
}

.sb-prdct-slide .item p {
    text-align: center;
}

/* sarangus989@gmial.com */

.sb-prdct-slide .item .imgbx img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    max-width: 350px;
}

.sb-prdct-slide {
    max-width: 60vw;
    margin-left: auto;
    float: right;
    position: absolute !important;
    right: 0;
    bottom: 270px;
}

.slick-dots {
    display: flex;
    justify-content: start;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
    margin-left: 10px;
}

.slick-dots li {
    margin: 0 0.25rem;
}

.slick-dots button {
    display: block;
    width: 9px;
    height: 9px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: rgb(235, 235, 235);
    text-indent: -9999px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.slick-dots li.slick-active button {
    background-color: #35E0C4;
    width: 18px;
    height: 9px;
    border-radius: 10px;
}

.ind-7-cont-hdng {
    text-align: center;
    width: fit-content;
    margin: 0 auto;
}

.logo-bx img {
    height: 100%;
    object-fit: contain;
}

.logo-bx {
    height: 100px;
    width: 200px;
    display: flex;
    background-color: #fff;
    justify-content: center;
    margin: 10px;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.clients-flx {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}


/* sarangus989@gmial.com */


.rot-1 {
    rotate: 10deg;
    margin: 0 4px;
}

.rot-2 {
    rotate: -10deg;
    margin: 0 6px;
}

.rot-3 {
    rotate: 5deg;
    margin: 0 4px;
}

.rot-4 {
    rotate: -7deg;
    margin: 0 4px;
}

.rot-5 {
    rotate: -3deg;
    margin: 0 4px;
}


.ind-6-sub {
    height: 100%;
    width: 100%;
    background-color: #000;
    position: relative;
    z-index: 1;
    color: #fff;
    padding: 40px 0 120px 0;
}

.ind-6-sub .container {
    position: relative;
    z-index: 2;
}

.vert-text {
    rotate: -90deg;
    position: absolute;
    bottom: 40%;
    left: -110px;
}

.vert-text p {
    letter-spacing: 10px;
    font-size: 20px;
}

.testimonial {
    margin-top: 130px;
}

.testimonial .item {
    width: 100%;
    min-height: 300px;
    height: 100%;
    border: 1px solid #d8d8d8;
    padding: 30px;
    margin: 0 20px;
    display: flex;
    align-items: center;
}


.testimonial .item {
    width: 100%;
    height: 100%;
    border: 1px solid #a5a5a5;
    padding: 30px;
    margin: 0 20px;
}

.testimonial .test-bx {
    width: 100%;
    min-height: 300px;
    height: 100%;

    display: flex;
    align-items: center;
}

.str {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
}

.str img {
    height: 20px;
    width: 20px;
    object-fit: contain;
}

.qut {
    width: 30px;
    object-fit: contain;
    float: right;
}

.nam-pic {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 50px;
}

.nam-pic h3 {
    font-size: 18px;
}

.profile {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgb(126, 126, 126);
}

.ind-6-sub-cont p {
    font-size: 14px;
    margin-top: 30px;
    text-align: end;
}

.h2-lft {
    margin-left: 50px;
    font-size: 60px;
    -webkit-box-reflect: below -9px linear-gradient(transparent, rgba(0, 0, 0, 0.2));
}

.h2-rflx {
    -webkit-box-reflect: below -27px linear-gradient(transparent, rgba(0, 0, 0, 0.2));
}

.ind-7 {
    height: 100%;
    width: 100%;
    background-color: #fff;
    padding: 80px 0 50px 0;
    position: relative;
    z-index: 2;
}

/* sarangus989@gmial.com */

.ind-7-prtnr {
    margin-top: 50px;
}

.pre-bx {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: black;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.pre-bx h1 {
    color: #fff;
    margin-bottom: 30px;
}

.anm-btn {
    margin-top: 20px;
    width: fit-content;
    transition: all 0.5s ease-in-out;
    margin-left: 25px;
}

.anm-btn:hover i {
    rotate: 360deg;
    transition: all 0.5s ease-in-out;
}

.anm-btn:hover {
    margin-left: 0px;
    transition: all 0.5s ease-in-out;
}

.link {
    font-size: 2rem;
    font-weight: bold;
    color: white;
    text-decoration: none;
    position: relative;
}

.link span,
.link i {
    position: relative;
    font-size: 18px;
}

.link i {
    margin-left: 0.5em;
    transition: all 0.5s ease-in-out;
}

.link .color {
    width: 45px;
    height: 45px;
    border-radius: 2em;
    background-color: #90f51c;
    position: absolute;
    top: 60%;
    transform: translatey(-50%);
    left: -0.65em;
}

/* sarangus989@gmial.com */

/* .rot-rt{
    rotate: 8deg;
    margin: 20px 0;
    transition: all 0.5s ease-in-out;
}
.rot-lft{
    rotate: -2deg;
    margin: 20px 0;
    transition: all 0.5s ease-in-out;
} */
/* .rot-rt:hover{
    rotate: 0deg;
    margin: 0px 0;
    transition: all 0.5s ease-in-out;
}
.rot-lft:hover{
    rotate: 0deg;
    margin: 0px 0;
    transition: all 0.5s ease-in-out;
} */


/* index close  */

/* about  */

.abt-mn {
    width: 100%;
    height: 100%;
    /* background-image: url(../assets/bgs/13.jpg); */
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
}

.abt-mn::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
}

.abt-mn .container {
    position: relative;
    z-index: 1;
}

.abt-mn h3 {
    font-size: 20px;
    color: #1fc7ab;
    margin-bottom: 30px;
}

.abt-mn-cont {
    padding-top: 250px;
    color: #fff;
}

.abt-mn-cont h2 {
    -webkit-box-reflect: below -22px linear-gradient(transparent, rgba(0, 0, 0, 0.2));
}

.product-tp-cont-lft h2 {
    -webkit-box-reflect: below -22px linear-gradient(transparent, rgba(0, 0, 0, 0.2));
}

.abt-mn-cont h2 span {
    font-size: 60px;
}

.abt-mn-cont p {
    margin-top: 20px;
}

.abt-mn-cont img {
    width: 90%;
    object-fit: contain;
}

.abt-mn-cont .col-md-6 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.counts {
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: #fff;
    padding-top: 150px;
}

.counts .count h3 {
    color: #fff;
    font-size: 40px;
}

.counts .count h3 span {
    font-size: 15px;
}

.counts .count {
    display: flex;
    gap: 50px;
}

.counts p {
    max-width: 300px;
}

.abt1 {
    width: 100%;
    height: 100%;
    padding-bottom: 100px;
}

.abt2 {
    width: 100%;
    height: 100%;
    padding-bottom: 80px;
}

.abt2-h2-flx {
    -webkit-box-reflect: below -29px linear-gradient(transparent, rgba(0, 0, 0, 0.2));
    margin-top: -64px;
}

.abt2-cont {
    color: #fff;
}

.abt2-cont h2 span {
    font-size: 60px;
}

.abt2-cont .rt-p {
    max-width: 510px;
    text-align: right;
    float: right;
    margin-top: -80px;
    font-size: 14px;
}

/* sarangus989@gmial.com */

.img-col {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    transition: all 0.3s;
}

.img-col img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: 50% 50%;
    left: 0;
    top: 0;
}

.img-col::after {
    content: "";
    display: block;
    padding-top: 80%;
}

.team-sec {
    margin-top: 150px;
}

.team-sec .col-md-3 {
    padding: 10px;
}

.fr-up.tp {
    margin-top: -50px;
}

.team-sec .row {
    margin-bottom: 50px;
}

.team-sec .row .fr-up p {
    color: #fff;
}

.team-sec .row .fr-up h3 {
    margin-bottom: 8px;
    color: #fff;
}

.abt-ml {
    font-size: 20px;
    font-weight: 600;
    margin-top: 30px !important;
}

.abt3 {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    padding: 80px 0;
    position: relative;
}

.abt3 .container {
    position: relative;
}

.abt3 .fr-rt {
    float: right;
    color: #000000;
    max-width: 410px;
    text-align: right;
    padding: 10px;
    background-color: #fff;
    position: absolute;
    z-index: 1;
    right: 0;
    top: -130px;
}

/* sarangus989@gmial.com */

.abt3-ln {
    width: 17vw;
    height: 1px;
    background-color: #000000;
    margin-left: auto;
    position: relative;
    top: 52px;
}

.abt3 h2 {
    width: fit-content;
    margin: 0 auto;
    position: relative;
    margin-top: 130px;
    line-height: 40px;
}

.abt3 h2 span {
    font-size: 55px;

}

.abt3 .fr-rt-h2 {
    margin-top: 10px;

}

.abt3 .wth-btn {
    margin-top: 30px;
    width: fit-content;
    margin: 20px auto;
}

.abt3 .wth-btn p {
    color: #000;
    margin-left: 0px;
}

.wth-pls h3 {
    margin-bottom: 5px;
    font-size: 55px;
    color: #fff;
}

.wth-pls p {
    font-size: 30px;
    margin-bottom: 10px;
}

.wth-pls {
    display: flex;
    align-items: center;
    gap: 8px;
}

.goto-flx {
    display: flex;
    gap: 60px;
}

.goto {
    display: flex;
    gap: 60px;
}

.abt-fst-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: contain;
}


/* sarangus989@gmial.com */
.abt-fst-bg img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: 50% 50%;
    left: 0;
    top: 0;
}

/* about close  */

/* products  */
.product-main {
    width: 100%;
    min-height: 100vh;
    height: 100%;
    /* background-image: url(../assets/bgs/18.png); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #fff;
    padding-top: 250px;

}



.product-main::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
}

.product-sec .col-md-4 {
    margin-top: 40px;
}

.product-tp-cont-lft h2 span {
    font-size: 60px;
}

.product-tp-cont-lft h3 {
    font-size: 20px;
    color: #35E0C4;
    margin-bottom: 20px;
}

.product-tp-cont-rt p {
    max-width: 440px;
    text-align: right;
    float: right;
}

.product-sec {
    margin-top: 200px;
    margin-bottom: 100px;
}

/* sarangus989@gmial.com */

.product .img-bx {
    width: 100%;
    height: fit-content;
    display: flex;
    justify-content: center;
    margin: 29px 0;
}

.product .img-bx img {
    width: 70%;
    object-fit: contain;
    margin: 0 auto;
}

.product {
    height: 100%;
    width: 100%;
    padding: 30px;
    /* background-image: linear-gradient(45deg, #241c4d, #0000005d); */
    /* background-image: linear-gradient(83deg, #1b7b958c, #5656565d); */
            background-image: linear-gradient(50deg, #00c8ffd0, #00c8ff52, #56565600);
    border: 1.5px solid #0000ff;
    border-radius: 50px 0 50px 0;
    /* backdrop-filter: blur(8px); */

}







/* .product.prdct1 {
    border: 1.5px solid #00D722;
    box-shadow: inset 0 9px 93px 0 #000;
}

.product.prdct1:hover {
    background-color: #00D722;
}





.product.prdct2 {
    border: 1.5px solid #0000ff;
    box-shadow: inset 0 9px 93px 0 #000;
}

.product.prdct2:hover {
    background-color: #0000ff;
}





.product.prdct3 {
    border: 1.5px solid #FF6B00;
    box-shadow: inset 0 9px 93px 0 #000;
}

.product.prdct3:hover {
    background-color: #FF6B00;
}

.product.prdct4 {
    border: 1.5px solid #2FB8F3;
    box-shadow: inset 0 9px 93px 0 #000;
}

.product.prdct4:hover {
    background-color: #2FB8F3;
}

.product.prdct5 {
    border: 1.5px solid #35E0C4;
    box-shadow: inset 0 9px 93px 0 #000;
}

.product.prdct5:hover {
    background-color: #35E0C4;
}

.product.prdct6 {
    border: 1.5px solid #00D722;
    box-shadow: inset 0 9px 93px 0 #000;
}

.product.prdct6:hover {
    background-color: #00D722;
}

.product.prdct7 {
    border: 1.5px solid #FF6B00;
    box-shadow: inset 0 9px 93px 0 #000;
}

.product.prdct7:hover {
    background-color: #FF6B00;
} */



.md-tp {
    position: relative;
    top: -70px
}

.lg-tp {
    position: relative;
    top: -140px
}

.product-sec .row {
    margin-bottom: 50px;
}

.prdct-inner-pg-bg {
    width: 100%;
    min-height: 100vh;
    height: 100%;
    /* background-image: url(../assets/bgs/18.png); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #fff;
    padding-top: 250px;
    padding-bottom: 80px;
}

.prdct-inner-pg-bg::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
}

.prdct-inner-pg-bg .container {
    position: relative;
    z-index: 2;
}

.product a {
    color: #fff;
}

.product .conts {
    text-align: center;
}

.product .conts h4 {
    font-size: 20px;
}

.product .conts .pdct-sub-titl {
    font-size: 14px;
    margin: 10px 0px;
}

.prdct-h2-flx {
    display: flex;
    flex-wrap: wrap;
}

/* sarangus989@gmial.com */

.prdct-h2-flx h2 {
    margin-right: 10px;
}


/* products close  */

/* mybusfas */
.prdct-inner-pg-bg h3 {
    color: #35E0C4;
    margin-bottom: 20px;
    font-size: 20px;
}

.prdct-inner-pg-bg h2 span {
    font-size: 45px;

}

.prdct-inner-pg-bg .inr-h2 {
    -webkit-box-reflect: below -33px linear-gradient(transparent, rgba(0, 0, 0, 0.2));

}

.prdct-inner-pg-bg p span {
    font-size: 20px;
    font-weight: 900;
}

.prdct-inner-pg-bg p {
    margin-top: 10px;
}

.prdct-inner-pg-bg h2 {
    font-size: 30px;
}

.prdct-inner-pg-img {
    /* width: 75%; */
    height: 300px;
    object-fit: contain;
    position: relative;
    z-index: 1;
    bottom: -90px;
}

.prduct-detail-box {
    width: 1100px;
    height: 100%;
    border-radius: 20px;
    /* background-image: linear-gradient(#241c4d, #0000005d); */
    background-image: linear-gradient(50deg, #00c8ffd0, #00c8ff52, #56565600);
    /* margin-top: -70px; */
    backdrop-filter: blur(8px);
    padding: 80px 50px;
    border: 1px solid #35E0C4;
    margin-top: 55px;
}


/*
.prduct-detail-box.prdct1 {
    border: 1.5px solid #00D722;
    box-shadow: inset 0 9px 93px 0 #000;
}

.prduct-detail-box.prdct1:hover {
    background-color: #00D722;
}





.prduct-detail-box.prdct2 {
    border: 1.5px solid #0000ff;
    box-shadow: inset 0 9px 93px 0 #000;
}

.prduct-detail-box.prdct2:hover {
    background-color: #0000ff;
}





.prduct-detail-box.prdct3 {
    border: 1.5px solid #FF6B00;
    box-shadow: inset 0 9px 93px 0 #000;
}

.prduct-detail-box.prdct3:hover {
    background-color: #FF6B00;
}




.prduct-detail-box.prdct4 {
    border: 1.5px solid #2FB8F3;
    box-shadow: inset 0 9px 93px 0 #000;
}

.prduct-detail-box.prdct4:hover {
    background-color: #2FB8F3;
}




.prduct-detail-box.prdct5 {
    border: 1.5px solid #35E0C4;
    box-shadow: inset 0 9px 93px 0 #000;
}

.prduct-detail-box.prdct5:hover {
    background-color: #35E0C4;
}




.prduct-detail-box.prdct6 {
    border: 1.5px solid #00D722;
    box-shadow: inset 0 9px 93px 0 #000;
}

.prduct-detail-box.prdct6:hover {
    background-color: #00D722;
}




.prduct-detail-box.prdct7 {
    border: 1.5px solid #FF6B00;
    box-shadow: inset 0 9px 93px 0 #000;
}

.prduct-detail-box.prdct7:hover {
    background-color: #FF6B00;
}
 */





.det-cont {
    display: flex;
    gap: 120px;
}

.wth-tik {
    display: flex;
    gap: 10px;
    margin: 10px 0;
}

.wth-tik i {
    font-size: 25px;
    margin-top: 8px;
    color: #35E0C4;
}

.wth-tik p span {
    font-size: 13px;
    font-weight: 100;
}

.wth-tik p {
    max-width: 317px;
}

.product-pricing {
    padding-top: 80px;
}

.prc-typ-bx {
    border: 1px solid #1527cc;
    border-radius: 10px;
    padding: 30px 20px;
    box-shadow: inset 0 9px 93px 0 #000;
    width: 100%;
    height: 100%;
    position: relative;
     transition: all 0.2s ease-in-out;

}
.prc-typ-bx-dtls-cont-lst{
    margin-top: 30px;
}

.prc-typ-bx::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background-color: #1527cc;
    border-radius: 10px;
     transition: all 0.2s ease-in-out;
     z-index: -1;

}
.prc-typ-bx:hover::after{
    height: 100%;
    transition: all 0.2s ease-in-out;

}
.product-pricing .row{
    justify-content: start;
}

.product-pricing .col-md-3 {
    padding: 0 8px;
}

.prc-hdg {
    margin-bottom: 40px;
}
.buy-btn p{
padding: 8px 25px;
background-color: #1527cc;
border-radius: 10px;
font-size: 14px;
width: 100%;
font-weight: 600;
text-align: center;
cursor: pointer;
margin:25px 0 10px 0;
transition: all 0.2s ease-in-out;
color: #ffffff;
}

.prc-hdg h2 {
    width: fit-content;
    /* margin: 0 auto; */
}
.prc-typ-bx:hover .buy-btn p{
    background-color: #ffffff;
    color: #1527cc;
    transition: all 0.2s ease-in-out;
}

.prc-hdg h2 span {
    font-size: 30px !important;
    color: #ffffff;
}

.prc-typ-bx h3 {
    color: #ffffff;
}

.prc-typ-bx {
    position: relative;
    margin-bottom: 30px;
}

.prc-typ-bx-dtls {
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 10px;
}
.prc-typ-bx-dtls-cont{
    margin-top: 30px;
}
.prc-typ-bx-dtls-cont-prc{
    position: relative;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 10px;
}
.prc-typ-bx-dtls-cont-orgnl-prc{
    position: relative;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 10px;
}
.prc-typ-bx-dtls-cont-orgnl-prc h4{
    font-size: 22px;
}
.prc-typ-bx-dtls-cont-orgnl-prc i{
    font-size: 20px;
}

.prc-typ-bx-dtls-cont-prc {
    color: #8a8a8a;
}
.prc-typ-bx-dtls-cont-prc::after{
    content: "";
    position: absolute;
    top: 50%;
    left: -9px;
    width: 125%;
    height: 1px;
    background-color: #8a8a8a;
    transform: translateY(-50%);
}
.prc-typ-bx-dtls-cont-prc-flx{
    display: flex;
    align-items: center;
    gap: 20px;
}
.typ-hdng{
    display: flex;
    align-items: center;
    gap: 10px;
}
.typ-hdng h3{
    width: fit-content;
    font-size: 21px;
    margin-bottom: 0;
}



/* mybusfas close

/* services  */

.srv-mn {
    width: 100%;
    min-height: 100vh;
    height: 100%;
    /* background-image: url(../assets/bgs/18.png); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #fff;
    padding-top: 250px;
    padding-bottom: 80px;
}

.srv-mn::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
}

/* sarangus989@gmial.com */

.srv-cont h3 {
    font-size: 20px;
    color: #1fc7ab;
    margin-bottom: 20px;
}

.srv-cont .srv-rfct {
    -webkit-box-reflect: below -27px linear-gradient(transparent, rgba(0, 0, 0, 0.2));
}

.srv-cont h2 span {
    font-size: 60px;
    margin-left: 50px;
}

.srv-cont-rt p {
    max-width: 490px;
    text-align: right;
    float: right;
    margin-top: 20px;
}

.srv-mn h1 {
    font-weight: 900;
    font-family: Sarabun-Bold;
    font-size: 113px;
    position: fixed;
    left: 34%;
    color: #25252569;
    top: 430px;
}

.srv-bt-cont img {
    width: 100%;
    object-fit: contain;
}

.srv-bt-cont {
    margin-top: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.srv-bt-cont-img {
    width: 450px;
    height: 100%;
    position: relative;
    z-index: 1
}

.srv-bt-cont-txt {
    width: 800px;
    height: 100%;
    border-radius: 20px;
    /* background-image: linear-gradient(#241c4d, #0000005d); */
    /* backdrop-filter: blur(8px); */
    padding: 80px 80px 80px 100px;
    margin-left: -50px;
    /* box-shadow: 0 0 15px #ffffff48; */
    border: 1px solid #35E0C4;
}

.srv-bt-cont-txt.prdct1 {
    border: 1.5px solid #00D722;
    box-shadow: inset 0 9px 93px 0 #000;
}

.srv-bt-cont-txt.prdct1:hover {
    background-color: #00D722;
}

.srv-bt-cont-txt.prdct2 {
    border: 1.5px solid #146EF5;
    box-shadow: inset 0 9px 93px 0 #000;
}

.srv-bt-cont-txt.prdct2:hover {
    background-color: #146EF5;
}


.srv-bt-cont-txt.prdct3 {
    border: 1.5px solid #FF6B00;
    box-shadow: inset 0 9px 93px 0 #000;
}

.srv-bt-cont-txt.prdct3:hover {
    background-color: #FF6B00;
}


.srv-bt-cont-txt.prdct4 {
    border: 1.5px solid #2FB8F3;
    box-shadow: inset 0 9px 93px 0 #000;
}

.srv-bt-cont-txt.prdct4:hover {
    background-color: #2FB8F3;
}


.srv-bt-cont-txt.in-two {
    margin-left: 0px;
    padding: 80px 100px 80px 80px;

}

.srv-bt-cont-txt h2 span {
    margin-bottom: 10px;
    margin-left: 0px;
}

.srv-bt-cont-txt h2 span {
    font-size: 32px;
}

.srv-bt-cont-txt .wth-tik i {
    margin-top: 0px;
}

.ftrs {
    display: flex;
    gap: 100px;
    margin-top: 40px;
}

.srv-bt-cont.intw1 .srv-bt-cont-img {
    margin-left: -80px;
}

.on-mb {
    display: none;
}

/* services  */

/* latest works  */

.latest-wrk-main {
    width: 100%;
    min-height: 100vh;
    height: 100%;
    /* background-image: url(../assets/bgs/11.jpg); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #fff;
    padding-top: 250px;
    padding-bottom: 80px;
}

.latest-wrk-main::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
}

.latest-wrk-conts h3 {
    font-size: 20px;
    color: #1fc7ab;
    margin-bottom: 20px;
}

.latest-wrk-conts h2 {
    margin-bottom: 10px;
}

.latest-wrk-conts h2 span {
    font-size: 60px;

}

.latest-wrk-conts h2 {
    -webkit-box-reflect: below -27px linear-gradient(transparent, rgba(0, 0, 0, 0.2));
    line-height: 53px;
}

.latest-wrk-rt p {
    max-width: 450px;
    text-align: right;
    float: right;
    margin-top: 20px;
}


/* sarangus989@gmial.com */

.latest-img-lft {
    width: 100%;
    height: 100%;
    padding: 5px 10px;
    margin: 15px 0px;
    color: #fff;
}

.latest-img-lft h3 {
    color: #90f51c;
    font-weight: 100;
    margin: 10px 0 5px 0px;
}

.latest-img-lft img {
    width: 100%;
    height: 510px;
    object-fit: cover;
}

.latest-img {
    margin-top: 150px;
}

.latest-img .row {
    justify-content: start !important;
}

.latest-tp {
    margin-top: -80px;
}

.ltst-pg-toptdng {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;


}

.ltst-pg-toptdng-lft {
    width: fit-content;
    width: 600px;
    display: flex;
    flex-wrap: wrap;
    align-items: end;

    /* gap: 10px; */
}

.ltst-pg-toptdng .rt-p {
    max-width: 400px;
    text-align: end;
    font-size: 15px;
}

.ltst-pg-toptdng-lft h2 {
    margin: 0 10px 0 0;
}

.category-btn .button {
    padding: 10px 30px;
    border: 1px solid #ffffff;
    border-radius: 20px;
    background-color: transparent;
    cursor: pointer;
    color: #fff;
    font-size: 15px;
}

.wrk-cat {
    margin-top: 80px;
    position: relative;
}

.category-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    position: relative;
    z-index: 1;
}



.button.is-checked {
    background-image: linear-gradient(-145deg, rgb(0, 247, 255), rgb(0, 162, 255), blue) !important;
    border: 1px solid #5CFFEB !important;
    color: #ffffff !important;
}

/* latest works close  */

/* contact  */

.contact-mn {
    width: 100%;
    min-height: 100vh;
    height: 100%;
    /* background-image: url(../assets/bgs/13.jpg); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #fff;
    padding-top: 250px;
    padding-bottom: 80px;
}

.contact-mn::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
}

.contact-mn h2 {
    -webkit-box-reflect: below -27px linear-gradient(transparent, rgba(0, 0, 0, 0.2));
}

.contact-mn .container {
    position: relative;
    z-index: 1;
}

.contact-mn h2 span {
    font-size: 60px;
}

.contact-mn h3 {
    font-size: 20px;
    color: #1fc7ab;
    margin-bottom: 20px;
}


/* sarangus989@gmial.com */
.form-sec .fst-row {
    display: flex;
    gap: 20px;
    margin: 40px 0px;
    width: 100%;
}

.form-sec input {
    height: 50px;
    width: 100%;
    border: 1px solid #b9b9b9;
    border-radius: 25px;
    background-color: #ffffff28;
    backdrop-filter: blur(4px);
    margin-top: 10px;
    padding-left: 10px;
    color: #fff;
    font-family: Inter-Regular;
}

.form-sec button {
    height: 50px;
    width: 100%;
    border: 1px solid #b9b9b9;
    border-radius: 25px;
    background-color: #1fc7ab;
    margin-top: 10px;
    color: #000000;
    margin-top: 30px;
    cursor: pointer;
}

.form-sec textarea {
    min-height: 140px;
    max-height: 170px;
    max-width: 100%;
    min-width: 100%;
    border: 1px solid #b9b9b9;
    border-radius: 25px;
    background-color: #ffffff28;
    backdrop-filter: blur(4px);
    margin-top: 10px;
    padding: 10px 0 0 10px;
    color: #fff;
    font-family: Inter-Regular;
}

.form-sec {
    width: 800px;
    margin-top: 50px;
    margin: 0 auto;
}

.fst-inps {
    width: 50%;
}

.fst-inps2 {
    width: 100%;
}

.fst-inps label {
    margin-left: 20px;
    font-family: Inter-Regular;
}

.fst-inps2 label {
    margin-left: 20px;
    font-family: Inter-Regular;
}

.tp-in-frm {
    margin-top: 60px;
}

.tp-in-frm p {
    font-size: 20px;
}

.tp-frm-cont {
    display: flex;
    justify-content: center;
    gap: 70px;
    margin-top: 50px;
    margin-bottom: 150px;
    align-items: center;
}

.contact-bx {
    width: 300px;
    height: 200px;
    /* background-image: linear-gradient(#241c4d, #0000005d); */
    /* -webkit-backdrop-filter: blur(2px); */
    /* border: 1px solid #b9b9b9; */
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}



.contact-bx.cnt-bx1 {
    border: 1.5px solid #00D722;
    box-shadow: inset 0 9px 93px 0 #000;
}

.contact-bx.cnt-bx1:hover {
    background-color: #00D722;
}





.contact-bx.cnt-bx2 {
    border: 1.5px solid #0000ff;
    box-shadow: inset 0 9px 93px 0 #000;
}

.contact-bx.cnt-bx2:hover {
    background-color: #0000ff;
}





.contact-bx.cnt-bx3 {
    border: 1.5px solid #FF6B00;
    box-shadow: inset 0 9px 93px 0 #000;
}

.contact-bx.cnt-bx3:hover {
    background-color: #FF6B00;
}




.contact-h2 h2 {
    font-size: 50px;
}

.contact-bx-hdng {
    text-align: center;
}

.contact-bx-hdng h4 {
    font-size: 22px;
    font-weight: 100;
    margin-bottom: 10px;
}


/* sarangus989@gmial.com */


/* contact close  */




/* footer  */

.bk-tp-btn button {
    background-color: #35E0C4;
    padding: 7px 9px;
    color: #FFFFFF;
    border: none;
    border-radius: 7px;
    font-size: 22px;
    cursor: pointer;
    transition: 0.3s;

}

.bk-tp-btn {
    position: fixed;
    right: 60px;
    bottom: 8%;
    z-index: 22222;

}

.chat-box {
    height: 250px;
    width: 300px;
    position: fixed;
    right: 60px;
    bottom: 246px;
    z-index: 22222;
    background-color: #fff;
    border-radius: 10px;
    display: none;



}

.chat-box p {
    color: #000;
}


.chat-send {
    cursor: pointer;
    padding: 7px 10px;
    background-color: #1fc7ab;
    font-size: 13px;
    border-radius: 5px;
    color: #fff;

}

.chat-input {
    width: 100%;
    height: fit-content;
    background-color: #e6e6e6;
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0 0 10px 10px;
    padding: 10px 20px;
    display: flex;
    gap: 10px;
}

.chat-input input {
    height: 40px;
    width: 100%;
    border: none;
    padding: 0 10px;
    font-size: 18px;
    border-radius: 5px;
    font-size: 14px;
}

.chat-input input:focus {
    outline: none;
}

.live-chat {
    position: fixed;
    bottom: 160px;
    right: 60px;
    z-index: 3;

}

/* sarangus989@gmial.com */

.chat-close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background-color: #e9e9e9;
}

.chat-close i {
    font-size: 20px;
}

.live-chat:hover .hvr-txt {
    opacity: 1;
    transition: all 0.5s;
}

.hvr-txt {
    position: absolute;
    bottom: 85px;
    right: -10px;
    opacity: 0;
    transition: all 0.5s;
}

.hvr-txt p {
    padding: 10px 20px;
    background-color: #fff;
    color: #000;
    text-wrap: nowrap;
    border-radius: 10px 10px 0 10px;
    border: 1px solid #000;
    font-size: 13px;
}

.live-chat img {
    width: 60px;
    object-fit: contain;
}

.hvr-txt img {
    width: 30px;
    object-fit: contain;
    position: absolute;
    right: 0px;
    z-index: 4;
    bottom: -26px;
}

.srv-img-an2 {
    transform: translatey(0px);
    -webkit-animation: float2 3s ease-in-out infinite;
    animation: float2 3s ease-in-out infinite;
}

.srv-img-an {
    transform: translatey(0px);
    -webkit-animation: float2 4s ease-in-out infinite;
    animation: float2 4s ease-in-out infinite;
}

.srv-img-an1 {
    transform: translatey(0px);
    -webkit-animation: float2 3.5s ease-in-out infinite;
    animation: float2 3.5s ease-in-out infinite;
}

@keyframes float2 {
    0% {

        transform: translatey(0px);
    }

    50% {

        transform: translatey(-15px);
    }

    100% {
        transform: translatey(0px);
    }
}


.foot-rgt-flx {
    display: flex;
    gap: 100px;
}

.foot-lft-flx {
    display: flex;
    gap: 100px;
}

.foot-bg {
    background-color: #000;
    /* background-image: url(../assets/bgs/12.jpg);
    background-size: cover;
    background-position: center; */
    height: 100%;
    padding: 140px 0 20px 0;
    width: 100%;
    position: relative;
    z-index: 3;
    border-top: 2px solid #35e0c328;

}

/* sarangus989@gmial.com */

.foot-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.842);
}

.foot-bg .container {
    position: relative;
    z-index: 2;
}

.foot-conts {
    display: flex;
    justify-content: space-between;
    gap: 150px;

}

.links ul li:hover {
    scale: 1.1;
    transition: all 0.3s;
}

.links ul li {
    transition: all 0.3s;
}

.foot-rgt p {
    transition: all 0.3s;
}

.foot-rgt p:hover {
    scale: 1.1;
    transition: all 0.3s;
}

.foot-lft {
    display: flex;
    gap: 200px;
}

.foot-lft .mr-abt-bt {
    color: #fff;
    margin-top: 20px;

}

.foot-lft .mr-abt-bt i {
    transition: all 0.3s;

}

.foot-lft .mr-abt-bt:hover i {
    rotate: 330deg;
    transition: all 0.3s;
}

.foot-rgt {
    display: flex;
    gap: 200px;
}

.foot-lft .logo img {
    width: 200px;
    height: fit-content;
    object-fit: contain;
    margin-bottom: 30px;
}

.copy {
    color: #fff;
    font-size: 13px;
    margin-top: 100px;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
}

.links a {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    margin-bottom: 10px;
    font-family: Inter-Regular;
    font-size: 22px;
}

.links ul li {
    margin-bottom: 20px;
    text-wrap: nowrap;
}

.foot-rgt h4 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
}

.foot-rgt p {
    color: #cccccc;
    margin-bottom: 10px;
}

.gt-tch h4 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
}

.gt-tch {
    margin-top: 80px;
}

.gt-tch p {
    color: #cccccc;
    margin-bottom: 10px;
    max-width: 300px;
}

/* sarangus989@gmial.com */



/* footer close  */