:root{
  --lato: 'Lato';
  --white:#ffffff;
  --black:#000000;

}  
/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl{list-style: none;}
ul, ol, dl, li {margin:0; padding:0;  color: #555555; font-size: 14px; line-height: 24px;}
html, body{height: 100%; -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}
body{position:relative;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
:after,:before{box-sizing: border-box;}
.cf:after{clear: both;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-family:var(--lato);}

/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {color: var(--white);font-weight: bold;}

/* Specific Header Settings */
h1{font-size: 74px;line-height: 54px;font-weight: 900;text-transform: uppercase;}
h2{font-size: 35px;line-height: 42px;}
h3{}
h4{}
h5{}
h6{}

/* Create the Default Paragraphs */
p{color: var(--white);font-size: 14px;line-height: 23px;font-weight: 400;}

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style:none;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none;max-width: 100%;display: block;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {font-size: 14px;color:var(--white);font-weight: 400;line-height: 10px;text-decoration: none;display:block;}
a:active {}
a:focus {outline: none;}
a.current{}


/* 5. Forms
------------------------------------------------------------------------------*/

input[type='submit']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none; }
select{-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;background-repeat: no-repeat;background-position: left 15px center;}
input[type='text'],input[type='tel'],input[type='email'],input[type='password']{}
textarea{overflow:auto;}
::-webkit-input-placeholder{color:var(--white);}
:-moz-placeholder{color:var(--white);}
::-moz-placeholder{color:var(--white);}
:-ms-input-placeholder{color:var(--white);}
::-ms-input-placeholder{color:var(--white);}
:placeholder-shown{color:var(--white);}

/*common display style*/
.dis-b{display:block;}
.pos_rel{ position:relative;}
.hidden{ display:none !important;}
.d_flex{display: flex;justify-content:flex-start;flex-wrap:wrap;}
.d_flex_ac{align-items: center;}
.d_flex_jc{justify-content: center;}
.d_flex_jb{justify-content: space-between;}
.d_flex_je{justify-content:flex-end;}

a,.in,.sub,img,svg *{transition: 0.4s ease all;}


body{background-color:var(--black);padding-top: 50px;}
.wrapper{max-width:1564px;width: 100%;margin: 0 auto;position: relative;}
.bg{background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* test page */
.test_page{ position: relative; width: 100%; padding-bottom: 80px; pointer-events: none;}
.test_page .bg{ background-image: url(../images/about.png); background-size: cover; background-repeat: no-repeat; width:calc(100% - 100px); margin: 0 auto; height: calc(100vh - 100px); border-radius: 50px; position: sticky; top:50px;z-index: 1;background-attachment: fixed;}
.test_page .contents{max-width:1280px;margin: 0 auto;position: relative;z-index: 3;margin-top:-50vh;}
.test_page .contents div{height: 500px;margin-bottom: 50px;border: 1px solid red;}

.btn{padding: 10px;border: 1px solid var(--white);border-radius: 40px;display: flex; align-items: center;width:fit-content;}
.btn::after{content:'';background-image: url(../images/bt_arrow.svg);background-repeat: no-repeat;background-size: contain;width: 5px;height: 8px;margin-left: 6px;transition: 0.4s ease all;    display: inline-block;}
.btn:hover{background-color: var(--white);color: var(--black);}
.btn:hover::after{filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7482%) hue-rotate(343deg) brightness(103%) contrast(100%);}


.btngra { position: relative; padding: 15px 24px 15px 63px; border-radius: 30px; font-size: 18px; font-weight: 700; line-height: 24px; text-transform: uppercase; width: 100%; border: none; background-color: #A8C1E6; z-index: 2; }
.btngra::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000000;
  background:linear-gradient(88deg, rgb(78 89 107) 0%, #090b0d 100%); z-index: -1; border-radius: 24px;transition: 0.4s ease all;}
.btngra em{font-style: normal;transition: 0.4s ease all;}
.btngra span{position: absolute; left: 22px; top: 0; bottom: 0; margin: auto; height: fit-content;opacity: 0;transition: 0.4s ease all;}
.btngra svg{position: absolute;top: 0;bottom: 0; margin: auto;left: 14px;transform: rotate(-90deg);}

.btngra:hover{background-color: var(--white);color: #213349;}
.btngra:hover::before{opacity: 0;}
.btngra:hover svg rect{stroke: #213349;fill:  #213349;}
.btngra:hover svg path{fill: #fff;}

/* header start */
header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;transition: 0.4s ease all;}
header>img{position: absolute;top: 0;}
header>.right{right: 0;}
header>.right1{right: 50px; top: 20px;}
header>.left{left: 0;    transform: scale3d(-1, 1, 1);}
header>.left1{left: 50px; top: 20px;    transform: scale3d(-1, 1, 1);}
header .header_top{background-color:var(--black);height: 50px;position: relative;z-index: 1;}
header .logo_bg{position: relative;}
header .logo_bg .brand{position: absolute;left: 0;right: 0;margin: auto;top: 35px;width:fit-content;}
header .header_bottom{padding: 25px 80px 0;position: relative;}
header .header_bottom .navbar{position: relative;}
header .header_bottom .left_nav,
header .header_bottom .right_nav{padding: 17px 20px;border-radius:40px;background-color: var(--black);}
header .header_bottom .search_col{margin-left: 10px;cursor: pointer;}
header .header_bottom .cart_box{margin-left: 10px;font-size: 0;    display: flex; align-items: center;}
header .header_bottom div>ul{gap: 10px;}
header .header_bottom div>ul>li{position: relative;}
header .header_bottom div>ul>li>a{border: 1px solid var(--white);padding:0 9.14px;line-height: 24px;font-size: 14px;font-weight: 400;border-radius: 30px;}
header .header_bottom div>ul>li::after{content: ''; width: 100%; height: 23px; display: block; position: absolute; left: 0;}
header .header_bottom div>ul>li:hover>a{background-color: var(--white);color: var(--black);}
header .header_bottom div>ul>li>.dropbox{background-color: #000000B2;border-radius: 30px;padding: 20px 20px 0 10px ;position:fixed;top: 141px;left:80px;width:fit-content;backdrop-filter: blur(10px);display: flex;align-items: center;flex-wrap: wrap;opacity: 0;visibility: hidden;transition: 0.4s ease all; max-width: calc(100% - 160px);}
header .header_bottom div.right_nav>ul>li>.dropbox{left:auto;right: 80px;}
header .header_bottom div>ul>li:hover>.dropbox{opacity: 1;visibility: visible;}
header .header_bottom div>ul>li>.dropbox li{padding-left:10px;margin-bottom: 20.4px;display: flex;align-items: center;line-height: 12px;}
header .header_bottom div>ul>li>.dropbox li:not(:last-child)::after{content:'/';color: #A8C1E6;margin-left: 10px;}
header .header_bottom div>ul>li>.dropbox li a{line-height: 12px;font-size: 14px;font-weight: 400;color: var(--white);}
header .header_bottom .search_box{position: absolute;top:65px;right: 0;background-color: #000000B2;width: 437px;height: 56px;padding: 10px;border-radius: 30px;opacity: 0;visibility: hidden;transition: 0.4s ease all;}
header .header_bottom .search_box.open{opacity: 1;visibility: visible;}
header .header_bottom .search_box .in{width: 100%;height: 36px;border: 1px solid var(--white);padding: 0 20px;border-radius: 30px;color: var(--white);font-size: 16px;font-weight: 400;}
header .header_bottom .search_box .sub { position: absolute; right: 15px; top: 0; height: 26px; width: 74px; line-height: 26px; background-color: var(--white); color: var(--black); text-align: center; bottom: 0; margin: auto; border-radius: 20px; font-size: 14px;cursor: pointer;}

/* banner_comman */
.banner_comman{width: 100%;position: relative;}
.banner_comman .bg{ background-image: url(../images/about.png); background-size: cover; background-repeat: no-repeat; width: calc(100% - 100px); margin: 0 auto; height: calc(100vh - 100px);position: sticky; top:0px; z-index: 1; background-attachment: fixed;}
.banner_comman .bg::after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner_comman .bg::before{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner_comman .bg video{ position: fixed; top: 50px; left: 50%; transform: translateX(-50%); width: calc(100% - 100px); height: calc(100vh - 100px); object-fit: cover; z-index: -1;border-radius: 50px;    object-position: top center;}
.banner_comman .bg .bottom{position: absolute; bottom: 0; right: -30px; transform: scale3d(-1, 1, 1); z-index: 3;}
.banner_comman .bg .left_bottom{position: absolute; bottom: 0;left: -30px; z-index: 3;}
.banner_comman .text_btn_box { position: absolute; left: 50px; bottom: 0; z-index: 2; padding: 0 0 105px 121px; }
.banner_comman .text_btn_box p{color: var(--white);font-size: 20px;line-height: 15px;margin-bottom: 20px;font-weight: 900;}
.banner_comman .contents{position: relative;z-index:3; max-width: calc(100% - 100px);margin: 0 auto; margin-top:calc(-100vh + 95px);min-height:calc(100vh - 100px);}

.logo_text_box{position: absolute; bottom: 50px; left: 50px; z-index: 2; width: 430px; background-color: #000; padding: 30px 30px 0 0; border-radius: 0 85px 0 0;    z-index: 3;}
.logo_text_box>img{position: absolute;}
.logo_text_box>.top{top:-60px;left: 0;}
.logo_text_box>.bottom{bottom: 0; right: -60px;transform: scale3d(1, 1, 1);}
.logo_text_box .inner{background: #35393F; background: linear-gradient(140deg, rgb(53 57 63) 0%, rgb(0 0 0 / 95%) 100%);border-radius: 50px;padding: 40px;}
.logo_text_box .inner p{margin-top: 20px;}
.logo_text_box .inner .btn{margin-top: 30px;}
.logo_text_box .inner .logos{margin-top: 25px;}

/* footer */
footer { padding:80px 0 20px; background-color:var(--black); position: relative; z-index: 1;}
footer .footer_top{max-width: 1440px;margin: 0 auto;padding: 0 183.5px;margin-bottom: 100px;}
footer .footer_top .col{}
footer .footer_top .col:nth-child(2) ul{ display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 30px; }
/* footer .footer_top .col:nth-child(2) ul li{width: 33.33%;padding-right: 2px;} */
footer .footer_top h3{font-size: 16px;font-weight: 700;color: var(--white);padding-bottom:16px;border-bottom: 1px solid #ffffff3d;margin-bottom: 16px;}
footer .footer_top ul{}
footer .footer_top ul li{margin-bottom: 12px;}
footer .footer_top ul li a:hover{color: #A8C1E6;}
footer .footer_bottom{padding: 0px 70px;}
footer .footer_bottom .mid{}
footer .footer_bottom .mid p{display: flex; justify-content:center; flex-wrap: wrap;align-items: center;}
footer .footer_bottom .mid a+a{margin-left: 14px;}


/* banner_about */
.banner_about{}
.banner_about .bg::after{background: #0073FF33; mix-blend-mode: color;}
.banner_about .bg::before { background-color: #000; opacity: 0.5; }
/* banner_scrience */
.banner_scrience{}
.banner_scrience .bg{background-image: none;    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.banner_scrience .bg video { left: calc(50% + 50px); width: calc(100% - 201px); }
.banner_scrience .bg::after{ background: #2d31368a; box-shadow: inset 0 0 50px rgba(0,0,0,0.2); background: linear-gradient(178deg, #21334900 0%, #213349 100%); }
.banner_scrience .contents{position: relative;z-index:3; max-width: calc(100% - 100px);margin: 0 auto; margin-top:calc(-100vh + 100px);padding:240px 53px 0;}
.banner_scrience .left_col{width: 399px;margin-right: 48px;}
.banner_scrience .left_col h1{margin-bottom: 20px;}
.banner_scrience .left_col p{font-size: 16px;line-height: 20px;margin-bottom: 30px;}
.banner_scrience .right_col{width: 996px;padding-top: 84px;}
.banner_scrience .right_col ul{}
.banner_scrience .right_col ul li{width: 50%;}
.banner_scrience .right_col ul li:first-child,
.banner_scrience .right_col ul li:nth-child(2){padding-left: 59px;}
.banner_scrience .right_col ul li:nth-child(n+3){margin-top: 165px;}
.banner_scrience .right_col ul li .col{max-width: 206px;position: relative;}
.banner_scrience .right_col ul li .col img{position: absolute;left: calc(100% + 20px);top: 0;bottom: 0;margin: auto;}
.banner_scrience .right_col ul li:nth-child(2n) .col img{right: calc(100% + 20px);left: auto;transform: scale(-1);}
.banner_scrience .right_col ul li:nth-child(2n) .col{margin: 0 auto;margin-right: 0;}
.banner_scrience .right_col ul li:nth-child(4) .col{margin: 0 auto;margin-right: 153px;padding: 0;margin-top: 16px;}
.banner_scrience .right_col ul li strong{font-size: 16px;line-height: 16px;color: var(--white);font-weight:700;margin-bottom: 16px;display: block;}
.banner_scrience .right_col ul li p{font-size: 14px;line-height: 16px;color:#D4DCE6;}

/* banner_doctors */
.banner_doctors .bg{background-image: none;    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.banner_doctors .bg video {opacity: 0.5;height: calc(100vh + 370px);    position: relative;}
.banner_doctors .bg .overlay {overflow: hidden; width: 100%; height: calc(100vh - 50px); position: fixed; display: block; top:0px; left: 0; }
/* .banner_doctors .bg::after{ background: #000000; box-shadow: inset 0 0 50px rgba(0,0,0,0.2); background: linear-gradient(178deg, #21334966 0%, #2D3136A1 100%)} */
.banner_doctors .bg::after { background: #000000; box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.2); background: linear-gradient(178deg, #22262b 0%, #848b93 100%); mix-blend-mode: color;
background:  linear-gradient(178deg, #21334966 0%, #2D3136A1 100%);}
.banner_doctors .contents{padding: 237px 20px 1px;}
.banner_doctors .title{text-align: center;}
.banner_doctors .title h1{font-weight: 100;font-family: 'Lato Hairline';text-transform: none;margin-bottom: 30px;}
.banner_doctors .title p{letter-spacing: 0.6px;text-transform: uppercase;}

.banner_doctors .slider3d{margin-top: 50px;margin-bottom: 225px;}
.banner_doctors .ctrl,
.banner_doctors .nav_3d{display: none;}
.slider3d { position: absolute; top: 0; bottom: 25vmin; right: 0; left: 0; margin: auto; user-select: none; perspective-origin: 50% 50%; transition: perspective-origin .5s, perspective .5s;position: relative; width: 370px; height: 360px; perspective: 1200px; perspective-origin: center;}
.slider3d_wrap { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; will-change: transform; transition: transform 0.75s; }
.slider3d_wrap .colin{ box-sizing: border-box; position: absolute; width: 100%; height: 100%; }
.slider3d_wrap .col{width: 320px;margin: 0 auto;height: 100%;border-radius: 40px;padding: 30px;background-color: #00000033;backdrop-filter: blur(10px); background: #000000; background: linear-gradient(130deg, #383d42 0%, #23292f 100%);text-align: center;} 
.slider3d_wrap .col .img{width: 100px;height: 100px;border-radius: 50%;margin: 0 auto;} 
.slider3d_wrap .col .img img{width: 100px;height: 100px;border-radius: 50%;object-fit: cover;object-position: center;} 
.slider3d_wrap .col h3{font-size: 20px;line-height:1.2;font-weight: 400;margin-top:16.5px; min-height:50px; display:flex; flex-direction:column; justify-content:center;}
.slider3d_wrap .col h3:before, .slider3d_wrap .col h3:after {content:''; display:block;}
.slider3d_wrap .col h4{font-size: 16px;line-height: 18px;font-weight: 400;margin-top:12px;display: flex;align-items: center;justify-content: center;}
.slider3d_wrap .col h4 img{width: 18px;height: 18px;border-radius: 50%;margin-right: 6px;}
.slider3d_wrap .col p{line-height: 16px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;margin-top: 15px;}
.slider3d_wrap .col .btn{margin: 16px auto 0;}
.slider3d_wrap .col:hover{    background: linear-gradient(130deg, #383d42 0%, #404c58 100%);}



.slider3d_left, 
.slider3d_right { position: absolute; bottom: calc(100px + 10vmin); width: 8vmin; height: 8vmin; display: grid; place-content: center; cursor: pointer; outline: 1px solid orange; color: orange; }
.slider3d_left {left: 15vmin;}
.slider3d_right {right: 15vmin;}
.ctrl { position: relative; bottom: 0; left: 0; right: 0; margin: auto; min-height: 100px; width: 370px; height: 20vmin; user-select: none; }
.visibility { position: absolute; top: 0; left: 0; }
.visibility label { display: block; display: flex; flex-flow: row nowrap; align-items: center; }
.perspOrig { position: absolute; padding: 4px; top: 45px; left: 0; }
.perspOrig input { width: 45px; text-align: center; outline: none; border: none; cursor: default; }
.ctrl p { text-align: center; padding-bottom: 1vmin; cursor: default; }
.perspOrig span { position: relative; top: 2px; left: 2px; }
input::selection { background-color: #fff; }
.perspValue { position: absolute; top: 45px; right: 5px; }
[type="range"] { width: 200px; }
.slideAmount { position: absolute; top: 0; right: 65px; }
.slideAmount :not([class]) { position: relative; bottom: 2px; cursor: default; } 
.slideAmount [class^="slide"] { padding: 0 5px; font-size: 25px; cursor: pointer; }

/* product */
.banner_product .bg::before{background-color: #000000;opacity: 0.5;}
.logo_text_product.logo_text_box .inner { background: #35393F; background: linear-gradient(140deg, rgb(46 45 47) 0%, rgb(5 2 7) 100%); }
.logo_text_product.logo_text_box .inner p { line-height: 1.06;
  /* overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;  */
  transition: 0.4s ease all;}
.logo_text_product.logo_text_box .inner .btn_col{margin-top: 30px;}
.product_reg_box{position: absolute;bottom:62px;right: 110px;z-index: 2;width: 406px;}
.product_reg_box .price_col{border: 1px solid #FFFFFF33;padding: 20px;border-radius: 40px;position: relative;}
.product_reg_box .price_col h3{color: var(--white);font-size: 40px;font-weight: 300;line-height: 28px;}
.product_reg_box .price_col h3 em{font-style: normal;font-size: 20px;font-weight: 400;display: none;}
.product_reg_box .price_col span.currency{color: var(--white);font-size: 16px;font-weight:400;line-height: 28px;width: 65px;position: relative;text-align: center;border-left: 1px solid #ffffff48;padding-right: 10px;cursor: pointer;}
.product_reg_box .price_col span.currency img{position: absolute;top: 0;right: 0;bottom: 0;margin: auto;}
.product_reg_box .price_col span.currency.open img{transform: scale(-1);}
.product_reg_box .price_col ul{background-color: #2133491A;backdrop-filter: blur(100px);border-radius: 20px;padding: 14px;position: absolute;top: 100%;right: 0;display: none;z-index: 1;}
.product_reg_box .price_col ul li{font-size: 14px;line-height: 16px;padding: 1px 0;margin-bottom: 5px;color: var(--white);font-weight: 400;cursor: pointer;}
.product_reg_box .price_col ul li:hover{background-color: #A8C1E6;}
.product_reg_box .price_col ul li.active{font-weight: 700;}
.product_reg_box .price_col ul li:last-child{margin-bottom: 0;}



.product_reg_box .btn_box{margin-top: 20px;}
.product_reg_box .btn_box a{font-size: 16px;padding:17.5px 19.4px;}
.product_reg_box .btn_box a::after { width: 8px; height: 12px; margin-left: 10px; }
.product_reg_box .btn_box a.buynow{    background-color: var(--white); color: var(--black);}
.product_reg_box .btn_box a.buynow::after { filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7482%) hue-rotate(343deg) brightness(103%) contrast(100%); }
.product_reg_box .btn_box a.buynow:hover{background-color: #A8C1E6;border-color: #A8C1E6;}

/* banner_product_dash */
.logo_text_product.logo_text_box .inner { background: #35393F; background: linear-gradient(140deg, rgb(46 45 47) 0%, rgb(5 2 7) 100%); }
.logo_text_product.logo_text_box .inner>img{max-width:100px;max-height: 95px;}
.logo_text_product.logo_text_box .inner p { line-height: 1.06; filter: brightness(0) saturate(100%) invert(97%) sepia(9%) saturate(159%) hue-rotate(125deg) brightness(117%) contrast(100%);}
.logo_text_product.logo_text_box .inner .btn_col{margin-top: 30px;}

.banner_product_dash .bg::before {background-color: #000; opacity: 0.5;}
.banner_product_dash .contents{padding: 120px 60px 50px;}
.banner_product_dash .bg{background-image: none;}
.banner_product_dash .bg video{opacity: 0.9;}
.banner_product_dash .bg::after { mix-blend-mode: color; background: linear-gradient(168deg, #21161A 50%, #253951 80%); }
.banner_product_dash .contents{display: flex;justify-content: space-between;align-items: flex-start;}
.banner_product_dash .left_col{width: 370px;}
.banner_product_dash .nobel_prize { border: 1px solid #00000024; backdrop-filter: blur(50px); border-radius: 50px; overflow: clip; }
.banner_product_dash .nobel_prize .img{width: 112px;height: 112px;border-radius: 50%;}
.banner_product_dash .nobel_prize .img img{width: 100%;height:100%;border-radius: 50%;}
.banner_product_dash .nobel_prize .text{width: calc(100% - 112px);padding: 0 20px;}
.banner_product_dash .nobel_prize h3{font-size: 16px;font-weight: 900;line-height: 20px;margin-bottom: 14px;}
.banner_product_dash .nobel_prize p{color: #D4DCE6;line-height: 16px;}
.banner_product_dash .doctors_box{margin-top: 60px;border: 1px solid #00000024; backdrop-filter: blur(50px); border-radius:26px; overflow: clip;}
.banner_product_dash .doctors_box:empty{display: none;}
.banner_product_dash .doctors_box .btn{position: relative;padding: 15px 22px;border-radius: 30px;font-size: 18px;font-weight: 700;line-height: 24px;text-transform: uppercase;width: 100%;border: none;background-color: #A8C1E6;z-index: 2;}
.banner_product_dash .doctors_box .btn::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000000;
  background: linear-gradient(88deg, rgba(0, 0, 0, 1) 0%, rgba(168, 193, 230, 1) 100%);    z-index: -1; border-radius: 24px;transition: 0.4s ease all;}
.banner_product_dash .doctors_box .btn::after{display: none;}
.banner_product_dash .doctors_box .btn em{font-style: normal;transition: 0.4s ease all;}
.banner_product_dash .doctors_box .btn span{position: absolute; left: 22px; top: 0; bottom: 0; margin: auto; height: fit-content;opacity: 0;transition: 0.4s ease all;}
.banner_product_dash .doctors_box .btn svg{position: absolute;top: 0;bottom: 0; margin: auto;right: 14px;}
.banner_product_dash .doctors_box .img_text{padding: 20px 30px;}
.banner_product_dash .doctors_box .img_text .img{width: 60px;height: 60px;border-radius: 50%;}
.banner_product_dash .doctors_box .img_text .img img{width: 100%;height:100%;border-radius: 50%;}
.banner_product_dash .doctors_box .img_text .text{width: calc(100% - 60px);padding: 0 0 0 20px;padding-top: 15px;}
.banner_product_dash .doctors_box .img_text h3{font-size: 16px;font-weight: 700;line-height: 20px;margin-bottom: 14px;}
.banner_product_dash .doctors_box .img_text p{color: #D4DCE6;line-height: 16px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;transition: 0.4s ease all;}

.banner_product_dash .doctors_box:hover .btn{color: #213349;}
.banner_product_dash .doctors_box:hover .btn::before{opacity: 0;}
.banner_product_dash .doctors_box:hover svg rect{stroke: #213349;}
.banner_product_dash .doctors_box:hover svg path{fill: #213349;}
.banner_product_dash .doctors_box:hover .img_text p{-webkit-line-clamp: 6;}

.banner_product_dash .doctors_box .btn:hover{background-color: var(--white);}
.banner_product_dash .doctors_box .btn:hover em{opacity: 0;}
.banner_product_dash .doctors_box .btn:hover span{opacity: 1;}
.banner_product_dash .doctors_box .btn:hover svg rect{stroke: #213349;fill:  #213349;;}
.banner_product_dash .doctors_box .btn:hover svg path{fill: #fff;}

.banner_product_dash .right_col{width: 406px;}
.before_after_slider_wrap{height: 164px;gap: 5px;}
.before_after_slider_wrap .before,
.before_after_slider_wrap .after{    width: 46px; height: 100%; font-size: 18px; text-transform: uppercase; font-weight: 700; color: var(--white); background: #000000; background: linear-gradient(0deg, #675161 0%, #000000 100%); writing-mode: vertical-lr; text-orientation: mixed; padding: 20px 12px; border-radius: 50px; transform: rotate(180deg); }
.before_after_slider_wrap .after{height: 99px;background: linear-gradient(140deg, #636B92 0%, #000000 100%);}
.before_after_slider_wrap .btn{width: 46px;height: 46px;border-radius: 50%;    display: flex; justify-content: center; align-items: center;padding: 0;margin-top: 10px;}
.before_after_slider_wrap .btn::after { margin: 0; width: 9px; height: 12px; transform: rotate(90deg); }
.before_after_slider_wrap .baslider{width: 304px;}


.before_after_slider_wrap .baslider{ position: relative; display: flex; width: 304px; max-height: 164px; aspect-ratio: 3 / 2;border-radius: 31px;overflow: hidden;}
.before_after_slider_wrap .baslider .img-wrapper { position: absolute; width: 100%; height: 100%; overflow: hidden; }
.before_after_slider_wrap .baslider .img-wrapper:nth-child(2) { clip-path: inset(0px 0px 0px 50%); }
.before_after_slider_wrap .baslider .img-wrapper img { width: 100%; height: 100%; object-fit: cover; }
.before_after_slider_wrap .baslider #line { position: absolute; left: 50%; transform: translateX(-50%); width:0.78px; height: 100%; background-color: #213349; }
.before_after_slider_wrap .baslider input { appearance: none; -webkit-appearance: none; background-color: transparent; position: absolute; width: calc(100% + 2.25rem); height: 100%; left: -1.125rem;opacity: 0;}


.banner_product_dash .how_use_perfectio{padding:30px;border-radius: 40px;border: 1px solid #FFFFFF33;margin-top: 15px;text-align: center;background: #00000033;     background: linear-gradient(170deg, #af5d7078 -20%, #9fb0f573 50%, #579eca6e 100%); backdrop-filter: blur(50px);}
.banner_product_dash .how_use_perfectio h3{font-size: 18px;line-height:1.1;text-transform: uppercase;letter-spacing: 0.4px;margin-bottom: 12px;}
.banner_product_dash .how_use_perfectio p{line-height: 16px;}
.banner_product_dash .how_use_perfectio .btn{font-size: 16px;margin:26px auto 0;}

.banner_product_dash  .product_reg_box { position: relative; bottom: 0; right: 0; width:100%;margin-top: 37px;}
.banner_product_dash  .best_use_with{border: 1px solid #20202003;backdrop-filter: blur(50px);border-radius: 30px;padding: 22px 20px;margin-top: 15px;}

.banner_product_dash  .best_use_with>.btn{position: relative;padding: 15px 22px;border-radius: 30px;font-size: 18px;font-weight: 700;line-height: 24px;text-transform: uppercase;width: 100%;border: none;background-color: #A8C1E6;z-index: 2;}
.banner_product_dash  .best_use_with>.btn::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000000;
  background: linear-gradient(88deg, rgba(0, 0, 0, 1) 0%, rgba(168, 193, 230, 1) 100%);    z-index: -1; border-radius: 24px;transition: 0.4s ease all;}
.banner_product_dash  .best_use_with>.btn::after{display: none;}
.banner_product_dash  .best_use_with>.btn em{font-style: normal;transition: 0.4s ease all;}
.banner_product_dash  .best_use_with>.btn span{position: absolute; left: 22px; top: 0; bottom: 0; margin: auto; height: fit-content;opacity: 0;transition: 0.4s ease all;}
.banner_product_dash  .best_use_with>.btn svg{position: absolute;top: 0;bottom: 0; margin: auto;right: 14px;}

.banner_product_dash  .best_use_with>.btn:hover{background-color: var(--white);}
.banner_product_dash  .best_use_with>.btn:hover::before{opacity: 0;}
.banner_product_dash  .best_use_with>.btn:hover em{opacity: 0;}
.banner_product_dash  .best_use_with>.btn:hover span{opacity: 1;}
.banner_product_dash  .best_use_with>.btn:hover svg rect{stroke: #213349;fill:  #213349;;}
.banner_product_dash  .best_use_with>.btn:hover svg path{fill: #fff;}
.banner_product_dash .best_use_with .colin { padding: 18.5px 20px 18.5px 0; border-radius: 30px; background: #00000033; background: linear-gradient(90deg, #676f82 0%, #14141f 100%); backdrop-filter: blur(50px); margin-top: 5px; }
.banner_product_dash  .best_use_with .colin .img{width: 70px;height:83px;display: flex; align-items: center; justify-content: center;padding: 0 5px;}
.banner_product_dash  .best_use_with .colin .img img{}
.banner_product_dash  .best_use_with .colin .text{width: calc(100% - 70px);}
.banner_product_dash  .best_use_with .colin h3{font-size: 16px;font-weight:400;line-height: 11px;margin-bottom: 10px;}
.banner_product_dash  .best_use_with .colin p{line-height: 16px;}
.banner_product_dash  .best_use_with .colin .btn { margin-top: 10px; line-height: 24px; padding: 0 10px; }
.banner_product_dash  .best_use_with .swiper-pagination{display: flex;align-items: center;justify-content: center;    bottom: 11px;}
.banner_product_dash  .best_use_with .swiper-pagination span{margin: 0 4px !important;background-color: #D4E6FD !important;opacity: 0.2 !important;width: 6px;height: 6px;}
.banner_product_dash  .best_use_with .swiper-pagination span.swiper-pagination-bullet-active{opacity: 1 !important;}

.banner_product_dash{    height: calc(100vh - 100px); overflow: auto; }
.light_animation { position: absolute; width: 399px; height: 700px; top: 100px; z-index: 2; left: 0; right: 0; margin: auto; transform-origin: center;}
.light_animation { width: 595px; height:595px;top: 0;bottom: 0;}
.banner_product_dash .light_animation img{max-height: 100%;}
.banner_product_dash .light_animation img+img{display: none;}
/* .banner_product_dash.active .light_animation{animation: bounce 10s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);} */
@keyframes bounce {
  0%   { transform: translateY(-50px) rotate(0deg)  scale(0.85);}
  10%  { transform: translateY(0px)   rotate(0deg)  scale(0.85);}
  30%  { transform: translateY(-50px) rotate(-5deg) scale(0.85);}
  40%  { transform: translateY(0px)   rotate(0deg)  scale(0.85);}
  100% { transform: translateY(0px)   rotate(0deg)  scale(0.85);}
}
.banner_product_dash.active .light_animation img{  position: absolute; inset: 0; margin: auto; opacity: 1;}
/* .banner_product_dash.active .light_animation .img0 { animation: lastStepShow 10s ease forwards; animation-delay: 0s;transform: rotate(-3deg); }
.banner_product_dash.active .light_animation .img1 { animation: stepShow 10s ease forwards; animation-delay: 2s; }
.banner_product_dash.active .light_animation .img2 { animation: stepShow 10s ease forwards; animation-delay: 4s; }
.banner_product_dash.active .light_animation .img3 { animation: stepShow 10s ease forwards; animation-delay: 6s; }
.banner_product_dash.active .light_animation .img4 { animation: lastStepShow 10s ease forwards; animation-delay: 8s; }  */
@keyframes stepShow {
  0%   { opacity: 0; }
  10%  { opacity: 1; }
  30%  { opacity: 1; }
  40%  { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes lastStepShow {
  0%   { opacity: 0; }
  10%  { opacity: 1; }
  100% { opacity: 1; }
}


/* banner_product_howuse */
.banner_comman .contents{pointer-events: none;max-height: 70vh;}
.banner_comman .contents *{pointer-events: all;}
.single_button_box { width: fit-content !important; padding: 30px 30px 5px 0; border-radius: 0 47px 0 0; }
.single_button_box>.bottom { right: -52px; max-width: 80px; }
.banner_product_work{}
.banner_product_work .bg::after{ /* background-color: #21161A;  */ mix-blend-mode: color; background: linear-gradient(168deg, #21161A 50%, rgba(168, 193, 230, 1) 200%); }
.banner_product_work .bg::before {background-color: #000; opacity: 0.5;}

.banner_product_work .contents { padding: 196px 51px 0;justify-content: space-between;}
.banner_product_work .left_col{}
.banner_product_work .left_col h1{line-height: 80px;}
.banner_product_work .left_col p{margin-top: 5px;}
.banner_product_work .left_col .btn{margin-top: 30px;}
.banner_product_work .right_col{position: relative;width: 1134px;}
.banner_product_work .right_col .device_img { position: absolute; top: -90px; left: 0; right: 20%; margin: auto; max-width: 760px; }

.banner_product_work .right_col ul{padding-top: 131px;}
.banner_product_work .right_col ul li{width: 50%;}
.banner_product_work .right_col ul li:nth-child(n+3){margin-top:225px;}
.banner_product_work .right_col ul li .col{max-width: 208px;position: relative;}
.banner_product_work .right_col ul li .col img{position: absolute;left: calc(100% + 20px);top: 0;bottom: 0;margin: auto;}
.banner_product_work .right_col ul li:nth-child(2n) .col img{right: calc(100% + 20px);left: auto;transform: scale(-1);}
.banner_product_work .right_col ul li:nth-child(2n) .col{margin: 0 auto;margin-right: 0;}
.banner_product_work .right_col ul li:nth-child(3) .col{margin-left: -54%;}
.banner_product_work .right_col ul li:nth-child(4) .col{margin: 0 auto;margin-right: 190px;}
.banner_product_work .right_col ul li strong{font-size: 16px;line-height: 16px;color: var(--white);font-weight:700;margin-bottom: 16px;display: block;}
.banner_product_work .right_col ul li p{font-size: 14px;line-height: 16px;color:#D4DCE6;}

.banner_product_work .right_col ul li:first-child{margin-top: -110px;}
.banner_product_work .right_col ul li:nth-child(3){    margin-top: 0; position: relative; left: 20%;}
.banner_product_work .right_col ul li:nth-child(5) { margin-top: -60px; position: relative; left: -14%; }



/* banner_product_use */
.banner_product_use{height:calc(100vh - 100px);overflow: auto;}
.banner_product_use .bg::after{ /* background-color: #21161A;  */ mix-blend-mode: color; background: linear-gradient(168deg, #21161A 50%, rgba(168, 193, 230, 1) 200%); }
.banner_product_use .bg::before {background-color: #000; opacity: 0.5;}

.banner_product_use .contents { padding: 196px 51px 0px;}
.banner_product_use .left_col{width: 564px;}
.banner_product_use .left_col p{margin-top: 30px;text-transform: uppercase;font-size: 40px;line-height: 28px;font-weight: 300;}
.banner_product_use .left_col .btn{margin-top: 30px;}
.banner_product_use .left_col .btn img{margin-right: 6px;}
.banner_product_use .left_col .btn::after{display: none;}
.banner_product_use .left_col .btn:hover img{filter: brightness(0) saturate(100%) invert(0%) sepia(88%) saturate(7476%) hue-rotate(225deg) brightness(81%) contrast(91%);}
.banner_product_use .right_col{position: relative;width: 966px;}
.banner_product_use .right_col .img { position: absolute; bottom: 0; left: -100px; max-width: 760px; }
.banner_product_use .right_col .device_img {}

.banner_product_use .right_col .box { max-width: 392px; margin: 0 auto; margin-right: 0; margin-top: 128px; position: relative; z-index: 2; }
.banner_product_use .right_col .box h3{margin-bottom: 50px;font-size: 40px;line-height: 46px;font-weight: 700;}
.banner_product_use .right_col ul li{margin-bottom: 40px;padding-right: 15px;}
.banner_product_use .right_col ul li strong{font-size: 16px;line-height: 16px;color: var(--white);font-weight:700;margin-bottom: 16px;display: block;}
.banner_product_use .right_col ul li p{font-size: 14px;line-height: 16px;color:#D4DCE6;}

/* video_model */
/* .video_btn{width: 92px;height: 92px;border-radius: 50%;overflow: hidden;position: absolute;bottom:140px;right:97px; z-index: 9;transition: 0.1s ease all;    display: flex; justify-content: center; align-items: center;}
.video_btn .img{position: absolute;top: 0;right: 0;width: 100%;height: 100%;border-radius: 50%;}
.video_btn .img .icon{position:absolute;z-index: 1;left: 0;right: 0;bottom: 0;top: 0;margin: auto;}
.video_btn .img::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;    background-color: #000; opacity: 0.65; }
.video_btn .img img:not(.icon){width: 100%;height: 100%;object-fit: cover;object-position: center;}
.video_btn:hover .img{opacity: 0;pointer-events: none;}
.video_btn:hover{width: 589px;height: 331px;border-radius: 40px;}
.video_btn video{position: absolute; top: 50%; left: 50%; transform:translate3d(-50%,-50%,0); width:100%; height:100%; object-fit: cover; z-index: -1;  object-position: top center;transition: 0.1s ease all;} */

.video_btn{width:333px;height: 187px;border-radius: 40px;position: absolute;    bottom: 136px; right: 60px; z-index: 9;transition: 0.1s ease all;    display: flex; justify-content: center; align-items: center;}
.video_btn span img{}
.video_btn video{position: absolute; top: 50%; left: 50%; transform:translate3d(-50%,-50%,0); width:100%; height:100%; object-fit: cover; z-index: -1;  object-position: top center;transition: 0.1s ease all;border-radius: 40px;}
.video_btn h6{    position: absolute; bottom: -30px; font-size: 15px; text-align: center; width: 100%; }


.video_model{position: fixed; z-index: 999999; width: 100%; height: 100vh; background-color: #000000d9; top: 0; right: 0;display: flex;justify-content: center;align-items: center;opacity: 0;visibility: hidden;transition: 0.4s ease all;}
.video_model.open{opacity: 1;visibility:visible;}
.video_model .close{position: absolute; top: 20px; right: 30px; color: var(--white); z-index: 1; font-size: 25px; font-weight: 300;cursor: pointer;}
.video_model .inner{position: relative;width: 80vw;height:calc(100vh - 80px);margin-top:30px;}
.video_model .inner video{position: absolute; top: 50%; left: 50%; transform:translate3d(-50%,-50%,0); width:100%; height:100%; object-fit: contain;  object-position: top center;transition: 0.1s ease all;}
.video_model .inner .play{position: absolute;left: 0;bottom: 0;right: 0;top: 0;margin: auto;cursor: pointer;display: none;}

/* product how to use 2 */
.banner_product_use2.banner_comman .right_col{position: relative;width: 825px;margin-left: 176px;}
.banner_product_use2.banner_comman .right_col .img {     position: absolute; bottom:0px; left: -570px; max-width: 520px;}
.banner_product_use2.banner_comman .right_col .device_img {}
.banner_product_use2.banner_comman .right_col .box { position: relative; z-index: 2;max-width: 100%;margin: 0;margin-top:175px;}
.banner_product_use2.banner_comman .right_col .box h3{margin-bottom: 50px;font-size: 40px;line-height: 37.5px;font-weight: 700;}
.banner_product_use2.banner_comman .right_col .colin{width: calc(50% - 42.5px);}
.banner_product_use2.banner_comman .right_col ul{list-style: auto;padding-left: 12px;}
.banner_product_use2.banner_comman .right_col ul li{margin-bottom: 25px;font-size: 16px;line-height: 16px;color: var(--white);font-weight:400;    padding-left: 10px;}

/* product how to use 3 */
.banner_product_use3.banner_comman .right_col .box { max-width: 392px; margin-top: 178px; }
.banner_product_use3.banner_comman .right_col .img { bottom: 0px; left: -430px; max-width: 1150px; }
.banner_product_use3.banner_comman .right_col .img { bottom: 0px; left: -60px; max-width: 1150px; }
.banner_product_use .img .circle{display: none !important;}

/* banner product result */
.banner_product_result .bg { background-image: none;    background: linear-gradient(90deg, #11121b -20%, rgb(0 0 0) 80%); }
.banner_product_result .bg video{ background-size: contain; object-position: 30vw center; object-fit: contain;}
.banner_product_result .bg::after { background: linear-gradient(168deg, #25395157 50%, rgb(0 0 0 / 44%) 200%); }
.banner_product_result .left_col{width:auto;}
.banner_product_result .produc_blog{margin-top: 74px;}
.banner_product_result .produc_blog .colin {padding:30px 40px 30px 0; border-radius: 30px; background: #00000033; background: linear-gradient(90deg, #a8c1e647 0%, #21334924 100%); backdrop-filter: blur(50px); margin-top: 5px; width: 400px; margin-right: 20px;}
.banner_product_result .produc_blog .colin .img{width:140px;height:83px;    display: flex; align-items: center; justify-content: center; }
.banner_product_result .produc_blog .colin .img img{    max-height: 100%;}
.banner_product_result .produc_blog .colin .text{width: calc(100% - 140px);}
.banner_product_result .produc_blog .colin h3{font-size: 20px;font-weight:400;line-height: 14px;margin-bottom:0px;}
.banner_product_result .produc_blog .colin p{line-height: 16px;font-size: 14px;text-transform: none;margin-top: 14px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.banner_product_result .produc_blog .colin .btn { margin-top:28px; line-height: 24px; padding: 0 10px; }
.banner_product_result .produc_blog .colin .btn::after{display:block;}

/* abouts inner pages */
.banner_about_sec.hide_layer .bg::before,
.banner_about_sec.hide_layer .bg::after{display: none;}
.banner_about_sec{height: calc(100vh - 100px);overflow: auto;}
.banner_about_sec .contents { min-height: calc(100vh - 95px); }
.banner_about_sec .bg::before { background-color: #000; opacity: 0.5; }
.banner_about_sec .contents{padding: 250px 80px 0;}
.banner_about_sec .left_col{width: 460px;}
.banner_about_sec .left_col h1{font-size: 40px;line-height: 37.5px;margin-bottom: 60px;font-weight: 700;}
.banner_about_sec .left_col h3{font-size: 20px;line-height: 19.5px;margin-bottom: 20px;}
.banner_about_sec .left_col p{font-size: 16px;line-height: 18.2px;}
.banner_about_sec .left_col p:last-child{margin-top: 20px;}
.banner_about_sec .left_col .btn{margin-top: 20px;}
.banner_about_sec .left_col .read_more{display: none;}
.banner_about_sec .right_col{width:calc(100% - 460px);max-width: 740px;margin: 0 auto;padding-bottom: 120px;}

.banner_about_sec .inner_simple_text_box{border: 1px solid #FFFFFF1A;background-color: #2133491A;backdrop-filter: blur(100px);padding: 40px 30px;border-radius: 20px;text-align: center;margin-bottom: 10px;}
.banner_about_sec .inner_simple_text_box h3{font-size: 16px;line-height: 15.5px;font-weight: 400;}
.banner_about_sec .inner_simple_text_box h4{font-size: 16px;line-height: 15.5px;margin-top: 40px;}
.banner_about_sec .inner_simple_text_box h2{font-size: 18px;line-height: 15.5px;text-transform: uppercase;letter-spacing: 0.5px;}
.banner_about_sec .inner_simple_text_box .lists{display: flex;flex-wrap: wrap;text-align: left;margin-top: 50px;justify-content: space-between;}
.banner_about_sec .inner_simple_text_box .lists li{width:177px;padding:0 15px;position: relative;}
.banner_about_sec .inner_simple_text_box .lists li:first-child{padding-left: 0;width:162px;}
.banner_about_sec .inner_simple_text_box .lists li:last-child{padding-right: 0;width:162px;}
.banner_about_sec .inner_simple_text_box .lists li:not(:last-child)::after { content: ''; position: absolute; width: 1px; right: 0; height: 100%; background-color: #FFFFFF; top: 0; bottom: 0; margin: auto; opacity: 0.1; }
.banner_about_sec .inner_simple_text_box .lists li h5{color: #A8C1E6;font-size: 16px;line-height: 12px;font-weight: 400;margin-bottom: 10px;}
.banner_about_sec .inner_simple_text_box .lists li h6{font-size: 16px;line-height: 16px;margin-bottom: 16px;}
.banner_about_sec .inner_simple_text_box .lists li p{font-size: 14px;color: #D4DCE6;line-height: 18px;}

.banner_about_sec .inner_about_list{gap: 10px;display: flex;flex-wrap: wrap;justify-content: center;}
.banner_about_sec .inner_about_list li{border: 1px solid #FFFFFF1A;background-color: #2133491A;backdrop-filter: blur(100px);padding:20px 15px;border-radius: 20px;text-align: center;width:calc(33.33% - 7px);min-height: 136px;}
.banner_about_sec .inner_about_list li .img{width:50px;height: 50px;margin: 0 auto;margin-bottom: 20px;}
.banner_about_sec .inner_about_list li p{color: #D4DCE6;font-size: 14px;line-height: 16px;}

.inner_pages_sec{position: absolute;bottom: 70px;left: 0;right: 0;width: calc(100% - 140px);margin: auto;z-index: 999;}
.inner_pages_sec ul{background-color: #2133491A;z-index: 999;display: flex;align-items: center;justify-content: center;width: 100%;flex-wrap: wrap;border: 1px solid #FFFFFF1A;border-radius: 60px; backdrop-filter: blur(100px);padding:30px 20px;}
.inner_pages_sec ul li{line-height: 29px;position: relative;}
.inner_pages_sec ul li:not(:last-child)::after{content:'';position: absolute;width: 1px;right: 0;height: 100%;background-color: #FFFFFF;top: 0;bottom: 0;margin: auto;opacity: 0.1;}
.inner_pages_sec ul li a{line-height: 29px;font-size: 16px;color: var(--white);font-weight: 400;padding: 0 15.5px;}
.inner_pages_sec ul li a:hover,
.inner_pages_sec ul li a.active{color: #B7D2FA;}


/* about-scrience */
.banner_about_scrience .bg{background-image: none;background-color: #000;}
.banner_about_scrience .bg video { object-fit: contain; object-position: 400px center; }
.banner_about_scrience .bg::before { opacity: 0.5; background: linear-gradient(0deg, #1b2a3d 30%, #05070b 70%); }
.banner_about_scrience .bg::after{ mix-blend-mode: hue; background: linear-gradient(0deg, #213349 0%, #213349 100%);}
.banner_about_scrience .right_col{padding-top: 75px;}
.banner_about_scrience .right_col ul li{width: 50%;}
.banner_about_scrience .right_col ul li:first-child{margin-left: -40px;}
.banner_about_scrience .right_col ul li:nth-child(2){margin-right: -80px;margin-top: -20px;}
.banner_about_scrience .right_col ul li:nth-child(3){margin-left: -80px;}
.banner_about_scrience .right_col ul li:nth-child(3) .col{margin-top: 0px;}
.banner_about_scrience .right_col ul li:nth-child(n+3){margin-top: 145px;}
.banner_about_scrience .right_col ul li .col{max-width: 206px;position: relative;}
.banner_about_scrience .right_col ul li .col img{position: absolute;left: calc(100% + 20px);top: 0;bottom: 0;margin: auto;}
.banner_about_scrience .right_col ul li:nth-child(2n) .col img{right: calc(100% + 20px);left: auto;transform: scale(-1);}
.banner_about_scrience .right_col ul li:nth-child(2n) .col{margin: 0 auto;margin-right: 0;}
.banner_about_scrience .right_col ul li:nth-child(4) .col{margin: 0 auto; margin-right: 20px; padding: 0; margin-top: 0px;}
.banner_about_scrience .right_col ul li strong{font-size: 16px;line-height: 16px;color: var(--white);font-weight:700;margin-bottom: 16px;display: block;}
.banner_about_scrience .right_col ul li p{font-size: 14px;line-height: 16px;color:#D4DCE6;}

/* about-mission */
.banner_about_mission{}
.banner_about_mission .bg{background-image: none;background-color:#000A4A;background-position: top center;}
.banner_about_mission .bg::before { opacity: 0.5; background: linear-gradient(0deg, #000 0%, #000 100%); }
.banner_about_mission .bg::after{     background: linear-gradient(0deg, #000A4A 0%, #000A4A 100%); opacity: 0.3;}

/* about-laser */
.banner_about_laser{}
.banner_about_laser .bg{background-image: none;background-color:#000A4A;background-position:center;opacity: 1;}
.banner_about_laser .bg::before {opacity: 0.5; background: linear-gradient(0deg, #000 0%, #000 100%); }
.banner_about_laser .bg::after{background: linear-gradient(0deg, #000A4A 0%, #000A4A 100%); opacity: 0.6;}
.banner_about_laser .inner_simple_text_box{margin-top: 10px;}

/* about-led */
.banner_about_led{}
.banner_about_led .inner_simple_text_box{margin-top: 10px;}
.banner_about_led .contents .inner_simple_text_box .lists li { width:236px; }
.banner_about_led .contents .inner_simple_text_box .lists li:first-child ,
.banner_about_led .contents .inner_simple_text_box .lists li:last-child { width: 221px; }

/* about-why */
.banner_about_why{}
.banner_about_why .bg::before { opacity: 0.2;}
.banner_about_why.banner_about_sec .contents { padding: 173px 80px 180px; }
.banner_about_why h1{font-size: 40px;line-height:40px;margin-bottom:40px;text-align: center;font-weight: 300;}
.banner_about_why .contents .inner_simple_text_box{max-width: 1400px;margin: 0 auto;}
.banner_about_why .contents .inner_simple_text_box .lists{margin: 0;}
.banner_about_why .contents .inner_simple_text_box .lists li{ width:18.8%;padding: 0 20px 0 0;margin-right: 20px;}
.banner_about_why .contents .inner_simple_text_box .lists li:last-child{padding: 0 0 0 20px;margin-right: 0;}
.banner_about_why .join_box{max-width: 794px;margin:60px auto 0;backdrop-filter: blur(100px);border-radius:40px;padding: 60px 70px;text-align: center;}
.banner_about_why .join_box h2{text-transform: uppercase;font-size: 40px;line-height: 50px;margin-bottom: 28px;font-weight: 300;}
.banner_about_why .join_box p{font-size: 20px;line-height:19px;margin-bottom: 30px;}
.banner_about_why .join_box ul{gap: 15px;}
.banner_about_why .join_box ul li{width: 30px;height: 30px;    display: flex; align-items: center; justify-content: center;}
.banner_about_why .join_box ul li img{object-fit: contain;object-position: center;}

/* model-about-inner */
.model_about_inner{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 99999;background-color: #00000067;display: flex;align-items: center;justify-content: center;opacity: 0;pointer-events: none;transition: 0.4s ease all;}
.model_about_inner.open{opacity: 1;pointer-events: all;}
.model_about_inner .inner{max-width: 869px;height: fit-content;padding: 60px;background-color: #00000066;border: 1px solid #FFFFFF1A;border-radius: 40px;backdrop-filter: blur(100px);position: relative;max-height: 80vh; overflow: auto;}
.model_about_inner .close{position: absolute;right: 25px;top: 25px;width: 42px;height: 42px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: 0.4s ease all;}
.model_about_inner .close:hover{background-color: #ffffff6b;}
.model_about_inner h2{font-size: 20px;line-height: 24px;margin-bottom: 11px;}
.model_about_inner p{font-size: 16px;line-height: 20px;margin-bottom: 51px;}
.model_about_inner .col:not(:last-child){margin-bottom: 30px;}
.model_about_inner h3{font-size: 18px;line-height: 26px;margin-bottom: 2px;}
.model_about_inner ul{}
.model_about_inner ul li{color: #B7D2FA;font-size: 14px;line-height: 13px;padding: 10px 0;border-bottom: 1px solid #ffffff3a;transition: 0.4s ease all;}
.model_about_inner ul li a{    color: #B7D2FA; font-size: 14px; line-height: 1;}
.model_about_inner ul li:hover{color: var(--white);}

/* our strory */
.banner_our_strory{height: calc(100vh - 100px);overflow: auto;}
.banner_our_strory .bg video{transform: translateX(-50%) scale3d(-1,1,1);}
.banner_our_strory .bg::before {background-image: url(../images/our-story_layer.png);background-repeat: no-repeat;    background-size: 100% 100%;}
.banner_our_strory .contents { padding: 250px 80px 20px; }
.banner_our_strory .left_col { width: 600px;}
.banner_our_strory .left_col h1,
.banner_our_strory .left_col h2{font-size: 40px;line-height: 46px;font-weight: 700;margin-bottom: 46px;}
.banner_our_strory .left_col h3{font-size: 20px;line-height: 24px;font-weight: 900;margin-bottom: 30px;}
.banner_our_strory .left_col p{font-size: 16px;line-height: 20px;word-spacing: 1px;margin-bottom: 12px;}
.banner_our_strory .left_col p:last-child{margin-bottom: 0;}
.banner_our_strory .left_col p:empty { display: none; }
.banner_our_strory .left_col .btn{margin-top: 40px;}

.banner_our_strory_science .left_col { width:740px;}
.banner_our_strory .text_box{border: 1px solid #FFFFFF1A;background-color: #2133491A;backdrop-filter: blur(100px);padding: 40px 15px;border-radius: 20px;}
.banner_our_strory .text_box h3{font-size: 16px;line-height: 15.5px;font-weight: 400;}
.banner_our_strory .text_box h4{font-size: 16px;line-height: 15.5px;margin-top: 40px;}
.banner_our_strory .text_box h2{font-size: 18px;line-height: 15.5px;text-transform: uppercase;letter-spacing: 0.5px;}
.banner_our_strory .text_box .lists{display: flex;flex-wrap: wrap;text-align: left;}
.banner_our_strory .text_box .lists li{width:33.33%;padding:0 15px;position: relative;}
.banner_our_strory .text_box .lists li:nth-child(n+4){margin-top: 40px;}
.banner_our_strory .text_box .lists li:not(:nth-child(3n))::after { content: ''; position: absolute; width: 1px; right: 0; height: 100%; background-color: #FFFFFF; top: 0; bottom: 0; margin: auto; opacity: 0.1; }
.banner_our_strory .text_box .lists li h6{font-size: 16px;line-height: 16px;margin-bottom: 16px;}
.banner_our_strory .text_box .lists li p{font-size: 14px;color: #D4DCE6;line-height: 18px;}
.banner_our_strory .read_more{display: none;}

/* our-story-why */
.banner_our_strory_why{}
.banner_our_strory_why .bg::after { opacity: 0.45;background-color: #000000;}
.banner_our_strory_why.banner_our_strory .contents { padding:217px 80px 50px; }
.banner_our_strory_why h1,
.banner_our_strory_why h2{font-size: 40px;line-height:40px;margin-bottom:13px;text-align: center;font-weight: 300;}
.banner_our_strory_why .contents>p{text-align: center;font-size: 20px;line-height: 24px;margin-bottom: 40px;}
.banner_our_strory_why .contents .text_box{max-width: 1400px;margin: 0 auto;}
.banner_our_strory_why .contents .text_box .lists{margin: 0;}
.banner_our_strory_why .contents .text_box .lists li{ width:20%;padding:0 20px;}
.banner_our_strory_why .contents .text_box .lists li:nth-child(n+4){margin-top:0;}
.banner_our_strory_why .text_box .lists li:not(:last-child)::after { content: ''; position: absolute; width: 1px; right: 0; height: 100%; background-color: #FFFFFF; top: 0; bottom: 0; margin: auto; opacity: 0.1; }
.banner_our_strory_why .text_box .lists li:last-child:after{display: none !important}

.banner_our_strory_why .join_box{max-width:1073px;margin:60px auto 0;backdrop-filter: blur(100px);border-radius:40px;padding: 60px 70px;text-align: center;}
.banner_our_strory_why .join_box h2{text-transform: uppercase;font-size: 40px;line-height: 50px;margin-bottom: 28px;font-weight: 300;}
.banner_our_strory_why .join_box .logos{gap: 15px;}
.banner_our_strory_why .join_box .logos li{width: 30px;height: 30px;    display: flex; align-items: center; justify-content: center;}
.banner_our_strory_why .join_box .logos li img{object-fit: contain;object-position: center;}
.banner_our_strory_why .join_box .fature{margin-bottom: 30px;}
.banner_our_strory_why .join_box .fature li{font-size: 20px;line-height: 24px;font-weight: 400;color: var(--white);}
.banner_our_strory_why .join_box .fature li+li{padding-left: 40px;background-image: url(../images/star.png);background-repeat: no-repeat;background-position:10px center;}

/* search-result */
.search_result_banner{height: calc(100vh - 100px);overflow: auto;}
.search_result_banner .contents{max-width: 1300px;padding:195px 0 20px;max-height: none !important;}
.search_result_banner h1{font-size: 54px;line-height: 66px;font-weight:100;text-align: center;margin-bottom: 47px;}
.search_result_banner .search_result_box{position: relative;width: 100%;padding:40px;border-radius: 100px;background-color: #A8C1E60D; backdrop-filter: blur(100px);}
.search_result_banner .search_result_box .in{width: 100%;height:57px;border: 1px solid var(--white);padding: 0 20px;border-radius: 30px;color: var(--white);font-size: 16px;font-weight: 400;}
.search_result_banner .search_result_box .in:focus{border-color: #A8C1E6;}
.search_result_banner .search_result_box .sub {     position: absolute; right: 46px; top: 0; height: 47px; width: 140px; line-height: 26px; background-color: var(--white); color: var(--black); text-align: center; bottom: 0; margin: auto; border-radius: 40px; font-size: 16px; cursor: pointer;}
.search_result_banner .search_result_box .sub:hover{background-color: #A8C1E6;}
.search_result_banner .col{padding: 40px;background-color: #A8C1E60D; backdrop-filter: blur(100px);border-radius: 40px;margin-top: 20px;}
.search_result_banner .col h3{font-size: 40px;line-height: 46px;margin-bottom: 20px;}
.search_result_banner .col p{font-size: 16px;line-height: 20px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.search_result_banner .col .btn{margin-top: 15px;}

/* terms page */
.terms_page{height: calc(100vh - 100px);overflow: auto;}
.terms_page .contents{max-width: 1300px;padding:195px 0 20px;margin-top: calc(-100vh + 100px);    max-height: initial;}
.terms_page .contents h1{font-size: 54px;line-height: 38px;font-weight:100;text-align: center;margin-bottom: 30px;font-family: 'Lato Hairline'; text-transform: uppercase; font-weight: 250;}
.terms_page .contents>p{text-align: center;font-size: 16px;}
.terms_page .btn_box{margin-top: 38px;}
.terms_page .btn_box a{ margin: 0 5px; font-size: 16px; padding: 17.5px 18.5px;}
.terms_page .btn_box a:hover{color: #213349;}
.terms_page .btn_box a::after{display: none;}
.terms_page .btn_box a.active{color: #213349;background-color: var(--white);}
@media screen and (min-width:768px) {
  .terms_page .btn_box a.active:hover{color:var(--white);background-color: transparent;}
}
.terms_page .terms_inner{padding: 70px 80px; background-color: #A8C1E60D; backdrop-filter: blur(100px);border-radius: 40px;margin-top: 80px;display: none;}
.terms_page .terms_inner.active{display: block;}
.terms_page .terms_inner>p{font-size: 16px;line-height: 20px;margin-bottom: 10px;word-spacing: 0.5px;}
.terms_page .terms_inner>p:last-child{margin-bottom: 0;}
.terms_page .terms_inner>p a{color: #A8C1E6;display: inline-block;font-size: 16px;line-height: 20px;}
.terms_page .lists{margin-top: 48px;}
.terms_page .lists li{padding:12px 0;border-bottom: 1px solid #ffffff3a;color: var(--white); font-size: 14px; line-height: 23px; font-weight: 400; }
.terms_page .lists li h3{position: relative;line-height: 30px;padding:0 20px 10px 0;font-size: 20px;font-weight: 900;cursor: pointer;transition: 0.4s ease all;}
.terms_page .lists li h3:hover{color: #A8C1E6;}
.terms_page .lists li h3 img{position: absolute;top: -10px;bottom: 0;right: 0;margin: auto;}
.terms_page .lists li h3.open img{transform: scale(-1);}
.terms_page .lists li .text {display: none;}
.terms_page .lists li .text ul{list-style: disc; padding-left: 20px;}
.terms_page .lists li .text ul li{border: none; padding: 3px 0;}




/* contact_page */
.contact_page {height: calc(100vh - 245px);overflow: auto;}
.contact_page .bg { height: auto; min-height: calc(100vh - 245px); }
.contact_page .contents { margin-top: calc(-100vh + 245px); min-height: calc(100vh - 245px); max-width: 1300px;padding:190px 0 20px;}
.contact_page .bg::before { background-color: #000; opacity: 0.4;}

.contact_page .contents>h1{font-weight: 200;font-size: 54px;line-height: 60px;margin-bottom: 80px;text-align: center;font-family: 'Lato Hairline'; text-transform: uppercase; font-weight: 250;}
.contact_page .inner{border-radius: 40px;padding: 70px 80px;background-color: #A8C1E60D;backdrop-filter: blur(100px);}
.contact_page .left_col{width: 400px;padding-right: 45px;}
.contact_page .left_col h1{font-size: 40px;line-height: 46px;margin-bottom: 23px;text-transform: capitalize;font-weight: 700;}
.contact_page .left_col p{font-size: 16px;line-height: 20px;margin-bottom: 20px;word-spacing: 0.2px;}
.contact_page .left_col p a{display: inline-block;font-size: 16px;line-height: 20px;word-spacing: 0.2px;color: #B7D2FA;}
.contact_page .left_col .btn{margin-bottom: 20px;}
.contact_page .left_col ul{}
.contact_page .left_col ul{margin-bottom: 30px;display: flex;align-items: center;flex-wrap: wrap;}
.contact_page .left_col ul li{font-size:16px;line-height:20px;font-weight: 400;color: var(--white);}
.contact_page .left_col ul li+li{padding-left:30px;background-image: url(../images/orange_star.png);background-repeat: no-repeat;background-position:10px center;}
.contact_page .right_col{width:calc(100% - 400px);}
.contact_page .right_col .wrap{justify-content: space-between;}
.contact_page .right_col .colin{width:calc(50% - 10px);}
.contact_page .right_col .col{position: relative;margin-bottom: 15px;}
.contact_page .right_col .col span{color: #D4DCE6;font-size: 16px;line-height: 20px;display: flex;align-items: center;padding-left: 0px;position: absolute;left: 15px; top: 9px;pointer-events: none;}
.contact_page .right_col .col span img{margin-left: 5px;}
.contact_page .right_col .col .in{height: 40px;border: 1px solid var(--white);border-radius: 20px;width: 100%;color: #D4DCE6;font-size: 16px;line-height: 20px;resize: none;background-color: transparent;outline: none;padding-left: 15px;}
.contact_page .right_col .col .in:focus{border-color: #B7D2FA;}
.contact_page .right_col .col select.in{background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position:right 15px center;background-size: 10px;}
.contact_page .right_col .col select.in option {color:#000000;}
.contact_page .right_col .col textarea.in{height: 206px;padding-top: 10px;}
.contact_page .right_col .sub{width: 100%;height:39px;background-color: var(--white);border-radius: 20px;text-align: center;color: #213349;font-size: 16px;cursor: pointer;}
.contact_page .right_col .sub:hover{background-color: #D4DCE6;}


/* training downloadfile */
.training_downloadfile {height: calc(100vh - 100px);overflow: auto;}
.training_downloadfile .contents {max-width: 1300px;padding:190px 0 20px;max-height: none;}
/* .training_downloadfile .bg::before { background-color: #000; opacity: 0.4;} */
.training_downloadfile h1{font-size: 54px;line-height: 38px;font-weight:100;text-align: center;margin-bottom: 30px;font-family: 'Lato Hairline'; text-transform: uppercase; font-weight: 250;}
.training_downloadfile .contents>p { text-align: center; font-size: 16px; }
.training_downloadfile .btn_box{margin-top: 38px;}
.training_downloadfile .btn_box a{ margin: 0 5px; font-size: 16px; padding: 17.5px 18.5px;text-transform: uppercase;}
.training_downloadfile .btn_box a:hover{color: #213349;}
.training_downloadfile .btn_box a::after{display: none;}
.training_downloadfile .btn_box a.active{color: #213349;background-color: var(--white);}
@media screen and (min-width:768px) {
  .training_downloadfile .btn_box a.active:hover{color:var(--white);background-color: transparent;}
}
.training_downloadfile .wrap{margin-top: 80px;}
.training_downloadfile .colin{border-radius: 50px; background-color: #A8C1E60D; backdrop-filter: blur(100px);overflow: hidden;margin-bottom: 40px;}
.training_downloadfile .colin h3 { position: relative; line-height:22px; padding:30px 45px 30px 40px;font-size:30px; font-weight: 700; cursor: pointer; transition: 0.4s ease all; background-color: #A8C1E626; backdrop-filter: blur(100px);border-radius: 0px;}
.training_downloadfile .colin h3 img{ position: absolute; top: 0px; bottom: 0; right: 40px; margin: auto; }
.training_downloadfile .colin h3.open img { transform: scale(-1); }
.training_downloadfile .colin .inner{padding:0 40px;transition: 0.5s ease all;max-height: 0;overflow: hidden;}
.training_downloadfile .colin .inner.open{max-height: 5000px;padding: 30px 40px;}
.training_downloadfile .colin .col{width: calc(50% - 20px);}
.training_downloadfile .colin .col:nth-child(n+3){margin-top: 40px;}
.training_downloadfile .colin h4{text-transform: uppercase;font-size: 18px;letter-spacing: 0.5px;font-weight: 700;line-height: 33px;padding-bottom: 10px;border-bottom: 1px solid #ffffff7c;}
.training_downloadfile .colin ul{margin-top: 10px;}
.training_downloadfile .colin ul li a{position: relative;padding: 5px 20px 5px 0;font-size: 16px;line-height: 20px;color: var(--white);font-weight: 400;}
.training_downloadfile .colin ul li:not(:last-child) a{border-bottom: 1px solid #a8c1e63d;}
.training_downloadfile .colin ul li img{ position: absolute; top: 0px; bottom: 0; right: 0px; margin: auto; }
.training_downloadfile .colin ul li:hover a{color: #A8C1E6;    background-color: #A8C1E626;
    backdrop-filter: blur(100px);}
.training_downloadfile .colin ul li:hover img{filter: brightness(0) saturate(100%) invert(80%) sepia(14%) saturate(756%) hue-rotate(182deg) brightness(94%) contrast(90%);}
.login_training>p{text-align: center;font-size: 16px;line-height: 20px;}
.watch_training_tab{display: none;}
.login_training.open{display: none;}
.watch_training_tab.open{display: block;}
.training_downloadfile .wrap{display: none;}
.training_downloadfile .wrap.active{display: block;}



/* watch video */
.training_downloadfile .col_vid{width:23.77%;margin-right:1.64%;margin-bottom:20px;border-radius:20px;overflow: hidden;position: relative;background-color: #1a2333a8;}
.training_downloadfile .col_vid:nth-child(4n){margin-right: 0;}
.training_downloadfile .col_vid .img_box{height: 163.72px;position: relative;cursor: pointer;}
.training_downloadfile .col_vid .img_box::after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%; background: #000000; background: linear-gradient(88deg, #000000d6 100%, #000000 0%, #000000 100%); mix-blend-mode: color;transition: 0.4s ease all;}
.training_downloadfile .col_vid .img_box .img{height: 100%;width: 100%;object-fit: cover;object-position: center;}
.training_downloadfile .col_vid .img_box .icon{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;z-index: 2;max-width: 49px;}
.training_downloadfile .col_vid span{font-size: 20px;line-height:1;color: var(--white);padding:17px 20px;position: relative;bottom: 0;left: 0;width: 100%; display: block; }
.training_downloadfile .col_vid:hover { background-color: #1e2c42;}
.training_downloadfile .col_vid:hover .img_box::after{opacity: 0;}

/* Training-Login */
section.training_login { height: calc(100vh - 196px); overflow: auto; }
section.training_login .bg { height: calc(100vh - 196px); }
section.training_login .contents { margin-top: calc(-100vh + 196px); min-height: calc(100vh - 196px); }

.training_downloadfile .inner_login{max-width: 670px;margin:80px auto 0;border-radius: 40px;background-color: #A8C1E60D;backdrop-filter: blur(100px);padding: 60px 80px;}
.training_downloadfile .inner_login p{text-align: center;font-size: 16px;line-height: 20px;}
.training_downloadfile .inner_login .in{margin: 25px 0 0px;width: 100%;border: 1px solid #FFFFFF;border-radius: 40px;padding: 0 16px;height: 40px;color: var(--white);}
.training_downloadfile .inner_login .in::placeholder{color: var(--white);}
.training_downloadfile .inner_login .in:focus{border-color: #A8C1E6;}
.training_downloadfile .inner_login .sub{ color: #213349; background-color: var(--white); height: 40px; width: 200px; border-radius: 40px; padding: 0 0 3px 0; margin: 0 auto; display: block; cursor: pointer;}
.training_downloadfile .inner_login .sub:hover{background-color: #A8C1E6;}

/* lifetime_warranty */
.lifetime_warranty{}
.lifetime_warranty {height: calc(100vh - 100px);overflow: auto;}
.lifetime_warranty .contents {max-width: 1300px;padding:190px 0 40px;max-height: none !important;}
.lifetime_warranty .bg::before { background-color: #000; opacity: 0.4;}
.lifetime_warranty h1{font-size: 54px;line-height: 38px;font-weight:100;text-align: center;margin-bottom: 30px;font-family: 'Lato Hairline'; text-transform: uppercase; font-weight: 250;}
.lifetime_warranty .contents>p { text-align: center; font-size: 16px; }
.lifetime_warranty .warranty_blog{}
.lifetime_warranty .warranty_blog .col{width: calc(50% - 10px); border-radius: 40px; background-color: #A8C1E60D; backdrop-filter: blur(100px); padding:55px 80px;margin-top: 80px;}
.lifetime_warranty .warranty_blog .col h2{line-height: 46px;font-size: 40px;margin-bottom: 30px;}
.lifetime_warranty .warranty_blog .col p{font-size: 16px;line-height: 20px;}
.lifetime_warranty .warranty_blog .col .btn{margin-top: 20px;}
.lifetime_warranty .warranty_free{ border-radius: 40px; background-color: #A8C1E60D; backdrop-filter: blur(100px); padding:70px 80px;margin-top:20px;}
.lifetime_warranty .warranty_free h2{line-height: 46px;font-size: 40px;margin-bottom: 30px;}
.lifetime_warranty .warranty_free p{line-height:20px;font-size: 16px;margin-bottom: 30px;}
.lifetime_warranty .warranty_free ul{display: flex;align-items: center;flex-wrap: wrap;border-bottom: 1px solid #fcfdff12;padding:7.5px 0;}
.lifetime_warranty .warranty_free ul li{width:calc(100% - 240px);font-size: 20px;line-height: 19px;color: var(--white);font-weight: 400;min-height: 35px;}
.lifetime_warranty .warranty_free ul li:first-child{padding-right: 18px;}
.lifetime_warranty .warranty_free ul li:nth-child(2){width: 120px;}
.lifetime_warranty .warranty_free ul li:nth-child(3){width: 120px;}
.lifetime_warranty .warranty_free ul.title{border-color: #ffffff;margin-bottom: 10px;}
.lifetime_warranty .warranty_free ul.title li{font-weight: 900;padding-bottom: 10px;}

.lifetime_warranty .warranty_year{margin-top: 80px;}
.lifetime_warranty .warranty_year h2{line-height: 50px;font-size: 40px;margin-bottom: 10px;text-transform: uppercase;text-align: center;font-weight: 300;}
.lifetime_warranty .warranty_year>p{line-height:20px;font-size: 16px;margin-bottom: 50px;text-align: center;}
.lifetime_warranty .warranty_year .col{width: calc(33.33% - 13.33px);margin-right: 20px;position: relative;height: 400px;position: relative;border-radius: 40px;padding: 80px 50px 50px;}
.lifetime_warranty .warranty_year .col .layer{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 40px;overflow: hidden;}
.lifetime_warranty .warranty_year .col .layer img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
/* .lifetime_warranty .warranty_year .col .layer::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; mix-blend-mode: color; background: linear-gradient(168deg, #21161A 50%, rgba(168, 193, 230, 1) 200%); } */
.lifetime_warranty .warranty_year .col:nth-child(3n){margin-right: 0;}
.lifetime_warranty .warranty_year .col h4{position: relative;z-index: 2;font-size: 40px;line-height: 46px;text-align: center;}
.lifetime_warranty .warranty_year .col p{position: relative;z-index: 2;font-size: 16px;line-height: 20px;text-align: center;}
.lifetime_warranty .warranty_year .col .btn{width: 100%;height: 47px;margin-top: 15px;color: #213349;background-color: var(--white);justify-content: center;}
.lifetime_warranty .warranty_year .col .btn::after{filter: brightness(0) saturate(100%) invert(14%) sepia(6%) saturate(5890%) hue-rotate(175deg) brightness(93%) contrast(84%);}
.lifetime_warranty .warranty_year .col .btn:hover{background-color: #A8C1E6;border-color: #A8C1E6;}
.lifetime_warranty .warranty_year .col .product_reg_box{position: absolute;bottom: 50px; right: 0; width:calc(100% - 100px);left: 0;margin: auto;}
.lifetime_warranty .warranty_year .col .product_reg_box .price_col { padding: 15.5px 20px; }

/* warranty claim */
section.warranty_claim_page{}
section.warranty_claim_page {height: calc(100vh - 100px);overflow: auto;}
section.warranty_claim_page .bg { height: auto; min-height: calc(100vh - 100px); }
section.warranty_claim_page .contents { margin-top: calc(-100vh + 100px); min-height: calc(100vh - 100px); max-width: 1300px;padding:190px 0 40px;    max-height:none;}
section.warranty_claim_page .bg::before { background-color: #000; opacity: 0.4;}
section.warranty_claim_page .right_col .col textarea.in{height: 255px;}


/* faq page */
.faq_page{height: calc(100vh - 100px);overflow: auto;}
.faq_page .contents{max-width: 1300px;padding:195px 0 20px;max-height: none !important;}
.faq_page .contents h1{font-size: 54px;line-height: 38px;font-weight:100;text-align: center;margin-bottom: 30px;}
.faq_page .contents>p{text-align: center;font-size: 16px;}
.faq_page .contents>p>a{font-size: 16px;display: inline-block;color: #A8C1E6;}
.faq_page .faq_inner{margin-top: 78px;}
.faq_page .lists{}
.faq_page .lists li{padding:12px 0;border-bottom: 1px solid #ffffff3a;}
.faq_page .lists li h3{position: relative;line-height: 30px;padding:0 20px 10px 0;font-size: 20px;font-weight: 900;cursor: pointer;transition: 0.4s ease all;}
.faq_page .lists li h3:hover{color: #A8C1E6;}
.faq_page .lists li h3 img{position: absolute;top: -10px;bottom: 0;right: 0;margin: auto;}
.faq_page .lists li h3.open img{transform: scale(-1);}
.faq_page .lists li .text{display: none;}

.faq_contact{border-radius: 40px;padding: 70px 80px;background-color: #A8C1E60D;backdrop-filter: blur(100px);margin-top: 80px;}
.faq_contact .left_col{width: 400px;padding-right: 45px;}
.faq_contact .left_col h2{font-size: 40px;line-height: 46px;margin-bottom: 23px;font-weight: 700;}
.faq_contact .left_col p{font-size: 16px;line-height: 20px;margin-bottom: 20px;word-spacing: 0.2px;}
.faq_contact .left_col p a{display: inline-block;font-size: 16px;line-height: 20px;word-spacing: 0.2px;color: #B7D2FA;}
.faq_contact .left_col .btn{margin-bottom: 20px;}
.faq_contact .left_col ul{}
.faq_contact .left_col ul{margin-bottom: 30px;display: flex;align-items: center;flex-wrap: wrap;}
.faq_contact .left_col ul li{font-size:16px;line-height:20px;font-weight: 400;color: var(--white);}
.faq_contact .left_col ul li+li{padding-left:30px;background-image: url(../images/orange_star.png);background-repeat: no-repeat;background-position:10px center;}
.faq_contact .right_col{width:calc(100% - 400px);}
.faq_contact .right_col .wrap{justify-content: space-between;}
.faq_contact .right_col .colin{width:calc(50% - 10px);}
.faq_contact .right_col .col{position: relative;margin-bottom: 15px;}
.faq_contact .right_col .col span{color: #D4DCE6;font-size: 16px;line-height: 20px;display: flex;align-items: center;padding-left: 0px;position: absolute;left: 15px; top: 9px;pointer-events: none;}
.faq_contact .right_col .col span img{margin-left: 5px;}
.faq_contact .right_col .col .in{height: 40px;border: 1px solid var(--white);border-radius: 20px;width: 100%;color: #D4DCE6;font-size: 16px;line-height: 20px;resize: none;background-color: transparent;outline: none;padding-left: 15px;}
.faq_contact .right_col .col .in:focus{border-color: #B7D2FA;}
.faq_contact .right_col .col textarea.in{height: 95px;padding-top: 10px;}
.faq_contact .right_col .sub{width: 100%;height:39px;background-color: var(--white);border-radius: 20px;text-align: center;color: #213349;font-size: 16px;cursor: pointer;}
.faq_contact .right_col .sub:hover{background-color: #D4DCE6;}

/* distributor-page */
.distributor_page{height: calc(100vh - 100px);overflow: auto;}
.distributor_page .contents{max-width: 1197px;padding:195px 0 80px;max-height: none;}
.distributor_page .contents h1{font-size: 54px;line-height: 38px;font-weight:100;text-align: center;margin-bottom: 30px;}

.distributor_form{border-radius: 40px;padding: 70px 80px;background-color: #A8C1E60D;backdrop-filter: blur(100px);margin-top: 80px;}
/* .distributor_form .inner{opacity: 0; visibility: hidden; position: absolute; width: 100%;top: 0;left: 0;}
.distributor_form .inner.open{ opacity: 1; visibility: visible; position: relative; display: flex;} */
.distributor_form .left_col{width: 400px;padding-right: 45px;}
.distributor_form .left_col h2{font-size: 40px;line-height: 46px;margin-bottom: 23px;font-weight: 700;}
.distributor_form .left_col p{font-size: 16px;line-height: 20px;margin-bottom: 20px;word-spacing: 0.2px;}
.distributor_form .left_col p a{display: inline-block;font-size: 16px;line-height: 20px;word-spacing: 0.2px;color: #B7D2FA;}
.distributor_form .left_col .btn{margin-bottom: 20px;}
.distributor_form .left_col ul{}
.distributor_form .left_col ul{margin-bottom: 30px;display: flex;align-items: center;flex-wrap: wrap;}
.distributor_form .left_col ul li{font-size:16px;line-height:20px;font-weight: 400;color: var(--white);}
.distributor_form .left_col ul li+li{padding-left:30px;background-image: url(../images/orange_star.png);background-repeat: no-repeat;background-position:10px center;}
.distributor_form .left_col .col span.star{    left: 0; top: 0; position: relative !important; display: block !important; margin-bottom: 8px;}

.distributor_form .right_col{width:calc(100% - 400px);}
.distributor_form .right_col .wrap{justify-content: space-between;}
.distributor_form .colin{width:calc(50% - 10px);}
.distributor_form .col{position: relative;margin-bottom: 15px;}
.distributor_form .col span{color: #D4DCE6;font-size: 16px;line-height: 20px;display: flex;align-items: center;padding-left: 0px;position: absolute;left: 15px; top: 9px;pointer-events: none;}
.distributor_form .col span img{margin-left: 5px;}
.distributor_form .col .in{height: 40px;border: 1px solid var(--white);border-radius: 20px;width: 100%;color: #D4DCE6;font-size: 16px;line-height: 20px;resize: none;background-color: transparent;outline: none;padding-left: 15px;}
.distributor_form .col select.in { background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: right 15px center; background-size: 10px; }
.distributor_form .col select option{color: var(--black);}
.distributor_form .col .in:focus{border-color: #B7D2FA;}
.distributor_form .col textarea.in{height: 95px;padding-top: 10px;}
.distributor_form .col.quiz{}
.distributor_form .col.quiz label{width: 100%;}
.distributor_form .col.quiz label span.wpcf7-quiz-label { display: none !important; }
body .distributor_form .step3 .right_col .col span.wpcf7-not-valid-tip{display: none !important;}

.distributor_form .sub{width:fit-content;height:47px;background-color: var(--white);border-radius: 20px;text-align: center;color: #213349;font-size: 16px;cursor: pointer;border-radius: 40px;border: none;outline: none;position: absolute;bottom: 0;right: 0;}
.distributor_form .sub::after{filter: brightness(0) saturate(100%) invert(16%) sepia(20%) saturate(1409%) hue-rotate(172deg) brightness(91%) contrast(89%);}
.distributor_form .sub:hover{background-color: #B7D2FA;}
.distributor_form .btn_box{width: 100%;}
.distributor_form .btn_box .btn{font-size: 16px; padding: 17.5px 26px;}
.distributor_form .btn_box .btn.back{margin-right: 10px;}

.distributor_form .btn_box .btn.next{color: #213349; background-color: var(--white);}
.distributor_form .btn_box .btn.next::after{filter: brightness(0) saturate(100%) invert(16%) sepia(20%) saturate(1409%) hue-rotate(172deg) brightness(91%) contrast(89%);}
.distributor_form .btn_box .btn.next:hover{background-color: #B7D2FA;}
.distributor_form .btn_box .btn.back::before{content: ''; background-image: url(../images/bt_arrow.svg); background-repeat: no-repeat; background-size: contain; width: 5px; height: 8px; margin-right: 6px; transform: 0.4s ease all;transform: scale(-1);}
.distributor_form .btn_box .btn.back::after{display: none;}
.distributor_form .btn_box .btn.back:hover::before { filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7482%) hue-rotate(343deg) brightness(103%) contrast(100%); }

.distributor_form .right_col .colin{width: 100%;}
.distributor_form .right_col .colin .col{width:calc(50% - 10px);}
.distributor_form .step3 .right_col .col span { position: relative; top: 0; left: 0; margin-bottom: 10px;display: flex !important; }
.distributor_form .thankyou{min-height: 350px;text-align: center;}
.distributor_form .thankyou h2{font-size: 74px;line-height: 80px;font-weight: 900;margin-bottom: 10px;text-transform: uppercase;}
.distributor_form .thankyou p{font-size: 20px;line-height: 24px;}

/* form new */
.distributor_form .col .in.wpcf7-not-valid{border-color: #FF9E9E !important;}
.distributor_form .col span.wpcf7-not-valid-tip{display: none !important;}
.distributor_form .cf7mls-btns {width: 100%;}
.distributor_form .cf7mls-btns button{border: 1px solid var(--white); border-radius: 40px; display: flex; align-items: center; width: fit-content; font-size: 16px; padding: 13px 26px !important; color: #213349; background-color: var(--white); text-transform: uppercase;margin: 0 !important;}
.distributor_form .cf7mls-btns button:hover{background-color: #B7D2FA;}
.distributor_form .cf7mls-btns button.cf7mls_next::after{content: ''; background-image: url(../images/bt_arrow.svg); background-repeat: no-repeat; background-size: contain; width: 5px; height: 8px; margin-left: 6px; transform: 0.4s ease all;filter: brightness(0) saturate(100%) invert(16%) sepia(20%) saturate(1409%) hue-rotate(172deg) brightness(91%) contrast(89%);}
.distributor_form .cf7mls-btns button.cf7mls_next:hover::before { filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7482%) hue-rotate(343deg) brightness(103%) contrast(100%); }

.distributor_form .cf7mls-btns button.cf7mls_back{    background-color: transparent; color: #fff;}
.distributor_form .cf7mls-btns button.cf7mls_back:hover{ background-color: #ffffff; color: #213349; }
.distributor_form .cf7mls-btns button.cf7mls_back::before{content: ''; background-image: url(../images/bt_arrow.svg); background-repeat: no-repeat; background-size: contain; width: 5px; height: 8px; margin-right: 6px; transform: 0.4s ease all;transform: scale(-1);}
.distributor_form .cf7mls-btns button.cf7mls_back:hover::before { filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7482%) hue-rotate(343deg) brightness(103%) contrast(100%); }
.wpcf7-form .fieldset-cf7mls .cf7mls-btns { min-height: 10px !important; }

.product_registration_form .col .in.wpcf7-not-valid{border-color: #FF9E9E !important;}
.product_registration_form .col span.wpcf7-not-valid-tip{display: none !important;}
::-webkit-calendar-picker-indicator { background-color: #ff000000; opacity: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius:30px;opacity:0; }
.product_registration_form .col label{width: 100% !important;}
.product_registration_form .col label span.wpcf7-quiz-label{display: none;}
.product_registration_form .col .dis{display: block;color: #D4DCE6;font-size: 14px;margin-top: 9px;line-height: 10px;font-weight: 400;}
.product_registration_form .col span.star { margin-right: 10px; }

/* product registration page */
.product_registration_page{height: calc(100vh - 100px);overflow: auto;}
.product_registration_page .bg::before {background-color:var(--black);opacity: 0.5;}
.product_registration_page .contents{max-width: 1300px;padding:195px 0 80px;max-height: none;}
.product_registration_page .contents>h1{font-size: 54px;line-height: 66px;font-weight:100;text-align: center;margin-bottom:15px;}
.product_registration_page .contents>p{font-size:16px;line-height:20px;text-align: center;}

.our_warranty_sec{margin-top: 80px;border-radius: 40px;border: 1px solid #3B4A63;}
.our_warranty_sec .text{padding: 60px 0 30px;text-align: center;}
.our_warranty_sec h2{font-size: 40px;line-height: 46px;margin-bottom: 8px;}
.our_warranty_sec p{font-size: 16px;line-height: 24px;}
.our_warranty_sec .blogs{border-top: 1px solid #3B4A63;}
.our_warranty_sec .col{width: 20%;padding: 28px;border-right: 1px solid #3B4A63;;}
.our_warranty_sec .col:last-child{border: none;}
.our_warranty_sec .col h3{font-size: 20px;line-height: 24px;margin-bottom: 10px;}
.our_warranty_sec .col ul{}
.our_warranty_sec .col ul li{}
.our_warranty_sec .col ul li a{font-size: 16px;line-height: 20px;color: var(--white);}
.our_warranty_sec .col ul li a:hover{color: #A8C1E6;}
.our_warranty_sec .btn{display: none;}

.product_registration_form{border-radius: 40px;padding: 70px 80px;background-color: #A8C1E60D;backdrop-filter: blur(100px);margin-top: 40px;}
.product_registration_form .inner{}
.product_registration_form .left_col{width: 400px;padding-right: 55px;}
.product_registration_form .left_col h1{font-size: 40px;line-height: 46px;margin-bottom: 23px;text-transform: capitalize;font-weight: 700;}
.product_registration_form .left_col p{font-size: 16px;line-height: 20px;margin-bottom: 20px;word-spacing: 0.2px;}
.product_registration_form .left_col p a{display: inline-block;font-size: 16px;line-height: 20px;word-spacing: 0.2px;color: #B7D2FA;}
.product_registration_form .left_col .btn{margin-bottom: 20px;}
.product_registration_form .left_col ul{}
.product_registration_form .left_col ul{margin-bottom: 30px;display: flex;align-items: center;flex-wrap: wrap;}
.product_registration_form .left_col ul li{font-size:16px;line-height:20px;font-weight: 400;color: var(--white);}
.product_registration_form .left_col ul li+li{padding-left:30px;background-image: url(../images/orange_star.png);background-repeat: no-repeat;background-position:10px center;}
.product_registration_form .right_col{width:calc(100% - 400px);}
.product_registration_form .wrap{justify-content: space-between;}
.product_registration_form .colin{width:calc(50% - 10px);}
.product_registration_form .col{position: relative;margin-bottom: 15px;}
.product_registration_form .col span{color: #D4DCE6;font-size: 16px;line-height: 20px;display: flex;align-items: center;padding-left: 0px;position: absolute;left: 15px; top: 9px;pointer-events: none;}
.product_registration_form .col span img{margin-left: 5px;}
.product_registration_form .col .in{height: 40px;border: 1px solid var(--white);border-radius: 20px;width: 100%;color: #D4DCE6;font-size: 16px;line-height: 20px;resize: none;background-color: transparent;outline: none;padding-left: 15px;}
.product_registration_form .col .in:focus{border-color: #B7D2FA;}
.product_registration_form .col select.in{background-image: url(../images/arrow.png);background-repeat: no-repeat;background-position:right 15px center;background-size: 10px;}
.product_registration_form .col select.in option {color:#000000;}
.product_registration_form .col textarea.in{height: 40px;padding-top: 10px;}
.product_registration_form .sub{width:200px;height:40px;background-color: var(--white);border-radius: 20px;text-align: center;color: #213349;font-size: 16px;cursor: pointer;text-transform: uppercase;margin: 0 auto;display: block;margin-top: 25px;}
.product_registration_form .sub:hover{background-color: #D4DCE6;}
.product_registration_form article{text-align: center;color: var(--white);font-size: 16px;font-weight: 400;margin-top: 40px;    display: block; width: 100%;}

.product_registration_form .checkbox{color: var(--white);font-size: 16px;line-height: 20px;padding-left: 40px;margin-top: 24px;position: relative;background-image: url(../images/no.png);background-repeat: no-repeat;background-position: left 10px center;cursor: pointer;    display: block;}
.product_registration_form .checkbox input{position: absolute;left: 0;top: 0;opacity: 0;}
.product_registration_form .checkbox:has(input:checked){background-image: url(../images/yes.png);}

.product_registration_form .checkbox label{position: relative;color: var(--white);font-size: 16px;line-height: 20px;padding-left: 40px;position: relative;background-image: url(../images/no.png);background-repeat: no-repeat;background-position: left 10px center;cursor: pointer; display: block;}
.product_registration_form .checkbox span{width: 100% !important;display: block;    position: relative !important; left: 0 !important; top: 0 !important;padding-right: 0 !important;margin: 0 !important;}
.product_registration_form .col .checkbox{padding: 0 !important;background-image: none  !important;}
.product_registration_form .checkbox label input{width: 100%;height: 100%;}
.product_registration_form .checkbox label>span{color: #D4DCE6; font-size: 16px; line-height: 20px; display: block; align-items: center; padding-left: 0px; position: relative; left: 0; top: 0; pointer-events: all;}
.product_registration_form .checkbox label:has(input:checked){background-image: url(../images/yes.png);}

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

.text-hide input[type=date]::-webkit-datetime-edit-text { -webkit-appearance: none; display: none; }
.text-hide input[type=date]::-webkit-datetime-edit-month-field{ -webkit-appearance: none; display: none; }
.text-hide input[type=date]::-webkit-datetime-edit-day-field { -webkit-appearance: none; display: none; }
.text-hide input[type=date]::-webkit-datetime-edit-year-field { -webkit-appearance: none; display: none; }



.products_choose_register{margin:80px 0;}
.products_choose_register h3{text-align: center;font-size: 20px;line-height: 21px;font-weight: 900;margin-bottom: 40px;text-transform: uppercase;}
.products_choose_register .product_list {width: calc(100% + 12px);margin-left: -6px;}
.products_choose_register .item{width: 180px;height: 182px;border-radius: 15px;background-color: #A8C1E60D;overflow: hidden;margin:0 6px 15px;}
.products_choose_register .item .img{width: 100%;height: 126px;display: flex;align-items: center;justify-content: center;padding: 15px;transition: 0.4s ease all;}
.products_choose_register .item .img img{max-height: 100%;transition: 0.4s ease all;}
.products_choose_register .item .text{padding: 15px;background-color: #212c40;}
.products_choose_register .item .checkbox{padding-left: 28px;background-position: left center;margin: 0;line-height: 13px;min-height: 20px;font-size: 14px;    display: flex; align-items: center;min-height: 26px;}
.products_choose_register .quantity{display: flex;align-items: center;justify-content: space-between;margin-top: 6px;opacity: 0;transition: 0.4s ease all;}
.products_choose_register .quantity button{width: 20px;height: 20px;background-color: #A8C1E633;border-radius: 4px;color: var(--white);border: none;outline: none;cursor: pointer;}
.products_choose_register .quantity input{width: calc(100% - 50px);border: 1px solid #A8C1E633;border-radius: 4px;text-align: center;font-size: 14px;font-weight: 400;color: var(--white);}
.products_choose_register .quantity input::placeholder{color: var(--white);}
.products_choose_register .item:has( input:checked){background-color:#3F5269CC;}
.products_choose_register .item .img:has(+.text input:checked){height: 100px;}
.products_choose_register .item .checkbox:has(input:checked)+.quantity{opacity: 1;}

.products_choose_register .item{height: 202px;}
.products_choose_register .item .text { min-height: 102px; }
.products_choose_register .item .checkbox{font-size: 12px;line-height: 14px;}


/* press-page */
.press_page{height: calc(100vh - 100px);overflow: auto;}
.press_page .bg::before{background-color: #000000;opacity: 0.5;}
.press_page .contents{max-width: 1540px;padding:195px 0 20px;}
.press_page .contents h1{font-size: 54px;line-height: 38px;font-weight:100;text-align: center;margin-bottom: 30px;font-family: 'Lato Hairline'; text-transform: uppercase; font-weight: 250;}
.press_page .contents>p{text-align: center;font-size: 16px;}
.press_page .contents>p>a{font-size: 16px;display: inline-block;color: #A8C1E6;}
.press_page .press_list{margin-top: 70px;}
.press_page .press_list .col{width: 31.1%;background-color: #1a23336e;border-radius: 20px;overflow: hidden;backdrop-filter: blur(10px);position: relative;margin-right: 50px;margin-bottom: 50px;}
.press_page .press_list .col:nth-child(3n){margin-right: 0;}
.press_page .press_list .col::after{background-color: #202020;content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;pointer-events: none;opacity: 0.5;transition: 0.5s ease all;}
.press_page .press_list .col:hover:after{opacity: 0;}
.press_page .press_list .col .img_box{width: 100%;height:270px;background:linear-gradient(90deg, rgb(47 59 79) 0%, rgb(24 35 53) 100%);display: flex;align-items: center;justify-content: center;position: relative;}
.press_page .press_list .col .img_box .img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.press_page .press_list .col .img_box .logo{position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;    max-height: 100px;}
.press_page .press_list .col .text{padding: 24px 30px;}
.press_page .press_list .col h3{font-size: 20px;line-height: 24px;font-weight: 900;margin-bottom: 12px;}
.press_page .press_list .col p{font-size: 16px;line-height: 20px;color: #D4DCE6;  overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.press_page .press_list .col .btn{margin-top: 15px;}

/* testimonials-page */
.testimonials_page{height: calc(100vh - 100px);overflow: auto;}
.testimonials_page .bg::before{background-color: #000000;opacity: 0.5;}
.testimonials_page .contents{max-width: 1540px;padding:195px 0 60px;max-height: none !important;}
.testimonials_page .contents h1{font-size: 54px;line-height: 38px;font-weight:100;text-align: center;margin-bottom: 30px;    font-family: 'Lato Hairline'; text-transform: uppercase; font-weight: 250;}
.testimonials_page .contents>p{text-align: center;font-size: 16px;}
.testimonials_page .contents>p>a{font-size: 16px;display: inline-block;color: #A8C1E6;}
.testimonials_page .testimonials_list{margin-top: 70px;    justify-content: center;}
.testimonials_page .testimonials_list .col{width: 31.1%;background-color: #1a23336e;border-radius: 20px;overflow: hidden;backdrop-filter: blur(10px);position: relative;margin-right: 50px;margin-bottom: 50px;}
.testimonials_page .testimonials_list .col:nth-child(3n){margin-right: 0;}
.testimonials_page .testimonials_list .col::after { background-color: #001224; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; transition: 0.5s ease all; mix-blend-mode: color; }
.testimonials_page .testimonials_list .col:hover:after{opacity: 0;}
.testimonials_page .testimonials_list .col .img_box{width: 100%;height:270px;background:linear-gradient(90deg, rgb(47 59 79) 0%, rgb(24 35 53) 100%);display: flex;align-items: center;justify-content: center;position: relative;}
.testimonials_page .testimonials_list .col .img_box .img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.testimonials_page .testimonials_list .col .img_box .logo{position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;    max-height: 100px;}
.testimonials_page .testimonials_list .col .img_box:not(:has(img)){display: none !important;}

.testimonials_page .testimonials_list .col .text{padding: 24px 30px;}
.testimonials_page .testimonials_list .col h3{font-size: 20px;line-height: 24px;font-weight: 900;}
.testimonials_page .testimonials_list .col p{font-size: 16px;line-height: 20px;color: #D4DCE6;margin-bottom: 12px;word-spacing: 0.5px;
 /* overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; */
}
.testimonials_page .testimonials_list .vid_btn{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;width:fit-content;height: fit-content;cursor: pointer;}

.testimonials_contact{border-radius: 40px;padding: 70px 80px;background-color: #A8C1E60D;backdrop-filter: blur(100px);margin-top: 30px;}
.testimonials_contact .left_col{width: 400px;padding-right: 45px;}
.testimonials_contact .left_col h2{font-size: 40px;line-height: 46px;margin-bottom: 23px;text-transform: capitalize;font-weight: 700;}
.testimonials_contact .left_col p{font-size: 16px;line-height: 20px;margin-bottom: 20px;word-spacing: 0.2px;}
.testimonials_contact .left_col p a{display: inline-block;font-size: 16px;line-height: 20px;word-spacing: 0.2px;color: #B7D2FA;}
.testimonials_contact .left_col .btn{margin-bottom: 20px;}
.testimonials_contact .left_col ul{}
.testimonials_contact .left_col ul{margin-bottom: 30px;display: flex;align-items: center;flex-wrap: wrap;}
.testimonials_contact .left_col ul li{font-size:16px;line-height:20px;font-weight: 400;color: var(--white);}
.testimonials_contact .left_col ul li+li{padding-left:30px;background-image: url(../images/orange_star.png);background-repeat: no-repeat;background-position:10px center;}
.testimonials_contact .right_col{width:calc(100% - 400px);}
.testimonials_contact .right_col .wrap{justify-content: space-between;}
.testimonials_contact .right_col .colin{width:calc(50% - 10px);}
.testimonials_contact .right_col .col{position: relative;margin-bottom: 15px;}
.testimonials_contact .right_col .col span{color: #D4DCE6;font-size: 16px;line-height: 20px;display: flex;align-items: center;padding-left: 0px;position: absolute;left: 15px; top: 9px;pointer-events: none;}
.testimonials_contact .right_col .col span img{margin-left: 5px;}
.testimonials_contact .right_col .col .in{height: 40px;border: 1px solid var(--white);border-radius: 20px;width: 100%;color: #D4DCE6;font-size: 16px;line-height: 20px;resize: none;background-color: transparent;outline: none;padding-left: 15px;}
.testimonials_contact .right_col .col .in:focus{border-color: #B7D2FA;}
.testimonials_contact .right_col .col textarea.in{height: 95px;padding-top: 10px;}
.testimonials_contact .right_col .sub{width: 100%;height:39px;background-color: var(--white);border-radius: 20px;text-align: center;color: #213349;font-size: 16px;cursor: pointer;}
.testimonials_contact .right_col .sub:hover{background-color: #D4DCE6;}

/* image_model */
.image_model{position: fixed; z-index: 9999; width: 100%; height: 100vh; background-color: #000000d9; top: 0; right: 0;display: flex;justify-content: center;align-items: center;opacity: 0;visibility: hidden;transition: 0.4s ease all;}
.image_model.open{opacity: 1;visibility:visible;}
.image_model .close{position: absolute; top: -40px; right: 0; color: var(--white); z-index: 1; font-size: 25px; font-weight: 300;cursor: pointer;}
.image_model .inner{position: relative;width: 52.7vw;height:calc(100vh - 200px);}
.image_model .inner img{width:100%; height:100%; object-fit: cover;object-position: center;}

/* face-page */
.face_page { height: calc(100vh - 100px); overflow: auto; }
.face_page .bg::before{background-color: #000000;opacity: 0.5;}
.face_page .contents{max-width: 1120px;padding:195px 0 60px;}
.face_page .title h1{font-size:54px; font-family: 'Lato Hairline'; text-transform:uppercase; text-align: center;margin-bottom: 12px;font-weight: 250;}
.face_page .title p{text-align: center;font-size: 16px;}
.face_page .title p a{font-size: 16px;display: inline-block;color: #A8C1E6;}
.face_page .title .btn { margin: 35px auto 0;padding: 17.5px 28px;}
.face_page .title .btn::after{display: none;}
.face_page .title .btn::before{content: ''; background-image: url(../images/bt_arrow.svg); background-repeat: no-repeat; background-size: contain; width: 5px; height: 8px; margin-right: 6px; transform: 0.4s ease all;transform: scale(-1);}
.face_page .title .btn:hover::before { filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7482%) hue-rotate(343deg) brightness(103%) contrast(100%); }

.face_page .face_list{margin-top:80px;}
.face_page .face_list .col{width:28.5%;height: 330px;border-radius: 20px;overflow: hidden;position: relative;margin-right: 80px;margin-bottom:80px;border: 10px solid #FFFFFF1A;}
.face_page .face_list .col:nth-child(3n){margin-right: 0;}
.face_page .face_list .col::after { background-color: #2A3037; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; transition: 0.5s ease all; mix-blend-mode: color; }
.face_page .face_list .col:hover:after{opacity: 0;}
.face_page .face_list .col img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.face_page .face_list .col h3{font-size: 16px;line-height: 16px;font-weight: 900;position: absolute;bottom:5px;right:5px;background-color: #202020;border-radius: 20px;padding:6px 8px;opacity: 0;transition: 0.4s ease all;}
.face_page .face_list .col:hover h3{opacity: 1;}

/* before-after-page */
.before_after_page { height: calc(100vh - 100px); overflow: auto; }
.before_after_page .bg::before{background-color: #000000;opacity: 0.5;}
.before_after_page .contents{max-width: 1220px;padding:195px 0 60px;}
.before_after_page .title h1{font-size:54px; font-family: 'Lato Hairline'; text-transform:uppercase; text-align: center;margin-bottom: 12px;font-weight: 250;}
.before_after_page .title p{text-align: center;font-size: 16px;}
.before_after_page .title p a{font-size: 16px;display: inline-block;color: #A8C1E6;}
.before_after_page .title .btn_box { margin: 35px auto 0;}
.before_after_page .title .btn {padding: 17.5px 28px;font-size: 16px;}
.before_after_page .title .back{margin-right: 20px;}
.before_after_page .title .back::after{display: none;}
.before_after_page .title .back::before{content: ''; background-image: url(../images/bt_arrow.svg); background-repeat: no-repeat; background-size: contain; width: 5px; height: 8px; margin-right: 6px; transform: 0.4s ease all;transform: scale(-1);}
.before_after_page .title .back:hover::before { filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7482%) hue-rotate(343deg) brightness(103%) contrast(100%); }
.before_after_page .title .next{color: #213349;background-color: var(--white);}
.before_after_page .title .next:hover{background-color: #A8C1E6;border-color: #A8C1E6;}
.before_after_page .title .next::after{ filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7482%) hue-rotate(343deg) brightness(103%) contrast(100%); }

.before_after_list{margin-top: 80px;}
.before_after_list .col{width:calc(50% - 10px);height: 330px;border-radius: 20px;overflow: hidden;position: relative;margin-right: 20px;margin-bottom:20px;}
.before_after_list .col:nth-child(2n){margin-right: 0;}
.before_after_list .col::after { background-color: #2A3037; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; transition: 0.5s ease all; mix-blend-mode: color; }
.before_after_list .col:hover:after{opacity: 0;}
.before_after_list .col img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.before_after_model.image_model .inner { width: 72.92vw; height: 74.1vh;}


/* new css for animartions pages  */

body.our-story,
body.produc_dashboard_page,
body.the-science-page,
body.home,
body.the-result-page{height: 100vh;overflow: hidden;}
body.open{height: auto;overflow: auto;}
.main-content{position: relative;width: 100%; height: 100vh; background-color: #000;}
.pages {position: relative; height: 100%;}
.page{opacity: 0;visibility: hidden;pointer-events: none;position: absolute !important;left: 0;top: 0;width: 100%;height: 100vh !important;transition:1s linear all;overflow: hidden !important;}
.page .bg{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.page.active{opacity: 1;visibility: visible;pointer-events: all;}

.banner_our_strory .contents{pointer-events: all !important;overflow-y: auto !important; max-height: 70vh !important;}
body.our-story footer ,
body.home footer ,
body.produc_dashboard_page footer,
body.the-science-page footer { padding: 30px 0 20px; }

.pagination{position: absolute;z-index: 9999999;top: 0;bottom: 0;margin: auto;right: 20px;height: fit-content;background-color: #fff;padding: 10px;border-radius: 40px;opacity: 0;pointer-events: none;}
.pagination ul{display: flex;flex-direction: column;}
.pagination ul li{width: 10px;height: 10px;border-radius: 10px;background-color:#000A4A;}
.pagination ul li.active{background-color: #f00 !important;}

/* Product SCROLL */
.product_reg_box { bottom: 162px; }
.produc_dashboard_page .logo_text_box{ bottom:100px; left:50px; }
.produc_dashboard_page .banner_comman .contents{pointer-events: all !important;overflow-y: auto !important; max-height: 70vh !important;margin-top: calc(-100vh + 100px);overflow-x: hidden !important;}

/* The science Scroll */
body.the-science-page .inner_pages_sec{bottom: 120px;}
.the-science-page .banner_comman .contents{ pointer-events: all !important; overflow-y: auto !important; max-height: 70vh !important; margin-top: calc(-100vh + 100px); overflow-x: hidden;}
.the-science-page .banner_comman .right_col{transform: translateY(100px);opacity: 0;}
.the-science-page .banner_comman.active .right_col{transform: translateY(0);opacity: 1; transition: transform 0.2s ease, opacity 0.2s ease;}

/* real_user_box */
.real_user_box{width: 483px;height: 483px;border-radius: 50%;border: 50px solid #FFFFFF1A;    position: absolute; top: 140px; right: 225px;}
.real_user_box .img{width: 100%;height: 100%;position: relative;border-radius: 50%;overflow: hidden;}
.real_user_box .img::after{background-color: #2A3037; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; transition: 0.5s ease all; mix-blend-mode: color;}
.real_user_box:hover .img::after{opacity: 0;}
.real_user_box .img img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.real_user_box .btn{position: absolute; padding: 15px 22px; border-radius: 30px; font-size: 18px; font-weight: 700; line-height: 24px; text-transform: uppercase; width: 100%; border: none; z-index: 2; bottom: -70px; left: 0; right: 0; margin: 0 auto;}
.real_user_box .btn::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000000;
  background:linear-gradient(88deg, rgb(4 5 6) 0%, rgb(81 93 111) 100%); z-index: -1; border-radius: 40px;transition: 0.4s ease all;}
.real_user_box .btn::after{display: none;}
.real_user_box .btn em{font-style: normal;transition: 0.4s ease all;}
.real_user_box .btn span{position: absolute; left: 22px; top: 0; bottom: 0; margin: auto; height: fit-content;opacity: 0;transition: 0.4s ease all;}
.real_user_box .btn svg{position: absolute;top: 0;bottom: 0; margin: auto;right: 14px;}
.real_user_box:hover .btn::before{opacity: 0;}
.real_user_box:hover .btn{background-color: #ffffff;color: #213349;}
.real_user_box:hover .btn svg{fill: #213349;}
.real_user_box:hover .btn svg rect{stroke:#213349;}
.real_user_box:hover .btn em{opacity: 0;}
.real_user_box:hover .btn span{opacity: 1;}

/* the result page */
.banner_results_sec .bg::after{    mix-blend-mode: color; background: linear-gradient(0deg, #21334973 0%, #2d3136ad 100%); }
.banner_results_sec .bg::before { background-color: #000; opacity: 0.6;}
.the-result-page .banner_results_sec .bg video { height: calc(100vh + 370px); }
body.the-result-page footer { padding: 30px 0 20px; }
body.the-result-page .banner_doctors .slider3d { margin-bottom: 0; }

.the-result-page .inner_pages_sec{bottom:120px;}
.the-result-page .inner_pages_sec ul li{}
.the-result-page .inner_pages_sec ul li a,
.single-doctor .inner_pages_sec ul li a{font-size: 20px;font-weight: 400;padding: 0 58px;}

.the-result-page .banner_comman{}
.the-result-page .contents{margin-top: calc(-100vh + 100px);padding: 195px 50px 100px;pointer-events: all !important;overflow-y: auto !important; max-height: 70vh !important;overflow-x: hidden;}
.the-result-page .left_col{width: 435px;}
.the-result-page .left_col h1{margin-bottom: 40px;}
.the-result-page .left_col h2{font-size: 40px;margin-bottom: 30px;}
.the-result-page .left_col p{font-size: 16px;line-height: 20px;word-spacing: 0.4px;}
.the-result-page .left_col .text p:not(:last-child){margin-bottom: 12px;}
.the-result-page .left_col .read_more{display: none;}
.the-result-page .left_col .btn{margin-top: 40px;}
.the-result-page .left_col .logo{margin-top: 40px;}

.result_comman_sec{}
.result_comman_sec .bg::after{background-image: url(../images/re_bg_layer.png);background-size: 100% 100%;}
.result_comman_sec .left_col{width: 460px;}
.result_comman_sec .right_col{width:590px;}
.result_comman_sec .right_col ul{gap: 10px;}
.result_comman_sec .right_col ul li{width:calc(33.33% - 7px);min-height: 120px; border: 1px solid #FFFFFF1A; background-color: #2133491A; backdrop-filter: blur(100px); padding:18px 15px 13px; border-radius: 20px; text-align: center;}
.result_comman_sec .right_col ul li h3{font-size: 40px;font-weight: 300;line-height: 21px;margin-bottom: 10px;}
.result_comman_sec .right_col ul li h3 em{font-size: 16px;line-height: 20px;font-style: normal;}
.result_comman_sec .right_col ul li p{color: #D4DCE6;font-size: 14px;line-height: 16px;}

/* dermatologist_details_page */
.dermatologist_details_page{}
.dermatologist_details_page .bg::after { box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.2); mix-blend-mode: color; background: linear-gradient(178deg, #21334966 0%, #2D3136A1 100%);}
.dermatologist_details_page .contents { margin-top: calc(-100vh + 100px); padding: 190px 125px 120px;max-height: 70vh;overflow-x: hidden;overflow-y: auto;}
.dermatologist_details_page .title{text-align: center;}
.dermatologist_details_page .title h1{font-weight: 100;font-family: 'Lato Hairline';text-transform: capitalize;margin-bottom: 30px;font-size: 75px;}
.dermatologist_details_page .title p{letter-spacing: 0.6px;text-transform: uppercase;}

.dr_select_box{position: relative;margin-top: 30px;}
.dr_select_box .select_head{position: relative;border: 1px solid var(--white);border-radius: 40px;}
.dr_select_box .select_head .selected_text{display: flex;align-items: center;justify-content: flex-start;color: #FFFFFF;font-weight: 300;font-size: 14px;line-height: 14px;height: 40px;padding: 0 10px;cursor: pointer;}
.dr_select_box .select_head .selected_text strong{margin-right: 6px;padding-right: 6px;border-right: 1px solid #ffffff33;}
.dr_select_box .select_head .selected_text img{width: 14px;height: 14px;border-radius: 50%;margin-right: 5px;}
.dr_select_box .select_head .arrow{width: 20px;height: 20px;right: 10px;top: 0;bottom: 0;position: absolute;margin: auto;display: flex;align-items: center;justify-content: center;}
.dr_select_box.open .select_head .arrow{transform: scale(-1);}
.dr_select_box .select_list{border: 3px solid #FFFFFF;border-radius: 10px;padding: 10px 0 0;background-color: #FFFFFF;position: absolute;left: 0;top: calc(100% + 4px);width: 100%;z-index: 99;  max-height: 354px; overflow: auto;display: none;}
.dr_select_box .select_list li{display: flex;align-items: center;justify-content: flex-start;color: #202020;font-weight: 300;font-size: 14px;line-height: 12px;height: 20px;padding: 0 15px;cursor: pointer;margin-bottom: 5px;transition: 0.5s ease all;}
.dr_select_box .select_list li:hover{background-color:#a8c1e663;}
.dr_select_box .select_list li strong{margin-right: 6px;padding-right: 6px;border-right: 1px solid #0000002d;}
.dr_select_box .select_list li img{width: 10px;height: 10px;border-radius: 50%;margin-right: 8px;}

.doctor_popup{border-radius: 50px;padding: 40px;backdrop-filter: blur(100px);background: linear-gradient(180deg, #0000004D 0%, #2133491A 100%);margin-top: 20px;}
.doctor_popup>div{width:calc(50% - 30px);}
.doctor_popup .img{width: 180px;height: 180px;border-radius: 50%;overflow: hidden;}
.doctor_popup .img img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.doctor_popup .text{width: calc(100% - 180px);padding-left: 30px;}
.doctor_popup .text .dr_name{display: block;font-size: 20px;font-weight: 900;line-height: 24px;color: var(--white);margin-bottom:5px;}
.doctor_popup .text .flag{display: flex;font-size:16px;font-weight:400;line-height: 20px;color: var(--white);margin-bottom:10px;margin-right: 10px;}
.doctor_popup .text .flag img{width: 18px;height: 18px;border-radius: 50%;margin-right: 6px;}
.doctor_popup .text .flag em{font-style: normal;}
.doctor_popup .text p{font-size: 16px;line-height: 20px;}
.doctor_popup .text>ul{list-style: disc;padding-left: 20px;}
.doctor_popup .text>ul li{font-size: 16px;line-height: 20px;color: var(--white);margin-top: 5px;}
.doctor_popup .video_list{margin-top: 25px;}
.doctor_popup .video_list li{background-color: #FFFFFF1A;border-radius: 30px;height: 36px;padding: 0 6px 0 15px;color: var(--white);font-size: 16px;font-weight: 400;display: flex;align-items: center;transition: 0.4s ease all;cursor: pointer;margin-top: 10px;}
.doctor_popup .video_list li img{margin-left: 10px;}
.doctor_popup .video_list li+li{margin-left: 10px;}
.doctor_popup .video_list li:hover{background-color: var(--white);color: var(--black);}
.doctor_popup .video_list li:hover img{filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(7496%) hue-rotate(1deg) brightness(100%) contrast(100%);}
.doctor_popup .right_col p{font-size: 16px;line-height: 20px;}
.doctor_popup .right_col p:not(:last-child){margin-bottom: 12px;}

.inner_pages_sec {display: flex;align-items: center;    border: 1px solid #FFFFFF1A; border-radius: 60px; background-color: #2133491A; backdrop-filter: blur(100px); padding: 30px 20px;}
.inner_pages_sec .wrap { overflow-x: auto; white-space: nowrap; scroll-behavior: smooth; width: 100%;position: relative;bottom: 0;margin: 0 auto;}
.inner_pages_sec .wrap::-webkit-scrollbar { display: none; }
.inner_pages_sec ul { display: flex; background-color: transparent; backdrop-filter: none; flex-wrap: nowrap;border: none;padding: 0;justify-content: inherit;}
.inner_pages_sec .page-tab { flex: 0 0 auto; }
.inner_pages_sec .next_prev { width: 30px; height: 30px; border-radius: 50%; cursor: pointer;display: flex;align-items: center;justify-content: center; border: 1px solid #FFFFFF;position: absolute;right: 30px;top: 0;bottom: 0;margin: auto;backdrop-filter: blur(100px);z-index: 2;}
.inner_pages_sec .next_prev.prev{transform: scale(-1);right: auto;left: 30px;}
.inner_pages_sec .next_prev:hover{background-color: var(--white);}
.inner_pages_sec .next_prev:hover img{filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(7496%) hue-rotate(1deg) brightness(100%) contrast(100%);}
.inner_pages_sec .wrap ul li a:hover, 
.inner_pages_sec .wrap ul li a.active { color: #B7D2FA; } 


/* .animate{opacity: 0;transform: translateY(100px);transition: 0.5s linear all;transition-delay: 0.1s;}
.animate+.animate{transition-delay: 0.2s;}
.animate+.animate+.animate{transition-delay: 0.3s;}
.animate+.animate+.animate+.animate{transition-delay: 0.4s;}
.animate+.animate+.animate+.animate+.animate{transition-delay: 0.5s;}
section.active .animate{opacity: 1;transform: translateY(0px);}

.animate_left{opacity: 0;transform: translateX(100px);transition: 0.5s linear all;transition-delay: 0.1s;}
.animate_left+.animate_left{transition-delay: 0.2s;}
section.active .animate_left{opacity: 1;transform: translateX(0px);}
.animate_right{opacity: 0;transform: translateX(-100px);transition: 0.5s linear all;transition-delay: 0.1s;}
.animate_right+.animate_right{transition-delay: 0.2s;}
section.active .animate_right{opacity: 1;transform: translateX(0px);} */

/* .animate_opacity{opacity: 0;transition:0.6s ease all;transition-delay: 0.1s;transform: scale(0.2);transform-origin: bottom center;}
section.active .animate_opacity{opacity: 1;transform: scale(1);} */

/* Base animation */
.animate,
.animate_left,
.animate_right{ opacity: 0; 
  /* will-change: transform, opacity;  */
  transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.22, 1, 0.36, 1); }

.animate+.animate{transition-delay: 0.2s;}
.animate+.animate+.animate{transition-delay: 0.3s;}
.animate+.animate+.animate+.animate{transition-delay: 0.4s;}
.animate+.animate+.animate+.animate+.animate{transition-delay: 0.5s;}

/* Directions */
/* .animate{ transform: translateY(60px); }
.animate_left{ transform: translateX(60px); }
.animate_right{ transform: translateX(-60px); } */

/* Active state */
section.active .animate,
section.active .animate_left,
section.active .animate_right{ opacity: 1; transform: translate(0, 0); }

.real_user_box.animate_opacity{transform-origin: center !important;}
.animate_opacity{ opacity: 0; transform: scale(0.85) translateY(0); transform-origin: center bottom; transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.22, 1, 0.36, 1); /* will-change: transform, opacity;  */ } 
section.active .animate_opacity{ opacity: 1; transform: scale(1) translateY(0); }

.banner_product_use .img .circle { position: absolute; top: 218px; right: 240px; left: auto; width: 353px; height: 390px; border: 1px dashed #cbdaf4; margin: 0 auto; border-radius: 50%;transform: rotate(135deg) scale(0.8); box-shadow: 0 0 5px #cbdbf4; }
.banner_product_use.active .img .circle { -moz-animation: bounce2 5s infinite; -webkit-animation: bounce2 5s infinite; animation: bounce2 5s infinite;}
@keyframes bounce2 { 
  0%{ transform: rotate(135deg) scale(0.8); opacity: 0; } 
  20% { opacity: 0; } 
  50% { transform: rotate(135deg) scale(1.1); opacity: 1; } 
  75% { opacity: 0; } 
  100% { opacity: 0; transform:  rotate(135deg) scale(0.8); } 
}


.loading_box{position: relative;}
.loading_box span{position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: var(--white); font-size: 16px; font-weight: 400; bottom: 0; margin: auto; height: fit-content;transition: 0.4s ease all;opacity: 0;pointer-events: none !important;text-transform: uppercase;    letter-spacing: 0.5px;}
.loading_box.active input{opacity: 0;}
.loading_box.active span{opacity: 1;}

.form-inputs-comman{position: relative;margin-bottom: 50px;}
.form-inputs-comman .password-error{position: absolute;left: 0;top: calc(100% + 10px);color: #FF9E9E;width: 100%;text-align: center;} 

.faq_contact .right_col .col .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
.testimonials_contact .right_col .col .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
.contact_page .right_col .col .wpcf7-form-control-wrap .wpcf7-not-valid-tip{display: none ;}
.faq_contact .right_col .col .in.wpcf7-not-valid,
.testimonials_contact .right_col .col  .in.wpcf7-not-valid,
.contact_page .right_col .col .in.wpcf7-not-valid{border-color: #FF9E9E !important;}

.product_registration_page .thankyou{    border-radius: 40px; padding: 70px 80px; background-color: #A8C1E60D; backdrop-filter: blur(100px); margin-top: 40px; text-align: center;}

.error_page .contents { margin-top: calc(-100vh + 100px); display: flex; flex-direction: column; align-items: center; justify-content: center;}
.error_page .bg::after { background: #2d31368a; box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.2); background: linear-gradient(178deg, #21334900 0%, #213349 100%); }
.error_page .contents h3{font-size: 30px;font-weight: 400;margin: 25px 0;text-transform: uppercase;}
.error_page .contents .btn{min-width: 225px; line-height: 33px; justify-content: center;}

 body.home .logo_text_box{bottom: 100px;}
 body.home  .banner_comman .text_btn_box{bottom: 50px;}

.accessories_page.banner_comman .contents { max-height: calc(100vh - 100px);padding: 150px 50px 40px;overflow: auto;}
.accessories_page.banner_comman .bg{background-image: none !important;}
.accessories_page h1{margin-bottom: 74px;}
.accessories_lists{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.accessories_lists li{padding:20px 20px 20px 10px; border-radius: 30px; background: #00000033; background: linear-gradient(90deg, #1d242c 0%, #080c10 100%); backdrop-filter: blur(50px);width:24.1%;margin-right: 20px;margin-bottom: 20px;opacity: 1 !important;transform: translateY(0px) !important;}
.accessories_lists li:nth-child(4n){margin-right: 0;}
.accessories_lists li .img{width:140px;height:182px;    display: flex; align-items: center; justify-content: center; }
.accessories_lists li .img img{    max-height: 100%;}
.accessories_lists li .text{width: calc(100% - 140px);padding-left: 10px;}
.accessories_lists li h3{font-size: 20px;font-weight:400;line-height: 24px;margin-bottom:0px;}
.accessories_lists li p{line-height: 16px;font-size: 14px;text-transform: none;margin-top: 4px;opacity: 0.8; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.accessories_lists li .btn { margin-top:20px; line-height: 24px; padding: 0 10px; }
.accessories_lists li .btn::after{display:block;}

.description {max-height: 65px; overflow: hidden;transition: 0.4s ease all;}
.description p:empty{display: none !important;}
.description.expanded {max-height: 500px;}
.description+.btn{margin-top: 10px !important;}

/* after login */
.admin-bar header .header_bottom div>ul>li>.dropbox { top: 170px; }

/* new */
.banner_product .bg::before{display: none;}
.banner_product.banner_comman .bg { background-position: top 10% center !important; }
.banner_our_strory .left_col .description {max-height:none; overflow: hidden;transition: 0.4s ease all;}

.play_pause{width: 70px;height: 70px;border: 1px solid #FFFFFF;border-radius: 50%;position: absolute;bottom: 40px;right: 47px;z-index: 0;    z-index: 1; cursor: pointer;transition: 0.4s ease all;}
.play_pause:hover{background-color: #FFFFFF33;}
.play_pause img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;opacity: 0;}
.play_pause .play{opacity: 1;}
.play_pause.active img{opacity: 0;}
.play_pause.active .pause{opacity: 1 !important;}

.banner_product  .play_pause { bottom: 227px; right: 61px; }

.hide-label>span{color: transparent !important;}
.hide-label .star::after{}


.post-type-archive-product .woocommerce-pagination .page-numbers { display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; padding-top: 25px; }
.woocommerce form { width: 100%; display: block; color: #ffffff; }
.woocommerce form table { width: 100%; }
.woocommerce form table tr { display: flex; align-items: center; width: 100%; border: 1px solid; padding: 10px; }
.woocommerce form table tr td { flex-grow: 1; }
.woocommerce form table tr th { width: 100%;display: block; }
.woocommerce form table tr td img { width: 80px; height: 80px; }
.woocommerce form table .input-text.qty.text { color: white; border: 1px solid; border-radius: 4px; }
.woocommerce .cart-collaterals { color: #ffffff; }
form.woocommerce-checkout { display: flex; flex-wrap: wrap; gap: 50px; }
.woocommerce-checkout div#customer_details { width: 48%; }
.woocommerce-checkout h3#order_review_heading { display: none; }
.woocommerce-checkout div#order_review { width: 48%; }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper input { color: white; border: 1px solid; border-radius: 4px; width: 100%; padding: 5px; }
.woocommerce-checkout #order_comments { width: 100%; border: 1px solid #ffffff; }

/* cart page */
.default_pages.banner_comman {    height: calc(100vh - 100px); overflow: auto; }
.default_pages.banner_comman .contents { max-width: 1300px; padding: 190px 0 40px; max-height: none !important; }

.default_pages.banner_comman .bg { border-radius: 50px;}
.wc-empty-cart-message { text-align: center; padding: 30px 0 20px; }
.default_pages .cart-empty{color: #fff;}
.default_pages .return-to-shop a{border: 1px solid var(--white); padding: 0px 19.14px; line-height: 42px; font-size: 16px; font-weight: 400; border-radius: 30px; width: fit-content; margin: 0 auto;}
.default_pages .return-to-shop a:hover{background-color:#ffffff;color: #000000;}

.default_pages h1{font-size: 54px; line-height: 38px; font-weight: 100; text-align: center; margin-bottom: 30px; font-family: 'Lato Hairline'; text-transform: uppercase; font-weight: 250;}
.woocommerce-cart .woocommerce{border-radius: 40px; background-color: #A8C1E60D; backdrop-filter: blur(100px); padding: 60px 40px; margin-top: 40px;    display: flex; flex-wrap: wrap;justify-content: space-between}
.woocommerce-cart .woocommerce .woocommerce-cart-form{width: calc(100% - 320px);}
.woocommerce-cart .woocommerce .cart-collaterals{width:300px;}
.woocommerce-cart .woocommerce #wc-stripe-express-checkout__order-attribution-inputs,
.woocommerce-cart .woocommerce .woocommerce-notices-wrapper{width: 100%;}

.woocommerce-cart .woocommerce form table tr{display: flex; align-items: center; width: 100%; border: 1px solid #fff; padding: 10px; border-radius: 10px; margin-bottom: 5px; }
.woocommerce-cart .woocommerce form table thead tr th:first-child ,
.woocommerce-cart .woocommerce form table thead tr th:nth-child(2){display:none;}
.woocommerce-cart .woocommerce form table thead tr th:nth-child(3) { width:310px;}
.woocommerce-cart .woocommerce form table thead tr th:nth-child(4),
.woocommerce-cart .woocommerce form table thead tr th:nth-child(5),
.woocommerce-cart .woocommerce form table thead tr th:nth-child(6){width:calc(33.33% - 105px);}

.woocommerce-cart .woocommerce form table tbody tr{flex-wrap: wrap;}
.woocommerce-cart .woocommerce form table tbody tr td.product-name{text-align: left;}
.woocommerce-cart .woocommerce form table tbody tr td.product-name a{line-height: 1.2;}
.woocommerce-cart .woocommerce form table tbody tr td{text-align: center;}
.woocommerce-cart .woocommerce form table tbody tr td.product-quantity input{border: none !important;text-align: center;width: 100%;}

.woocommerce-cart .woocommerce form table tbody tr td:first-child {width: 40px; min-width: 40px; max-width: 40px;}
.woocommerce-cart .woocommerce form table tbody tr td:nth-child(2){width: 80px; min-width: 80px; max-width: 80px;}
.woocommerce-cart .woocommerce form table tbody tr td:nth-child(3),
.woocommerce-cart .woocommerce form table tbody tr td:nth-child(4),
.woocommerce-cart .woocommerce form table tbody tr td:nth-child(5),
.woocommerce-cart .woocommerce form table tbody tr td:nth-child(6){width: calc(25% - 120px); padding: 0 5px;}

.woocommerce-cart .woocommerce form table tbody tr:has( .actions){border: none !important;padding:20px 10px !important;} 
.woocommerce-cart .woocommerce form table tbody tr .actions { width: 100% !important; min-width: 100% !important; max-width: 100% !important; display: flex; align-items: center; justify-content: space-between; }
.woocommerce-cart .woocommerce form table tbody tr .coupon{width:55%; display: flex; align-items: center;flex-wrap: wrap;}
.woocommerce-cart .woocommerce form table tbody tr .coupon #coupon_code{width: calc(100% - 140px); border: 1px solid #fff; height: 42px; padding: 8px 20px 11px; border-radius: 20px;color: #fff;}
.woocommerce-cart .woocommerce form table tbody tr .coupon .button{height: 42px; width: 130px; border-radius: 30px; border: 1px solid #fff; font-size: 16px; padding: 0 5px 4px; margin-left: 10px; cursor: pointer;transition: 0.4s ease all;}
.woocommerce-cart .woocommerce form table tbody tr .coupon .button:hover{background-color: transparent;color: #fff;}
.woocommerce-cart .woocommerce form table tbody tr .coupon .coupon-error-notice{    width: 100%; text-align: left; margin-top: 5px;}
.woocommerce-cart .woocommerce form table tbody tr .actions .button[name="update_cart"]{height: 42px; width: 130px; border-radius: 30px; border: 1px solid #fff; font-size: 16px; padding: 0 5px 4px; margin-left: 10px; cursor: pointer;}
.woocommerce-cart .woocommerce .cart_totals{    border: 1px solid #fff; padding: 20px 10px; border-radius: 10px;}
.woocommerce-cart .woocommerce .cart_totals h2 { font-size: 20px; line-height: 1; text-align: left; margin-bottom: 15px; text-transform: uppercase; font-weight: 400; }
.woocommerce-cart .woocommerce .cart_totals table {width: 100%;}
.woocommerce-cart .woocommerce .cart_totals table tr{display: flex;align-items: center;justify-content: space-between;}
.woocommerce-cart .woocommerce .cart_totals table tr:not(:last-child){border-bottom: 1px solid #fff;}
.woocommerce-cart .woocommerce .cart_totals table tr th{text-align: left;}
.woocommerce-cart .woocommerce .cart_totals table tr td{text-align: right;}
.woocommerce-cart .woocommerce .cart_totals table tr th,
.woocommerce-cart .woocommerce .cart_totals table tr td{width: 50%;padding: 10px 0;}
.woocommerce-cart .woocommerce .cart_totals .checkout-button { width: 100%; height: 42px; text-align: center; border: 1px solid #fff; color: #000000; background-color: #ffffff; border-radius: 20px; font-size: 18px; line-height: 38px; margin-top: 20px;}
.woocommerce-cart .woocommerce .cart_totals .checkout-button:hover{background-color: transparent;color: #ffffff;}


/* woocommerce-checkout  */
.woocommerce-checkout .woocommerce{border-radius: 40px; background-color: #A8C1E60D; backdrop-filter: blur(100px); padding: 60px 40px; margin-top: 40px;    display: flex; flex-wrap: wrap;justify-content: space-between}
.woocommerce-checkout .woocommerce-form-coupon-toggle { text-align: center; color: #ffffff; width: 100%; }
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{    display: flex; align-items: center; justify-content: flex-start; width: 100%; gap: 10px;}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a{text-decoration: underline;color: #D4DCE6;}
.woocommerce-checkout .checkout_coupon {width: 50%;display: flex;align-items: center;flex-wrap: wrap;margin:15px 0;align-items: flex-start;}
.woocommerce-checkout .checkout_coupon .form-row-first{width: calc(100% - 140px);}
.woocommerce-checkout .checkout_coupon .form-row-last{width:130px;}
.woocommerce-checkout .checkout_coupon #coupon_code{border: 1px solid #fff; height: 42px; padding: 8px 20px 11px; border-radius: 20px;color: #fff;    width: 100%;}
.woocommerce-checkout .checkout_coupon #coupon_code.has-error{border-color: #FF9E9E;}
.woocommerce-checkout .checkout_coupon .button{height: 42px; width: 130px; border-radius: 30px; border: 1px solid #fff; font-size: 16px; padding: 0 5px 4px; margin-left: 10px; cursor: pointer;transition: 0.4s ease all;}
.woocommerce-checkout .checkout_coupon .button:hover{background-color: transparent;color: #fff;}

.checkout form.woocommerce-checkout{gap: 0;margin-top: 25px;position: relative;    justify-content: space-between;}
.checkout form.woocommerce-checkout #wc-stripe-express-checkout__order-attribution-inputs{width: 100%;}

.checkout form.woocommerce-checkout #customer_details{width: 350px;}
.checkout form.woocommerce-checkout #order_review{width: calc(100% - 380px);}

#customer_details h3{margin-bottom: 15px;}
#customer_details .woocommerce-billing-fields__field-wrapper{display: flex;flex-wrap: wrap;justify-content: space-between;}
#customer_details .woocommerce-billing-fields__field-wrapper p{width: 100%;margin-bottom: 10px;}
#customer_details .woocommerce-billing-fields__field-wrapper p label{display: block;width: 100%;margin-bottom: 5px;}
#customer_details .woocommerce-billing-fields__field-wrapper p input ,
#customer_details .woocommerce-additional-fields__field-wrapper p textarea{    height: 40px; border: 1px solid var(--white); border-radius: 20px; width: 100%; color: #D4DCE6; font-size: 16px; line-height: 20px; resize: none; background-color: transparent; outline: none;padding-left: 12px;}
#customer_details .woocommerce-additional-fields__field-wrapper p textarea{height: 90px;padding-top: 10px;}
#customer_details .woocommerce-billing-fields__field-wrapper p .select2-selection{height: 40px; border: 1px solid var(--white); border-radius: 20px; width: 100%; color: #D4DCE6; font-size: 16px; line-height: 20px; resize: none; background-color: transparent; outline: none;}
#customer_details .woocommerce-billing-fields__field-wrapper p .select2-selection .select2-selection__rendered { color: #D4DCE6; line-height: 38px;padding-left: 12px;}
#customer_details .woocommerce-billing-fields__field-wrapper p .select2-selection .select2-selection__arrow { height: 38px; }

#order_review {}
#order_review table{}
#order_review table tr{}
#order_review table tr th,
#order_review table tr td{text-align: left;}
#order_review table tr th+th,
#order_review table tr td+td{text-align: right;}
#order_review #payment{margin-top: 20px;}
#order_review #payment> ul{border: 1px solid #fff;border-radius: 20px;}
#order_review #payment> ul >li { width: 100%; border-bottom: 1px solid #fff; padding: 15px 20px; color: #fff; display: flex; align-items: center;font-size: 16px; flex-wrap: wrap;}
#order_review #payment > ul > li input{margin-right:10px;}
#order_review #payment > ul > li label{width: calc(100% - 24px);display: flex; align-items: center; justify-content: space-between;}
#order_review #payment > ul > li+li{border-bottom: none;}
#order_review #payment > ul .woocommerce-error li{color: #fff; display: flex; align-items: center;font-size: 16px;}
#order_review #payment .payment_box{width: 100%;margin-top: 10px;}
#order_review #payment .payment_box .testmode-info{display: block;}
#order_review #payment .payment_box .testmode-info a{display: inline-block;}
#order_review #payment .woocommerce-terms-and-conditions-wrapper { border: 1px solid #fff; border-radius: 20px; padding: 20px; margin-top: 20px; }
#order_review #payment .woocommerce-terms-and-conditions-wrapper p { display: inline-block; font-size: 16px; }
#order_review #payment .woocommerce-terms-and-conditions-wrapper p a{    color: #A8C1E6; display: inline-block; font-size: 16px; line-height: 20px;}
#order_review #payment #place_order { margin-top: 20px; width: 100%; height: 42px; border-radius: 20px; color: #000; background-color: #fff; border: 1px solid #fff; font-size: 18px; font-weight: 600; cursor: pointer;transition: 0.5s ease all;}
#order_review #payment #place_order:hover{background-color: transparent;color: #ffffff;}
.select2-container--default .select2-selection--single .select2-selection__placeholder{color: #fdfdfd;}
.slider3d { touch-action: pan-y; }
.woocommerce-NoticeGroup { width: 100%; margin-bottom: 20px;}
.woocommerce-NoticeGroup .woocommerce-error{padding: 10px;border: 1px solid #FF9E9E;}
.woocommerce-NoticeGroup .woocommerce-error li{line-height: 20px;margin-bottom: 10px;color: #FF9E9E;}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .validate-required input{border-color: #FF9E9E !important;}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .checkout-inline-error-message{display: none !important;}

.woocommerce-order {width: 100%;}
.woocommerce-order .woocommerce-notice{width: 100%;text-align: center;color: #ffffff;font-size: 34px; margin-bottom: 20px;}
.woocommerce-order .woocommerce-order-overview { width: 100%; border: 1px solid #fff; padding: 20px; border-radius: 20px; margin: 25px 0; }
.woocommerce-order .woocommerce-order-overview li{width: 100%;color: #ffffff;font-size: 16px;margin-bottom: 10px;}

.woocommerce-order .woocommerce-order-details{}
.woocommerce-order .woocommerce-order-details h2{font-size: 28px;margin-bottom: 20px;}
.woocommerce-order .woocommerce-order-details .shop_table{width: 100%;}
.woocommerce-order .woocommerce-order-details .shop_table tr{display: flex;justify-content: space-between;}
.woocommerce-order .woocommerce-order-details .shop_table tr th,
.woocommerce-order .woocommerce-order-details .shop_table tr td{width: 50%; color: #ffffff; font-size: 16px; padding: 10px; text-align: left; border: 1px solid; min-height: 42px;}
.woocommerce-order .woocommerce-customer-details {margin-top: 30px;}
.woocommerce-order .woocommerce-customer-details h2{font-size: 28px;margin-bottom: 20px;}
.woocommerce-order .woocommerce-customer-details address{color: #ffffff; font-size: 16px; padding: 5px; text-align: left;border: 1px solid #fff; padding: 20px; border-radius: 20px; }

.woocommerce-pagination{display: block;text-align: center;margin: 20px 0;padding: 0 20px;}
.woocommerce-pagination .page-numbers{display: flex; align-items: center; justify-content: center; gap:5px !important; }
.woocommerce-pagination .page-numbers a,.woocommerce-pagination .page-numbers span{    font-size: 16px; color: #000; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; background-color: #fff;    padding: 0 !important;}
.woocommerce-pagination .page-numbers .current{color: #fff !important; background-color: #3B4A63 !important;}

/* woocommerce css */
div#wcc-sticky-list-wrapper { display: none !important; }

body .gtranslate_container  .gt_switcher {margin-left: 10px;position: relative;    width: 100%;overflow: visible !important;}
body .gtranslate_container  .gt_switcher .gt_selected{    background: none  !important;}
body .gtranslate_container .gt_switcher .gt_selected a { border-color: #fff; border-radius: 0; color: #ffff; padding: 0; font-size: 0; width: auto; border: none !important; margin: 0; display: block; }
body .gtranslate_container  .gt_switcher .gt_selected a::after{display: none;}
body .gtranslate_container  .gt_switcher .gt_selected a:hover{background-color: transparent !important;}
body .gtranslate_container  .gt_switcher .gt_option{position: absolute;top:calc(100% + 17px);left: auto;right: 0;}
body .gtranslate_container  .gt_switcher .gt_option a{font-size: 14px;}

body.accessories{}
body.accessories .accessories_page{height: auto;min-height: calc(100vh - 50px);}
body.accessories .accessories_page.banner_comman .contents { max-height: max-content !important; overflow: auto; }


.banner_about_mission .bg::before,
.banner_about_mission .bg::after,
.banner_about_laser .bg::before,
.banner_about_laser .bg::after{display: none !important;}

.banner_about .bg::after{display: none !important;}


/* no inner scroll */
/* testimonials */
.simple_page_scroll .banner_comman{   height: auto !important; overflow: auto !important;}
.simple_page_scroll .banner_comman>.bottom{ position: absolute; left: 20px; bottom: 0; z-index: 3;}
.simple_page_scroll .banner_comman>.left_bottom{ position: absolute; bottom: 0; right: 20px; transform: scale3d(-1, 1, 1); z-index: 3; }
.simple_page_scroll .banner_comman .bg{position: fixed;top:50px;left:0;right: 0;margin: 0 auto;}
.simple_page_scroll .banner_comman .contents{min-height: auto !important;max-height: none !important;margin-top: 0 !important;}

section.banner_product_benefits .left_col { width: 450px; }
section.banner_product_benefits .right_col{ width: fit-content;}
section.banner_product_benefits .right_col .box { margin: 0 auto; margin-right: 0; margin-top: 0; position: absolute; left: 100%; top: 0; height: 595px; width: 595px; display: flex; align-items: center; justify-content: center; max-width: 100%; }
section.banner_product_benefits .right_col .box img{max-height: 100%;}
section.banner_product_benefits .right_col h2{font-size:20px;line-height: 24px;margin-bottom: 25px;}
section.banner_product_benefits .right_col h2:not(:first-child){margin-top: 60px;}
section.banner_product_benefits .right_col p{font-size: 16px;line-height: 20px;margin-bottom: 5px;}
section.banner_product_benefits .right_col p strong{margin-top: 5px;}
section.banner_product_benefits .right_col .animate_opacity{max-width:675px;}
section.banner_product_benefits ul {list-style: disc; padding-left: 20px;}
section.banner_product_benefits ul li{color: var(--white); font-size:16px; line-height: 20px; font-weight: 400;margin-bottom: 5px !important;}
section.banner_product_benefits ul li:last-child{margin-bottom: 0 !important;}
section.banner_product_benefits ul li strong{    margin-bottom: 0 !important; display: inline !important;}

.banner_product_work .left_col h1{margin-bottom: 0px;}
.banner_product_work .left_col h3{color: var(--white);font-size: 40px;line-height: 50px;font-weight: 300;margin-bottom:10px;}
section.banner_product_work .left_col{width: 460px;padding-right: 60px;}
section.banner_product_work .right_col{width: calc(100% - 460px);display: flex;align-items: flex-start;flex-wrap: wrap;}
section.banner_product_work .box{width: 450px;height: 450px;}
section.banner_product_work .box .device_img{position: relative; top: 0; left: 0; right: 0; margin: auto; max-width: 100%;}
section.banner_product_work .colin-box{width: calc(100% - 450px);display: flex;flex-wrap: wrap;}
section.banner_product_work .colin-box .colin{width: 50%;padding-right: 60px;margin-bottom: 60px;}
section.banner_product_work .colin-box h4{color: var(--white);font-size: 20px;line-height: 1;margin-bottom: 20px;font-weight: bold;}
section.banner_product_work .colin-box ul{padding:0 !important;margin: 0 !important;}
section.banner_product_work .colin-box ul li{color: var(--white);font-size: 16px;line-height:20px;font-weight: 400;margin: 0 !important;margin-bottom: 10px !important;width: 100% !important;left: 0 !important;}
section.banner_product_work .colin-box ul li strong{margin: 0 !important;display: inline !important;}
section.banner_product_work .colin-box ul li:last-child{margin-bottom: 0;}



.banner_product_dash .right_col{height: calc(100vh - 270px); display: flex; flex-direction: column; justify-content: space-between;}