
/*--Back to Top-Scroller Start--*/
#back2Top {width: 40px;line-height: 40px;overflow: hidden;z-index: 999;display: none;cursor: pointer;position: fixed;bottom: 130px;right: 0;background-color: #fef400;color: #000;text-align: center;box-shadow: 0 0 15px #000;font-size: 30px;text-decoration: none;}
#back2Top:hover {color: #000;background-color: #fff;}
/*--Back to Top-Scroller End--*/
.justify-content-center{display:flex; justify-content: center;}
section{padding: 50px 0px;}
.heading-section{margin-bottom: 30px;}
.heading-section p {font-size: 20px;font-weight: 600;line-height: 1.2;}
/*--Navbar Start--*/
#navbar {width: 100%;background: #161616;position: fixed;top: 0;z-index: 999;-moz-transition: all .2s;-webkit-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.scroll {box-shadow: 0 0 15px #161616;}
.menu-links{display: block;float: right;}
.menu-links p {color: #fff;padding: 19px 0px;font-size: 18px;font-style: italic;margin-bottom: 0px;}
.logo {display: block;margin: 7px 0px;float: left;}
.logoimg{max-width: 100%; height: auto;}
.resplogoimg{display: none;}
.navbar-brand{display: none;}
h1.heading{font-size: 34px;font-weight: 700;margin: auto;text-transform: uppercase;}
.get-start-btn a, .get-start-btn button {width: 230px;height: 50px;color: #000;position: relative;background: #33e81f;border-radius: 7px;margin: auto;display: block;padding: 12px;text-align: center;font-size: 20px;font-weight: 700;box-shadow: 3px 3px 10px #8c8c8c;-ms-transition: all.2s;-o-transition: all.2s;-moz-transition: all.2s;-webkit-transition: all.2s;transition: all.2s;}
.get-start-btn a:hover, .get-start-btn button:hover, .get-start-btn a:focus, .get-start-btn button:focus {color: #33e81f;background: #212121;text-decoration: none;}
.coming-soon-btn a{cursor: no-drop; }
.coming-soon-btn a{background: #ff8d00 !important;}

/*--banner Start--*/
.bg-img{padding-top: 74px;}
.banner{padding: 50px 0px;}
.content figcaption h3 {font-weight: 700;line-height: 1.2;margin: 0px;}
.content figcaption p {font-size: 18px;font-weight: 600;margin: 20px 0px;}
.list-heading {width: 96%;text-align: center;font-size: 22px;font-weight: 700;background: #f9ea00;padding: 10px 15px;border-radius: 10px;box-shadow: 5px 5px 15px #ccc;margin-bottom: 20px;}
.occu-list ul {width: 100%;margin-bottom: 15px;display: block;float: left;padding: 0px;margin: 0;}
.occu-list ul li {width: 47%;float: left;background: #161616;border-radius: 7px;margin: 9px 9px 0px 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;box-shadow: 2px 2px 8px #636363;cursor: pointer;}
.occu-list ul li a {color: #fff;padding: 7px 7px 7px 25px;font-size: 14px;position: relative;display: block;text-decoration: none;-ms-transition: all.2s;-o-transition: all.2s;-moz-transition: all.2s;-webkit-transition: all.2s;transition: all.2s;}
.occu-list ul li a:before {content: '';width: 4px;height: 4px;background: #fff;border-radius: 100%;position: absolute;top: 44%;left: 13px;}
.occu-list ul li a:hover {color: #000;background: #f9ea00;text-decoration: none;}
.occu-list ul li a:hover:before {background: #000;}
.video-parent {margin: auto;position: relative;}
.video-parent img{width: 100%;}
.video-section {position: absolute;}
.video-parent video{width: 100%;}
.vertical-mid-parent {width: 100%;height: 100%;display: table;text-align: center;}
/*--banner End--*/

@media (min-width: 1400px){
.video-parent {width: 440px;}
.video-section {width: 379px;top: 21px;left: 28px;}
}

@media (min-width: 1200px) and (max-width: 1400px){
.video-parent {width: 375px;}
.video-section {width: 323px;top: 18px;left: 24px;}
}

@media (min-width: 480px) and (max-width: 1199px){
.video-parent {width: 315px;}
.video-section {width: 272px;top: 15px;left: 20px;}
}

@media (max-width: 480px){
.video-parent {width: 290px;}
.video-section {width: 251px;top: 14px;left: 18px;}
}

/*--Info List Start--*/
.info-list{color: #fff;background: #212121;}
.top-info.text-center {color: #000;font-size: 20px;font-weight: 600;background: #fff500;padding: 20px;border-radius: 15px;margin: -100px auto 0px;}
.info-list h4 {font-size: 20px;margin: 20px 0px;}
.info-list ul{padding-left: 0px;}
.info-list li {padding-left: 45px;position: relative;list-style: none;font-size: 18px;margin-bottom: 10px;}
.info-list li:before {content: '';width: 30px;height: 26px;background: url(../../images/check-box.png) no-repeat center;background-size: contain;position: absolute;top: -3px;left: 0;}
.info-list .get-start-btn {position: absolute;margin: auto;left: 0;right: 0;bottom: -73px;}
/*--Info List End--*/

/*--About Cashbook Start--*/
.about-cashbook .heading span {margin: 5px;font-size: 38px;font-weight: 800;vertical-align: middle;}
.about-cashbook .heading span img{vertical-align: baseline;}
.about-cashbook .heading span.hr{border-bottom: 2px solid #000;}
.about-cashbook p{font-size: 20px;margin-bottom: 0px;}
/*--About Cashbook End--*/

/*--Simple Ways Start--*/
.simple-ways{background-color: #f9ea00;}
.simple-ways-img {margin-top: -100px;}
ul.list-style-select {padding-left: 38px;list-style: none;}
ul.list-style-select li {position: relative;font-size: 20px;font-weight: 600;text-align: left;margin-bottom: 25px;}
ul.list-style-select li::before {content: '';width: 30px;height: 26px;position: absolute;left: -37px;top: 0px;background: url(../../images/check-box.png) no-repeat;background-size: auto;background-size: contain;}
/*--Simple Ways End--*/

/*--Tab Screen Start--*/
.tab-screens{color:#fff; background: #161616;}
.tab-screens {padding-bottom: 0;}
.tab-screens p{font-size: 20px;padding-bottom: 30px;}
/*--Tab Screen End--*/

/*--Occupation Start--*/
section.cashbook-main {padding: 50px 0px 0px;}
section.cashbook-main .container-fluid{padding: 0px;}
.occupation-section{width: 100%;display: -webkit-flex; /* Safari */display: flex;}
.occupation-section .slick-slide .occupation {position: relative;}
.occupation-section .slick-slide .occupation figure{position: relative;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;}
.occupation-section .slick-slide .occupation figure:before{content: '';width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,.4);-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;}
.occupation-section .slick-slide .occupation img{width:100%;}
.occupation-section .slick-slide figcaption {width: 100%;padding: 10px;position: absolute;bottom: 0;-ms-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;}
.occupation-section .slick-slide figcaption p{font-size: 22px;}
.occupation-section .slick-slide:nth-child(odd) figcaption {color: #fff;background: #161616;}
.occupation-section .slick-slide:nth-child(even) figcaption {color: #000;background: #fff500;}
.occupation-section .slick-slide:hover figure:before{background: transparent;}
.occupation-section .slick-slide:hover figcaption{bottom: 0;}
.occupation-section .slick-list{padding: 0px;}
.occupation-section .slick-slide{margin: 0px;}
.occupation-section .slick-slide figcaption .get-start-btn button{width: 210px;height: 45px;padding: 9px;font-size: 18px;box-shadow: 3px 3px 10px #969696;}
/*--Occupation End--*/

/*--Steps Start--*/
.steps {background: #fff;}
.step-box-inner li {list-style: none;font-size: 20px;}
/*--Steps End--*/

/*--Sub-benefits Start--*/
.sub-benefits {color: #000;position: relative;background: #fef400;font-size: 20px;}
.sub-benefits p {font-size: 24px;font-weight: 700;margin-bottom: 0;}
.sub-benefits .get-start-btn{margin-top: 30px;}
/*--Sub Benefits End--*/

/* Slider */
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list {margin: 0;padding: 0 10px;display: block;position: relative;overflow: hidden;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: -webkit-grab; cursor: grab;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{float: left;height: 100%;min-height: 1px;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slider {width: 100%;}
.slick-slide {margin: 0px 10px;}	
.slick-arrow {position: absolute;background: #161616;width: 50px;height: 50px;font-size: 24px;top: 45%;text-align: center;line-height: 50px;border-radius: 100%;z-index: 9;cursor: pointer;-webkit-transition: all.3s;-moz-transition: all.3s;-ms-transition: all.3s;-o-transition: all.3s;transition: all.5s;}
.slick-arrow:hover{color:#000000;background:#f5eb10;}
.slick-arrow:hover .fa{color:#000;}
.slick-arrow .fa{color:#f5eb10;}
.slick-next{right:5px;}
.slick-next .fa{margin-right:-3px;}
.slick-prev{left:5px;}
.slick-prev .fa{margin-left:-3px;}
/*------------- imfo list changes =-----------*/
ul.info-list-sec2 { margin-top:60px;padding-left: 115px;}
ul.info-list-sec2 li { color: #fef400;}
/*changes done on 3-4-21*/
.info-text { margin-left: 115px; background: #fff; color: #000;padding: 10px;}
.info-text p { margin-bottom: 0px;}


.links.top-l-social{ text-align: right;padding:16px 0px;}
.links.top-l-social img{width:25px; margin-left: 5px;}
.links.top-l-social a:hover, .links.top-l-social a:focus{text-decoration: none !important;}
.mob-social{display: none;}
.top-l-social-mob{background-color: transparent; text-align: right;padding:6px 15px;;}
.top-l-social-mob img{width:27px;}
.top-l-social-mob a:hover, .top-l-social-mob a:focus{text-decoration: none !important;}

/*--------------------- accountant landing ---------------------------*/
ul.acc-top-ul{text-align: left;  width: 90%; margin: auto;}
.list-heading.acc-list-rt{    font-size: 18px;    padding: 10px 2px;}
.acc-menu-link.main-h-menu.menu-links p { padding: 17px 0px;margin-bottom:0px;}
.video-parent.acc-video-parent{margin-top: 80px;}
ul.acc-top-ul li{text-align: left;font-weight:800;font-size:18px;}
 ul.info-list-sec2.list2-accontant {padding-left: 0px;   margin-top: 0px;}
.text-white{color:#fff !important;}
.info-list.list-accontant ul {  padding-left: 40px;}
 .info-list.acc-info-list ul { padding-left:30px;}
.info-list.acc-info-list .top-info.text-center { font-size:19px; padding: 20px;  margin: -130px auto 0px; width: 85%;}
.info-list.acc-info-list h4 {  margin: 40px 0px 25px;}
.info-list.acc-info-list .a-bottom-info{ color: #000; font-size:19px; font-weight: 600;  background: #fff500; padding:20px 20px 35px;width: 85%; border-radius: 15px;  margin: 0px auto -160px;}
section.cashbook-main.sec-account-main{  padding: 170px 0px 0px;}
.info-list.acc-info-list .get-start-btn {   bottom: -183px;}
.a-bottom-info p{margin-bottom:0px;}
.a-bottom-info h3{font-weight: 800; font-size: 23px; margin-bottom: 0px;margin-top:12px;}
.a-bottom-info h5{font-weight: 800;    font-size: 20px;margin-top:0px;margin-bottom:12px;}
.steps.accountant-steps{background-color: #f9ea00;padding-bottom: 143px;}
.sub-benefits.acc-subenefits h3{font-size:24px;}
.sub-benefits.acc-subenefits{background-color: #fff;position:relative;    padding: 110px 0px 30px;}
.sub-benefits.acc-subenefits p{ font-size: 23px; margin-bottom: 0;font-weight:normal}
.subbenefits-bottom-info{background-color: #E00000;  color: #fff; box-shadow: 3px 3px 10px #8c8c8c;font-size: 19px;margin-top: -238px;  font-weight: 600; padding: 20px 20px 20px; border-radius: 15px;}
.subbenefits-bottom-info p{margin-bottom:0px;}
.subbenefits-bottom-info h3{font-weight: 800; font-size: 23px; margin-bottom: 0px;margin-top:12px;}
.subbenefits-bottom-info h5{font-weight: 800;    font-size: 20px;margin-top:0px;margin-bottom:12px;}
/* Sucheta - Freeze browser message at bottom */
.browser-msg-footer {
    width: 100%;
    background: #E00000;
    position: fixed;
    bottom: 0;
    z-index: 999;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    line-height:70px;
    height: 70px;
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
    @media {
        #footer{margin-bottom:70px;}
        section.login-parent {margin-bottom: 100px;}
    }
}
@media not all and (min-resolution:.001dpcm) { 
    @media {
        #footer{margin-bottom:70px;}
        section.login-parent {margin-bottom: 100px;}
    }
}
@-moz-document url-prefix() {
    #footer{margin-bottom:0px;}
    section.login-parent {margin-bottom: 0px;}
}
.browser-msg-footer p{font-size: 18px;}
.browser-msg-footer a{text-decoration:underline; font-size:18px;}
.browser-msg-footer a:hover{color:#fef400 !important;}

.new-login a {
	padding: 0 0;
	display: block;
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	background: #33e81f;
	color: #000 !important;
	height: 35px;
	line-height: 35px;
	margin: 14px auto 14px;
	width: 60%;
	border-radius: 5px;
	text-decoration: none;
	transition: all.2s;
}
.new-login a:hover{color:#fff !important; background:#119237;}