/* General */




.nav-link:hover,
.dropdown-item:hover{
    color: #35a29a !important;
}
html {
  scroll-behavior: smooth;
}
.nav-link:focus{
    color: #35a29a!important;
    border: none!important;
}
h1,h2,h3,h4,h5,h6,label,.label{
    font-family: MrEavesModOT;
    color: #0d1f2d;
    font-weight: bold;
}
.gc-ul{
    list-style-type: none;
    padding: 0;
}

h1{
    font-family: MrEavesModOTHeavy;
    font-weight: 700;
}
h2{
    font-size: 45px;
    color: #0d1f2d;
}
h3{
    font-size: 30px;
    font-family: MrEavesModOT;
    font-weight: normal;
    font-style: italic;
}
h4{
    font-size: 30px;
    font-family: MrEavesModOT;
    font-weight: normal;
}
h6{
    font-size: 25px;
    font-family: MrEavesModOT;
    font-weight: normal;
}
video{
    width: 100%;
    height: 100%;
}
label,.label{
    font-size: 25px;
    font-family: MrEavesModOT;
    font-weight: normal;
}
.col-form-label {
    font-size: 25px;
    text-align: right;
}
.col-form-label-center {
    font-size: 25px;
    text-align: center;
}
p {
    font-family: MrEavesModOT;
    font-weight: normal;
    color: #0d1f2d;
    font-size: 25px; 
    line-height: 1.15em;
}
.row-inline{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.form-control {
    padding: 12px .75rem;
    border-color: #000000;
}
.btn-primary,
.btn-secondary{
    border-radius: 30px;   
    transition-duration: 300ms;  
}

.btn-secondary{
    background-color: #f1592b;
    border-color: #f1592b;
	min-width: 150px;
	
}
.btn-primary{
    background-color: #35a29a;
    border-color: #35a29a;
    min-width: 150px;
}
.btn-primary:hover{
    background-color: transparent;  
    color: #35a29a;
    border-color: #35a29a;
}
.btn-secondary:hover{
    background-color: transparent;  
    color: #f1592b;
    border-color: #f1592b;
}

.btn{
    font-size: 24px;
    font-family: MrEavesModOT;
    font-weight: bold;
    padding: 0px 20px;
    margin-bottom: 10px;
}


.header-text a {
	color: white;
	font-size: 36px;
}

.header-text a:link {
	color: white;
}

.header-text a:visited {
	color: white;
}




.nav-item .btn{
    font-size: 20px;
    padding: 0px;
    margin-bottom: 0px;
}

span.ast{
    color: #f1592b;
}

.container{
    max-width: 1300px;
}
a{
    font-family: MrEavesModOT ;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none !important;
    transition-duration: 300ms;
}
.dropdown-menu{
    border-radius: 10px;
}
.form-group {
    margin-bottom: 3rem;
}
.navbar li,
.dropdown-item{
    font-family: MrEavesModOT;   
    text-transform: uppercase;
}
.navbar li{
    font-size: 20px;
    text-align: center;
}
.dropdown-item{
    font-size: 20px;
    text-transform: capitalize;
}
.navbar-light .navbar-nav .nav-link{
    color: #0d1f2d;
    border-radius: 20px;
}
.navbar-light .navbar-nav .active>.nav-link{
    color: #35a29a;
}
.btn-yellow {
    font-size: 30px;
    padding: 10px 60px;
    border: 1px solid #ffd166;
    background-color: #ffd166;
    border-radius: 30px;
    transition-duration: 300ms;
}
.btn-red {
    font-size: 45px;
    padding: 10px 150px;
    border: 1px solid #f1592b;
    background-color: #f1592b;
    border-radius: 30px;
    transition-duration: 300ms;
}
.btn-red:hover {
    background-color: transparent;
    color: #f1592b;
}
.btn-yellow:hover {
    background-color:transparent;
    color: #ffd166;
}

.row{
    padding: 50px 10px 0px 10px;
}

/* Carousel Style */
#carouselHeader .carousel-indicators li,
#carouselLogo .carousel-indicators li,
#carouselTestimonial .carousel-indicators li { 
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 50%;
    margin-left: 10px;
    background-color: #ffffff;
}
#carouselLogo .carousel-indicators{
    bottom: -75px;
}
#carouselLogo .carousel-indicators li,
#carouselTestimonial .carousel-indicators li
{
    background-color: #ffd166;
}
.carousel-indicators .active {
    background-color: #f1592b !important;
}
#carouselTestimonial .carousel-indicators {
    position: relative;
    bottom: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
}
.carousel-control-prev,
.carousel-control-next{
    opacity: 1;
}
.gc-select{
    width: 290px;
}

