/*
Theme Name: Pixer
Theme URI: http://shtheme.com/demosd/pixer
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Description: In 2019, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: pixer

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

html{
    scroll-behavior: smooth;
}
.sidebar-page-container .comments-area .comment .comment-reply-link {
    position: absolute;
    right: 25px;
    top: 20px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: 50px;
    background-color: #191919;
    font-family: 'Poppins', sans-serif;
}
.sidebar-page-container .comments-area .comment .comment-reply-link:hover, a#cancel-comment-reply-link:hover{
    background-color: #4835ce;
}
.sidebar-page-container .comment-respond h6 {
    position: relative;
    color: #000000;
    font-weight: 600;
    padding-bottom: 10px;
    text-transform: capitalize;
}
.sidebar-page-container .comment-respond h6:before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 40px;
    height: 3px;
    background-image: linear-gradient(to right, #F434A1 0%, #ff8442 100%);
}
.sidebar-page-container .comment-respond .group-text {
    position: relative;
    font-size: 14px;
    color: #555555;
    margin-top: 25px;
    position: relative;
    margin-bottom: 15px;
}
.sidebar-page-container .comment-respond p.form-submit input.submit{
	margin-top: 10px;
	position: relative;
    line-height: 24px;
    color: #ffffff;
    font-size: 15px;
    cursor: pointer;
    font-weight: 600;
    border-radius: 50px;
    background-color: #ff8048;
    text-transform: capitalize;
    padding: 16px 32px 16px 32px;
    font-family: 'Poppins', sans-serif;
    box-shadow: 0px 0px 20px rgba(23,23,23,0.15);
    background-image: linear-gradient(to right, #F434A1 0%, #ff8442 100%);
    display: inline-block;
}
.sidebar-page-container .comment-respond p.form-submit input.submit:hover{
	color: #ffffff;
	background-image: linear-gradient(to right, #ff8442 0%, #F434A1 100%);
}
p.logged-in-as{
	margin-left: 7px;
}
a#cancel-comment-reply-link{
	position: absolute;
    right: 25px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 15px;
    border-radius: 50px;
    background-color: #191919;
    font-family: 'Poppins', sans-serif;
}
.comments-area ul.children{
	padding-left: 60px;
}
h5.comment-reply-title{
	font-size: 18px;
	position: relative;
    color: #000000;
    font-weight: 600;
    padding-bottom: 10px;
}
#respond{
	margin-top: 20px;
}
.widget.popular-categories {
    position: relative;
    margin-bottom: 40px;
}
.widget_categories ul , .widget_archive ul{
	position: relative;
}
.widget_categories ul li , .widget_archive ul li{
	position: relative;
    border-bottom: 1px solid #d7d7d7;
}
.widget_categories ul a , .widget_archive ul a {
    position: relative;
    color: #1a1e66;
    font-size: 15px;
    font-weight: 400;
    display: block;
    padding: 16px 15px 16px 0px;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.widget_categories ul li a:before ,.widget_archive ul li a:before{
    position: absolute;
    content: '';
    left: 10px;
    top: 25px;
    width: 8px;
    height: 8px;
    opacity: 0;
    border-radius: 50px;
    display: inline-block;
    background-color: #4835ce;
}
.widget_categories ul li.active a, .widget_categories ul li a:hover ,.widget_archive ul li.active a,.widget_archive ul li a:hover{
    color: #4835ce;
}
.widget_categories ul li a:hover ,.widget_archive ul li a:hover{
    padding-left: 28px;
}
.widget_categories ul li a:hover::before ,.widget_archive ul li a:hover::before{
    opacity: 1;
}
.widget_tag_cloud ul li a {
    z-index: 1;
    position: relative;
    display: inline-block;
    line-height: 24px;
    padding: 7px 18px 7px;
    margin: 0px 4px 8px 0px;
    color: #fff;
    text-align: center;
    font-size: 15px!important;
    background-color: #f83891;
    border: 1px solid #f83891;
    transition: all 300ms ease;
    float: left;
}
.widget_tag_cloud ul li a:hover {
    background-color: #fff;
    color: #f83891;
}
.news-block-two .inner-box .lower-content .post-meta li a:hover{
    color: #ffffff;
}
.news-block-two .inner-box .lower-content .post-meta li a, .news-block-two .inner-box .lower-content .text{
	text-transform: capitalize;
}
.styled-pagination li a:hover, .styled-pagination li span.current {
    color: #ffffff;
    border-color: #f64988;
    background-color: #f64988;
}
.styled-pagination li span.current{
    position: relative;
    display: inline-block;
    line-height: 56px;
    height: 60px;
    font-size: 20px;
    min-width: 60px;
    font-weight: 400;
    text-align: center;
    border-radius: 4px;
    text-transform: capitalize;
}    
span.icon.fa.fa-search{
	cursor: pointer;
}
.news-section .auto-container .author a{
	text-transform: capitalize;
}
.contact-form .theme-btn {
    margin-top: 0px;
}
.home2 .sponsors-section{
	padding: 60px 0px 0px;
}
.sponsors-section{
	padding-top: 0px;
    margin-bottom: -160px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
    
}
.home2 .news-section{
	padding-top: 80px;
}
.contact-page-section .contact-form .theme-btn {
    margin-top: 15px;
}

@media only screen and (min-width: 768px){
   .business-section .inner-column .clearfix .column.col-lg-6:last-child{
	margin-top: -80px;
}
.business-section .inner-column .clearfix .column.col-lg-6:first-child{
	margin-top: 80px;
}
}

ul.post-meta li a{
    text-transform: capitalize;
}
.sidebar .instagram-widget .image-box .overlay-box{
    top: 30px;
}
.sidebar .instagram-widget .image-box{
    max-width: 94px;
}
.main-menu .navigation > li > ul > li > a{
	color:#4835ce;
}
.news-block .inner-box .lower-content .post-time ,.news-section .auto-container .author a{
	color:#222222;
}
.news-section .auto-container .author a:hover{
	color:#4835ce;
}
.footer-widget ul.list-style-one{
	padding-top:10px;
}
.list-link li a ,.list-style-one li,.main-footer .footer-bottom .copyright-column .copyright,.main-footer .footer-bottom .social-column ul li.follow,.main-footer .footer-bottom .copyright-column .copyright a,.main-footer .footer-bottom .social-column ul li a,.testimonial-block-two .inner-box .designation{
	color:#222222;
}
.list-link li a:hover{
	text-decoration:none;
}
.testimonial-block-two .inner-box:hover .designation{
	color:#fff;
}
.copyright a{
	color:#eb34a7!important;
}
.news-block-two .inner-box .lower-content .post-meta li:hover a{
	color:#ffffff;
}
.news-block-two .inner-box .lower-content .post-meta li{
	color:#4835ce;
}
p.logged-in-as a,.sidebar-page-container .comment-respond .group-text{
	color:#222222;
}
p.logged-in-as a:hover{
	color:#4835ce;
}
.blog-single .inner-box .post-meta li.style-two{
	color:#4835ce;
	background-color:#fff;
	padding:0;
}
.blog-single .inner-box .post-meta li.style-two .icon{
	color:#4835ce;
}
.contact-page-section .info-column .inner-column .text,.list-style-two li{
	color:#222222;
}
.default-form .form-group textarea{
	color:#000000;
}
@media only screen and (max-width: 767px){
.main-menu .navbar-collapse > .navigation > li > ul.sub-menu{
padding-left: 20px;
}

.main-menu .navbar-collapse > .navigation > li > ul > li > a{
    padding-left: 0px!important;
}
}

.contact-form-section .inner-container{
    box-shadow:none!important;
}
.banner-section-three .content .title{
    color: #010101!important;
}
.blog-single .inner-box h4, .blog-single .inner-box .post-meta li.style-two, ul.post-meta li a{
    color: #222222;
}
.popular-posts .post-info:before{
    color: #222222;
}
.blog-single .inner-box .lower-content .text p a{
    color: #222222;
    text-decoration: none;
}
.blog-single .inner-box h4{
    font-size: 28px;
}
.news-block-two .inner-box .lower-content .post-meta li, ul.post-meta li a{
    color: #222222;
}
.news-block-two .inner-box .lower-content .post-meta li .icon{
    color: #222222;
}
.news-block-two .inner-box .lower-content .post-meta li:hover{
    background: none;
    color: #222222;
    padding-left: 0px;
}
.news-block-two .inner-box .lower-content .post-meta li{
    padding-left: 0px;
}
.news-block-two .inner-box .lower-content .post-meta li:hover .icon, .news-block-two .inner-box .lower-content .post-meta li:hover a{
    color: #222222!important;
}
.sidebar-title h4{
    font-size: 21px;
}
.blog-single .inner-box .post-meta li.style-two .icon, .blog-single .inner-box .post-meta li .icon {
    color: #222222;
}
ul.post-meta li:hover a{
    color: #222222;
}
.feature-section .feature-tabs.style-two .tab-btns .tab-btn:hover{
    background-color:#fe8243!important;
}
.team-block .inner-box .social-nav li a{
	    width: 40px;
    height: 40px;
    color: #ffffff;
    line-height: 40px;
}
.feature-section .feature-tabs.style-two .tab-btns .tab-btn.active-btn{
	background-color:#fe8243!important;
}
body.page-template-home-1 section.team-section{
    display: none!important;
}
body.page-template-home-1 section.moment-section{
    position: relative;
    padding: 100px 0px 40px;
    background-color: #f4f4f4;
}
body.page-template-home-1 .fact-counter-section{
    background-color: #f4f4f4;
}
body.page-template-home-1 .fact-counter-section:before{
    position: absolute;
    content: '';
    left: -10px;
    bottom: -40px;
    right: -10px;
    height: 80px;
    border-radius: 50%;
    background-color: #f4f4f4;
}
.inner-box-badge1{
    border-radius: 0px 0px 10px 10px!important;
}
.portfolio-section .outer-container .content-column .image-layer {
    position: absolute;
    right: 0px;
    top: -310px;
    width: 1080px;
    height: 1199px;
    left: -100px;
}
.price-block .inner-box .price span{
    font-weight:500;
}
.main-footer.style-three,
.main-footer.style-two{
    margin-top:0px;
}
.main-footer .gallery-widget .image-box{
    max-width:92px;
}
.footer-widget .widget-content{
    max-width:300px;
}
@media only screen and (max-width: 960px){
.news-block {
    max-width: 350px;
    margin: 0 auto 40px auto;
}
.banner-section-three .content .title {
    color: #fff !important;
}
}
@media only screen and (max-width: 1140px){
    .sidebar .instagram-widget .image-box {
    max-width: 87px;
}
}
@media only screen and (max-width: 768px){
   .fact-counter .column {
    text-align: center;
}
}
@media only screen and (max-width: 990px){
   aside.sidebar{
   max-width: 362px;
}
}
@media only screen and (max-width: 600px){
.project-block-two {
    max-width: 385px;
    margin: 0 auto;
}
}
.news-block-two .inner-box .lower-content .post-meta li,
.blog-single .inner-box .post-meta li{
    font-size: 14px;
    font-weight: 600;
}
.news-block-two .inner-box .lower-content .text,
.blog-single .inner-box .lower-content .text p,
.testimonial-block .inner-box .upper-box .upper-inner .designation,
.fluid-section-one .content-column .inner-column .text,
.fluid-section-two .content-column .inner-column .text,
.services-block .inner-box .text,
.services-block-two .inner-box .lower-box .text,
.price-block .inner-box .title-box .text,
.testimonial-block .inner-box .text,
.moment-section .content-column .inner-column .text,
.accordion-box .block .content p,
.devoted-section .devoted-tabs .tabs-content .tab .content .text,
.step-block .inner-box .lower-box .text,
.sec-title .text,
.testimonial-block-two .inner-box .text,
.consulting-section .content-column .inner-column .text p,
.testimonial-block-three .inner-box .upper-box .upper-inner .designation,
.testimonial-block-three .inner-box .text,
.funfacts-section .title-column .inner-column .text,
.services-block-four .inner-box .text,
.about-section .content-column .inner-column .text,
.feature-section .sec-title-three .text, .feature-section .sec-title .text,
.feature-section .feature-tabs .tab-btns .tab-btn span,
.services-block-five .inner-box .text
{
    color: #333;
}
.blog-single .post-share-options .post-tags a{
    font-weight:600;
}
.blog-single .post-share-options .post-tags span{
    font-size: 17px;
}
.comment-respond p.form-submit{
    margin-left: 7px;
}
.main-footer.style-three{
    margin-top: 100px;
}
.sec-title .title{
    font-size: 13px!important;
    font-weight: 600!important;
    letter-spacing: 1.5px!important;
}
.video-section-two .title{
    display: none!important;
}
.feature-section .feature-tabs .tab-btns .tab-btn{
    padding: 24px 30px 29px 40px!important;
}
.subscribe-section:after, .banner-section-two .image-box, .portfolio-section .outer-container .content-column .image, .main-slider .business-image-box{
    animation-name: none!important;
    animation-duration: 2s;
    animation-iteration-count: none!important;
    animation-timing-function: none!important;
    -webkit-animation-name: none!important;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: none!important;
    -webkit-animation-timing-function: none!important;
    -moz-animation-name: none!important;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float-bob;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float-bob;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
.portfolio-section:before, .banner-section-two:before, .video-box:before, .video-box:after, .banner-section .image-box, .about-section .image-column .inner-column:before, .banner-section-three .image-layer .icon-box, .consulting-section .image-column .inner-column .image img, .moment-section:after{
        -webkit-animation-name: none!important;
    -webkit-animation-duration: none!important;
    -webkit-animation-iteration-count: none!important;
    -webkit-animation-timing-function: none!important;
}
.price-block .inner-box .price-list li{
    font-weight: 600!important;
}
.lower-box .theme-btn.btn-style-two{
    font-size: 15px!important;
    border: solid 2px transparent;
    position: relative;
}
.lower-box .theme-btn.btn-style-two{background-size: 300% 100%!important;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.lower-box .theme-btn.btn-style-two:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7)!important;
    box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75)!important;
}

.price-block .inner-box .price{
    font-size: 38px;
}
.price-block .inner-box .price span{
    font-weight: 600;
    font-size: 17px;
}
.price-block .inner-box .title-box h5{
    font-size: 22px;
}
.price-block .inner-box .title-box .text{
    color: #000;
}
.contact-form-section .inner-container h3{
    font-size: 36px;
}

.default-form .contact-form input[type="text"], .default-form .contact-form input[type="email"], .default-form .contact-form textarea{
    background: white!important;
    border-color:white!important;
}
.wpcf7-form-control.btn-style-one{
    font-size: 18px;
}
.default-form .contact-form input[type="text"]::-webkit-input-placeholder { /* Edge */
  color: #333;
}

