@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

@font-face {
    font-family:'Droid Sans';
    src: url('../font/droid-sans.eot');
	src: url('../font/droid-sans.eot?#iefix') format('embedded-opentype'),
		url('../font/droid-sans.woff2') format('woff2'),
		url('../font/droid-sans.woff') format('woff'),
		url('../font/droid-sans.svg#Droid Sans') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044;
}

@font-face {
    font-family:'Droid Sans';
    src: url('../font/droid-sans-bold.eot');
	src: url('../font/droid-sans-bold.eot?#iefix') format('embedded-opentype'),
		url('../font/droid-sans-bold.woff2') format('woff2'),
		url('../font/droid-sans-bold.woff') format('woff'),
		url('../font/droid-sans-bold.svg#Droid Sans Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2044;
}

*::before,
*::after {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; outline: none;}
:root {
    --title-font: 'Rubik';
    --content-font: 'Droid Sans';
    --color1: #7E3587;
    --color2: #009FE3;
    --color3: #2B2B51;
    --bg1: #F9EEFB;
    --bg2: #E5F5FC;
}
body{  background:#fff; font-size:16px; font-family:var(--content-font); font-weight: 400; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

html, body {color: var(--color3); line-height:1.5; padding:0; margin:0;}

a {color: var(--color3); text-decoration:none; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; display: inline-block;}
.container{max-width: 1464px}

header{background: #fff; margin-bottom: 15px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; position: fixed; width: 100%; z-index: 99; top: 0px}
header.fixed .header-inner ul.main-menu li a{padding: 26px 0}
header.fixed .header-inner ul.main-menu li .dropdown-menu.show{transform: translate(0px, 79px) !important;}
header.fixed .header-inner ul.main-menu li a.dropdown-toggle::before{top: 36px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header.fixed .header-inner ul.main-menu li a.btn-test-menu::before{top: 36px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header.fixed .header-inner ul.main-menu li a:hover .line::before,
header.fixed .header-inner ul.main-menu li a.active .line::before{bottom: 20px;}
header.fixed .header-inner ul.main-menu li a:hover .line::after,
header.fixed .header-inner ul.main-menu li a.active .line::after{top: 20px;}

header .header-inner{border-bottom: #E5D7E7 1px solid; display: flex; justify-content: space-between; align-items: center; position: relative;}
header .header-inner .logo-block{width: 175px}
header .header-inner .logo-block img{width: 100%}
header .header-inner ul.main-menu{margin: 0px; padding: 0px; list-style: none; display: flex; align-items: center;}
header .header-inner ul.main-menu li{margin: 0 15px}
header .header-inner ul.main-menu li a:hover .line,
header .header-inner ul.main-menu li a.active .line{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
header .header-inner ul.main-menu li a:hover .line::before,
header .header-inner ul.main-menu li a.active .line::before{content: ''; width: 15px; height: 15px; border-bottom: #9E68A5 1px solid; border-left: #9E68A5 1px solid; position: absolute; bottom: 30px; left: -15px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header .header-inner ul.main-menu li a:hover .line::after,
header .header-inner ul.main-menu li a.active .line::after{content: ''; width: 15px; height: 15px; border-top: #9E68A5 1px solid; border-right: #9E68A5 1px solid; position: absolute; top: 30px; right: -15px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header .header-inner ul.main-menu li a{font-size: 18px; padding: 36px 0px; color: var(--color3); position: relative;}
header .header-inner ul.main-menu li a.btn-test-menu{padding-right: 22px}
header .header-inner ul.main-menu li a.btn-test-menu::before{content: ''; position: absolute; top: 45px; right: 3px; background: url(../images/right-arrow.png) center center no-repeat; width: 6px; height: 10px; transform: rotate(90deg); background-size: 100%; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header .header-inner ul.main-menu li a.btn-test-menu.arrowup::before{transform: rotate(270deg); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header .header-inner ul.main-menu li a.dropdown-toggle{padding-right: 22px}
header .header-inner ul.main-menu li a.dropdown-toggle::after{content: none}
header .header-inner ul.main-menu li a.dropdown-toggle::before{content: ''; position: absolute; top: 45px; right: 3px; background: url(../images/right-arrow.png) center center no-repeat; width: 6px; height: 10px; transform: rotate(90deg); background-size: 100%; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header .header-inner ul.main-menu li a.dropdown-toggle.show::before{transform: rotate(270deg);}
header .header-inner ul.main-menu li a:hover{color: var(--color1)}
header .header-inner ul.main-menu li .dropdown-menu{ padding: 10px 10px 5px 10px;  border: #E5D7E7 1px solid; box-shadow: none; border-radius: 0 0 10px 10px; border-top: none;}
header .header-inner ul.main-menu li .dropdown-menu.show{transform: translate(0px, 100px) !important;}
header .header-inner ul.main-menu li .dropdown-menu li{margin: 0px 0px 5px 0px;}
header .header-inner ul.main-menu li .dropdown-menu li a{padding: 6px 15px; background: #fff; display: block; font-size: 15px; border-radius: 4px}
header .header-inner ul.main-menu li .dropdown-menu li a:hover{background: var(--color1); color: #fff}
header .header-inner ul.main-menu li .dropdown-menu li a.active{background: var(--color1); color: #fff}
header .header-inner .container{position: relative;}
header .header-inner .mobile-menu-submenu{display: none}
header .header-inner .full-menu-test{ display: none; position: absolute; width: 100%; background: #fff; border: #E5D7E7 1px solid; border-top: none; left: 0; top: 100px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; padding: 30px; border-radius: 0 0 30px 30px; -webkit-box-shadow: 0px 4px 34px 0px rgba(150,150,150,0.25); -moz-box-shadow: 0px 4px 34px 0px rgba(150,150,150,0.25); box-shadow: 0px 4px 34px 0px rgba(150,150,150,0.25);}
header .header-inner .full-menu-test.show{display: flex;}
header .header-inner .full-menu-test .tab-part{width: 26%}
header .header-inner .full-menu-test .tab-part .tablinks{position: relative; border: #E4CFE7 1px solid; border-radius: 10px; padding: 10px; font-size: 16px; line-height: 20px; color: var(--color3); background: #fff; display: block; width: 100%; display: flex; align-items: center; font-weight: 700; margin-bottom:10px}
header .header-inner .full-menu-test .tab-part .tablinks::before{content: ''; position: absolute; top: 16px; right: 14px; width: 10px; height: 18px; background: url(../images/right-arrow.png) center center no-repeat}
header .header-inner .full-menu-test .tab-part .tablinks:last-child:before{content: none}
header .header-inner .full-menu-test .tab-part .tablinks:hover,
header .header-inner .full-menu-test .tab-part .tablinks.active{background: #F9EEFB}
header .header-inner .full-menu-test .tab-part .tablinks .icon{width: 30px; height: 30px; margin-right: 12px}
header .header-inner .full-menu-test .tab-part .tablinks .icon img{width: 100%}
header .header-inner .full-menu-test .tab-part .btn-view{position: relative; border: #E4CFE7 1px solid; border-radius: 10px; padding: 10px; font-size: 16px; line-height: 20px; color: var(--color3); background: #fff; display: block; width: 100%; display: flex; align-items: center; font-weight: 700; }
header .header-inner .full-menu-test .tab-part .btn-view .icon{width: 30px; height: 30px; margin-right: 12px}
header .header-inner .full-menu-test .tab-part .btn-view .icon img{width: 100%}
header .header-inner .full-menu-test .tab-part .btn-view:hover,
header .header-inner .full-menu-test .tab-part .btn-view.active{background: #F9EEFB}

header .header-inner .full-menu-test .testlist{width: 74%; padding-left: 30px; display: flex; flex-direction: column; justify-content:space-between;}
header .header-inner .full-menu-test .testlist .cate-name{font-family: var(--title-font); font-size: 30px; line-height: 30px; color: var(--color2); font-weight: 700; margin: 0 0 15px 0}
header .header-inner .full-menu-test .testlist ul.test-list-ul{margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
header .header-inner .full-menu-test .testlist ul.test-list-ul li{width: 50%; margin: 0px;}
header .header-inner .full-menu-test .testlist ul.test-list-ul li a{display: block; font-size: 18px; line-height: 40px; color: #3C3C6D; font-weight: 400; position: relative; padding:0px 0px 0px 21px}
header .header-inner .full-menu-test .testlist ul.test-list-ul li a::before{content: ''; position: absolute; top: 17px; left: 0px; width: 6px; height: 6px; background: var(--color2); border-radius: 5px}
header .header-inner .full-menu-test .testlist ul.test-list-ul li a:hover{color: var(--color2)}
header .header-inner .full-menu-test .testlist .build-own{background: var(--color2); padding: 15px; border-radius: 10px; display: flex; justify-content: space-between;}
header .header-inner .full-menu-test .testlist .build-own .inner-left{display: flex; align-items: center;}
header .header-inner .full-menu-test .testlist .build-own .icon{width: 70px; height: 70px; background: #fff; border-radius: 10px; padding: 10px; margin-right: 12px}
header .header-inner .full-menu-test .testlist .build-own .icon img{width: 100%}
header .header-inner .full-menu-test .testlist .build-own .build-detail{width: 360px; display: flex; flex-direction: column; justify-content: center;}
header .header-inner .full-menu-test .testlist .build-own h2{color: #fff; font-size: 20px; line-height: 24px; margin: 0px; font-weight: 700; margin: 0 0 4px 0}
header .header-inner .full-menu-test .testlist .build-own p{font-size: 14px; line-height: 18px; color: #fff; font-weight: 400; margin: 0px;}
header .header-inner .full-menu-test .testlist .build-own .build-btn-area{display: flex; align-items: center;}
header .header-inner .full-menu-test .testlist .build-own .build-btn-area .btn-view{background: #fff; font-size: 16px; font-weight: 700; color: var(--color2); padding: 10px 25px; border-radius: 25px; margin-left: 15px}
header .header-inner .full-menu-test .testlist .build-own .build-btn-area .btn-view svg{margin-left: 15px}
header .header-inner .full-menu-test .testlist .build-own .build-btn-area .markers{ border:#fff 2px solid; font-size: 16px; font-weight: 700; color: #fff; padding: 8px 25px; border-radius: 25px; }
header.fixed .header-inner .full-menu-test{top: 80px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}


header .rightside{display: flex; align-items: center;}
header .rightside .btn-lug{margin-right: 10px; font-size: 20px; font-weight: 700; color: var(--color1)}
header .rightside .btn-blue{width: 48px; height: 48px; background: var(--color1); display: flex; align-items: center; justify-content: center; border: none; border-radius: 50%; margin-left: 10px; position: relative;}
header .rightside .btn-blue:hover{background: var(--color2);}
header .rightside .btn-login{ height: 48px; padding: 0 20px; color: #fff; font-size: 16px;font-weight: 400; background: var(--color1); display: flex; align-items: center; justify-content: center; border: none; border-radius: 25px;  position: relative;}
header .rightside .btn-login svg{margin-right: 15px}
header .rightside .btn-login:hover{background: var(--color2);}
header .rightside .btn-menu{display: none}


.hero-img-area{margin-top: 100px; background: rgb(249,238,251); background: linear-gradient(0deg, rgba(249,238,251,1) 0%, rgba(249,238,251,0) 100%); overflow: hidden;}
.hero-img-area .container{position: relative;}
.hero-img-area .container .logo-icon{height: 750px; position: absolute; bottom: 0px; left: 0px; opacity: 0.05}
.hero-img-area .content{width: 40%; padding: 180px 0; position: relative; z-index: 1}
.hero-img-area .content h1{font-family: var(--title-font);  font-size: 60px; line-height: 74px; font-weight: 300;  color: var(--color1); margin: 0 0 20px 0}
.hero-img-area .content h1 strong{font-weight: 600; color: var(--color2);}
.hero-img-area .content h1 span{font-weight: 600; }
.hero-img-area .content p{font-size: 22px; line-height: 34px; color: #595977; margin: 0 0 20px 0}
.hero-img-area .content .btn-view{background: var(--color1); font-size: 16px; font-weight: 700; color: #fff; padding: 12px 30px; border-radius: 25px}
.hero-img-area .content .btn-view svg{margin-left: 15px}
.hero-img-area .content .btn-view:hover{background: var(--color2)}
.hero-img-area .img-block{height: 95%; width: auto; text-align: right; position: absolute; bottom: 0px; right: 0px}
.hero-img-area .img-block img{height: 100%}

.test-section{padding: 100px 0}
.test-section .titlearea{margin: 0 0 25px 0}
.test-section .test-block{cursor: pointer; border: #E4CFE7 1px solid; border-radius: 15px; position: relative; overflow: hidden; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-section .test-block .pd-20{padding: 20px; position: relative; z-index: 1}
.test-section .test-block .test-name{font-size: 24px; line-height: 26px; font-weight: 600; font-family: var(--title-font); color: var(--color1); padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: #E4CFE7 2px solid; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-section .test-block p{font-size: 16px; line-height: 26px; color: var(--color3); opacity: 0.78; margin: 0 0 15px 0; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.test-section .test-block .biomarkers{border: #E4CFE7 1px solid; background: #F9EEFB; display: inline-flex; align-items: center; padding: 4px 20px 4px 4px; border-radius: 20px; font-size: 15px; color: var(--color3); font-weight: 700; margin: 0 0 15px 0; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-section .test-block .biomarkers span{width: 30px; height: 30px; background: var(--color3); border-radius: 15px; margin-right: 12px; color: #fff; line-height: 30px; text-align: center; font-size: 12px}
.test-section .test-block ul{margin: 0px; padding: 0px; list-style: none; }
.test-section .test-block ul li{font-size: 16px; line-height: 26px; color: var(--color3); opacity: 0.78; font-weight: 400; position: relative; padding-left: 30px}
.test-section .test-block ul li::before{content: '';background: url(../images/check-icon.png) center center no-repeat; width: 16px; height: 13px; position: absolute; top: 6.5px; left: 0px;}
.test-section .test-block .bottom-part{border-top: #E4CFE7 1px dashed; display: flex; align-items: center; justify-content: space-between; padding: 20px; position: relative; z-index: 1; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-section .test-block .bottom-part .price{font-size: 20px; line-height: 26px;font-weight: 600; font-family: var(--title-font); color: var(--color1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-section .test-block .bottom-part .price span{display: block; font-size: 12px; line-height: 16px; font-weight: 400; color: var(--color3)}
.test-section .test-block .bottom-part .btn-cart{background: var(--color1); font-size: 16px; font-weight: 700; color: #fff; padding: 10px 20px; border-radius: 25px; display: flex; align-items: center;}
.test-section .test-block .bottom-part .btn-cart img{margin-right: 10px; width: 24px;}
.test-section .test-block:hover{border: #ACD8ED 1px solid; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-section .test-block:hover .test-name{color: var(--color2); border-bottom:#ACD8ED 2px solid; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-section .test-block:hover .biomarkers{border:#ACD8ED 1px solid; background: #E5F5FC; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-section .test-block:hover .bottom-part .btn-cart{background: var(--color2); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-section .test-block:hover .bottom-part{border-top:#ACD8ED 1px dashed; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-section .test-block:hover .bottom-part .price{color: var(--color2); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-section .owl-nav{position: absolute; top: -60px; right: 236px;}
.test-section .owl-nav .owl-next{margin-left: 20px}
.test-section .owl-nav .owl-prev,
.test-section .owl-nav .owl-next{width: 32px; height: 20px}
.test-section .owl-nav .owl-prev svg,
.test-section .owl-nav .owl-next svg{width: 100%; height: 100%; vertical-align: top}
.test-section .owl-nav .owl-prev svg path,
.test-section .owl-nav .owl-next svg path{stroke: var(--color1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-section .owl-nav .owl-prev:hover svg path,
.test-section .owl-nav .owl-next:hover svg path{stroke: var(--color2); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

.titlearea{display: flex; align-items: flex-end; justify-content: space-between; }
.titlearea h2{font-size: 40px; font-family: var(--title-font); font-weight: 700; color: var(--color3); margin: 0px}
.titlearea h2 span{display: block;font-size: 18px; font-weight: 400; color: var(--color1); text-transform: uppercase; margin-bottom: 10px}
.titlearea .btn-view{background: var(--color1); font-size: 16px; font-weight: 700; color: #fff; padding: 12px 30px; border-radius: 25px}
.titlearea .btn-view svg{margin-left: 15px}
.titlearea .btn-view:hover{background: var(--color2)}

.weight-care-section{margin: 0px;}
.weight-care-section .weight-care-block{display: flex; align-items: center;}
.weight-care-section .weight-care-block .photo{width: 56%; border-radius: 20px; overflow: hidden;}
.weight-care-section .weight-care-block .photo img{width: 100%; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.weight-care-section .weight-care-block:hover .photo img{transform: scale(1.1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.weight-care-section .weight-care-block .content{width: 44%; padding-left: 50px}
.weight-care-section .weight-care-block .content h2{font-size: 40px; font-family: var(--title-font); font-weight: 700; color: var(--color3); margin: 0px 0px 14px 0px}
.weight-care-section .weight-care-block .content h2 span{display: block;font-size: 18px; font-weight: 400; color: var(--color2); text-transform: uppercase; margin-bottom: 10px}
.weight-care-section .weight-care-block .content h3{margin: 0 0 18px 0; color: var(--color2); font-size: 16px; font-weight: 700; margin: 0 0 18px 0}
.weight-care-section .weight-care-block .content ul{margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; list-style: none; display: flex; flex-wrap: wrap; border-bottom: #ACD8ED 1px solid}
.weight-care-section .weight-care-block .content ul li{margin:0 10px 10px 0;}
.weight-care-section .weight-care-block .content ul li a{background: #E5F5FC; border: #ACD8ED 1px solid; font-size: 16px; padding: 12px 25px; border-radius: 20px; font-weight: 700; line-height: 16px; color: var(--color2)}
.weight-care-section .weight-care-block .content ul li a:hover{background: var(--color2); color: #fff}
.weight-care-section .weight-care-block .content p{font-size: 16px; line-height: 26px; color: var(--color3); opacity: 0.78; margin: 0 0 15px 0; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.weight-care-section .weight-care-block .btn-cart{background: var(--color2); font-size: 16px; font-weight: 700; color: #fff; padding: 10px 20px; border-radius: 25px; display: inline-flex; align-items: center;}
.weight-care-section .weight-care-block .btn-cart img{margin-right: 10px; width: 22px;}

.howitwork-section{padding: 100px 0}
.howitwork-section .titlearea{justify-content: center; margin: 0 0 25px 0}
.howitwork-section .titlearea h2{text-align: center;}
.howitwork-section ul.step-list{margin: 0px -10px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.howitwork-section ul.step-list li{padding: 0 10px; width: 25%}
.howitwork-section ul.step-list li .step-block{background: #F9EEFB; border-radius: 15px; text-align: center; padding: 30px 20px; display: flex; flex-direction:column; height: 100%}
.howitwork-section ul.step-list li .step-block .icon{border-radius: 50%; background: #fff; width: 180px; height: 180px; margin: 0 auto; overflow: hidden; padding: 10px; -webkit-box-shadow: 0px 0px 25px 0px rgba(234,219,237,1); -moz-box-shadow: 0px 0px 25px 0px rgba(234,219,237,1); box-shadow: 0px 0px 25px 0px rgba(234,219,237,1);}
.howitwork-section ul.step-list li .step-block .icon img{width: 100%}
.howitwork-section ul.step-list li .step-block h3{font-family: var(--title-font); font-weight: 600; margin: 20px 0 10px 0; font-size: 24px; line-height: 30px; color: var(--color1)}
.howitwork-section ul.step-list li .step-block p{font-size: 16px; line-height: 26px; color: var(--color3); opacity: 0.78; margin: 0; font-weight: 400}

.review-section{padding: 0px}
.review-section .container{position: relative;}
.review-section h2{font-size: 40px; font-family: var(--title-font); font-weight: 700; color: var(--color3); margin: 0px; position: absolute; top: 0px;}
.review-section h2 span{display: block;font-size: 18px; font-weight: 400; color: var(--color2); text-transform: uppercase; margin-bottom: 10px}
.review-section .review-block{display: flex; align-items: flex-end;}
.review-section .review-block .photo1{width: 26%; margin-right: 1.5%; height: 374px; position: relative; overflow: hidden; border-radius: 200px 200px 25px 200px}
.review-section .review-block .photo1 img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.review-section .review-block .photo2{width: 26%; margin-right: 1.5%; height: 564px; position: relative; overflow: hidden; border-radius: 200px 200px 150px 25px}
.review-section .review-block .photo2 img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.review-section .review-block .content{width: 45%; padding-left: 25px; padding-right: 50px; height: 564px; display: flex; flex-direction: column; justify-content: center;}
.review-section .review-block .content .name{font-family: var(--title-font); font-size: 30px; line-height: 30px; font-weight: 600; color: var(--color2); padding: 0 0 18px 0; margin: 0 0 14px 0; position: relative;}
.review-section .review-block .content .name span{display: block; margin-top: 14px; font-size: 15px; line-height: 18px; font-weight: 400; color: var(--color3)}
.review-section .review-block .content .name::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 90px; height: 1px; background: var(--color2)}
.review-section .review-block .content p{font-family: var(--title-font);  font-size: 16px; line-height: 30px; color: var(--color3); opacity: 0.78; margin: 0; font-weight: 400; font-style: italic;}
.review-section .owl-nav{position: absolute; top: 100px; left: 0px;}
.review-section .owl-nav .owl-next{margin-left: 20px}
.review-section .owl-nav .owl-prev,
.review-section .owl-nav .owl-next{width: 32px; height: 20px}
.review-section .owl-nav .owl-prev svg,
.review-section .owl-nav .owl-next svg{width: 100%; height: 100%; vertical-align: top}
.review-section .owl-nav .owl-prev svg path,
.review-section .owl-nav .owl-next svg path{stroke: var(--color2); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.review-section .owl-nav .owl-prev:hover svg path,
.review-section .owl-nav .owl-next:hover svg path{stroke: var(--color1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}


.article-section{padding: 100px 0}
.article-section .titlearea{margin: 0 0 25px 0}
.article-section .article-block{display: flex; border: #E4CFE7 1px solid; border-radius: 15px; overflow: hidden;}
.article-section .article-block .article-photo{width: 48%; height: 400px; position: relative; overflow: hidden;}
.article-section .article-block .article-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.article-section .article-block .article-content{width: 52%; display: flex; flex-direction: column; justify-content: space-between;}
.article-section .article-block .article-content .top{padding: 30px 25px 0px 25px}
.article-section .article-block .article-content h3{font-family: var(--title-font); font-size: 22px; line-height: 30px; font-weight: 600; color: var(--color3); margin: 0 0 10px 0}
.article-section .article-block .article-content p{font-size: 16px; line-height: 26px; color: var(--color3); opacity: 0.78; margin: 0; font-weight: 400; }
.article-section .article-block .article-content .btn-more{padding: 15px 25px; font-size: 18px; font-weight: 700; color: var(--color1); display: flex; justify-content:space-between; align-items: center;}
.article-section .article-block .article-content .btn-more svg{width: 24px; height: 20px}
.article-section .article-block .article-content .btn-more svg path{stroke: var(--color1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.article-section .article-block:hover .article-photo img{transform: scale(1.1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.article-section .article-block:hover .article-content .btn-more{color: var(--color2)}
.article-section .article-block:hover .article-content .btn-more svg path{stroke: var(--color2)}
.article-section .owl-nav{position: absolute; top: -60px; right: 0px;}
.article-section .owl-nav .owl-next{margin-left: 20px}
.article-section .owl-nav .owl-prev,
.article-section .owl-nav .owl-next{width: 32px; height: 20px}
.article-section .owl-nav .owl-prev svg,
.article-section .owl-nav .owl-next svg{width: 100%; height: 100%; vertical-align: top}
.article-section .owl-nav .owl-prev svg path,
.article-section .owl-nav .owl-next svg path{stroke: var(--color1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.article-section .owl-nav .owl-prev:hover svg path,
.article-section .owl-nav .owl-next:hover svg path{stroke: var(--color2); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

.why-kelter-section{padding: 0px;}
.why-kelter-section .light-blue{background: #E5F5FC; border-radius: 20px; text-align: center; padding: 60px 70px}
.why-kelter-section h2{font-size: 40px; font-family: var(--title-font); font-weight: 700; color: var(--color3); margin: 0px 0px 10px 0px; }
.why-kelter-section h2 span{display: block;font-size: 18px; font-weight: 400; color: var(--color2); text-transform: uppercase; margin-bottom: 10px}
.why-kelter-section .md-10{margin: 0 -20px}
.why-kelter-section .pd-10{padding: 0 20px}
.why-kelter-section h3{font-family: var(--title-font); font-size:24px; line-height: 30px; font-weight: 500; color: var(--color2); padding-bottom: 18px; margin-bottom: 16px; position: relative; padding: 0 70px 18px 70px}
.why-kelter-section h3::before{content: ''; position: absolute; bottom: 0px; left: 50%; margin-left: -25px; width: 50px; height: 2px; background: var(--color3)}
.why-kelter-section p{font-size: 18px; line-height: 30px; color: var(--color3); opacity: 0.78; margin: 0; font-weight: 400; }


.get-in-touch-section{padding: 80px 0 50px 0}
.get-in-touch-section .container{position: relative;}
.get-in-touch-section h2{font-size: 40px; font-family: var(--title-font); font-weight: 700; color: var(--color3); margin: 0px 0px 20px 0px; }
.get-in-touch-section h2 span{display: block;font-size: 18px; font-weight: 400; color: var(--color1); text-transform: uppercase; margin-bottom: 10px}
.get-in-touch-section .content-area{padding: 0 0 80px 0; position: relative;}
.get-in-touch-section .content-area .form-area{width: 56%; position: relative; }
.get-in-touch-section .content-area .form-area::before{content: ''; position: absolute; bottom: -80px; left: 0px; background: url(../images/logo-icon.png) center center no-repeat; width: 594px; height: 564px; background-size: cover; opacity: 0.1}
.get-in-touch-section .content-area .form-area .mb-2{margin: 0 0 15px 0 !important; position: relative; z-index: 1}
.get-in-touch-section .content-area .form-area .form-control{border: #E4CFE7 1px solid; border-radius: 5px; padding: 12px 15px; font-size:16px; font-weight: 400; color: #3C3C6D}
.get-in-touch-section .content-area .form-area .form-control:focus{box-shadow: none; border: var(--color1) 1px solid}
.get-in-touch-section .content-area .form-area .btn-submit{background: var(--color1); border: none; font-size: 16px; font-weight: 700; color: #fff; padding: 12px 30px; border-radius: 25px; position: relative; z-index: 1}
.get-in-touch-section .content-area .form-area .btn-submit:hover{background: var(--color2)}
.get-in-touch-section .content-area .form-area .btn-submit svg{margin-left: 20px}
.get-in-touch-section .content-area .img-men{position: absolute; bottom: 0px; right: 90px}

.get-in-touch-section .newsletter-area{background: var(--color1); border-radius: 15px; padding: 50px 200px}
.get-in-touch-section .newsletter-area h3{font-family: var(--title-font); font-weight: 700; font-size: 40px; color: #fff; line-height: 40px; margin: 0 0 10px 0; text-align: center;}
.get-in-touch-section .newsletter-area p{font-size: 18px; line-height: 30px; color: #fff; text-align: center; margin: 0 0 15px 0}
.get-in-touch-section .newsletter-area .input-area{position: relative;}
.get-in-touch-section .newsletter-area .input-area .form-control{background: #fff; border: none;  padding: 18px 25px; font-size:16px; font-weight: 400; color: #3C3C6D; border-radius: 30px}
.get-in-touch-section .newsletter-area .input-area .form-control:focus{box-shadow: none}
.get-in-touch-section .newsletter-area .input-area .btn-sign{background: var(--color1); border: none; font-size: 16px; font-weight: 700; color: #fff; padding: 12px 30px; border-radius: 25px; position: absolute; top: 6px; right: 6px; z-index: 1}
.get-in-touch-section .newsletter-area .input-area .btn-sign:hover{background: var(--color2)}
.get-in-touch-section .newsletter-area .input-area .btn-sign svg{margin-left: 20px}

.footer-area{background: #2B2B51; padding: 40px 0 0 0}
.footer-area h2{font-size: 22px; line-height: 26px; color: #fff; font-family:var(--title-font); margin: 0 0 8px 0; display: flex; align-items: center;}
.footer-area h2 a{margin-left: 18px}
.footer-area .logo{width: 180px; margin-bottom: 25px}
.footer-area .logo img{width: 100%}
.footer-area ul.social-media{margin: 0px; padding: 0px; list-style: none; display: flex;}
.footer-area ul.social-media li{margin-right: 16px}
.footer-area ul.footer-link{margin: 0px; padding: 0px; list-style: none; }
.footer-area ul.footer-link.column2{column-count: 2;}
.footer-area ul.footer-link li a{color: #E5F5FC; margin: 0px; font-size: 16px; line-height: 30px; font-weight: 400; opacity: 0.8; position: relative; padding-left: 12px}
.footer-area ul.footer-link li a::before{content: ''; position: absolute; top: 14px; left: 0px; width: 4px; height: 1px; background: #E5F5FC;  opacity: 0.8; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.footer-area ul.footer-link li:hover a{padding-left: 16px; opacity: 1}
.footer-area ul.footer-link li:hover a::before{width: 8px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.footer-area .copyright{display: flex; align-items: center; justify-content: space-between; padding: 10px 0}
.footer-area .copyright p{color: #E5F5FC; margin: 0px; font-size: 16px; line-height: 30px; font-weight: 400; opacity: 0.8}
.footer-area .copyright ul.bottom-link{margin: 0px; padding: 0px; list-style: none; display: flex;}
.footer-area .copyright ul.bottom-link li{margin-left: 50px; position: relative;}
.footer-area .copyright ul.bottom-link li::before{content: '|'; color: #bfccd9; position: absolute; top: 3px; left: -31px;}
.footer-area .copyright ul.bottom-link li:first-child::before{content: none}
.footer-area .copyright ul.bottom-link li a{color: #E5F5FC; margin: 0px; font-size: 16px; line-height: 30px; font-weight: 400; opacity: 0.8}
.flex-row{display: flex; flex-wrap: wrap; padding-bottom: 40px; border-bottom: #484874 1px solid}
.flex-row .col-16{width: 16.5%}
.flex-row .col-34{width: 34%}


#loader-wrapper img {height: 80px; left: 50%; margin: -40px 0 0 -40px; position: absolute; top: 50%; width: 80px;}
#loader-wrapper {background: rgba(255,255,255, 0.8); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999999999;}
#loader {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 2s linear 0s normal none infinite running spin; border-color: var(--color1)  transparent transparent; border-image: none; border-radius: 50%; border-style: solid; border-width: 3px; display: block; height: 200px; left: 50%; margin: -100px 0 0 -100px; position: relative; top: 50%; width: 200px;}
#loader::before {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 3s linear 0s normal none infinite running spin; border-color: var(--color2) transparent transparent; border-image: none; border-radius: 50%; border-style: solid; border-width: 3px; bottom: 5px; content: ""; left: 5px; position: absolute; right: 5px; top: 5px;}
#loader::after {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; animation: 1.5s linear 0s normal none infinite running spin; border-color: var(--color1)  transparent transparent; border-image: none; border-radius: 50%; border-style: solid; border-width: 3px; bottom: 15px; content: ""; left: 15px; position: absolute; right: 15px; top: 15px;}
@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
#toTop {background:var(--color1);  border-radius:0; bottom:10px; color: #fff; width: 50px; height: 50px; cursor: pointer; display: none; font-size: 14px; font-weight: 700; text-transform: uppercase;position: fixed; right: 10px; z-index: 999; border-radius: 5px; text-align: center; line-height: 50px}

.search-area{margin-top: 100px; padding: 80px 0; background: rgb(229,245,252); background: linear-gradient(0deg, rgba(229,245,252,0) 0%, rgba(229,245,252,1) 100%); overflow: hidden;}
.search-area .w-80{width: 70%; margin: 0 auto; text-align: center;}
.search-area h1{font-family:var(--title-font); font-size: 46px; line-height: 44px; color: var(--color2); margin: 0 0 15px 0; }
.search-area p{font-size: 16px; line-height: 25px; font-weight: 400; color: #2B2B51; margin: 0 0 15px 0}
.search-area .input-area{position: relative;}
.search-area .input-area .form-control{background: #fff; border: #ACD2E5 1px solid;  padding: 18px 25px; font-size:16px; font-weight: 400; color: #3C3C6D; border-radius: 30px}
.search-area .input-area .form-control:focus{box-shadow: none}
.search-area .input-area .btn-sign{background: var(--color2); border: none; font-size: 16px; font-weight: 700; color: #fff; padding: 12px 20px; border-radius: 25px; position: absolute; top: 7px; right: 6px; z-index: 1}
.search-area .input-area .btn-sign:hover{background: var(--color1)}
.search-area .input-area .btn-sign img{margin-right: 10px}

.cate-list{margin: 0px -10px; padding: 10px 0px 0px 0px; list-style: none; display: flex; flex-wrap: wrap;}
.cate-list li{padding: 0 10px; width: 20%; margin-top: 20px}
.cate-list li .cate-block a{display: block; background: #fff; border: #ACD8ED 1px solid; border-radius: 10px; text-align: center; color: #2B2B51; font-size: 16px; line-height: 20px; font-weight: 700; padding: 16px 10px}
.cate-list li .cate-block a .icon{width: 60px; height: 60px; margin: 0 auto 10px auto;}
.cate-list li .cate-block a .icon img{width:100%}
.cate-list li:hover .cate-block a,
.cate-list li.active .cate-block a{background: #E5F5FC}

.test-page{padding: 0 0 60px 0;}
.test-page .filter-area{display: flex; justify-content: space-between; align-items: center; padding: 25px 0;  border-top: #ACD2E5 1px solid}
.test-page .filter-area p{font-size: 16px; line-height: 20px; margin: 0px; font-weight: 700; color: #3C3C6D}
.test-page .filter-area p span{color: var(--color1)}
.test-page .filter-area .form-select{width: 300px; border: #C9C9E1 1px solid; border-radius: 25px; font-size: 16px; color: #3C3C6D; line-height: 20px; padding: 10px 20px}
.test-page .filter-area .form-select:focus{box-shadow: none}
.test-page ul.test-list{margin: 0px -10px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.test-page ul.test-list li{width: 25%; padding: 0 10px; margin: 0 0 20px 0}
.test-page .test-block{cursor: pointer; border: #E4CFE7 1px solid; border-radius: 15px; position: relative; overflow: hidden; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-page .test-block .pd-20{padding: 20px; position: relative; z-index: 1}
.test-page .test-block .test-name{font-size: 24px; line-height: 26px; font-weight: 600; font-family: var(--title-font); color: var(--color1); padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: #E4CFE7 2px solid; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-page .test-block p{font-size: 16px; line-height: 26px; color: var(--color3); opacity: 0.78; margin: 0 0 15px 0; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.test-page .test-block .biomarkers{border: #E4CFE7 1px solid; background: #F9EEFB; display: inline-flex; align-items: center; padding: 4px 20px 4px 4px; border-radius: 20px; font-size: 15px; color: var(--color3); font-weight: 700; margin: 0 0 15px 0; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-page .test-block .biomarkers span{width: 30px; height: 30px; background: var(--color3); border-radius: 15px; margin-right: 12px; color: #fff; line-height: 30px; text-align: center; font-size: 12px}
.test-page .test-block ul{margin: 0px; padding: 0px; list-style: none; }
.test-page .test-block ul li{font-size: 16px; line-height: 26px; color: var(--color3); opacity: 0.78; font-weight: 400; position: relative; padding-left: 30px; width: 100%; margin: 0px}
.test-page .test-block ul li::before{content: '';background: url(../images/check-icon.png) center center no-repeat; width: 16px; height: 13px; position: absolute; top: 6.5px; left: 0px;}
.test-page .test-block .bottom-part{border-top: #E4CFE7 1px dashed; display: flex; align-items: center; justify-content: space-between; padding: 20px; position: relative; z-index: 1; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-page .test-block .bottom-part .price{font-size: 20px; line-height: 26px;font-weight: 600; font-family: var(--title-font); color: var(--color1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-page .test-block .bottom-part .price span{display: block; font-size: 12px; line-height: 16px; font-weight: 400; color: var(--color3)}
.test-page .test-block .bottom-part .btn-cart{background: var(--color1); font-size: 16px; font-weight: 700; color: #fff; padding: 10px 20px; border-radius: 25px; display: flex; align-items: center;}
.test-page .test-block .bottom-part .btn-cart img{margin-right: 10px; width: 24px;}
.test-page .test-block:hover{border: #ACD8ED 1px solid; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-page .test-block:hover .test-name{color: var(--color2); border-bottom:#ACD8ED 2px solid; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-page .test-block:hover .biomarkers{border:#ACD8ED 1px solid; background: #E5F5FC; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-page .test-block:hover .bottom-part .btn-cart{background: var(--color2); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-page .test-block:hover .bottom-part{border-top:#ACD8ED 1px dashed; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-page .test-block:hover .bottom-part .price{color: var(--color2); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.test-page .pagination{margin: 0px;}
.test-page .page-item{margin: 0 5px}
.test-page .page-item:not(:first-child) .page-link{margin-left: 0;}
.test-page .page-item .page-link{width: 50px; height: 50px; border: #E4CFE7 1px solid; background: #F9EEFB; border-radius: 50%; padding: 0px; line-height: 48px; color: var(--color1); font-weight: 700; font-size: 20px}
.test-page .page-item .page-link:hover{background: #7E3587; border: #7E3587 1px solid; color: #fff}
.test-page .page-item.active .page-link{background: #7E3587; border: #7E3587 1px solid; color: #fff}
.test-page .page-item:first-child .page-link,
.test-page .page-item:last-child .page-link{border-radius: 50%}

.signin-bg{background: url(../images/login-photo.jpeg) center center repeat;}
.signin-area{padding: 80px 0; }
.signin-area.login-page{display:flex; align-items: center; padding: 0px; height: 100vh}
.signin-area .inner-area{max-width:700px; margin: 0 auto; display: flex; overflow: hidden; background: #fff; -webkit-box-shadow: 0px 0px 80px 0px rgba(121, 121, 155, 0.5); -moz-box-shadow: 0px 0px 80px 0px rgba(121, 121, 155, 0.5); box-shadow: 0px 0px 80px 0px rgba(121, 121, 155, 0.5); border-radius: 15px;}
.signin-area .inner-area .left-photo{width: 50%; min-height: 400px; padding: 1px; display: none;}
.signin-area .inner-area .left-photo .photo-block{width: 100%; height: 100%; overflow: hidden; position: relative; border-radius: 15px 0 0 15px;}
.signin-area .inner-area .left-photo .photo-block img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.signin-area .inner-area .form-area{width: 100%; padding:30px 50px;}
.signin-area .inner-area .form-area .logo-icon{width: 70px; margin: 0 auto;}
.signin-area .inner-area .form-area .logo-icon img{width:100%}
.signin-area .inner-area .form-area h1{font-size: 40px; font-family: var(--title-font); font-weight: 700; color: var(--color3); margin: 25px 0px 5px 0px; text-align: center;}
.signin-area .inner-area .form-area p{font-size: 14px; line-height: 22px; color: var(--color3); opacity: 0.78; margin: 0 0 20px 0; font-weight: 400; text-align: center;}
.signin-area .inner-area .form-area p a{color: var(--color1); font-weight: 700; display: block; font-size: 16px;}
.signin-area .inner-area .form-area .line{width: 100%; height: 1px; background: #e4cfe7; margin: 0 auto 25px auto;}
.signin-area .inner-area .form-area .input-block{position: relative; padding-top: 7px; margin-bottom: 16px;}
.signin-area .inner-area .form-area .input-block label{font-size: 12px; line-height: 14px; color: var(--color1); position: absolute; top: 0px; left: 10px; background: #fff; padding: 0 11px; font-weight: 700;}
.signin-area .inner-area .form-area .input-block .form-control{border: #E4CFE7 1px solid; border-radius: 5px; font-size: 16px; line-height: 20px; color: #3C3C6D; padding: 14px 20px;}
.signin-area .inner-area .form-area .input-block .form-control:focus{border: var(--color1) 1px solid; box-shadow: none;}
.signin-area .inner-area .form-area .input-block .form-select{border: #E4CFE7 1px solid; border-radius: 5px; font-size: 16px; line-height: 20px; color: #3C3C6D; padding: 14px 20px;}
.signin-area .inner-area .form-area .input-block .form-select:focus{border: var(--color1) 1px solid; box-shadow: none;}
.signin-area .inner-area .form-area .input-block.otp-block{display: flex; margin: 0 -5px 16px -5px;}
.signin-area .inner-area .form-area .input-block.otp-block .form-control{margin: 0 5px; text-align: center; font-size: 25px; font-weight: 700; line-height: 25px; padding: 12px 20px 14px 20px;}
.signin-area .inner-area .form-area .link{display: flex; justify-content: space-between; color: #000; margin: 0px; align-items: center;}
.signin-area .inner-area .form-area .link a{color: var(--color1); font-weight: 700; font-size: 14px;}
.signin-area .inner-area .form-area .md-10{margin: 0 -8px;}
.signin-area .inner-area .form-area .pd-10{padding: 0 8px;}
.signin-area .inner-area .form-area .btn-submit{background: var(--color1); font-size: 16px; font-weight: 700; color: #fff; padding: 12px 30px; border-radius: 25px; width: 100%; border: none; margin: 0 0 20px 0;}
.signin-area .inner-area .form-area .btn-submit:hover{background: var(--color2)}
.signin-area .inner-area .form-area .choose-id-flex {display: flex; align-items: center; margin-bottom: 14px;}
.signin-area .inner-area .form-area .choose-id-flex h2{margin: 0px 15px 0px 0px; font-size: 18px; font-weight: 700;}
.signin-area .inner-area .form-area .radio-list{margin: 0px; padding: 0px; list-style: none; display: flex;}
.signin-area .inner-area .form-area .radio-list li{margin-right: 10px}
.signin-area .inner-area .form-area .radio { display: block; position: relative;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0px;}
.signin-area .inner-area .form-area .radio input {position: absolute; opacity: 0;cursor: pointer; display: none;}
.signin-area .inner-area .form-area .radio .checkmark {background: #fff; border:#EBDBED 1px solid; color: var(--color1); font-size: 14px; font-weight: 700; padding: 8px 15px; display: block; border-radius: 30px}
.signin-area .inner-area .form-area .radio .checkmark:after {content: ""; position: absolute; display: none;}
.signin-area .inner-area .form-area .radio input:checked ~ .checkmark{background: #EBDBED;}
.signin-area .inner-area .form-area .radio input:checked ~ .checkmark:after { display: block;}
.signin-area .inner-area .form-area .form-input--file{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; border: #E4CFE7 1px solid; display: flex; flex-direction: column; border-radius: 5px; text-align: center; align-items: center; padding: 15px; margin-bottom: 15px}
.signin-area .inner-area .form-area .form-input--file .form-input-file {opacity: 0;visibility: hidden;position: absolute;top: 0;left: 0;}
.signin-area .inner-area .form-area .form-input--file svg{width: 50px; height: 50px; margin-bottom: 10px}

.how-it-work-section{margin-top: 100px; padding: 80px 0; position: relative;}
.how-it-work-section::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 700px; background: rgb(229,245,252); background: linear-gradient(0deg, rgba(229,245,252,0) 0%, rgba(229,245,252,1) 100%);}
.how-it-work-section .container{position: relative; z-index: 1}
.how-it-work-section h1{font-family: var(--title-font); font-size: 46px; line-height: 44px; color: var(--color2); margin: 0 0 25px 0; text-align: center;}
.how-it-work-section p{font-size: 16px; line-height: 25px; font-weight: 400; color: #2B2B51; margin: 0 auto; text-align: center; width: 60%; padding: 0 0 25px 0; position: relative; border-bottom: #7E3587 1px dashed}
.how-it-work-section p::before{content: ''; position: absolute; bottom: -6px; left: 0px; width: 11px; height: 11px; background:  var(--color2); border-radius: 50%}
.how-it-work-section p::after{content: ''; position: absolute; bottom: -6px; right: 0px; width: 11px; height: 11px; background:  var(--color2); border-radius: 50%}
.how-it-work-section ul{margin: 0px; padding: 80px 0px 0px 0px; list-style: none; position: relative;}
.how-it-work-section ul::before{content: ''; position: absolute; top: 0px; left:50%; margin-left: -1px; width: 1px; height: 100%; border-left:#7E3587 1px dashed}
.how-it-work-section ul::after{content: ''; position: absolute; bottom: -6px; right: 50%; margin-right: -5px; width: 11px; height: 11px; background:  var(--color2); border-radius: 50%}
.how-it-work-section ul li{display: flex; justify-content: flex-end; align-items: center; padding-bottom: 80px; position:relative;}
.how-it-work-section ul li::before{content: ''; width: 200px; border-top: #7E3587 1px dashed; height: 1px; left: 50%; margin-left: -100px; position: absolute;}
.how-it-work-section ul li .icon{border-radius: 50%; background: #fff; width: 180px; height: 180px; margin-right: 100px; overflow: hidden; padding: 10px; border: var(--color2) 5px solid}
.how-it-work-section ul li .icon img{width: 100%}
.how-it-work-section ul li .content-block{width: 50%; padding-left: 100px; }
.how-it-work-section ul li .content-block .bg{padding: 20px 50px; border-left:#7E3587 1px dashed; position: relative; text-align: left;}
.how-it-work-section ul li .content-block .bg::before{content: ''; position: absolute; top: -6px; left: -6px; width: 11px; height: 11px; background:  var(--color2); border-radius: 50%}
.how-it-work-section ul li .content-block .bg::after{content: ''; position: absolute; bottom: -6px; left:-6px; width: 11px; height: 11px; background: var(--color2); border-radius: 50%}
.how-it-work-section ul li .content-block .number{background: var(--color1); width: 50px; height: 50px; color: #fff; position: absolute; top: 50%; margin-top: -25px; left: -127px; text-align: center; font-size: 30px; border-radius: 50%; line-height: 50px; font-weight: 700}
.how-it-work-section ul li .content-block h2{font-family: var(--title-font); font-weight: 600; margin: 0px 0 10px 0; font-size: 24px; line-height: 30px; color: var(--color1);}
.how-it-work-section ul li .content-block p{margin: 0px; padding: 0px; border: none; text-align: left; width: 100%; font-size: 16px; line-height: 24px; color: var(--color3); opacity: 0.78; font-weight: 400;}
.how-it-work-section ul li .content-block p:before,
.how-it-work-section ul li .content-block p::after{content: none}
.how-it-work-section ul li:nth-child(even){flex-direction: row-reverse;}
.how-it-work-section ul li:nth-child(even) .content-block{padding-right: 100px; padding-left: 0px; text-align: right;}
.how-it-work-section ul li:nth-child(even) .content-block p{text-align: right;}
.how-it-work-section ul li:nth-child(even) .icon{margin-left: 100px; margin-right: 0px}
.how-it-work-section ul li:nth-child(even) .content-block .bg{border-right:#7E3587 1px dashed; border-left:none; position: relative; text-align: right;}
.how-it-work-section ul li:nth-child(even) .content-block .bg::before{left: auto; right: -6px}
.how-it-work-section ul li:nth-child(even) .content-block .bg::after{left:auto; right: -6px}
.how-it-work-section ul li:nth-child(even) .content-block  .number{left: auto; right: -126px}

.faq-section{margin-top: 100px; padding: 80px 0; position: relative;}
.faq-section::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 700px; background: rgb(229,245,252); background: linear-gradient(0deg, rgba(229,245,252,0) 0%, rgba(229,245,252,1) 100%);}
.faq-section .container{position: relative; z-index: 1}
.faq-section h1{font-family: var(--title-font); font-size: 46px; line-height: 44px; color: var(--color2); margin: 0 0 25px 0; text-align: center;}
.faq-section p{font-size: 16px; line-height: 25px; font-weight: 400; color: #2B2B51; margin: 0 auto 15px auto; text-align: center; width: 70%; }
.faq-section .accordion{width: 80%; margin: 25px auto 0 auto;}
.faq-section .accordion .accordion-item{margin-top: 20px; color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); border: #dcedf4 3px solid; border-radius: 10px !important;}
.faq-section .accordion .accordion-item:not(:first-of-type){border-top: #dcedf4 3px solid}
.faq-section .accordion .accordion-button{border-radius: 8px !important; font-size: 24px; color: var(--color3) !important; font-family: var(--title-font); padding: 20px; font-weight: 300; letter-spacing: 0.5px;}
.faq-section .accordion .accordion-button:focus{box-shadow: none}
.faq-section .accordion .accordion-button:not(.collapsed){background: #fff; box-shadow: none}
.faq-section .accordion .accordion-body{padding: 0 20px 20px 20px; font-size: 14px; line-height: 22px; font-weight: 400; color: #666; }
.faq-section .accordion .accordion-body .line{border-top: #dcedf4 1px solid; margin-bottom: 20px}

.about-top-photo{position: relative; background: #691E73; padding: 215px 0;}
.about-top-photo .photo-area{position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; overflow: hidden;}
.about-top-photo .photo-area::before{content: ''; position: absolute; z-index: 1; top: 0px; right: 0px; height: 100%; width: 380px; background: rgb(105,30,115); background: linear-gradient(90deg, rgba(105,30,115,0) 0%, rgba(105,30,115,1) 100%);}
.about-top-photo .photo-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.about-top-photo .container{display: flex; justify-content: flex-end; text-align: center;}
.about-top-photo h1{font-size: 86px; line-height: 86px; color: #fff; padding-bottom: 25px; margin-bottom: 22px; position: relative; font-family: var(--title-font); font-weight: 400}
.about-top-photo h1:before{content: ''; position: absolute; bottom: 0px; left: 50%; width: 150px; margin-left: -75px; background: #fff; height: 3px}
.about-top-photo p{font-family: var(--title-font); font-size: 40px; line-height: 52px; font-weight: 300; color: #fff; margin: 0px}

.our-story{padding: 75px 0}
.our-story .inner-area{display: flex; align-items: center;}
.our-story .inner-area .img-50{width: 50%; padding: 0 7%}
.our-story .inner-area .img-50 img{width: 100%}
.our-story .inner-area .content-block{width: 50%}
.our-story .inner-area .content-block h2{font-size: 40px; font-family: var(--title-font); font-weight: 700; color: var(--color3); margin: 0px 0px 15px 0px; }
.our-story .inner-area .content-block h2 span{display: block;font-size: 18px; font-weight: 400; color: var(--color2); text-transform: uppercase; margin-bottom: 10px}
.our-story .inner-area .content-block ul{margin: 0px; padding: 0px; list-style: none;}
.our-story .inner-area .content-block ul li{font-family: var(--content-font); font-size: 16px; line-height: 24px; font-weight: 400; color: #2B2B51; opacity: 0.78; margin: 0 0 15px 0; position: relative; padding-left: 30px}
.our-story .inner-area .content-block ul li::before{content: ''; background: url(../images/arrow-blue.png) center center no-repeat; width: 16px;height: 10px; position: absolute; top: 7px; left: 0px}

.mission-area{padding: 0px}
.mission-area .photo-bg{background:url(../images/mission-photo.jpg) top/cover no-repeat fixed; padding: 180px 60px; border-radius: 20px}
.mission-area .photo-bg .black-box{background: rgba(0, 0, 0, 0.50); backdrop-filter: blur(15px); padding: 50px; border-radius: 20px; max-width: 720px}
.mission-area .photo-bg .black-box h2{font-family: var(--title-font); font-weight: 700; color: #fff; font-size: 40px; line-height: 48px; margin: 0 0 20px 0;}
.mission-area .photo-bg .black-box p{font-size: 16px; line-height: 25px; color: #fff; font-weight: 400; margin: 0 0 16px 0}
.mission-area .photo-bg .black-box p:last-child{margin: 0px}

.vision-area{padding: 0px 0px 100px 0px}
.vision-area .photo-bg{background:url(../images/vision-photo.jpg) top/cover no-repeat fixed; padding: 160px 100px; border-radius: 20px; position: relative;}
.vision-area .photo-bg::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(255,255,255); border-radius: 20px; background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); opacity: 0.5; z-index: 2}
.vision-area .photo-bg h2{font-family: var(--title-font); font-weight: 700; color: #fff; font-size: 40px; line-height: 48px; margin: 0 0 20px 0; z-index: 2; position: relative;}
.vision-area .photo-bg p{font-size: 16px; line-height: 25px; color: #fff; font-weight: 400; margin: 0 0 16px 0; z-index: 2; position: relative;}
.vision-area .photo-bg p:last-child{margin: 0px}

.values-area{padding: 100px 0}
.values-area h2{margin: 0 0 25px 0;}
.values-area .owl-nav{position: absolute; top: -60px; right: 0px;}
.values-area .owl-nav .owl-next{margin-left: 20px}
.values-area .owl-nav .owl-prev,
.values-area .owl-nav .owl-next{width: 32px; height: 20px}
.values-area .owl-nav .owl-prev svg,
.values-area .owl-nav .owl-next svg{width: 100%; height: 100%; vertical-align: top}
.values-area .owl-nav .owl-prev svg path,
.values-area .owl-nav .owl-next svg path{stroke: var(--color1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.values-area .owl-nav .owl-prev:hover svg path,
.values-area .owl-nav .owl-next:hover svg path{stroke: var(--color2); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.values-area .value-block{border: #E4CFE7 1px solid; border-radius: 15px; position: relative; padding: 30px; min-height: 250px; display: flex; flex-direction: column; justify-content: flex-end;}
.values-area .value-block .icon{width: 120px; height: 120px; padding: 20px; background: #FBF0FD; border: #E4CFE7 1px solid; border-radius: 0 14px 0 60px; position: absolute; top: -1px; right: -1px}
.values-area .value-block .icon img{width:100%}
.values-area .value-block h3{font-family: var(--title-font); font-size: 24px; line-height: 26px; font-weight: 600; color: var(--color1); margin: 0 0 10px 0}
.values-area .value-block p{margin: 0px; font-size: 16px; line-height: 25px; color: #2B2B51; opacity: 0.78; font-weight: 400}

.contact-map-top{margin-top: 100px; position: relative; background: #fff; padding: 0; height: 560px;}
.contact-map-top iframe{width: 100%; height: 100%; mix-blend-mode: luminosity; position: relative; z-index: 1;}
.contact-map-top::before{content: ''; position: absolute; z-index: 1; top: 0px; right: 0px;  width: 100%; height: 100%; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(105,30,115,1) 100%);}
.contact-map-top::after{content: ''; position: absolute; z-index: 3; bottom: 0px; right: 0px;  width: 100%; height: 60px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
.contact-page{padding: 0;}
.contact-page ul.contact-info-list{margin: -60px auto 0px auto; padding: 0px; list-style: none; display: flex; max-width: 900px; position: relative; z-index: 4;}
.contact-page ul.contact-info-list li{width: 33.33%; padding: 0 15px; font-family: var(--content-font); font-size: 14px; line-height: 20px; font-weight: 400; color: #2B2B51; text-align: center;}
.contact-page ul.contact-info-list li .white-bg{position: relative; background: #fff; border-radius: 8px; -webkit-box-shadow: 0px 5px 39px 0px rgba(237,225,237,0.81); -moz-box-shadow: 0px 5px 39px 0px rgba(237,225,237,0.81); box-shadow: 0px 5px 39px 0px rgba(237,225,237,0.81); padding: 24px 15px 15px 15px; min-height: 120px;}
.contact-page ul.contact-info-list li span{display: block; color: var(--color1); font-weight: 700; font-size: 18px; margin: 12px 0 8px 0;}
.contact-page ul.contact-info-list li a{color: #2B2B51;}
.contact-page ul.contact-info-list li .icon{width: 46px; height: 46px; background: var(--color1); margin: 0 auto; display: flex; align-items: center; justify-content: center; border-radius: 5px; position: absolute; top: -23px; left: 50%; margin-left: -23px;}
.contact-page ul.contact-info-list li .icon svg path{stroke:#fff}

.contact-page .contact-form-area{width: 80%; margin: 0 auto; padding: 60px 350px 60px 0; position: relative;}
.contact-page .contact-form-area h2{font-family: var(--title-font); font-size: 40px; line-height: 44px; color: var(--color2); margin: 0 0 10px 0; }
.contact-page .contact-form-area p{font-size: 14px; line-height: 22px; font-weight: 400; color: #2B2B51; margin: 0 auto 25px auto; }
.contact-page .contact-form-area .input-block{position: relative; padding-top: 7px; margin-bottom: 16px;}
.contact-page .contact-form-area .input-block label{font-size: 12px; line-height: 14px; color: var(--color1); position: absolute; top: 0px; left: 10px; background: #fff; padding: 0 11px; font-weight: 700;}
.contact-page .contact-form-area .input-block .form-control{border: #E4CFE7 1px solid; border-radius: 5px; font-size: 16px; line-height: 20px; color: #3C3C6D; padding: 14px 20px;}
.contact-page .contact-form-area .input-block .form-control:focus{border: var(--color1) 1px solid; box-shadow: none;}
.contact-page .contact-form-area .btn-submit{background: var(--color1); font-size: 16px; font-weight: 700; color: #fff; padding: 12px 40px; border-radius: 25px; border: none; }
.contact-page .contact-form-area .btn-submit:hover{background: var(--color2)}
.contact-page .contact-form-area .contact-img{position: absolute; bottom: 0px; right: 0px;}

.health-hub-page{margin-top: 100px; padding: 80px 0; position: relative;}
.health-hub-page::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 700px; background: rgb(229,245,252); background: linear-gradient(0deg, rgba(229,245,252,0) 0%, rgba(229,245,252,1) 100%);}
.health-hub-page .container{position: relative; z-index: 1}
.health-hub-page h1{font-family: var(--title-font); font-size: 46px; line-height: 44px; color: var(--color2); margin: 0 0 25px 0; text-align: center;}
.health-hub-page ul.cate-block{margin:0px -5px 30px -5px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap; justify-content:center;}
.health-hub-page ul.cate-block li{padding: 0 5px; margin: 0 0 10px 0;}
.health-hub-page ul.cate-block li a{display: block; background: #fff; border: #ACD8ED 1px solid; border-radius: 30px; color: #2B2B51; font-size: 16px; line-height: 20px; font-weight: 700; padding: 12px 30px;}
.health-hub-page ul.cate-block li a:hover{background: #E5F5FC;}
.health-hub-page ul.list{margin: 0px -10px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.health-hub-page ul.list li{padding: 0 10px; width: 33.33%; margin: 0 0 20px 0}
.health-hub-page p{font-size: 16px; line-height: 25px; font-weight: 400; color: #2B2B51; margin: 0 auto 30px auto; text-align: center; width: 70%; }
.health-hub-page .article-block{display: block; border: #E4CFE7 1px solid; border-radius: 15px; overflow: hidden; background: #fff}
.health-hub-page .article-block .article-photo{width: 100%; height: 300px; position: relative; overflow: hidden;}
.health-hub-page .article-block .article-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.health-hub-page .article-block .article-content{width: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.health-hub-page .article-block .article-content .top{padding: 30px 25px 0px 25px}
.health-hub-page .article-block .article-content h3{font-family: var(--title-font); font-size: 20px; line-height: 24px; font-weight: 600; color: var(--color3); margin: 0 0 10px 0}
.health-hub-page .article-block .article-content p{font-size: 14px; line-height: 22px; color: var(--color3); opacity: 0.78; margin: 0; font-weight: 400; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.health-hub-page .article-block .article-content .btn-more{padding: 15px 25px; font-size: 18px; font-weight: 700; color: var(--color1); display: flex; justify-content:space-between; align-items: center;}
.health-hub-page .article-block .article-content .btn-more svg{width: 24px; height: 20px}
.health-hub-page .article-block .article-content .btn-more svg path{stroke: var(--color1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.health-hub-page .article-block:hover .article-photo img{transform: scale(1.1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.health-hub-page .article-block:hover .article-content .btn-more{color: var(--color2)}
.health-hub-page .article-block:hover .article-content .btn-more svg path{stroke: var(--color2)}


/** landing page **/
.inside-top-photo{position: relative; background: #000; padding: 400px 0 60px 0; overflow: hidden;}
.inside-top-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; opacity: 0.5;}
.inside-top-photo h1{font-size: 46px; line-height: 56px; color: #fff; font-family: var(--title-font); font-weight: 600; margin: 0px;  position: relative; z-index: 1; width: 60%;}

.first-content-section{padding: 80px 0 0 0;}
.first-content-section .inner-flex{display: flex;}
.first-content-section .inner-flex h2{font-size: 24px; line-height: 34px; color: #000; font-family: var(--title-font); font-weight: 400; margin: 0px;  padding-right: 120px; width: 40%; text-transform: uppercase;}
.first-content-section .inner-flex .content-right{width: 60%;}
.first-content-section .inner-flex .content-right p{font-family: var(--content-font); font-size: 16px; line-height: 24px; font-weight: 400; color: #2B2B51; opacity: 0.78; margin: 0 0 15px 0;}
.first-content-section .inner-flex .content-right p:last-child{margin: 0;}

.three-box-area{padding:80px 0 0 0;}
.three-box-area h2{font-size: 30px; line-height: 36px; color:#000; font-weight: 400; font-family: var(--title-font); margin: 0px 0px 15px 0px;}
.three-box-area p{font-family: var(--content-font); font-size: 16px; line-height: 24px; font-weight: 400; color: #2B2B51; opacity: 0.78; margin: 0 0 15px 0;}
.three-box-area ul{margin: 0px -12px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.three-box-area ul li{padding:20px 12px 0px 12px; width:33.33%;}
.three-box-area ul li .block {border: #e4cfe7 1px solid; padding: 30px; min-height: 300px; display: flex; flex-direction: column; justify-content: space-between; border-radius: 15px; }
.three-box-area ul li .block h3{font-family: var(--title-font); font-size: 24px; line-height: 34px; color:var(--color1); font-weight: 600; }
.three-box-area ul li .block p{font-family: var(--content-font); font-size: 16px; line-height: 25px; color: #2b2b51; opacity: 0.78; font-weight: 400; margin: 0px;}


.left-photo-section{padding: 80px 0 0 0}
.left-photo-section .inner-block{display: flex;}
.left-photo-section .inner-block .leftpart{width: 50%; min-height: 400px;}
.left-photo-section .inner-block .leftpart .photo-block{width: 100%; height: 100%; overflow: hidden; position: relative; border-radius: 15px;}
.left-photo-section .inner-block .leftpart .photo-block img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;  transform: scale(1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.left-photo-section .inner-block .leftpart .photo-block:hover img{transform: scale(1.1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.left-photo-section .inner-block .content-block{width: 50%; padding: 40px 0 40px 40px;}
.left-photo-section .inner-block .content-block h2{font-size: 30px; line-height: 36px; color:#000; font-weight: 400; font-family: var(--title-font); margin: 0px 0px 15px 0px;}
.left-photo-section .inner-block .content-block p{font-family: var(--content-font); font-size: 16px; line-height: 24px; font-weight: 400; color: #2B2B51; opacity: 0.78; margin: 0 0 15px 0;}
.left-photo-section .inner-block .content-block ul{margin: 0px; padding: 0px; list-style: none; }
.left-photo-section .inner-block .content-block ul li{margin-top: 25px;  position: relative; padding-left:40px;}
.left-photo-section .inner-block .content-block ul li h3 {font-family: var(--title-font); font-size: 20px; line-height: 30px; color:var(--color2); font-weight: 600; margin: 0px;}
.left-photo-section .inner-block .content-block ul li p{font-family: var(--content-font); font-size: 16px; line-height: 25px; color: #2b2b51; opacity: 0.78; font-weight: 400; margin: 0px;}
.left-photo-section .inner-block .content-block ul li svg{width: 20px; height: 20px;  position: absolute; top:5px; left:0px;}
.left-photo-section .inner-block .content-block ul li:last-child{margin-bottom: 0px;}
.left-photo-section .inner-block .content-block ul li:last-child p{margin-bottom: 0px;}

.right-photo-section{padding: 80px 0 0 0}
.right-photo-section .inner-block{display: flex; flex-direction: row-reverse;}
.right-photo-section .inner-block .leftpart{width: 50%; min-height: 400px;}
.right-photo-section .inner-block .leftpart .photo-block{width: 100%; height: 100%; overflow: hidden; position: relative; border-radius: 15px;}
.right-photo-section .inner-block .leftpart .photo-block img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;  transform: scale(1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.right-photo-section .inner-block .leftpart .photo-block:hover img{transform: scale(1.1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.right-photo-section .inner-block .content-block{width: 50%; padding: 40px 40px 40px 0px;}
.right-photo-section .inner-block .content-block h2{font-size: 30px; line-height: 36px; color:#000; font-weight: 400; font-family: var(--title-font); margin: 0px 0px 15px 0px;}
.right-photo-section .inner-block .content-block p{font-family: var(--content-font); font-size: 16px; line-height: 24px; font-weight: 400; color: #2B2B51; opacity: 0.78; margin: 0 0 15px 0;}
.right-photo-section .inner-block .content-block ul{margin: 0px; padding: 0px; list-style: none; }
.right-photo-section .inner-block .content-block ul li{margin-top: 25px;  position: relative; padding-left:40px;}
.right-photo-section .inner-block .content-block ul li h3 {font-family: var(--title-font); font-size: 20px; line-height: 30px; color:var(--color2); font-weight: 600; margin: 0px;}
.right-photo-section .inner-block .content-block ul li p{font-family: var(--content-font); font-size: 16px; line-height: 25px; color: #2b2b51; opacity: 0.78; font-weight: 400; margin: 0px;}
.right-photo-section .inner-block .content-block ul li svg{width: 20px; height: 20px;  position: absolute; top:5px; left:0px;}
.right-photo-section .inner-block .content-block ul li:last-child{margin-bottom: 0px;}
.right-photo-section .inner-block .content-block ul li:last-child p{margin-bottom: 0px;}

.faq-area{padding: 80px 0; position: relative;}
.faq-area h2{font-size: 30px; line-height: 36px; color:#000; font-weight: 400; font-family: var(--title-font); margin: 0px 0px 15px 0px;}
.faq-area p{font-family: var(--content-font); font-size: 16px; line-height: 24px; font-weight: 400; color: #2B2B51; opacity: 0.78; margin: 0 0 15px 0;}
.faq-area .accordion{width: 100%; margin: 0px auto 0 auto;}
.faq-area .accordion .accordion-item{margin-top: 20px; color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); border: #dcedf4 3px solid; border-radius: 10px !important;}
.faq-area .accordion .accordion-item:not(:first-of-type){border-top: #dcedf4 3px solid}
.faq-area .accordion .accordion-button{border-radius: 8px !important; font-size: 24px; color: var(--color3) !important; font-family: var(--title-font); padding: 20px; font-weight: 300; letter-spacing: 0.5px;}
.faq-area .accordion .accordion-button:focus{box-shadow: none}
.faq-area .accordion .accordion-button:not(.collapsed){background: #fff; box-shadow: none}
.faq-area .accordion .accordion-body{padding: 0 20px 20px 20px; font-size: 14px; line-height: 22px; font-weight: 400; color: #666; }
.faq-area .accordion .accordion-body .line{border-top: #dcedf4 1px solid; margin-bottom: 20px}

.full-photo-section{padding: 80px 0 0 0}
.full-photo-section .inner-block{display: flex; background: #e5f5fc; border-radius: 15px;}
.full-photo-section .inner-block .leftpart{width: 50%; min-height: 400px;}
.full-photo-section .inner-block .leftpart .photo-block{width: 100%; height: 100%; overflow: hidden; position: relative; border-radius: 15px;}
.full-photo-section .inner-block .leftpart .photo-block img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;  transform: scale(1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.full-photo-section .inner-block .leftpart .photo-block:hover img{transform: scale(1.1); transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.full-photo-section .inner-block .content-block{width: 50%; padding: 60px;}
.full-photo-section .inner-block .content-block h2{font-size: 40px; font-family: var(--title-font); font-weight: 700; color: var(--color3); margin: 0 0 20px 0; position: relative; padding-bottom: 20px;}
.full-photo-section .inner-block .content-block h2::before {content: ""; position: absolute; bottom: 0; left: 0%; width: 50px; height: 2px; background: var(--color3);}
.full-photo-section .inner-block .content-block p{font-family: var(--content-font); font-size: 16px; line-height: 24px; font-weight: 400; color: #2B2B51; opacity: 0.78; margin: 0 0 15px 0;}
.full-photo-section .inner-block .content-block p:last-child{margin-bottom: 0px;}
.pd-80{padding-bottom: 80px;}

.question-area{padding: 0px 0px 80px 0px;}
.question-area .question-inner{display:flex;background-color:#7E3587;border-radius: 300px;padding:36px 0 36px 192px;position: relative;}
.question-area .question-inner .question-photo{position: absolute; bottom: 0; left: 50px; width: 110px;}
.question-area .question-inner .question-photo img{width: 100%;}
.question-area .question-inner .right-part{display:flex;align-items: center;background-color: #009fe3;position: absolute;z-index:8; right: 0px;top: 0;border-radius: 300px; padding: 30px 60px 30px 0;}
.question-area .question-inner .right-part .call-icon{width:80px;height:80px;background-color: white;display:flex;align-items: center;border-radius:100%;justify-content: center;left:-27px;position: relative;}
.question-area .question-inner .right-part span{font-family: var(--content-font);font-size:24px;line-height: 24px;color:white;font-weight: 400;}
.question-area .question-inner .right-part span strong{display:block;font-family: var(--title-font);font-size: 34px;line-height:28px;margin:12px 0 0px 0}
.question-area .question-inner .question-heading h2{font-family: var(--title-font); font-size:30px;line-height: 30px;color:white;font-weight: 700;margin:0 0 8px 0}
.question-area .question-inner .question-heading p{font-family: var(--content-font); font-size:24px;line-height: 30px;font-weight: 300;color:white;margin:0}

body.ar .first-content-section .inner-flex h2{padding-left: 120px; padding-right: 0px;}
body.ar .left-photo-section .inner-block .content-block{padding: 40px 40px 40px 0px;}
body.ar .left-photo-section .inner-block .content-block ul li{padding-right: 40px; padding-left: 0px;}
body.ar .left-photo-section .inner-block .content-block ul li svg{left: auto; right: 0px; transform: rotate(180deg);}
body.ar .right-photo-section .inner-block .content-block{padding: 40px 0px 40px 40px;}
body.ar .right-photo-section .inner-block .content-block ul li{padding-left: 0px; padding-right: 40px;}
body.ar .right-photo-section .inner-block .content-block ul li svg{left: auto; right: 0px; transform: rotate(180deg);}
body.ar .full-photo-section .inner-block .content-block h2::before {right: 0px; left: auto;}
body.ar .faq-area .accordion .accordion-button::after {margin-right: auto; margin-left: 0px;}