#carouselTestimonial .carousel-item .row{
    padding-top: 0px;
}
#carouselLogo .carousel-control-prev,
#carouselLogo .carousel-control-next{
    transition-duration: 300ms;
}
#carouselLogo .carousel-control-prev:hover{
    margin-left: -5px;    
}
#carouselLogo .carousel-control-prev:hover img{
    content: url('img/left-arrow-hover.png');
}
#carouselLogo .carousel-control-next:hover{
    margin-right: -5px;   
}
#carouselLogo .carousel-control-next:hover img{
    content: url('img/right-arrow-hover.png');
}
/* Navbar Style */
.bg-light {
    background-color: #ffffff !important;
}
.navbar .container{
        padding: 20px 15px;
}


a.social-link {
	padding-right: 10px !important;
}


.social-link svg{
    fill: #35a29a;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 7px;
    transition-duration: 300ms;
	

}

 a.social-link:hover svg{
    fill: #f1592b !important;
}



/* Header Style */
.home-banner{
    background-image: url(img/home-banner.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}

.home-banner1{
    background-image: url(img/home-banner1.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}
.home-banner2{
    background-image: url(img/home-banner2.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}
.home-banner:before,
.home-banner1:before,
.home-banner2:before {
    content: "";
    background-color: #000000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;    
    opacity: .5;
}
.home-banner .row,
.home-banner1 .row,
.home-banner2 .row{
    padding: 0px 10px 0px 10px;
}
.header-text{
    padding: 160px 0px;
}
.header-text img{
    padding-bottom: 25px
}
.header-text h1{
    font-size: 75px; 
    color: #ffffff;
}
.header-text p{
    color: #ffffff;
    font-size: 29px;
    max-width: 700px;
}

/* About Section Style */

.about-section{
    background-color: #ffffff;
}
.about-section .col-sm-6:first-child img{
    padding-bottom: 30px;
}

/* Steps Section Style */

.steps-section .col-lg-4{
    padding: 20px 60px;
    border-radius: 10px;
    transition-duration: 1000ms;
}
.steps-section .col-lg-4:hover{
    background-color:#35a29a;
}
.steps-section .col-lg-4:hover h2,
.steps-section .col-lg-4:hover h3,
.steps-section .col-lg-4:hover h4{
    color:#ffffff;
}
.steps-section img{
    padding-bottom: 30px;
}
.steps-section .col-lg-4:last-child a img {
    margin-top: -26px !important;
}
.steps-section a{
    color: #f1592b !important;
}

/* Subscribe Section Style */
.subscribe-section .subscribe-plan{  
    border: solid 2px #35a29a;
    border-radius: 5px;
    transition-duration: 300ms;
}

.subscribe-section .template-plan{  
    border: solid 2px #f1592b;
    border-radius: 5px;
    transition-duration: 300ms;
}

.subscribe-section .green-box{
    padding: 10px 30px 20px 20px;
    background-color: #35a29a;
    border-radius: 0px 0px 5px 5px;
    transition-duration: 300ms;
}
.subscribe-section .orange-box{
    padding: 10px 30px 20px 20px;
    background-color: #f1592b;
    border-radius: 0px 0px 5px 5px;
    transition-duration: 300ms;
}
.subscribe-section .grey-box{
    padding: 10px 30px 20px 20px;
    background-color: #cbcbcb;
    border-radius: 0px 0px 5px 5px;
    transition-duration: 300ms;
}

.subscribe-section .col-sm-12{
    padding-bottom: 30px;
}
.subscribe-section .col-sm-6{    
    padding-bottom: 30px;
}
.subscribe-section h5{
    color: #ffffff;
    font-size: 95px;
}
.subscribe-section h5:after{
    content: 'per facility per month';
    font-size: 25px;
    position: absolute;
    top: 95px;
    left: 78px;
    font-family: MrEavesModOT;
    font-weight: normal;
	text-align: left;
}

.subscribe-section .standard h5:after{
    content: 'standard templates only';
	left: 78px;
	top: 105px;
}

.subscribe-section .custom h5:after{
    content: 'customized templates';
	top: 105px;
}


.subscribe-section span{
    font-size: 29px;
    position: absolute;
    top: 95px;
    left: 78px;
    font-family: MrEavesModOT;
    font-weight: normal;
}
.subscribe-section h4{
    padding: 10px;
    font-family: MrEavesModOT;
}
.subscribe-section a:hover .subscribe-plan{
    border-color: #f1592b;
}

.subscribe-section a:hover .template-plan{
    border-color: #35a29a;
}

.subscribe-section a:hover .green-box{
    background-color: #f1592b;
}

.subscribe-section a:hover .orange-box{
    background-color: #35a29a;
}


/* Details Section  Style*/
.details-section .col-sm-12{
    padding-bottom: 30px;
}

/* Facilities Section Style */
.facilities-section {
    padding-top: 30px;
	padding-bottom: 30px;
}
.facilities-section img{
    border-radius: 5px;
    transition-duration: 300ms;
    margin-bottom: 30px;
}
.facilities-section a:hover img{
    filter: brightness(50%);
 }
/* Testimonials Section Style */
.testimonials-section .col-sm-12,
.testimonials-section .col-sm-6{
    padding-bottom: 30px;
}
.testimonial-text{
    padding-top: 80%;
}
.testimonials-section video{
    max-width: 840px;
    width: 100%;
    max-height: 545px;
    height: 100%;
}

/* Our Clients Section */
/* .our-clients-section .col-sm-4{
    padding-bottom: 30px;
}
.our-clients-section .col-sm-12{
    padding-bottom: 30px;
} */
.our-clients-section .row{
    padding-bottom: 100px;
}
.our-clients-section .carousel-item img {
    width: 300px;
}
/* Cta Section */
.cta-section{
    background-image: url(img/cta-banner.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.cta-section .col-sm-12{
    padding: 87px 15px;
}
.cta-section h2{
    font-size: 120px;
    color: #ffffff;
}
.cta-section h3{
    font-size: 50px;
    color: #ffffff;
    font-style: italic;
    padding-bottom: 40px;
}

/* Footer Section */
.footer-section{
    background-color: #35a29a;
    padding: 60px 0px 35px;
}
.footer-section .container{
    max-width: 800px ;
}
.footer-section a,
.footer-section li{
    font-size: 20px;
    font-family: MrEavesModOT;
    font-weight: normal;
    color:#ffffff;
}
.footer-section a:hover{
    color: #0d1f2d;
}
.footer-section .head{
    font-size: 25px;
    font-family: MrEavesModOT;
    font-weight: bold;
}


.footer-section li{
    padding-bottom: 15px;
}
.footer-section .row{
    padding-top: 0px;
}

.footer-section svg{
    fill: #fff;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 7px;
    transition-duration: 300ms;

}
.footer-social-links a:first-child svg{
    margin-left: 0px;
}
.footer-section a:hover svg{
    fill: #0d1f2d !important;
}
/* Login Page Style */

.login-section{
    padding-bottom: 287px;
}
.re-captcha{
    padding-left: 20px;
}
.re-captcha h6{
    font-size: 20px;
}
.g-recaptcha {
    margin-bottom: 30px;
}
.re-captcha .btn{
    margin: 0px 0px 20px 0px !important;
}

/* Login Page Style */

/* Contact Page Style */

.contact-section h6{
    text-align: left;
}
.contact-header-wrapper {
    max-width: 950px;
    text-align: left;
    margin: 0 auto 30px;
}
.contact-section .row:nth-child(2){
    padding-top: 0px;
}

.signup-section,
.contact-section{
    padding-bottom: 287px;
}
.re-captcha{
    padding-left: 20px;
}

.re-captcha h6{
    font-size: 20px;
}

/* Help Page Style */
.deadline-section .container,
.site-capabilities-section .container,
.pricing-structure-section .container,
.faq-section .container,
.reach-out-section .container{
    max-width: 1115px;
}
.deadline-section img {
    padding-top: 20px;
    padding-bottom: 16px;
}
.pricing-structure-section .row {
    padding: 40px 10px 0px 10px;
}
.pricing-structure-section .spacing {
    padding: 30px 0;
}
.site-capabilities-section p,
.pricing-structure-section p{
    margin-bottom: 40px;
}

.help-divider-section{
    background-image: url(img/divider-img.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
    height: 410px;
    
}
.faq-section div {
    border: none;
    background: none;
}
.faq-section .btn-link{
    color: #0d1f2d;
    padding-left: 0px;
    padding-right: 0px;
    white-space: normal;
}
.faq-section .btn-link:hover {
    color: #0d1f2d;
    text-decoration: underline;
}
.faq-section .card {
    border: none;
}
.faq-section button.btn.btn-link {
    padding-left: 0px;
    margin-bottom: 0px;
}
.faq-section .card-body{
    padding-left: 125px;
}
.faq-section .card-header{
    padding-left: 0px;
    padding-right: 0px;
}
#accordion .card-header h5 button:before {
    background-image: url(img/accordion-arrow-up.png);
    background-size: 48px 28px;
    display: inline-block;
    width: 48px; 
    height: 28px;
    content:"";
    margin-right: 50px;
} 
#accordion .card-header h5 button.collapsed:before {
    background-image: url(img/accordion-arrow-down.png);
    background-size: 48px 28px;
    display: inline-block;
    width: 48px; 
    height: 28px;
    content:""; 
    margin-right: 50px; 
}
.reach-out-section .row{
    padding-bottom: 100px;
}

/* Loggedin Styles */
.management-section .spacing{
    padding: 15px 0px;
}
.management-section ul li {
    padding: 0px 20px;
}
.management-section .row{
    padding: 50px 0px;
}
.management-section .subscribe-plan{  
    border: solid 2px #35a29a;
    border-radius: 5px;
    transition-duration: 300ms;
}
.management-section  .green-box{
    padding: 10px 30px 5px 20px;
    background-color: #35a29a;
    border-radius: 0px 0px 5px 5px;
    transition-duration: 300ms;
}
.management-section .col-md-6:nth-child(2){
    display: flex;
    justify-content: flex-end;
}
.management-section .col-sm-12 h2{
    color: #fff;
}
.management-section .container{
    max-width: 1100px;
}
.management-section ul{
    padding: 10px 0px;
}
.management-section li a{
    color: #0d1f2d;
    font-weight: 400;
    font-size: 30px;
    width: 100%;
    display: block;
}
.management-section li:hover{
    background-color: #e8e8e8;
}
.management-section ul{
    margin-bottom: 0;
}

.loggedin-banner
,.loggedin-banner1
,.loggedin-banner2{ 
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}
.loggedin-banner .row,
.loggedin-banner1 .row,
.loggedin-banner2 .row{
    padding: 0px 10px 0px 10px;
}
.loggedin-banner{
    background-image: url(img/loggedin-banner-min.jpg);
}
.loggedin-banner1{
    background-image: url(img/loggedin-banner1-min.jpg);
}
.loggedin-banner2{
    background-image: url(img/loggedin-banner2-min.jpg);
}

.loggedin-banner:before,
.loggedin-banner1:before,
.loggedin-banner2:before {
    content: "";
    background-color: #000000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;    
    opacity: .5;
}
/* Benefits Section */
.benefits-important-section ul li p{
    margin-bottom: 0;
}
.benefits h2{
    text-align: center;
}
.benefits-important-section .row:nth-child(2){
    padding-top: 20px;
}
.benefits{
    padding-bottom: 100px;
}

/* 404 Section */
.error-headline h1 {
    font-size: 200px !important;
    color: #f1592b;
}
.error-section .container {
    max-width: 600px;
    margin: 0 auto;
}
.error-section .row {
    padding: 100px 10px;
}
.error-buttons {
    display: flex;
    justify-content: space-between;
}
.error-pharagraph {
    padding-bottom: 40px;
}

/* Kady Section */
.kady-section .row{
    padding: 100px 10px;
}

/* Dedicated Section */
.dedicated-section .row{
    padding: 100px 10px;
}

/* Affiliate Section*/
/* .affiliate-section .row{
    padding: 100px 10px ;
} */

.heading-content{
    padding-bottom: 30px;
}
.affiliate.facilities-section {
    padding-bottom: 100px
}
/* Referral Section */
.referral-section .container {
    max-width: 1010px;
}
.referral-section{
    padding-bottom: 100px
}
.signature-img{
    padding: 23px 0;
}
.referral-wrapper{
    border: 2px solid #0d1f2d;
    padding: 10px;
}
/* MIN WIDTH */
@media only screen and (min-width: 576px){
    .col-sm-6.left{
        -ms-flex: 0 0 32%;
        flex: 0 0 32%;
        max-width: 32%;
    }
    .col-sm-6.right{
        -ms-flex: 0 0 68%;
        flex: 0 0 68%;
        max-width: 68%;
    }
    .footer-section .col-sm-6:nth-child(2) ul{
        float: right;
    }
    .footer-section .col-sm-6:nth-child(3){
        padding-top: 40px;
    }
}


@media only screen and (min-width: 992px) {
    .nav-link{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .header-social-links{
        margin-left: 20px;
    }
    .signup-btn{
        color: #fff !important;
        background-color: #f1592b;
        border: 1px solid #f1592b;
        border-color: #f1592b;
        border-radius: 30px;   
        transition-duration: 300ms; 
    }
    .signup-btn:hover{
        background-color: transparent;
        color: #f1592b;
    }
}

@media only screen and (min-width: 1024px) {
    .subscribe-section .col-md-2{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media only screen and (min-width: 1280px) {
  
    .carousel-control-prev {
        left: -120px;
    }
    .carousel-control-next {
        right: -120px;
    }
}

/* MAX WIDTH */
@media only screen and (max-width: 1280px) {
    .subscribe-section .col-md-2{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .subscribe-section h5 {
        color: #ffffff;
        font-size: 95px;
    }
    .subscribe-section h5 {
        font-size: 60px;
    }
	
    .subscribe-section h4{
        font-size: 25px;
    }
    .subscribe-section h5,
    .subscribe-section h4{
         text-align: center;
         position: relative;
    }

	
    .subscribe-section h5:after {
        font-size: 18px;
		top: 66px;
        left: 30%;
        top: 50px;		
    }

    .image-wrapper {
        padding-bottom: 20px;
    }
    .kaddy-section .row{
        flex-direction: column-reverse;
    }    
}

@media only screen and (max-width: 1100px) {
    .testimonial-text {
        padding-top: 0;
    }

}

@media only screen and (max-width: 1024px) {
   h1,h2{
        font-size: 40px !important
   }
   h3,h4,label,.label{
        font-size: 20px !important;
   }
   h5{
        font-size: 30px !important;
   }
  
   .subscribe-section h5:after {    
		top: 28px;
        left: 0%;
        font-size: 14px;
        text-align: left;

    }

   p,.management-section a{
        font-size: 18px !important;
   }
}
@media only screen and (max-width: 991px) {
    .facilities-section .col-sm-6{
        padding-bottom: 30px;
    }
    .login-section .row,
    .signup-section .row,
    .contact-section .row{
        padding-top: 30px;
    }
    .login-section,
    .signup-section,
    .contact-section{
        padding-bottom: 30px;
    }
    .login-section h6,
    .signup-section h6,
    .contact-section h6{
        font-size: 20px !important;
    }
    .re-captcha{
        padding-left: 0px;
    }
    .btn{
        margin-left: 0px;
        font-size : 25px !important;
        /* display: block; */
        /* width: 100%; */
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .navbar-light .navbar-nav .active>.nav-link{
        color: #35a29a;
    }
    .pricing-structure-section .spacing {
        padding: 0;
    }
    .site-capabilities-section p,
    .pricing-structure-section p{
        margin-bottom: 1rem;
    }
}

@media only screen and (max-width: 767px) {
    h1,h2,h6{
        font-size: 24px !important;
    }
    .btn-red {
        padding: 10px 80px;
    }
    .nav-link{
        font-size: 15px;
    }
    .management-section .col-md-6:nth-child(2){
        display: flex;
        justify-content: flex-start;
    }	
}

@media only screen and (max-width: 693px) {
   .subscribe-section h5:after {    
        content: '/ employee / month';
    }	
}

@media only screen and (max-width: 634px) {
   .subscribe-section h5:after {    
        content: '';
    }	
}


@media only screen and (max-width: 575px){
    .col-form-label{
        text-align: left;
    }
    .details-section img{
        padding-bottom: 30px;
    }
    .testimonials-section .text-right{
       text-align: left !important;
    }
    .row{
        padding-top: 40px;
    }
    .help-divider-section {
        height: 120px;
    }
    #accordion .card-header h5 button:before,
    #accordion .card-header h5 button.collapsed:before {      
        background-size: 30px 10px;
        width: 30px;
        height: 10px;   
        margin-right: 15px;
    }
    .faq-section .card-body {
        padding-left: 20px;
    }
    .reach-out-section .row{
        padding-bottom: 40px;
    }
    .faq-section button.btn.btn-link {
        font-size: 20px !important;
    }
    
    .management-section .row {
        padding: 40px 0px;
    }

    .footer-section {  
        padding: 40px 0px 10px;
    }
    .benefits{
        padding-bottom: 40px;
    }
	


}
@media only screen and (max-width: 425px) {
    .subscribe-section .col-md-2{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .form-group {
        margin-bottom: 1rem;
    }
    .btn-primary,.btn-secondary{
        width: 100%;
        max-width: initial;
    }
    .error-buttons{
        flex-wrap: wrap;
    }
    button.btn{
        margin-bottom: 20px;
    }
    .navbar .container{
        padding: 0;
    }
    .navbar img{
        width: 50%;
    }
    .navbar-toggler-icon{
        width: 1em;
        height: 1em;
    }
    .error-headline h1 {
        font-size: 100px !important;
    } 
    .error-section{
        padding: 40px 0px;
    }
    .error-section .row{
        padding: 0px;
    }
    
    .header-text {
        padding: 60px 0px;
    }
    .cta-section .col-sm-12 {
        padding: 40px 15px;
    }
    .kaddy-section .row,
    .dedicated-section .row,
    .affiliate-section .row{
        padding: 40px 10px !important;
    }
    .referral-section{
        padding-bottom: 30px;
    }
    .affiliate.facilities-section{
        padding-bottom: 10px;
    }
    .ref-code{
        text-align: center;
        font-size: 18px !important;
    }
}