﻿.custom-button.CustomReportsandDocsButton-btn {
    min-width: 25%;
    padding: 14px 40px;
}
.pricing-table-webbased-Heading {
    padding-bottom: 20px !important;
}
.BuildClass .wd-onecolumn-content p {
    font-weight: 400;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .pricing-table-webbased-pricingTab {
        margin-left: 50px !important;
    }
}

@media (min-width: 1025px) {
    .ButtobRequest-btn {
        margin-left: 80px;
    }
    .pricing-table-webbased-pricingTab {
        margin-left: 80px !important;
    }
}
.btn-outline-light{
	line-height: 25px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
#blurOverlay:has(.d-none) {
    display: none;
}
@media (min-width: 768px) {
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
}
@media (max-width: 1023.98px) {
    .top-links .expand-search-mobile {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .video-banner {
        position: relative;
        width: 100vw !important;
        height: 100vh !important;
        overflow: hidden !important;
    }

    .wistia_embed {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100vw !important;
        height: 100vh !important;
        min-width: 100vw !important;
        min-height: 100vh !important;
        max-width: 100vw !important;
        max-height: 100vh !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 1;
        display: block !important;
    }

        .wistia_embed video,
        .wistia_embed iframe {
            position: absolute !important;
            top: 0;
            left: 0;
            width: 100vw !important;
            height: 100vh !important;
            min-width: 100vw !important;
            min-height: 100vh !important;
            max-width: 100vw !important;
            max-height: 100vh !important;
            object-fit: cover !important;
            background: #000 !important;
            margin: 0 !important;
            padding: 0 !important;
            display: block !important;
        }
		.pricing-col {
        width: 100px;
        padding-left: 80px;
        padding-right: 80px;
        padding-bottom: 20px;
    }
}
/* Default for mobile (1 column) */

.Ourawards .image-gallery {
    display: flex !important;
    grid-template-columns: repeat(1, 1fr); /* 1 column */

    gap: 20px; /* Use 'gap' for spacing */

    max-width: 1500px;
}

/* Tablet screens (2 columns) */

@media (min-width: 576px) {

    .Ourawards .image-gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Small desktop screens (3 columns) */

@media (min-width: 768px) {

    .Ourawards .image-gallery {
        grid-template-columns: repeat(3, 1fr);
    }
	
}

/* Larger desktop screens (4 columns) */

@media (min-width: 992px) {

    .Ourawards .image-gallery {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 576px) {
    .image-n-box .box-design h3,
    .image-n-box .box-design h2,
    .image-n-box .box-design p{
        padding-left: 16px;
        padding-right: 16px;
        word-break: break-word;
        box-sizing: border-box;
        width: 100%;
    }
	.image-n-box .btn-orange	{
		margin-left: 16px;
	}
	
	.image-n-box .jr-site-image-holder
	{   object-fit: cover;
        height:100%;
		width:100% !important;
		padding-right: 20px;
	}
	
	.image-n-box img
	{   object-fit: cover;
        margin-left: 10px;
        margin-right: 10px;
		/*padding-right: 20px;*/
		max-width: 100% !important;
		margin-bottom: 10px;
	} 
	
	.OnsiteFastTrack .image-n-box img
	{
		margin-left: unset !important;
		padding-right: 20px;
	}
	
	 .Traininginstruction .jr-site-image-holder img, .OnsiteFastTrack .jr-site-image-holder img {
     width: unset !important;
     max-width: 100% !important;
 }
	.product-quiz{
		 padding-left: 16px;
        padding-right: 16px;
	}
	.flip-card-front img{
		margin-top: -20px;
        margin-bottom: -20px;
	}
	.Hourstext,.HourlyConsultations
	{
		 margin-left: unset !important;
	}
	.ContactOptions, .OnsiteConsultations {
    margin-right:  unset !important;
    }
	#TopHeader {
        padding-bottom:10px;
		padding-left:0px;
		padding-right:0px;
		padding-top:80px;
    }
	#TopHeader .col-9 {
        display: contents;
    }
	.social-links {
		padding-left: 15px;
	}
	.case-content p {
		height: unset !important;
	}
	
	/*.CaseStudiesTestimonials .bx-viewport {
		height: auto !important;
	}*/
	.CaseStudiesTestimonials .bx-pager{
		visibility: hidden;
	}
	.CaseStudiesTestimonials .bx-wrapper{
		    border: none !important;
    box-shadow: none !important;
    outline: none !important;
	}
	    .comparison-wrapper .accordion-button a {
               margin-top: unset !important;
			   margin-left: 10px !important;
    }
	.btn-orange {
		    display: unset !important;
	}
	.ProductFeatures a{
		    margin-bottom: 10px;
	}
	
	.services-section .box-design {
		padding: 30px 35px !important;
	}
	.d-md-mobile .accordion-collapse{
		padding-top:10px;
	}
	.hero-text h3 {
    text-align: center;
	}
	.hero-text{
		margin-top: -100px;
	}

}
@media (min-width: 417px) and (max-width: 624px) {
    .services-section .col-md-4 {
        flex: 0 0 auto;
        width: unset;
    }
}
@media (min-width: 460px) and (max-width: 768px) {
    .services-section .col-md-4 {
        flex: 0 0 auto;
        width: 50% !important;
    }
	
}
@media (max-width: 767.98px) {
    .webbasedtwocol .row.twocol-section {
        display: flex;
        flex-direction: column;
    }

        .webbasedtwocol .row.twocol-section > .col-12.col-md-6 {
            width: 100%;
            max-width: 100%;
            margin-bottom: 16px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
            padding: 16px;
            border-radius: 3px;
            padding-left: 16px;
            padding-top: 20px;
            padding-bottom: 20px;
        }

            .webbasedtwocol .row.twocol-section > .col-12.col-md-6 > .container {
                padding: 0;
                box-shadow: none;
            }
            .webbasedtwocol .row.twocol-section > .col-12.col-md-6:first-of-type > .container {
                box-shadow: none !important;
                padding: 0 !important;
            }
			
	
    .video-banner .video-layer-wrapp {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        margin-top: 0 !important;
        z-index: 9999;
        background: #000;
        opacity: 1;
        visibility: visible;
        transition: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .video-banner .video-wrapp {
        width: 100vw;
        max-width: 100vw;
        height: 100vh;
        max-height: 100vh;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .video-banner .video-wrapp iframe {
        width: 100vw !important;
        height: 100vh !important;
        max-width: 100vw !important;
        max-height: 100vh !important;
    }

}
.CaseStudiesTestimonials .section-title {
    margin-bottom: 20px !important;
}
 #CaseStudiesTestimonials .carousel-indicators {
     margin: 85px !important;
     padding-right: unset !important;
 }
 
 .CaseStudiesTestimonials p {
    font-size: 14px;
    line-height: unset !important;
}


 
    @media (min-width: 1025px) {
		.CaseStudiesTestimonials .bx-viewport {
    height: 522px !important;
}
 

        #CaseStudiesTestimonials .carousel-inner {
            height: 580px !important;
        }

        #CaseStudiesTestimonials .carousel-item {
            height: 100%;
        }

        #CaseStudiesTestimonials .testimonial-desc {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
    }
	
	 @media (max-width: 767px) {
    

     #CaseStudiesTestimonials .carousel-indicators {
         margin: 40px !important;
         padding-right: unset !important;
     }
 }
  @media (min-width: 768px) {

     #CaseStudiesTestimonials .carousel-inner {
         height: 750px;
     }

     #CaseStudiesTestimonials .carousel-item {
         height: 100%;
     }

     #CaseStudiesTestimonials .testimonial-desc {
         height: 100%;
         display: flex;
         flex-direction: column;
         justify-content: center;
     }
    
 }
 .choice-select-or-hosted .btn-orange{
     display:block !important; 
}
 .Training .box-info{
	     padding-bottom: 45px !important ;
 }
 @media (min-width: 450px) and (max-width: 1200px) {
     .Training .max-width-340.card3-btn {
        max-width: unset !important;
    }
}
 @media (min-width: 990px) and (max-width: 1045px) {
     .Training .max-width-340.card3-btn {
                margin: 0 15px 30px;
    }
}
 @media (min-width: 769px) and (max-width: 990px) {
     .Training .max-width-340.card3-btn {
                margin: 15px 40px;
    }
}
 @media (max-width: 990px) {
     .ClosingLiveVideo .video-padding {
              margin-bottom: 120px !important;
    }
}
.flip-card-front img[src*="CloseSimple-Logo"], .flip-card-front img[src*="proplogix-horizontal-logo"], .flip-card-front img[src*="Bancserv-New-No-Shadow"],.flip-card-front img[src*="Closing-Times-Logo"],
.flip-card-front img[src*="TrustLink_Logo_WithTagline_RGB-e1515501980595"] {
    padding-top: 60px;
    padding-bottom: 60px;
}

.ConfrenceText h2{
	font-size:24px !important;
}
.ConfrenceText p{
	font-size:14px !important;
}
.TAKEMETOTHEBEACH-btn{
	    padding: 10px 20px !important;
		font-size: 14px !important;
		height: 40px !important;
}

@media (min-width: 768px) and (max-width: 991px) {
	.TAKEMETOTHEBEACH-btn{
	margin-left: 30px;
}
}
@media (min-width: 1088px) and (max-width: 1170px) {
	.TAKEMETOTHEBEACH-btn{
	margin-left: 30px;
}
}
@media (min-width: 992px) and (max-width: 1088px) {
	.TAKEMETOTHEBEACH-btn{
	margin-left: 30px;
	letter-spacing: 0px;
}
}
.galleryImgDiv .galleryImg{
	height: 166px !important;
}
.SoftProBanking  ul, li{
	list-style-type: disc !important;
}

.sidebar ul {    
padding-left: 30px !important;
}
