@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&family=Playfair+Display:ital@1&family=Roboto:ital,wght@0,300;0,400;0,500;1,700&display=swap');
@font-face{
    font-family:"CUSTOM_FONT";font-style:normal;font-weight:900;font-display:auto;
    src:url(fonts/cfa.woff) format("woff");
}
.ic{
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    display:inline-block;font-style:normal;font-variant:normal;
    text-rendering:auto;line-height:1;
    font-family:"CUSTOM_FONT";
	font-weight: 900;
}
.playfair {font-family: 'Playfair Display', serif;font-style: italic;}
.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}
.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}
 @-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
 to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
 @keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
 to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
.ex-rotate-90{transform:rotate(90deg)}
.ex-rotate-180{transform:rotate(180deg)}
.ex-rotate-270{transform:rotate(270deg)}
.ex-flip-horizontal{transform:scaleX(-1)}
.ex-flip-vertical{transform:scaleY(-1)}

.ic-users:before{content:"\f800"}
.ic-bars:before{content:"\f801"}
.ic-stethoscope:before{content:"\f802"}
.ic-video:before{content:"\f803"}
.ic-newspaper:before{content:"\f804"}
.ic-envelope:before{content:"\f805"}
.ic-phone:before{content:"\f806"}
.ic-arrowcr:before{content:"\f807"}
.ic-clock:before{content:"\f808"}
.ic-play:before{content:"\f809"}
.ic-calendar:before{content:"\f810"}
.ic-angle-down:before{content:"\f811"}
.ic-quote-left:before{content:"\f812"}
.ic-female:before{content:"\f813"}
.ic-tags:before{content:"\f814"}
.ic-book:before{content:"\f815"}
.ic-male:before{content:"\f816"}
.ic-trophy:before{content:"\f817"}
.ic-upload:before{content:"\f818"}
.ic-money-bill:before{content:"\f819"}
.ic-times:before{content:"\f820"}
.ic-star-half:before{content:"\f821"}
.ic-star:before{content:"\f822"}
.ic-facebook:before{content:"\f9000"}
.ic-twitter:before{content:"\f9001"}
.ic-instagram:before{content:"\f9002"}
.ic-whatsapp:before{content:"\f9003"}
.en-globe::before{content:"\1F310";}
.en-mail::before{content:"\1F4E7";}
.en-phone::before{content:"\1F4DE";}
.en-left::before{content:"\2039";}
.en-right::before{content:"\203A";}

.flaticon-flower:before { content: "\f129"; }
.flaticon-herb:before { content: "\f10d"; }
.flaticon-lotus:before { content: "\f101"; }
.flaticon-facial-treatment-1:before { content: "\f17b"; }
.flaticon-facial-treatment-2:before { content: "\f17c"; }
.flaticon-yoga-mat:before { content: "\f154"; }
.flaticon-massage:before { content: "\f12b"; }
.flaticon-aromatherapy:before { content: "\f132"; }
.flaticon-aromatherapy-1:before { content: "\f180"; }
.flaticon-relax-stones:before { content: "\f100"; }
.flaticon-herbal-2:before { content: "\f182"; }
.flaticon-gift:before { content: "\f17f"; }

.flaticon-shapes:before { content: "\f125"; }
.flaticon-interface-2:before { content: "\f113"; }
.flaticon-hands:before { content: "\f10f"; }
.flaticon-medical:before { content: "\f118"; }
.flaticon-food:before { content: "\f10a"; }
.flaticon-relax:before { content: "\f120"; }

