*{font-family: 'Gothic A1' !important;}
html {scroll-behavior: smooth;}
.t-blue{color: #104378;}
.t-green{color: #29b26a;}
.fw-500{font-weight: 500;}
.sticky {position: fixed; top: -2px; width: 100%;background-color: white;z-index: 99;box-shadow: 2px 2px 10px lightgrey;transition: top .4s ease-in-out;}
.stick {top: -115px;}
p.content, .content li{line-height: 29px; word-spacing: 3px; font-size: 19px; color: #000; text-align: left;  }
.heroimg p.content{font-size: 22px; font-weight: 500; text-align: justify; line-height: 34px;}
.highlight{font-weight: 500; color: #000;}
.nav-link{font-size: 12px; padding: 8px 12px !important; border-radius: 5px; color: #696969 !important; font-weight: 600;}
.nav-link:hover{color: #000000 !important; }
.navbar-brand img{width: 200px;}
.nav-item.active .nav-link{background-color: #1f8c55; color: white !important;}
.nav-item.covid .nav-link{background-color: red; color: white !important;}
.nav-item.webi .nav-link{background-color: #48a1f5; color: white !important;}
.navbar-nav li.nav-item{align-self: center;}
.dropdown-menu .dropdown-item { display: flex; border-bottom: 1px solid lightgray; padding: 10px; justify-content: center; font-weight: bold; color: #696969 !important }
.hero-span{color: #2ab66f;}
.hero{margin-top: 70px;}
.heroimg{ background-image: url('../images/heroimg.jpg'); background-repeat: no-repeat; background-position: top right;}
.hero h2{line-height: 44px; letter-spacing: 1px; color: #104378; padding-top: 150px; padding-bottom: 150px; font-size: 26px;}
.grnround{position: absolute; top: -137px; z-index: -1;}
.grn-content{padding: 50px 150px}
.grn-content .two{font-size: 22px}
.grn-content .two span{font-size: 26px; font-weight: 700}
.lh-40{line-height: 40px;}
.j-head{color: #104378; font-weight: bold; line-height: 48px;}
.roundflat{background-image: url('../images/roundflat.png'); background-repeat: no-repeat; background-size: cover; padding: 50px 120px 0px;}
.quote{position: relative; z-index: 0}
.quote .twain{position: absolute;top: -57px; left: -165px;}
.quote .content{color: darkblue; font-weight: 500}
.quote .quotemark{position: absolute; left: -30px; top:-26px ;z-index: -1; width: 55px;}
#reimbursements .bigbox{padding: 45px; border-radius: 15px; border: 3px solid white;}
.reimhead{color: #104378; font-weight: bold; font-size: 27px; margin-top: 35px;}
.reim-ana{padding-left: 105px;}
.grn-txt{display: block; color: #2ab66f;}
#parallax{background-image: url('../images/bgimgblu.jpg'); box-shadow: 0px 13px 35px 11px lightgrey; background-size: cover;}
#parallax .content{line-height: 34px; font-size: 20px; color: white; font-weight: 500;}
#we-help .grey-bg{border-radius: 250px; padding: 80px 0px 40px 140px; text-align: center;}
#video{padding-bottom: 250px; background: rgb(35,201,246); background: linear-gradient(0deg, rgba(35,201,246,1) 0%, rgba(49,117,198,1) 100%);}
#video .left-box{background-color: #4db97d; padding: 25px; display: flex; justify-content: space-between; flex-direction: column;}
#video button{    background-color: #ffffff;padding: 10px 20px;color: #29b298;font-weight: bold;border: 2px solid #4db97d;}
.fourlogo{display: flex; justify-content: space-around; align-items: flex-end;}
#calculator{position: relative; height: 600px;}
.sched-btn{display: inline-block; position: relative; margin-left: 40px;}
.sched-btn p{font-weight: 600; padding: 12px 15px 12px 45px; color: white; background-color: #2ab26c; border-radius: 5px;}
.sched-btn img{position: absolute; top: 50%; left: -40px; transform: translateY(-50%);}
#calculator .container{border-radius: 25px;box-shadow: 0px 14px 35px lightgrey;padding: 60px 40px;border: 1px solid #eaeaea; position: absolute;left: 50%;transform: translateX(-50%);top: -142px; background: white;}
#calculator table th{color: #104378; font-size: 20px;}
#calculator table td{color: #29b26a; font-size: 18px; font-weight: 600}
#calculator2 table th{color: #104378; font-size: 20px;}
#calculator2 table td{color: #29b26a; font-size: 18px; font-weight: 600}
#calculator2 table{width: 65%;}
#calculator .input-group-text{border: #4db97d; background: #4db97d; color: white; font-weight: 500}
.serv-fee{font-size: 20px; line-height: 16px;}
.t-slider{padding: 25px 50px; box-shadow: 2px 11px 37px 0px lightgrey; border-radius: 15px;}
.client{display: flex; align-items: center;}
.client .mt-3{margin-right: 20px}
.carousel .left-arrow, .carousel .right-arrow{color: #032950; font-size: 50px; }
.carousel-control-next, .carousel-control-prev{top: unset; width: 5%;}
.carousel-control-prev{right: 70px; left: unset;}
#eligibility h5{line-height: 30px;}
.j-shade-box {padding: 30px;border-radius: 25px; box-shadow: 7px 5px 50px -1px lightgrey;}
.j-shade-box ul li{padding-bottom: 12px;}
.blue-grad{padding: 30px; border-radius: 25px; background: rgb(3,172,255); background: linear-gradient(0deg, rgba(3,172,255,1) 0%, rgba(0,104,255,1) 100%);}
.blue-grad-2{padding-right: 0px;}
.blue-grad-2 > p{padding-right: 30px;}
#important .flex-column{max-height: 2480px;}
#important .i-point{background-color: white; padding: 15px; border-top-left-radius: 50px; border-bottom-left-radius: 50px;}
.ar img{padding: 5px 0;}
#point4 .shade-box{border-radius: 25px; box-shadow: 7px 5px 50px -1px lightgrey; padding-top: 30px; padding-bottom: 30px; }
#point4 .shade-box p{line-height: 29px; font-size: 18px; color: #000; }
#point4 img {width: 50px;}
#lastsection{background: #c7d7e6; position: relative;}
#lastsection .btmimg{position: absolute; right: 0; top: 0; height: 100%;}
#footer{background-color: #104378; }
.foot-menu .social{display: flex; justify-content: space-between;}
.reg-btn{color: white; font-size: 22px}
.foot-menu{list-style-type: none; padding-left: 0;}
.foot-menu li{display: inline-block; padding: 0 15px;}
.foot-menu li a{color: #fff; font-size: 18px;}
.social li{padding: 0 5px !important;}
.reg-btn a{color: white; text-decoration: none;}
.sched-btn a{color: black; text-decoration: none;}
.clicktotop{position: fixed; bottom: 60px; right: 10px; opacity: 0; transition: all 0.5s ease; cursor: pointer;}
.clicktotop.ctt{opacity: 1;}
.top-res-icon a img{align-self: center; padding: 5px; width: 40px; height: 40px;}
.top-res-icon a span{    font-size: 14px;padding-top: 8px;color: #575756;}
.topcall{position: absolute;top: 0;background: #9ee48e;padding: 5px 5px 0;border-radius: 5px; right: 50%; transform: translate(50%);}
.ucare{font-size: 20px; font-weight:600;}
/* New */
.contact .j-head, #clients .j-head{margin-top: 140px;}
.contact-box{box-shadow: 0px 15px 25px 6px #ddd;padding: 30px; border-radius: 10px;}
.contact-box p img { height: 22px;     padding-right: 16px;} .contact-box h6 img { width: 65px;}
.contact-box .contaddress{font-size: 16px;  font-weight: bold;    line-height: 41px;}
.mailaddress{font-size: 18px;}
.mob-10{ margin-top: 10px !important;}
#accordion h5 button{text-align: left; font-weight: bold; font-size: 16px; color: #104378; padding-left: 0}
#accordion .card-header{border-bottom: none;}
#accordion .card{box-shadow: 0px 5px 15px -1px lightgrey; margin-bottom: 20px; border: none;}
#accordion ul{font-size: 18px;}
#accordion #collection{display: inline; width: 100px;}
.download-btn a{background-color: #1f8c55; padding: 25px 50px; color: white; border-radius: 15px; font-weight: bold;}
.linkdinbtn{background-color: #0a66c2 !important;}
.schedbtn{background-color: #2ab26c !important;}
.gifimg{border: 5px solid #00b14e; border-radius: 10px; border-top: 0;}
#roadmap .j-shade-box{    background-color: floralwhite; background-image: url(../images/paper-bg.jpg); background-size: cover; background-blend-mode: soft-light;}
#roadmap ul li, #roadmap ol li{line-height: 29px; word-spacing: 3px; font-size: 19px; color: #000; text-align: left; }
.road-box{display: flex; justify-content: center; flex-wrap: wrap;}
.road-box > div > a { display: inline-block; padding: 20px 35px; border-radius: 25px; box-shadow: 7px 5px 50px -1px lightgrey; margin: 10px; color: #042380; font-weight: 600; cursor: pointer; text-decoration: none;
	background: linear-gradient(to left, rgb(255, 255, 255) 50%, rgb(122, 230, 140) 50%) right; border-left: 5px solid rgb(122, 230, 140);
	background-size: 200% 100%; transition: .2s ease-out;}
.road-box > div > a:hover{ background-position: left;}
#accordion .btn-link.collapsed:after {     content: '+';
    float: right;
    background: #116fff;
    width: 32px;
    height: 32px;
    text-align: center;
    padding-bottom: 22px;
    border-radius: 25px;
    color: white;
    border: 5px solid #88b7ff;}
#accordion .btn-link:after {    content: '-';
    float: right;
    background: #116fff;
    width: 32px;
    height: 32px;
    text-align: center;
    padding-bottom: 22px;
    border-radius: 25px;
    color: white;
    border: 5px solid #88b7ff;
}
#blackfriday #accordion .btn-link.collapsed:after {display: none;}
#blackfriday #accordion .btn-link:after { display: none;}
#lastsection .col-lg-9{padding: 0;}   
.j-sec-color{font-weight: bold; font-size: 38px; color: #2fc473;}
h5.text-bloo {color: #1b5ea5;}
.thriver img{width: 55px;}
.bf .sched-btn{margin-left: 0 !important}
.bf .sched-btn p{padding: 17px 35px; font-size: 20px;}
.blu-box span{border: 2px solid #1b5ea5; padding: 15px 25px 10px; border-radius: 5px;}
.dur span{font-weight: bold; color: #104378}
.ename{font-weight: bold; color: #104378; margin-bottom: 0;}
.endo-img img{width: 70px; border-radius: 500px;}
.fourlogo img{width: 150px;}
.sec-small{display: none !important;}
.spltxt{font-style: italic; font-size: 15px !important; line-height: 24px !important}

/*process page*/
.lightblu{color: #116fff; font-weight: bold;font-size: 18px;}
.j-quest{color: #104378; font-weight: bold; font-size: 20px;}
.phasetxt{color: #104378 !important; font-weight: bold;} 
span.blu-num {padding: 6px 9px 6px 9px;background-color: #116fff;margin-right: 10px;border-radius: 22px;color: white;}
.btmimg.spl{top: -81px !important; height: 125% !important; z-index: 1}
#lastsection .col-12{z-index: 2}

@media(max-width: 1199px){
	#important .flex-column{max-height: 2900px;}
	.j-head{font-size: 28px; line-height: 41px;}
}
@media (min-width: 992px) and (max-width: 1199px){
	.navbar{padding: 16px 0;}
	.nav-link{font-size: 11px; padding: 8px 8px !important;}
	.ques p{font-size: 13px;}
	.hero h2{letter-spacing: 0px; font-size: 27px;}
	.roundflat{padding: 50px 60px 0px;}
	.grn-content{padding: 0 90px;}
	#we-help .grey-bg{padding: 80px 0px 0px 20px}
	.i-pda{padding-top: 100px !important}
}
@media (min-width: 768px) and (max-width: 991px){
	.ques{text-align: left;}
	.hero h2{padding: 30px 0 40px;	}
	#we-help .grey-bg{padding: 20px 0px 0px 20px;}
	.grn-content .two{font-size: 16px;}
	.grn-content .two span{font-size: 20px;}
	.grn-content .one{font-size: 14px;}
	.grn-content{padding: 0px 20px;}
	#calculator{height: 750px;}
}

@media (min-width: 768px){
	.reim-ana { padding-left: 0px; }
} 
@media (max-width: 1199px){
	.navbar .container{width: 100%; max-width: none;}
}

@media (min-width: 576px) and (max-width: 767px){
	.hero h2{font-size: 28px; line-height: 40px; padding: 40px 0;}
}
@media (max-width: 991px){
	#important .flex-column{max-height: unset;}
	#lastsection .btmimg{position: unset;}
	.heroimg{background-image: unset;}
	.hero h2{letter-spacing: unset;}
	.foot-menu li{margin: 12px 0px;}
	.navbar-nav li.nav-item{width: 100%; border-bottom: 1px solid #cdcbcb }
	li.nav-item:first-child {padding-top: 35px;}
	.nav-item.active, .nav-item.ques{border-bottom: unset !important; width: unset !important}
	.nav-item{border-bottom: 1px solid lightgrey;padding: 12px 0;}
	.blu-box{border: 2px solid #1b5ea5; padding: 15px 25px 10px; border-radius: 5px;}
	.blu-box span{border: none; padding: unset;}
	ul.navbar-nav{max-height: 100vh; overflow: auto;}
}
@media (max-width: 767px){
	.navbar-brand{width: 140px;	}
	.nav-item a{display: inline;}
	.nav-link{font-size: 19px;}
	.quote .twain{position: unset;}
	.quote .quotemark {display: none;}
	.quote .content{margin-top: 30px; }
	#reimbursements .bigbox{padding: 0}
	.reim-ana{padding-left: 0;}
	#we-help .grey-bg{padding: 0}
	.grnround{position: unset;}
	.grn-content {padding: 0; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	.fourlogo{display: table;}
	.fourlogo div{display: inline-block; width: 50%; margin-bottom: 40px; text-align: center; padding: 0 15px;}	
	#calculator{height: unset;}
	#calculator .container{position: unset; transform: unset;}
	#video{padding-bottom: 50px;}
	.sfc{text-align: center;}
	.serv-fee {margin-bottom: 40px !important;}
	.roundflat{padding: 0;}
	.roundflat .j-head{padding: 0 80px;}
	.quote{text-align: center; }
	.quote p{text-align: center;}
	.quote p.font-weight-bold{text-align: right;}
	.map { height: 400px;}
	#calculator2 table{width: 100%;}
	.lightblu{margin-bottom: 15px !important}
	.j-shade-box{padding: 30px 10px}
	.bf .sched-btn p {padding: 17px 20px;font-size: 18px;}
}
@media (min-width: 401px) and (max-width: 575px){
	.hero h2{font-size: 28px; line-height: 39px;}
}

@media (max-width: 768px){
	.carousel-control-next, .carousel-control-prev{bottom: -40px;}
	.carousel-control-prev{right: 20px;}
	.carousel-control-next{right: -40px;}
}
@media (min-width: 361px) and (max-width: 767px){
	.hero{margin-top: 90px;}
}
@media (min-width: 360px) and (max-width: 480px){
	.grn-content .one{font-size: 15px;}
}
@media (max-width: 575px){
	.topcall{font-size: 14px; width: 90%; text-align: center;}
	.navbar{padding-bottom: 0px;}
	.navbar-brand, .navbar-toggler {position: relative;bottom: -12px}
	.hero h2{padding: 50px 0}
	.roundflat .j-head {padding: 0px;}
	.j-head{font-size: 25px; line-height: 35px;}
	#calculator .container{padding: 60px 10px;}
	.sfc h3{font-size: 23px;}
	.serv-fee{line-height: 30px;}
	.t-slider{padding: 25px 15px;}
	.carousel-control-prev{right: 60px;}
	.carousel-control-next{right: 0px;}
	.carousel{padding-bottom: 25px;}
	.quest1 .d-flex{flex-direction: column;}
	.quest1 .d-flex img{margin-bottom: 10px;}
	.sec-small{display: flex !important;}
	.sec-big{display: none !important;}
}
@media (max-width: 499px){
	.timer .j-sec-color{font-size: 28px;}
	.timer h5{font-size: 14px;}
	#blackfriday h4.lh-40{font-size: 18px; line-height: 30px;}
}
@media (max-width: 400px){
	.hero h2{font-size: 26px; line-height: 36px;}
	#important .flex-column .col-md-8{padding: 0}
	.grn-content{width: 100%;font-size: 10px;}
	.grrn{padding: 0}
	.grn-content .two{font-size: 16px;}
	.grn-content .two span{font-size: 20px;}
	#collection{padding: 6px}
	.contact-box{padding: 30px 12px }
}
@media (max-width: 360px){
	.hero{margin-top: 90px;}
}