@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');

body{ margin:0; padding:0;  font-family: 'Roboto', sans-serif;}
img{ max-width:100%;}
a{transition: 0.3s;}

header{ border-bottom:1px solid #d6d6d6; min-height:84px;}
.logo{ margin:8px 0 0 0; display:inline-block;}
header h1{ text-align:center; color:#14bcbd; font-size:15px; font-weight:bold; margin:0; text-transform:uppercase; padding:33px 0 0 0;}
.phone{ background:#14bcbd; display:inline-block; margin:23px 0 0 0; color:#fff; font-size:16px; font-weight:500; padding-right:13px;}
.phone span{ background:#049a9b; padding:5px 8px; display:inline-block; margin-right:13px; font-size:18px;}
.phone a{ text-decoration:none; color:#fff;}
.phone:hover{background:#049a9b; }
.banner-area{ background:url(../images/banner-area.jpg) no-repeat center #f1f1f1; min-height:550px;}
.banner-content{ margin:85px 0 0 0;}
.banner-content h2{ margin:0; color:#333333; font: size 26px; font-weight:400; text-transform:uppercase; line-height:40px; }
.banner-content p{ color:#535353; font-size:16px; margin:25px 0 0 0; font-weight:400; line-height:28px;}
.banner-content a{ background:#14bcbd; font-size:16px; color:#fff; text-decoration:none; color:#fff; display:inline-block; padding:10px 12px; font-weight:500; margin:25px 0 0 0;}
.banner-content a:hover{background:#049a9b;}
.request-info{ background:rgba(0,0,0,0.5); min-height:250px; margin:30px 0 0 0; padding-bottom:25px;}
.request-info h2{ background:rgba(0,0,0,0.4); color:#fff; text-align:center; font-size:16px; font-weight:500; padding:13px 10px;}
.request-info-inner{ padding:0 22px;}
.request-info input{ border:0; width:100%; padding:10px 20px; outline:none; margin:18px 0 0 0; color:#9b9b9b; font-size:14px; font-weight:300;}
.request-info textarea{ border:0; width:100%; padding:8px 20px; outline:none; margin:18px 0 0 0; color:#9b9b9b; font-size:14px; font-weight:300; height:80px;}
.request-info button{ border:0; text-align:center; width:100%; margin:18px 0 0 0; background:#14bcbd; padding:9px 0; outline:none; color:#fff; font-size:16px; text-transform:uppercase;}
.plans{ border:1px solid #cecece; margin:30px 0; min-height:242px;}
.plans h3{ background:#14bcbd; color:#fff; margin:0; font-size:15px; font-weight:bold; margin:-1px; text-transform:uppercase; padding:12px 0; text-align:center;}
.plans p{ text-align:center; margin:0; text-transform:uppercase; padding:30px 5px; font-size:16px; font-weight:500; color:#333;}
.plans p span{ font-weight:bold; display:block; font-size:24px; margin:20px 0 0 0;}
.license-service{ background:#edf7fe;}
.license-service img{ margin:88px 0 0 0;}
.license-service h3{ margin:30px 0 0 0; color:#333333; font-size:28px; font-weight:600; padding-right:30px; line-height:40px;}
.license-service p{ color:#535353; font-size:15px; margin:15px 0 0 0;}
.license-service ul{ margin:20px 0 0 0; padding:0;}
.license-service ul li{ list-style:none; margin:10px 0 0 0; color:#535353; font-size:14px;}
.license-service ul li:before{ content:"\f00c "; display:inline-block; font-family: FontAwesome; color:#14bcbd; margin-right:10px;}
.diff-sec{ margin:50px 0 0 0;}
.heading{ text-align:center; margin:30px 0 0 0; color:#474849; font-size:22px; font-weight:500; text-transform:uppercase;}
.diff-sec h3{ color:#333333; font-size:28px; font-weight:500; padding-right:50px; line-height:40px; margin:35px 0 0 0;}
.diff-sec p{ color:#535353; font-size:16px; margin:30px 0 0 0; line-height:28px; padding-right:40px;}
.testi{ margin:25px 0 0 0; text-align:center;}
.testi-box{ background:#eeeeeead; min-height:416px; padding:16px; color:#848484; font-size:14px; line-height:24px; border-radius:4px; text-align:left;}
.testi i{ font-size: 35px;    color: #c5c5c5;    line-height: 12px;}
.testi img{ border-radius:50%; margin:20px 0 0 0;}
.doc-name{ color:#717171; font-size:15px; font-weight:bold; margin:5px 0 0 0;}
.doc-name span{display: block; font-weight: normal; font-size: 13px; opacity: .8;}
.why-hrx{ text-align:center; color:#fff; background:#14bcbd; padding:25px 40px; padding-bottom:15px; margin:50px 0 0 0;}
.why-hrx h3{ font-size:20px; text-transform:uppercase; margin:0;}
.why-hrx p{ margin:10px 0 0 0; font-size:16px; font-weight:500; line-height:28px;}
.why-hrx a{ text-decoration:none; color:#fff; font-size:21px; display:inline-block; margin:10px 0 0 0;}
footer{ background:#474849; margin:-84px 0 0 0; padding-top:84px;}
footer .logo{ margin:65px 0 0 0;}
footer ul{ margin:55px 0; padding:0; text-align:right;}
footer ul li{ list-style:none; color:#fff; font-size:16px; font-weight:500; margin:10px 0; line-height:22px;}
footer ul li a, footer ul li a:hover{ text-decoration:none; color:#fff;}
footer p{ color:#fefefe; font-size:13px; text-align:center; border-top:1px solid #747474; margin:0; padding:12px 0;}
.thanks{ color:#333; text-align:center; font-size:16px; line-height:26px; padding:100px 0; margin:0;}
.thanks span{ display:block; font-size:40px; margin-bottom:15px;}
.thanks a{ text-decoration: none; color: #14bcbd;}
.testi-in{ margin: 35px 0 0 0; background: #eeeeee78; padding: 16px; text-align: center;  border-radius: 8px;}
.testi-in p{ margin:0; color:#000; font-size:14px; font-weight:400; line-height:26px; min-height:450px;}
.testi-in p i{ color:#01bebf; font-size:26px;}
.testi-in img{ margin:18px 0;}
.testi-detail{ color:#01bebf; font-size:16px; text-transform:uppercase; display:inline-block; font-weight:500;  margin-top: 16px;}
.testi-detail span{display: block; font-size: 14px; font-weight: 500; color: #000; text-transform: capitalize;}
.fixed-bar{ display: flex; right: 1.5rem; top: 45%; position: fixed; flex-direction: column; gap: .6rem;}
.fixed-bar a{ background: #14bcbd; text-decoration: none;  width: 40px; height: 40px; border-radius: 50%; font-size: 22px; color: #fff; display: flex; align-items: center; justify-content: center;}
.fixed-bar a.free{ font-size: 12px; text-align: center; line-height: 14px;}
section.content-sec {padding: 50px 0px 30px;}
section.content-sec p {font-size: 16px;}
h2.h2-heading {text-align: center; line-height: 40px;}
.fixed-bar1{ display: flex; right: 0; top: 35%; position: fixed; flex-direction: column; gap: .6rem;}
.fixed-bar1 a{ background: #14bcbd; text-decoration: none; margin-right: -142px;  width: 180px; align-items: center; gap: 1rem; padding: 0 1.3rem; height: 40px;  font-size: 16px; color: #fff; display: flex; align-items: center; justify-content: flex-start;}
.fixed-bar1 a i{font-size: 18px;}
.fixed-bar1 a:hover{margin-right: 0; background: #fba917;}
.fixed-bar2{ display: flex; right: 0; top: 40%; position: fixed; flex-direction: column; gap: .6rem;}
.fixed-bar2 a{ background: #14bcbd; text-decoration: none; margin-right: -142px;  width: 180px; align-items: center; gap: 1rem; padding: 0 1.3rem; height: 40px;  font-size: 16px; color: #fff; display: flex; align-items: center; justify-content: flex-start;}
.fixed-bar2 a i{font-size: 18px;}
.fixed-bar2 a:hover{margin-right: 0; background: #fba917;}
.fixed-bar3{ display: flex; right: 0; top: 45%; position: fixed; flex-direction: column; gap: .6rem;}
.fixed-bar3 a{ background: #14bcbd; text-decoration: none; margin-right: -142px;  width: 180px; align-items: center; gap: 1rem; padding: 0 1.3rem; height: 40px;  font-size: 16px; color: #fff; display: flex; align-items: center; justify-content: flex-start;}
.fixed-bar3 a i{font-size: 18px;}
.fixed-bar3 a:hover{margin-right: 0; background: #fba917;}
@media (max-width: 768px)
{
    .fixed-bar{display: none;}
header { text-align:center;}
header h1{ padding:20px 0; padding-bottom:0;}
header .text-right{ text-align:center;}
.phone{ margin:10px 0;}
.banner-content{ margin:20px 0 0 0;}
.banner-content h2{ font-size:18px; line-height:30px;}
.banner-content p{margin-top: 15px; font-size: 15px;}
.banner-area{ background:#eee; padding-bottom:20px;}
.license-service img{ margin:18px 0 0 0;}
.license-service h3{ padding-right:0; font-size:25px; line-height:32px;}
.license-service{ padding-bottom:20px;}
footer{ text-align:center;}
footer .logo{ margin:25px 0 0 0;}
footer ul li{ text-align:center;}
.diff-sec{ text-align:center;}
.thanks{ padding:50px 0;}
.request-info{margin-top: 30px;}
.fixed-bar1 a:hover{margin-right: -142px;}
.fixed-bar2 a:hover{margin-right: -142px;}
.fixed-bar3 a:hover{margin-right: -142px;}
}