:root, .dark {
            --cnvs-themecolor: #0f3d56;
        --cnvs-themecolor-rgb: rgb(15,61,86);
    
            --cnvs-header-bg: #0f3d56;
    
            --cnvs-body-bg: #ffffff;
    
            --cnvs-footer-bg: #0e1114;
    
    
    
            --cnvs-heading-block-span-color: #1d4036;
        
            .dark#footer .footer-widgets-wrap, .dark #footer .footer-widgets-wrap {
            color: #ffffff;
        }
        #footer .footer-widgets-wrap, #footer .footer-widgets-wrap {
            color: #ffffff;
        }
    
            #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
            color: #ffffff;
        }
    
            #footer a {
            color: #c5c4c4;
        }
                #footer a:hover {
            color: #eebaba;
        }
    
            --bs-body-color: #24323c;
        --bs-body-color-rgb: rgb(36,50,60);
        
            --cnvs-link-color: #1f5b8f;
        --cnvs-link-color-rgb: rgb(31,91,143);
        --bs-link-color: #1f5b8f;
        --bs-link-color-rgb: rgb(31,91,143);
    
    
     /* Font Sizes */   
                                        

        /* Font Families */
                    --cnvs-primary-font: "Manrope", sans-serif;
                        --cnvs-secondary-font: "Inter", sans-serif;
                        --cnvs-body-font: "Inter", sans-serif;
    }

 

/* Navigation Color */

                #header {
        --cnvs-primary-menu-color: #ffffff;
--cnvs-primary-menu-hover-color: #1f5b8f;
--cnvs-primary-menu-active-color: #1f5b8f;
    }

/* Button Color */


.img-carousel {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
.client-img-carousel {
    aspect-ratio: 4 / 3;
    object-fit: contain !important;
}
.img-gallery {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
.img-feature-box {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
.mfp-title  {display: none;}
.masonry-thumbs {
    --bs-gutter-x: 0.5rem;;
    --bs-gutter-y: 0.5rem;;
}
#oc-clients .oc-item img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    height: 100%;
}
#oc-clients .oc-item img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    height: 100%;
}
.img-testimonal {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    height: 64px;
}
@media (max-width: 992px) {
    .blocks-faqs-3 .sticky-section { position: relative !important; }
}

.blocks-faqs-3 .faqs .toggle {
    background-color: var(--cnvs-contrast-100);
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.085);
}

.blocks-faqs-3 .faqs .toggle-header {
    padding: 15px 20px;
    margin: 0;
}

.blocks-faqs-3 .faqs .toggle-content {
    border-top: 1px solid var(--cnvs-contrast-100);
    padding: 20px 25px;
}
.block-pricing-10 .pricing-title {
    transform: translateY(-50%);
    margin: 0 auto;
    display: inline-block;
    width: auto;
    padding: 0 16px;
}
.block-pricing-10 .btn-action {
    transform: translateY(50%);
}
.block-card-9 .grid-inner .btn-hover {
	opacity: 0;
	display: block;
	transition: opacity .3s ease, transform .3s .1s ease;
	margin-top: 15px;
	position: absolute;
	transform: translateY(0);
}
.block-card-9 .grid-inner:hover .btn-hover {
	opacity: 1;
	transform: translateY(-5px);
}

.block-card-9 .grid-inner .grid-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}

.block-card-9 .grid-inner:hover .grid-image {
	-webkit-animation: kenburns 20s ease-out both;
	animation: kenburns 20s ease-out both;
}

.block-card-9 .grid-inner .grid-icon,
.block-card-9 .grid-inner .grid-content {
	transition: transform .3s ease;
}

.block-card-9 .grid-inner:hover .grid-content { transform: translateY(-45px); }
.block-card-9 .grid-inner:hover .grid-icon { transform: translateY(-5px); }
.block-gallery-9 .entry-title h3 {
    text-transform: none;
    font-weight: 500;
    letter-spacing: 0;
}

.block-gallery-9 .entry-title:hover h3 a {
    color: #DDD
}

.block-gallery-9 .btn-more {
    opacity: 0;
    font-size: 1.5rem;
    color: #FFF;
    margin-top: 15px;
    transition: opacity .3s ease;
}

.block-gallery-9 .grid-item .bg-overlay-content {
    top: auto;
    bottom: -40px;
    transition: bottom .3s ease;
}

.block-gallery-9 .grid-item:hover .bg-overlay-content {
    bottom: 0;
}

.block-gallery-9 .grid-item:hover .btn-more {
    opacity: 1;
}

.block-gallery-9 .entry-meta li {
    font-style: italic;
    font-size: 90%;
}

.block-gallery-9 .dark .entry-meta li,
.block-gallery-9 .dark .entry-meta li a {
    color: rgba(255,255,255,0.8);
}

.table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table > table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
}
.table > table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > table > tbody {
  vertical-align: inherit;
}
.table > table > thead {
  vertical-align: bottom;
}
dl, dt, dd, ol, ul, li {
    margin-left: 8px;
}