.ei-bullet{width: .5rem;height: .5rem;border:1px solid currentColor;border-radius:50%;}
:root{
    --c1:#ff8f27;
    --c2:#2a2c38;
    --c2b:#252732;
    --esmodal-oz:120;
    --esmodal-z:125;
    --preload-z:130;
    --sidebar-z:115;
    --menu-z:122;
    --esmodal-bg:#f5f5f5;
}
*{box-sizing: border-box;}
body{font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;margin: 0;
    color: #283034;font-weight: 400;width: 100vw;overflow-x: hidden;overflow-y: auto;}
img{width: 100%;height:auto;object-fit: cover;}a{text-decoration: none;}
h1,h2,h3,h4,h5,h6,p,figure,blockquote{margin: 0;margin-bottom: 0.5rem;}
h5{font-size: 1rem;font-weight: 500;}
ul{list-style: none;margin: 0;padding: 0;}.db{display: block;}.dib{display: inline-block;}
.df{display: flex;}.aic{align-items: center;}.fw{flex-wrap:wrap;}.f1{flex: 1;}
.jcc{justify-content: center;}.jcsb{justify-content: space-between;}
.jcend{justify-content: flex-end;}.fdc{flex-direction: column;}
.tac{text-align: center;}.tar{text-align: right;}.ttc{text-transform: capitalize;}
.mb05{margin-bottom:.5rem;}.mb1{margin-bottom: 1rem;}.mb2{margin-bottom: 2rem;}.mb3{margin-bottom: 3rem;}
.mr05{margin-right:.5rem;}.mr1{margin-right: 1rem;}.mr2{margin-right: 2rem;}.mr3{margin-right: 3rem;}
.pr1{padding-right: 1rem;}.pr2{padding-right: 2rem;}.pr3{padding-right:3rem;}
.pb1{padding-bottom: 1rem;}.pb2{padding-bottom: 2rem;}.pb3{padding-bottom:3rem;}
.pt1{padding-top: 1rem;}.pt2{padding-top: 2rem;}.pt3{padding-top:3rem;}
.pl1{padding-left: 1rem;}.pl2{padding-left: 2rem;}.pl3{padding-left:3rem;}
.px1{padding-left: 1rem;padding-right: 1rem;}.p1{padding:1rem;}
.px2{padding-left: 2rem;padding-right: 2rem;}.p2{padding:2rem;}
.px3{padding-left: 3rem;padding-right: 3rem;}.p3{padding:3rem;}
.posr{position:relative;}.shadow1{box-shadow: 0 0 5px #bbb;}.shadow2{box-shadow: 0 0 5px #1f212e;}
.bg-fixed{width: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;}
p{font-size: 1.06rem;margin-bottom: 0.3rem;line-height: 1.3;}
input,textarea,select{
    border: 1px solid #e0d9c5;color: #5f5842;font-weight: 300;
    padding:10px 15px;display: block;width: 100%;
}
input:focus,textarea:focus,select:focus{border-color: #80bdff;outline: 0;box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);}
.tw{color: #fff;}.t4{color: #777;}
.t1{color: #727475;}.t5{color:#bbb;}
.t2{color: #888;}
.t3{color: #7c9608;}
.btn{max-width:fit-content;vertical-align:middle;display: inline-block;padding: 0.6rem 1.2rem;cursor: pointer;
    border:1px solid transparent;background-color: transparent;box-shadow:none;}.btn.b0{border:0;}
.btn1,.btn1a:hover{color: #fff;background-color: var(--c1);}
.btn1a,.btn1:hover{color: var(--c1);background-color: #fff;border-color:var(--c1);}
.btn2,.btn2a:hover{color: #fff;background-color: var(--c2);}
.btn2a,.btn2:hover{color: var(--c2);background-color: #fff;border-color: var(--c2);}
.btn-center{width:fit-content;display: block;margin: auto;}
m-l{display:flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
es-modal m-l{height: 200px;width:100%;}
m-l::after{
    content:"";position: relative;display: block;width: 2rem;height: 2rem;border-radius:50%;
    animation: grow .75s linear infinite;background-color: currentcolor;opacity:0.5;transform:scale(0)}
@keyframes grow{50%{opacity:1;transform:scale(1)}100%{opacity: 0.5;transform:scale(1)}}
@keyframes preload {0%{transform:scale(0.5);opacity:0;}100%{transform: scale(1);opacity:1;}}
m-l#preload{
    --x:10px;--y:4px;--z:14px;
    position:fixed;background-color: #fff;z-index:var(--preload-z);
    top: 0;left: 0;width: 100vw;height: 100vh;display: none;
}
m-l#preload::after{display: none;}m-l i::after{bottom:var(--z);}m-l i::before{top:var(--z)}
m-l i,m-l i::after,m-l i::before{content:"";width: var(--x);height: var(--x);background-color:var(--c1);
    margin-right:var(--y);position: absolute;animation: preload 1.6s ease-in-out infinite;}
m-l i{position: relative;}
body.loading m-l#preload{display: flex;}
es-modal{
    position:fixed;
    width: 100vw;height: 100vh;top: 0;left: 0;
    z-index:var(--esmodal-z);
    display: flex;justify-content: center;align-items: center;
    transform:scale(0);
    opacity:0;
    pointer-events: none;
    transition: all 300ms ease;
}
es-wrap{position:fixed;width:100vw;height: 100vh;z-index:var(--esmodal-oz);
    display: none;background-color:rgba(0,0,0,0.8);left: 0;top: 0;}
es-modal es-mbody{
    border:1px solid rgba(0, 0, 0, 0.175);
    background-color:var(--esmodal-bg);overflow-x:hidden;
    border-radius: .5rem;max-height: 90vh;overflow-y: auto;
}
es-mbody.delete{max-width:600px;width: 100%;}
es-mbody.view{max-width:90vw;width:fit-content;}
body.show-modal es-modal{
    pointer-events:all;
    opacity:1;
    transform: scale(1);
}
body.show-modal{overflow: hidden;}
body.show-modal es-wrap{display: block;}
es-modal m-h{border-bottom:1px solid #4e5863;padding: 1em;}
es-modal m-h h5{margin-right:3em;}
es-modal m-f{text-align: right;padding: 1em;}
.btn-close{color: rgb(255, 38, 0);background:none;}

.ovp{--s1:5%;--s2:90%;position: relative;}
.ov,.of{background-color: rgba(0,0,0,0.3);position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.ov{visibility: hidden;}
.ov:after,.ov:before{content: "";position: absolute;left:var(--s1);top:var(--s1);transition: all 0.5s ease-in-out;}
.ov:before{width: 0;height:var(--s2);border-top: 1px dashed #fff;border-bottom: 1px dashed #fff;}
.ov:after{height: 0;width:var(--s2);border-left: 1px dashed #fff;border-right: 1px dashed #fff;}
.ovp:hover .ov{visibility: visible;}
.ovp:hover .ov:before{width:var(--s2);}
.ovp:hover .ov:after{height:var(--s2);}

/* -- header start -- */
header{
	--h-pad:1.4rem;position: relative;width: 100%;overflow: hidden;
    --h-pady:0.7rem;
}
.menubtn{box-shadow:none;border:none;background:none;font-size: 1.6em;outline:none;}
.menubtn:hover,.menubtn:focus{color: var(--c1);}
header .menuList{transform:translateX(100%);position: absolute;top:100%;right:0;z-index: var(--menu-z);
	text-align: center;
    text-transform: uppercase;background-color: var(--c2);transition: transform 300ms linear;
}
header .menuList a{padding: 14px 16px;font-size: 17px;display: block;color: #f2f2f2;font-weight: 500;position: relative;}
body.show-menu header {overflow:unset;}
body.show-menu header .menuList{transform: translateX(0);}
.top-nav{background-color: var(--c1);font-size: 0.9rem;}
.top-nav .slop,.top-nav nav,.bottom-nav{padding:var(--h-pady) var(--h-pad);}
.top-nav .slop{width:fit-content;padding-right:5rem;padding-left:var(--h-pad);}
.top-nav nav{background-color: var(--c2);flex: 1;justify-content: space-between;padding: 10px;}
.top-nav .social{text-align: center;display: block;padding: 0;width: 100%;padding-top: 10px;}
.top-nav a{color: #fff;}.top-nav .social a{padding-left: 1rem;padding-right: 1rem;}
.top-nav nav > a{padding: 0 0.5rem;}
.top-nav a:hover,.top-nav nav > a i{color: var(--c1);}
#brandLogo,.logo{color: var(--c1);font-size: 1.5rem;font-weight:bold;}
#brandLogo span{color: var(--c2);}
/* -- header end -- */
.ct600{max-width:600px;margin: auto;}
page-banner{
    display: block;text-align: center;background: url(../u/slides/slide4.jpg) center/cover no-repeat;
}
page-banner div{padding: 60px 8px;background-color: rgba(0,0,0,0.7);}
page-banner h1{font-weight: 800;margin-bottom: 15px;color: #fff;text-transform: capitalize;font-size: 2rem;}
page-banner p{max-width: 500px;margin: 0 auto;font-size: 18px;padding: 20px;line-height: 1.75;}

.aicon{background: #258f67;color: #fff;width: 40px;height: 40px;
    border-radius: 50%;font-size: 20px;transition: .3s ease-in-out;margin-right: 15px;
	display: flex;justify-content: center;align-items: center;
}
.bicon {background: #efc368;width: 60px;height: 60px;font-size: 28px;line-height: 28px;
    border-radius: 50%;font-family: sans-serif;font-weight: 800;color: #214842;display: flex;
	justify-content: center;align-items: center;font-style: normal;
}
.hh {
    font-family: 'Alex Brush', cursive;font-size: 3.8rem;color: var(--c2);
    line-height: 1;letter-spacing: 2px;opacity: .75;position: relative;
}
/* footer start */
footer {padding-top: 30px;padding-bottom: 30px;background-color: var(--c2);}
footer .logo span{color: #fff;}
footer .logo{letter-spacing: 2px;}
footer,footer a,footer i{color: white;}
footer p{margin-bottom:1rem;}
footer li{margin-bottom: 0.7rem;}
footer i{display: inline-block;width: 20px;margin-right:5px;}
footer .add a{background: var(--c2b)}
footer h3{margin-bottom: 2.4rem;font-weight:500;}footer h3 span{position: relative;}
footer h3 span::before,footer h3 span::after{content:"";display: block;position: absolute;}
footer h3 span::after{border-bottom: 1px solid var(--c1);width:40px;left:15px;bottom: -10px;}
footer h3 span::before{width: 5px;height: 5px;border:2px solid #fff;left: 0;bottom: -14px;}
/* footer end */
.scale-bg-top:before, .scale-bg-bottom:after {content: "";position: absolute;left: 0px;width: 100%;height: 50px;opacity: 0.4;}
.scale-bg-top:before{background-image: url(../u/main/scale-top.png);background-position: top;background-repeat: repeat-x;top: 0px;}
.scale-bg-bottom:after {
    background-image: url(../u/main/scale-top.png);background-position: bottom;background-repeat: repeat-x;bottom: 0px;
    transform: scaleY(-1) translateY(-28%);
}
@media (min-width:768px) {
    .df-md{display: flex;}
    .py100-md{padding-top: 100px;padding-bottom: 100px;}
	.menubtn{display: none;}
    header{--h-pad:2.4rem;}
    header .menuList{display: flex;position: static;background: transparent;transform:translateX(0);}
    header .menuList a{color: var(--c2);}
    header .menuList a::before{content:"";background-color:var(--c1);display: block;position: absolute;
    width: 0;height: 100%;transition: width 200ms ease;left: 0;top: 0;z-index: -1;}
    header .menuList a:hover::before{width:100%;}
    .top-nav nav{clip-path: polygon(0 0, 100% 0, 100% 100%, 40px 100%);padding-right:var(--h-pad);}
    .top-nav .social{padding-top: 0;width: auto;}.top-nav .social a{padding-left: 0.5rem;padding-right: 0.5rem;}
    .top-nav nav > a{padding:0 2rem;}
    .top-nav v-r{display: inline-block;height: 1rem;width: 2px;background-color: #fff;}
    .top-nav nav{justify-content: flex-end;}
}
@media (min-width: 992px){
    .df-c{display: flex;}
    .cl25{width: 25%;}
    .cl50{width: 50%;}
}
e-slider {display: block;width:100%;position: relative;}
e-box{display: block;;overflow: hidden;}
e-slider e-box > ul{white-space: nowrap;font-size: 0;}
e-slider e-box > ul > li{display: inline-block;white-space:normal;font-size: 1rem;width: 100%;
    opacity:0.9;transition:opacity 300ms ease;position: relative;}
e-slider e-box > ul > li.active{opacity:1;}
e-slider.def-transition ul{transition:transform 300ms ease;}
e-slider{animation:empty 6s linear infinite;}
@keyframes empty {to{opacity:1;}}
es-btn{width: 1.5rem;height: 1.5rem;display: flex;align-items:center;justify-content: center;position: absolute;top: 50%;transform: translateY(-50%);
background-color: rgba(0,0,0,0.8);color: #fff;cursor: pointer;}
es-btn::after{content:"";display:block;width: .5rem;height: .5rem;border:2px solid currentColor;transform: rotateZ(135deg);}
es-btn[data-p]{left: 0;}
es-btn[data-n]{right: 0;}
es-btn[data-p]::after{border-top-color:transparent;border-left-color:transparent;margin-right: -4px;}
es-btn[data-n]::after{border-bottom-color:transparent;border-right-color:transparent;margin-right: 4px;}
[data-split] > span > span{margin-right:.5rem;white-space: nowrap;}
[data-split] > span > span span:first-child{text-transform: capitalize;}
[data-split] span{display: inline-block;}
[data-anim]{transition:transform 800ms ease,opacity 1000ms ease;}
[data-anim='fx']{transform:translateX(-50%);opacity:0;}
[data-anim='tx']{transform:translateX(50%);opacity:0;}
[data-anim='fy']{transform:translateY(-50%);opacity:0;}
[data-anim='ty']{transform:translateY(50%);opacity:0;}
[data-anim='rx']{transform:rotateX(360deg);opacity:0;}
[data-anim='ry']{transform:rotateY(360deg);opacity:0;}
[data-anim='rz']{transform:rotateZ(360deg);opacity:0;}
.active [data-anim]{opacity:1;}
.active [data-anim='fx'],.active [data-anim='tx'],.active [data-anim='fy'],
.active [data-anim='ty']{transform:translate(0,0);}
.active [data-anim='rx']{transform:rotateX(0);}
.active [data-anim='ry']{transform:rotateY(0);}
.active [data-anim='rz']{transform:rotateZ(0);}
[data-animation]{
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-fill-mode: both;
    animation-duration:800ms;display: inline-block;
}
.fade-in-left{animation-name: fade-in-left}
.fade-in-right{animation-name: fade-in-right}
.fade-in-top{animation-name: fade-in-top}
.fade-in-bottom{animation-name: fade-in-bottom}
.zoomIn {animation-name: zoomIn;}
@keyframes fade-in-left {0% {transform: translateX(-50px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}
@keyframes fade-in-right {0% {transform: translateX(50px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}
@keyframes fade-in-top {0% {transform: translateY(-50px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}
@keyframes fade-in-bottom {0% {transform: translateY(50px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
@keyframes zoomIn {from {opacity: 0;transform: scale3d(0.8, 0.8, 0.8);}50% {opacity: 1;}}
@keyframes scale {from {opacity: 0;transform: scale(0);}100% {opacity: 1;transform: scale(1);}}
@keyframes pin-point{
    0% {transform: scale(1);opacity: 0.8;}50% {opacity: 0.8;}
    100% {transform: scale(1.8);opacity: 0;}
}

.c-1{width: 8.333333333%;}
.c-2{width: 16.666666666%;}
.c-3{width: 25%;}
.c-4{width: 33.3333333333%;}
.c-5{width: 41.6666666666%;}
.c-6{width: 50%;}
.c-7{width: 58.33333333333%;}
.c-8{width: 66.6666666666%;}
.c-9{width: 75%;}
.c-10{width: 83.33333333333%;}
.c-11{width: 91.66666666666%;}
.c-12{width: 100%;}
.container{margin-left: auto;max-width:90vw;margin-right:auto;}
@media (min-width: 768px){
    .c-md-1{width: 8.333333333%;}
    .c-md-2{width: 16.666666666%;}
    .c-md-3{width: 25%;}
    .c-md-4{width: 33.3333333333%;}
    .c-md-5{width: 41.6666666666%;}
    .c-md-6{width: 50%;}
    .c-md-7{width: 58.33333333333%;}
    .c-md-8{width: 66.6666666666%;}
    .c-md-9{width: 75%;}
    .c-md-10{width: 83.33333333333%;}
    .c-md-11{width: 91.66666666666%;}
    .c-md-12{width: 100%;}
    .container{max-width:720px}
    .px1-md{padding-left: 1rem;padding-right: 1rem;}
    .pt3-md{padding-top: 3rem;}
    .pl3-md{padding-left: 3rem;}
    .pb3-md{padding-bottom: 3rem;}
    .dbf-md{display: flex;}
    es-btn[data-p]{left: 25px;}
    es-btn[data-n]{right: 25px;}
}
@media (min-width: 991px){
    .c-xl-1{width: 8.333333333%;}
    .c-xl-2{width: 16.666666666%;}
    .c-xl-3{width: 25%;}
    .c-xl-4{width: 33.3333333333%;}
    .c-xl-5{width: 41.6666666666%;}
    .c-xl-6{width: 50%;}
    .c-xl-7{width: 58.33333333333%;}
    .c-xl-8{width: 66.6666666666%;}
    .c-xl-9{width: 75%;}
    .c-xl-10{width: 83.33333333333%;}
    .c-xl-11{width: 91.66666666666%;}
    .c-xl-12{width: 100%;}
    .container{max-width:960px}
    .pt3-lg{padding-top: 3rem;}
    .pb3-lg{padding-bottom: 3rem;}
    .pt5-lg{padding-top: 5rem;}
    .pb5-lg{padding-bottom: 5rem;}
}
@media (min-width: 1200px){
    .container{max-width: 1170px;}
}
@media (min-width: 1400px){
    .container{max-width: 1320px;}
}

custom-select,custom-select label{cursor: pointer;display: block;position: relative;}
custom-select label{border:1px solid #e0d9c5;padding: 0.5rem 1rem;}

custom-select ul{position: absolute;top: 100%;left: 0;background-color: #fff;width: 100%;
box-shadow:0 0 5px rgba(0,0,0,0.3);padding: 0.5rem 1rem;z-index: 9999999;display: none;}
custom-select li{padding: 0.5rem 1rem;border-bottom:1px solid #154081;}
custom-select:hover ul{display: block;}
custom-select:hover label i{transform:scaleY(-1);}

[data-es-collapse]{position:relative;}
[data-es-collapse]::after,[data-es-collapse]::before{content:"";display: block;background-color:currentColor;
position:absolute;right: 5px;top: 50%;}
[data-es-collapse]::before{width: 2px;height: 10px;transform: translate(-4px,-50%);}
[data-es-collapse].a::before{opacity:0;transition:opacity 100ms linear;}
[data-es-collapse]::after{width: 10px;height: 2px;transform: translate(0,-50%);}

.es-collapse{
    height: 0;transition: height 300ms ease;overflow: hidden;
}
.round{width: 100px;height: 100px;border-radius: 50%;background: #ddd;}
.tabs{overflow-x: auto;margin: auto;width: max-content;max-width:100%;}

/* homepage start */
#hs .def-transition,#hs.def-transition ul{transition:transform 0ms ease;}    
#hs li{border:1px solid #fff;opacity:0.9;transition:opacity 300ms ease;}
#hs li.active{opacity:1;}
#hs .ecard{position: relative;}
#hs .ct{position:absolute;padding:10px 20px;z-index:2;top:0;left:0;
    width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
#hs .ct h1{font-size:1.3rem;white-space: pre-line;max-width:600px;color: #fff;padding: 1rem;}
.hfixed{background: rgba(255,255,255,0.8);font-weight: 500;color: #000;
    border-radius: 30px;font-size: 67.5%;line-height: 1.5;letter-spacing: .3px;text-align: center;padding: 20px;}
.hfixed .sp{font-size:16px;color:red;font-weight:bold;}
s-card img{max-width:100px}s-card{height:100%;}
.serv s-card{border: 5px solid transparent;}
s-card.s1,s-card.s4{border-left-color:var(--c1);}
s-card.s1,s-card.s2,s-card.s3{border-top-color:var(--c1);}
s-card.s4,s-card.s5,s-card.s6{border-bottom-color:var(--c1);}
s-card.s3,s-card.s6{border-right-color:var(--c1);}
.why{background-color: var(--c2);}.why .hh,.why{color:#fff;}.why s-card{background-color: var(--c2b);}
.why li{padding:.5rem;width:100%;}
.serv s-card h3{letter-spacing: .5px;}.why s-card h3{letter-spacing: 1px;}
.abouth{max-width:300px;border-top:2px solid var(--c1);font-size:3rem;letter-spacing: 4px;
    word-spacing: 20px;}
.about h3{font-weight: 600;line-height: 1.8;margin-bottom: 2rem;font-size: 1.1rem;letter-spacing: 1px;
    word-spacing: 4px;}
.about p{line-height: 1.8;margin-bottom: 2rem;}
.about .btn{margin-left: auto;display:block;}
.count{background: url(u/slides/slide1.jpg) no-repeat center top;}
.count ul{background-color:var(--c2);color:#fff;transform: translateY(30px);}
.count .h1{font-size: 2.3rem;}.count .tbg{background-color:rgba(0,0,0,0.5);}
.count ul h1{letter-spacing: 1px;font-size: 2rem;margin-bottom: 1rem;}
.tabs .btn{font-size: 1.05rem;font-weight: 600;color: #5b5b5b;}
.tabs .btn.a{color:var(--c1);}
#pro figure{overflow:hidden;margin: 0;}
#pro figure img{transition:transform 1s ease;display: block;}
#pro figure:hover img{transform: scale(1.5);}
@media (min-width: 768px){
    .why li{width:50%;}
    #hs .ct{padding:15px 30px;}
    #hs .ct h1{font-size:2rem;margin-bottom:2rem;}
    .hfixed{font-size: 87.5%;}
    .hfixed .sp{font-size:20px;}
}
@media (min-width: 991px){
    .why li{width:25%;}
    .why .li0,.why .li1,.why .li2{width:33.333%;}
    #hs .ct{padding:20px 40px;}
    #hs .ct h1{font-size:3rem;margin-bottom:3rem;}
}
/* homepage end */