body {

    font-family: 'Arial', sans-serif;

    background: url(../images/logobg.png)!important;

    background-size: cover!important;

    background-position: center;

    padding-top: 50px;

}
.data{
    margin-top: 50px;
    padding: 4rem;
    font-size: 1.4rem;
    min-height: 62vh;
}

.main-heading {

    font-size: 48px;

    font-weight: bold;

    line-height: 1.2;

    margin-bottom: 20px;

}

.sub-heading {

    font-size: 18px;

    color: #666;

    margin-bottom: 30px;

}

.btn-custom {

    background-color:#0c8dfb;

    color: white;

    border: none;

    border-radius: 25px;

    padding: 10px 20px;

    font-size: 16px;

    margin-right: 10px;

}

.btn-custom:hover {

    background-color: #0c8dfb;

    color: white;

}

.rating-section {

    margin-top: 30px;

    font-size: 16px;

}

.rating-section img {

    width: 20px;

    margin-right: 5px;

}

.trusted-logos img {

    height: 30px;

    margin-right: 15px;

    margin-top: 10px;

}

.container {

    max-width: 1200px;

}



/* Logo Grid with Scrolling */

.logo-grid-container {

    height: 600px;

    overflow: hidden;

    position: relative;

}

.logo-grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 15px;

    animation: scrollUp 35s linear infinite;

}

.logo-grid:hover {

    animation-play-state: paused;

}

@keyframes scrollUp {

    0% {

        transform: translateY(0);

    }

    100% {

        transform: translateY(-50%); /* Move up by 50% (duplicated content) */

    }

}

.logo-card {

    background-color: white;

    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0 4px 8px rgba(0,0,0,0.05);

    height: 180px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px;

    position: relative;

}

.logo-card img {

    max-width: 100%;

    max-height: 100%;

    object-fit: contain;

}

.logo-card.dark {

    background-color: #333;

}

.navbar-default {

    background-color: white!important;

    border-bottom: 1px solid #eee!important;

    padding: 1rem!important;

   

}

.navbar-brand {

    font-weight: bold;

    font-size: 24px;

    color:#0c8dfb !important;

}

.navbar-default .navbar-nav > li > a {

    color: #333!important;

    font-size: 15px;

    padding: 15px 12px;

}

.navbar-default .navbar-nav > li > a:hover {

    color:#0c8dfb;

}



/* Mega dropdown styles */

.mega-dropdown {

    position: static !important;

}

.mega-dropdown-menu {

    padding: 20px 0;

    width: 100%;

    box-shadow: 0 6px 12px rgba(0,0,0,.175);

    border: none;

    border-radius: 0;

    margin-top: 0;

}

.mega-dropdown-menu h4 {

    color: #333;

    font-size: 16px;

    font-weight: bold;

    margin-top: 0;

    margin-bottom: 15px;

}

.mega-dropdown-menu ul li {

    margin-bottom: 8px;

}

.mega-dropdown-menu ul li a {

    color: #666;

    padding: 3px 0;

    display: block;

}

.mega-dropdown-menu ul li a:hover {

    color:#0c8dfb;

    text-decoration: none;

    background: transparent;

}

.mt-20 {

    margin-top: 20px;

}

.template-previews {

    display: flex;

    gap: 10px;

    margin-top: 15px;

}

.template-preview {

    width: 80px;

    height: 80px;

    background-color: #f5f5f5;

    border-radius: 4px;

    overflow: hidden;

}



/* Fix for Bootstrap 3 dropdown on hover */

@media (min-width: 768px) {

    .dropdown:hover .dropdown-menu {

        display: block;

    }

    .mega-dropdown:hover .mega-dropdown-menu {

        display: block;

    }

}









.footer{

background: #071721;



background-position: bottom;

background-size: cover;

padding-bottom: 1rem;





}



.footer .box-container {

display: -ms-grid;

display: grid;

-ms-grid-columns: (minmax(25rem, 1fr))[auto-fit];

    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));

gap: 2rem;

}



.footer .box-container .box h3 {

font-size: 2.2rem;

text-transform: capitalize;

color: #fff;

padding: 1rem 0;

}



.footer .box-container .box .link {

display: block;

padding: .5rem 0;

font-size: 1.5rem;

line-height: 2;

color: #8b97a6;

text-transform: capitalize;

}



.footer .box-container .box .link i {

padding-right: .5rem;

color: #46ACFF;

}



.footer .box-container .box .link:hover {

color: #46ACFF;

}



.footer .box-container .box .link:hover i {

padding-right: 2rem;

}



.footer .box-container .box p {

padding: .5rem 0;

font-size: 1.5rem;

line-height: 2;

color: #8b97a6;

}



.footer .box-container .box p span {

color: #46ACFF;

}







.footer .box-container .box .share {

margin-top: 2rem;

}



.footer .box-container .box .share a {

height: 4.5rem;

width: 4.5rem;

line-height: 4.5rem;

font-size: 1.7rem;

background: #46ACFF;

color: #fff;

border-radius: 50%;

margin-right: 0.3rem;

text-align: center;

}



.footer .box-container .box .share a:hover {

background: #46ACFF;

}



.footer .credit {

font-size: 1.4rem;

text-transform: capitalize;

color: rgb(224 224 224);



padding-top: 3rem;

border-top: 0.1rem solid rgb(227 227 227 / 32%);

text-align: center;





}



.footer .credit span {

color: #46ACFF;

}

section {

padding: 7rem 10%;

}