.default-form .contact-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333;
}

.default-form .contact-form input[type="text"]::placeholder {
  color: #333;
}
.default-form .contact-form input[type="email"]::-webkit-input-placeholder { /* Edge */
  color: #333;
}

.default-form .contact-form input[type="email"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333;
}

.default-form .contact-form input[type="email"]::placeholder {
  color: #333;
}
.default-form .contact-form textarea::-webkit-input-placeholder { /* Edge */
  color: #333;
}

.default-form .contact-form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333;
}

.default-form .contact-form textarea::placeholder {
  color: #333;
}
body.page-template-home-1 .page-wrapper section.steps-section{
    display: none!important;
}
.fact-counter .count-outer.count-box{
    text-align: center!important;
}
.main-header .header-upper .outer-box{
    display: none!important;
}
.main-header.header-style-two .header-upper .logo-box .logo img{
    max-width: 80px!important;
    margin-top: 18px;
}
@media(max-width: 990px){
    .main-header.header-style-two .header-upper .logo-box .logo img{
    margin-top: 18px;
    padding-bottom: 18px;
}
}
@media(max-width: 1145px){
    .portfolio-section .outer-container .content-column{
        display: none!important;
    }
}






/*221121*/
.navstickymenu{width: 100%; float: left;}
.navstickyid {float: right; padding-top: 13px;}
.navstickyid li {float: left;}
.navstickyid li a{color: #ffffff; text-align: center; font-weight: 600; padding: 10px 15px; font-size: 16px;}
.navstickyid li .active{color: #ffffff; text-align: center; font-weight: 600; padding: 10px 15px; font-size: 16px;}
.navstickyid li a:hover{color: #f433a2;}

.team-section {padding: 0px 0px 0px; background: none;}
.team-section:before{display: none;}
.testimonial-section-two {margin-top: 50px!important; padding-top: 0px;}
.testimonial-section-two:before{display: none;}
.main-footer {margin-top: 0px; padding: 50px 0px 0px;}
.main-footer .footer-bottom .inner-container {width: 100%; float: left;}
.footerbannerimg {float: left; width: 100%; margin-top: -260px;}

.checkmark{
    display: inline-block;
    padding-right: 5px;
}

/*301121*/
.aboutworkinfo{width: 100%; float: left; padding: 80px 0px 0px;}

.btninfo01{width: 100%;}
.startbtn {  
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background: linear-gradient(90deg, var(--c1, #0), var(--c2, #0) 51%, var(--c1, #fda085)) var(--x, #eb34a7)/ 200%;    
  position: relative;
  padding: 12px 38px 12px;
  line-height: 24px;
  color: #ffffff;
  font-size: 15px;
  cursor: pointer;
  font-weight: 600;
  border-radius: 5px;
  text-transform: capitalize;
  background-color: #00007c;
  box-shadow: 0px 2px 10px 3px rgb(235 52 167 / 15%);
  width: 100%;    
  display: block;
 
 }

/* Demo Stuff End -> */

/* <- Magic Stuff Start */

.startbtn:hover { --x: -200%; color: #fff!important; }

.startbtn-hover {
  --c1: #00007c;
  --c2: #eb34a7;
}

.startbtn02 {  
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background: linear-gradient(90deg, var(--c1, #0), var(--c2, #0) 51%, var(--c1, #eb34a7)) var(--x, #eb34a7)/ 200%;    
  position: relative;
  padding: 12px 38px 12px;
  line-height: 24px;
  color: #ffffff;
  font-size: 15px;
  cursor: pointer;
  font-weight: 600;
  border-radius: 5px;
  text-transform: capitalize;
  background-color: #eb34a7;
  box-shadow: 0px 2px 10px 3px rgb(235 52 167 / 15%);
  width: 100%;    
  display: block;
 
 }

/* Demo Stuff End -> */

/* <- Magic Stuff Start */

.startbtn02:hover { --x: -200%; color: #fff!important; }

.startbtn02-hover {
  --c1: #eb34a7;
  --c2: #00007c;
}


.startbtn03 {  
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background: linear-gradient(90deg, var(--c1, #0), var(--c2, #0) 51%, var(--c1, #e6e6e6)) var(--x, #e6e6e6)/ 200%;    
  position: relative;
  padding: 12px 38px 12px;
  line-height: 24px;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  font-weight: 600;
  border-radius: 5px;
  text-transform: capitalize;
  background-color: #09944e;
  box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
  width: 100%;    
  display: block;
 
 }

/* Demo Stuff End -> */

/* <- Magic Stuff Start */

.startbtn03:hover { --x: -200%; color: #fff!important; }

.startbtn03-hover {
  --c1: #09944e;
  --c2: #fff;
}

.popwid{width: 800px; max-width: 800px;}
.pageins{width: 100%; float: left; position: relative;}
.close {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 24px;
    font-weight: 500;
    z-index: 99999;
}
.close:hover{opacity: 1!important;}
.continue-application:hover{background: #d21d47; color: #fff;}
.policinfo{width: 100%; padding: 10px 0px; float: left;}
.policinfo h3 { width: 100%; font-size: 22px; margin-bottom: 15px; font-weight: 600; color: #eb34a7; text-align: left; float: left;}
.policinfo h4 { width: 100%; font-size: 18px; margin-bottom: 10px; font-weight: 500; color: #000; float: left;}
.policinfo p{width: 100%; font-size: 15px!important; line-height: 24px!important; font-weight: 400!important; color: #222222!important; float: left; margin-bottom: 5px;}


@media only screen and (max-width: 800px) {

.popwid{width: 650px; max-width: 650px;}
.vc_empty_space{height: 70px!important;}
.banner-section-two{padding-top: 130px!important;}
.banner-section-two .content{padding-bottom: 60px!important;}
.wrap-contact100{padding: 30px 0!important;}
.contactbg{padding: 0!important;}
.steps-section-two .outer-container .step-block:nth-child(2), .steps-section-two .outer-container .step-block:nth-child(4){margin-top: 15px!important;}
.price-block:first-child{margin-bottom: 30px!important;}
.vc_single_image-wrapper{padding: 0 15px;}
.aboutworkinfo{padding: 0;}
.main-footer{padding: 0;}
}

@media only screen and (max-width: 600px) {
.logo img {width: 275px;}
.main-header .nav-outer {position: relative; z-index: 999999;}
.footerbannerimg{
    margin-top: -180px;
}
.continue-application{padding: 30px 50px 30px 70px!important;}
.popwid{width: 480px; max-width: 480px;}

}



@media only screen and (max-width: 479px) {
.logo img {width: 210px;}
.main-header .nav-outer {position: relative; z-index: 999999;}
.btn-style-three {padding: 15px 25px 15px;}
.popwid{width: 360px; max-width: 360px;}
.continue-application{font-size: 18px!important;}
}

@media only screen and (max-width: 320px) {
.popwid{width: 320px; max-width: 320px;}
.continue-application{font-size: 18px!important;}

}

.continue-application {
    --color: #fff;
    --background: #eb2f5b;
    --background-hover: #e32451;
    --background-left: #d21d47;
    --folder: #F3E9CB;
    --folder-inner: #BEB393;
    --paper: #FFFFFF;
    --paper-lines: #BBC1E1;
    --paper-behind: #E1E6F9;
    --pencil-cap: #fff;
    --pencil-top: #275EFE;
    --pencil-middle: #fff;
    --pencil-bottom: #5C86FF;
    --shadow: rgba(13, 15, 25, .2);
    border: none;
    outline: none;
    cursor: pointer;
    position: relative;
    border-radius: 5px;
    font-size: 30px;
    font-weight: 700;
    line-height: 19px;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    padding: 25px 80px 25px 100px;
    transition: background 0.3s;
    color: var(--color);
    background: var(--bg, var(--background));
  }
  .continue-application > div {
    top: 0;
    left: 0;
    bottom: 0;
    width: 53px;
    position: absolute;
    overflow: hidden;
    border-radius: 5px 0 0 5px;
    background: var(--background-left);
  }
  .continue-application > div .folder {
    width: 23px;
    height: 27px;
    position: absolute;
    left: 15px;
    top: 22px;
  }
  .continue-application > div .folder .top {
    left: 0;
    top: 0;
    z-index: 2;
    position: absolute;
    transform: translateX(var(--fx, 0));
    transition: transform 0.4s ease var(--fd, 0.3s);
  }
  .continue-application > div .folder .top svg {
    width: 24px;
    height: 27px;
    display: block;
    fill: var(--folder);
    transform-origin: 0 50%;
    transition: transform 0.3s ease var(--fds, 0.45s);
    transform: perspective(120px) rotateY(var(--fr, 0deg));
  }
  .continue-application > div .folder:before, .continue-application > div .folder:after,
  .continue-application > div .folder .paper {
    content: "";
    position: absolute;
    left: var(--l, 0);
    top: var(--t, 0);
    width: var(--w, 100%);
    height: var(--h, 100%);
    border-radius: 1px;
    background: var(--b, var(--folder-inner));
  }
  .continue-application > div .folder:before {
    box-shadow: 0 1.5px 3px var(--shadow), 0 2.5px 5px var(--shadow), 0 3.5px 7px var(--shadow);
    transform: translateX(var(--fx, 0));
    transition: transform 0.4s ease var(--fd, 0.3s);
  }
  .continue-application > div .folder:after,
  .continue-application > div .folder .paper {
    --l: 1px;
    --t: 1px;
    --w: 21px;
    --h: 25px;
    --b: var(--paper-behind);
  }
  .continue-application > div .folder:after {
    transform: translate(var(--pbx, 0), var(--pby, 0));
    transition: transform 0.4s ease var(--pbd, 0s);
  }
  .continue-application > div .folder .paper {
    z-index: 1;
    --b: var(--paper);
  }
  .continue-application > div .folder .paper:before, .continue-application > div .folder .paper:after {
    content: "";
    width: var(--wp, 14px);
    height: 2px;
    border-radius: 1px;
    transform: scaleY(0.5);
    left: 3px;
    top: var(--tp, 3px);
    position: absolute;
    background: var(--paper-lines);
    box-shadow: 0 12px 0 0 var(--paper-lines), 0 24px 0 0 var(--paper-lines);
  }
  .continue-application > div .folder .paper:after {
    --tp: 6px;
    --wp: 10px;
  }
  .continue-application > div .pencil {
    height: 2px;
    width: 3px;
    border-radius: 1px 1px 0 0;
    top: 18px;
    left: 105%;
    position: absolute;
    z-index: 3;
    transform-origin: 50% 19px;
    background: var(--pencil-cap);
    transform: translateX(var(--pex, 0)) rotate(35deg);
    transition: transform 0.4s ease var(--pbd, 0s);
  }
  .continue-application > div .pencil:before, .continue-application > div .pencil:after {
    content: "";
    position: absolute;
    display: block;
    background: var(--b, linear-gradient(var(--pencil-top) 55%, var(--pencil-middle) 55.1%, var(--pencil-middle) 60%, var(--pencil-bottom) 60.1%));
    width: var(--w, 5px);
    height: var(--h, 20px);
    border-radius: var(--br, 2px 2px 0 0);
    top: var(--t, 2px);
    left: var(--l, -1px);
  }
  .continue-application > div .pencil:before {
    -webkit-clip-path: polygon(0 5%, 5px 5%, 5px 17px, 50% 20px, 0 17px);
            clip-path: polygon(0 5%, 5px 5%, 5px 17px, 50% 20px, 0 17px);
  }
  .continue-application > div .pencil:after {
    --b: none;
    --w: 3px;
    --h: 6px;
    --br: 0 2px 1px 0;
    --t: 3px;
    --l: 3px;
    border-top: 1px solid var(--pencil-top);
    border-right: 1px solid var(--pencil-top);
  }
  .continue-application:before, .continue-application:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    border-radius: 1px;
    background: var(--color);
    transform-origin: 9px 1px;
    transform: translateX(var(--cx, 0)) scale(0.5) rotate(var(--r, -45deg));
    top: 34px;
    right: 16px;
    transition: transform 0.3s;
  }
  .continue-application:after {
    --r: 45deg;
  }
  .continue-application:hover {
    --cx: 2px;
    --bg: var(--background-hover);
    --fx: -40px;
    --fr: -60deg;
    --fd: .15s;
    --fds: 0s;
    --pbx: 3px;
    --pby: -3px;
    --pbd: .15s;
    --pex: -24px;
  }

.checkmark img{width: 30px;}
.contactbg{padding: 60px 0; display: table; width: 100%;}

.bannercheck{
    padding: 0;
    margin: 0 0 35px 0;
}
.bannercheck li{
    list-style: none;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}
.bannercheck li .custom-control-label::before{
    width: 25px;
    height: 25px;
    background: none;
    border: solid 3px #239d3f;
}
.bannercheck li .custom-control-label::after{
    width: 25px;
    height: 25px;
}
.bannercheck li .custom-control-label{
    padding-left: 15px;
    padding-top: 5px;
}
.bannercheck li .custom-control-label::after{
    background-size: 65% 65%;
    top: 5px;
}




.bannercheck{
    padding: 0;
    margin: 0 0 35px 0;
}
.bannercheck li{
    list-style: none;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 15px;
}
.bannercheck li .custom-control-label::before{
    width: 25px;
    height: 25px;
    background: none;
    border: solid 3px #239d3f;
    outline: none;
}
.bannercheck li .custom-control-label::after{
    width: 25px;
    height: 25px;
    outline: none;
}
.bannercheck li .custom-checkbox .custom-control-input:checked~.custom-control-label::after, .bannercheck li .custom-checkbox .custom-control-input:checked~.custom-control-label::before{
    outline: none;
    box-shadow: 0 0 0 0px;
}
.bannercheck li .custom-control-label{
    padding-left: 15px;
    padding-top: 5px;
}
.bannercheck li .custom-control-label::after{
    background-size: 65% 65%;
    top: 5px;
}
.bannercheck li .custom-checkbox .custom-control-input:checked~.custom-control-label::before{
    background-color: #239d3f;
}
.bannercheck li .custom-control-input:disabled~.custom-control-label{
    color: #fff;
}

  @keyframes slidein {
    from {
      margin-left: -100%;
      width: 300%;
    }
  
    to {
      margin-left: 0%;
      width: 100%;
      background-image: linear-gradient(to right, rgba(43, 95, 55, 0.5) , transparent);
    }
  }
.eapps-faq-content-category-title{
      color: #000;
}

@media only screen and (min-width: 960px) and (max-width: 1200px) {
    .logo img {max-width: 400px!important;}
    }
@media only screen and (min-width: 768px) and (max-width: 959px) {
.logo img {max-width: 180px!important;}
}