.scrollhidden{overflow:hidden;}
body, html { font: normal 16px/1.4 Inter; padding: 0px; margin: 0px; -webkit-font-smoothing: antialiased; }
a { color: #000; font-size: 15px; }
header { background-color: #FFF; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1); z-index: 99; }
nav.navbar { padding: 1.5rem 3rem; }
a.text-dark:focus, a.text-dark:hover {
    color: #00d6aa!important;
}
a.nav-link { padding: 10px 50px;margin-top: 5px;font-weight: 500;transition: 300ms ease-in;letter-spacing: 0.052rem;}
a:hover { color: #27d6ad; }
.btn-cs { color: #27D6AD; border: 2px solid #27D6AD; border-radius: 30px; padding: 10px 20px; font-weight: 500; transition: 300ms ease-in; }
.btn-cs:hover { background-color: #27D6AD; border: 2px solid #27D6AD; color: #fff; }
.hero-section { background-color: #F6FEFD; }
h1 { font-size: 48px; font-weight: 800; line-height: 1.5; color: #172b4d; }
.pd-20 { padding: 20px; }
.btn-think-cta { background-color: #27D6AD; color: #fff; font-size: 20px; font-weight: 500; border-radius: 40px; transition: 2s ease-in; padding: 20px; margin-top: 20px; width: 180px; transition: 200ms ease-in; }
.btn-think-cta:hover { text-decoration: none; background-color: #1ccca2; box-shadow: rgb(185, 247, 232) 0px 5px 13px 5px;color: #fff }
.hero-content { z-index: 1; display: flex; flex-direction: column; align-items: center; position: relative; margin-top: 8rem; }
.hero-background { display: flex; flex-direction: column; align-items: center; }
.why-section { padding: 4rem 0; background-color: #FFFFFF; }
.sub-content { display: flex; flex-direction: column; align-items: center; }
.sub-content-left { display: flex; flex-direction: column; }
.subhead { text-transform: none; color: #27D6AD; font-weight: 500; font-size: 1.8rem; line-height: 1.5}
.sub-h3 { color: #0A2A3C; font-size: 1.2rem; line-height: 1.7; text-align: center; }
.q-p { line-height: 1.5; font-size: 18px; font-weight: 500; color: #0A2A3C; padding: 2rem 1rem; }
.sub2-h3 { color: #172b4d; font-size: 2rem; font-weight: 700; line-height: 1.5; text-align: center; padding-top: 3rem; }
#navbar { background-color: #f6fefd; box-shadow: 0 1px 2px 0 #e8e8e8; z-index: 999; position: fixed; top: 0; width: 100%; transition: top 0.3s; }
.what-section { background-color: #F6FEFD; padding: 4rem 0; }
.align-left { text-align: left !important; }
.o-text { line-height: 1.6; color: #0A2A3C; font-size: 1.035rem; font-weight: 500; padding: 1.5rem; box-shadow: 0 22px 32px 0 rgba(228, 228, 234, 0.41), 0 9px 28px 0 rgb(236, 236, 236); }
.c2-text { line-height: 1.6; color: #29394c; font-size: 1.125rem; font-weight: 500; letter-spacing: 0.004rem; padding: 0 16rem; }
.c-text { line-height: 1.5; color: #29394c; font-size: 1.125rem; font-weight: 500; letter-spacing: 0.004rem; }
.c-block { padding: 30px 15px 10px; background-color: #fff; background-repeat-y: no-repeat; background-position: 7% 100%; background-size: cover; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; width: auto; margin-bottom: -1px; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 2px solid #EEF1F8; height: 400px; box-shadow: 0 42px 94px 0 rgba(185, 190, 211, .34); }
.c-t { margin-bottom: 10px; font-size: 20px; line-height: 30px; color: #0A2A3C; }
.card-text { color: #516782; font-size: 1rem; line-height: 1.6; letter-spacing: 0.012rem; }
.i-i { margin-bottom: 30px; }
.what-kind { background-color: #Fff; padding: 5rem 0; }
.sub-h4 { text-align: center; color: #27D6AD; font-size: 30px; }
.h-space { padding: 3rem; }
.whom-h1 { font-size: 24px; color: #172b4d; line-height: 1.5; padding-bottom: 1rem; font-weight: 500; padding-right: 1rem;}
.pd1-3 { padding: 0 3rem 0 3rem; }
.pd2-3 { padding: 0 4rem 0 2rem; }
.pd-15 { padding: 1.5rem; }
.pd-0 { padding-bottom: 0 }
.testimonial-block { overflow: hidden; border-radius: 8px; box-shadow: rgb(228, 228, 228) -2px 7px 19px 2px; display: block; background: #fff; align-items: center; margin: 50px; }
.t-image { padding: 2rem; margin: auto; }
img.r-t { height: 100px; width: 100px; border-radius: 50px; margin: auto }
.t-review { text-align: center; font-size: 1.2rem; line-height: 1.5; font-weight: 600; padding: 0 3rem 2rem 3rem; color: #033a33; }
.t-name { color: #1a1b1f; font-size: 18px; font-weight: 500; margin-bottom: 4px; }
.t-pos { font-size: 15px; padding-bottom: 2rem; }
.t-pos-link { color: #27d6ad; transition: 2s ease-in; }
.t-pos-link:hover { opacity: 0.6; text-decoration: none; }
.t-h3 { font-weight: 600; font-size: 24px; margin-bottom: 3rem }
.logo-0 { max-height: 46px;  width: auto; }
.section-blog { padding: 3rem 0; background-color: #f2faff; }
h2.card-title a { font-size: 1.2rem; margin-bottom: 0; line-height: 1.5; transition: 0.2s ease-in; }
h2.card-title a:hover { text-decoration: none; }
.think-card h2 { line-height: 1.5; margin-bottom: 15px; font-size: inherit; margin-top: 5px; transition: .3s ease-in; }
.p2 { padding: 2rem 0; }
.t-cat { font-size: 15px; color: #FE5A5E; padding-bottom: 0; margin-bottom: 0; font-weight: 500; line-height: 1.5 }
.y-c { color: #FEAF01; }
.y-g { color: #0092FF; }
.has-sliding-think-bottom-bar { position: relative }
.has-sliding-think-bottom-bar::after { content: ""; position: absolute; left: 0; bottom: 0; border-bottom: 4px solid #14d8aa; width: 100%; display: block; transform-origin: left center; -webkit-transform-origin: left center; transition: transform .3s, -webkit-transform .3s; transform: scaleX(0); -webkit-transform: scaleX(0) }
.has-sliding-think-bottom-bar:hover::after { transform: scaleX(1); -webkit-transform: scaleX(1) }
img.card-img-top { transition: 0.3 ease-in; }
img.card-img-top:hover { opacity: 0.9; }
div > button[type="button"].slick-arrow { background-color: #fff !important; border-radius: 20px !important; height: 40px !important; width: 40px !important; box-shadow: 0 0 0 1px #d8d8d8; transition: 0.3 ease-in; }
div > button[type="button"].slick-arrow:hover { box-shadow: 0 0 0 1px #27D6AD; }
.slick-next:before { content: '→'; }
.slick-prev:before { content: '→'; }
.slick-next:hover::before { content: '→'; color: #27D6AD; }
.slick-prev:hover::before { content: '←'; color: #27D6AD; }
.o-hidden { overflow: hidden; }
.bg-primary-4 { background-color: #00d6aa !important; }
.card-cta { padding: 3rem 2rem; border-radius: 20px; }
.shadow-3d { box-shadow: 0.5rem 0.5rem 0 rgba(233, 236, 239, .5); }
.decoration:not(.position-relative) { position: absolute; }
.btn-white { background: #fff; color: #0f66dc; background: #fff; color: #222629; font-weight: 600; border-radius: 40px; padding: 20px 40px; transition: 0.5s ease-in;}
.btn-white:hover{box-shadow: -9.8px 36.7px 80px 0 rgba(0,18,46,.2);}
.decoration:not(.position-relative) { position: absolute; }
.decoration svg { background: 0 0 !important; }
svg.bg-primary-2 * { fill: #00cc9a; }
.opacity-50 { opacity: .5; }
.text-small { font-size: .875rem; line-height: 1.25rem; font-weight: 500; }
.sub-content {}
.icon { flex-shrink: 0; width: auto; height: 1.5rem; }
.animated-icon3 { width: 30px; height: 20px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
.animated-icon3 span { display: block; position: absolute; height: 3px; width: 100%; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.animated-icon3 span { background: #172b4d; }
.animated-icon3 span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.animated-icon3 span:nth-child(2) { top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.animated-icon3 span:nth-child(3) { top: 20px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.animated-icon3.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; left: 8px; }
.animated-icon3.open span:nth-child(2) { width: 0%; opacity: 0; }
.animated-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 21px; left: 8px; }
.bg-light2{background-color: #f2faff;}
.mr0{margin:0;}
.mobile-margin-btn{ max-height:69px; margin-bottom:40px;}
.cmp ul {display: flex;flex-direction: row; flex-wrap: wrap; list-style:none}
.company-logo {flex: 1;flex-basis: 166px; width: 166px;margin-left: 15px;margin-right: 15px;color: #6e6e71;}
.company-logo .logo-image { display: flex;align-items: center;justify-content: center;height: 100px;}
.testinomial{margin-bottom: 20px;}
.t-block{ z-index: 99;max-width: 60%; text-align: left;line-height: 1.6;}
.btn-otn{border-radius:40px;padding:15px 30px;margin-top: 20px;}
.mt-20{margin-top: 20px;}
.text-dark{font-weight: 500;transition: 0.3s ease-in;}
.text-dark:hover, .text-dark:active{text-decoration: none;color:#00d6aa!important;}
.ft-24{font-weight: 600;font-size: 2.4rem;}
.c2-block { padding: 30px 15px 10px; background-color: #fff; background-repeat-y: no-repeat; background-position: 7% 100%; background-size: cover; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; width: auto; margin-bottom: -1px; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 2px solid #EEF1F8; height: 350px; box-shadow: 0 42px 94px 0 rgba(185, 190, 211, .34); }
.contact-form{flex-grow: 0;
    max-width: 1000px;
    margin: 0 auto;
    padding: 6em 0;
}
.form-control{
	    padding: 15px;
    border-radius: 10px;
}
.c3-block { padding: 30px 15px 10px; background-color: #fff; background-repeat-y: no-repeat; background-position: 7% 100%; background-size: cover; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; width: auto; margin-bottom: -1px; border-top-left-radius: 25px; border-top-right-radius: 25px; border: 2px solid #EEF1F8; box-shadow: 0 42px 94px 0 rgba(185, 190, 211, .34); }
.background-image {
    flex-grow: 1;
    background: url(../images/e06af0a4d9a280c0.jpg) no-repeat center center;
    background-size: cover;
}

textarea {
  resize: none;
}






