/*
Project Name: Digital Service Buy Sell
Client Name: Sohel
Starting Date: 17-08-2025
Designer: MD. Al-Amin
Developer: MD. Al-Amin
*/

* {margin: 0; padding: 0; box-sizing: border-box;}
#main{min-height: 700px;}
body {--tw-bg-opacity: 1; background-color: rgb(247 247 247/var(--tw-bg-opacity,1)); font-family: 'Inter', sans-serif;}
.site-bg {background-color: #138cf0; color: #fff;}
.site-color {color: #138cf0;}

.site-btn {background-color: #138cf0; color: #fff;outline: none; box-shadow: none;}
.site-btn:hover {color: black;border:1px solid #138cf0;color: #138cf0;}
.site-btn:focus{background-color: #138cf0; color: #fff;outline: none; box-shadow: none;}

.site-btn-rounded {color: black;border:1px solid #138cf0;color: #138cf0; border-radius: 20px; padding: 5px 15px; font-size: 12px; font-weight: bold;}
.site-btn-rounded:hover {background-color: #138cf0; color: #fff;outline: none; box-shadow: none;}
.site-btn-rounded:focus{background-color: #138cf0; color: #fff;outline: none; box-shadow: none;}


.section-separator{margin: 40px 0px}
.section-heading{font-weight: bold; --tw-text-opacity: 1; color: #000; font-family: Georgia, 'Times New Roman', Times, serif !important;}
.header-logo {width: 150px;}
.banner-wrap {width: 100%; background-repeat: no-repeat; background-size: cover; min-height: 400px; position: relative; background-position: center;}
.banner-content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.hero-btn {border-radius: 0;background: #138cf0;color: #fff;font-weight: 600;}
.hero-btn:hover{ color: black;border:1px solid #138cf0;color: #138cf0;}
.course .card{border-radius: 30px 30px 30px 30px;}

.service .service-img{width: 64px; height: 64px; border-radius: 10px; object-fit: cover;}
.service-card-title{font-size: 0.875rem;}
.service-item-single{border-radius: 15px; box-shadow: 0 0 7px 0 rgba(0,0,0,.13);}


.footer{background-color: #138cf0; padding: 50px 0px;}
.social-icon{ font-size: 30px; color: #fff; }
.social-icon:hover{ color: #000000; }
.content h3 {color: #243c4f;margin-bottom: 60px;font-weight: 900;}
.form-control {height: 50px;border-color: #ffffff;border-radius: 0;outline: none;}
.my-input-form:focus {box-shadow: none;border: none;}
.newlatter-btn {min-height: 50px;border-radius: 0;background: #243c4f;color: #fff;font-weight: 600;}
.newlatter-btn:hover{ color: black;border:1px solid #fff;color: #fff;}
.owoner-name{font-family: Georgia, 'Times New Roman', Times, serif !important;}
.point{background-color: #fff; color:#138cf0; padding: 4px 8px; border-radius: 20px;}
.truncate-1 { display: inline-block; max-width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.single-menu {border-bottom: 1px solid #ddd; padding: 5px;}
.single-menu a{font-size: 18px;}
.navbar .navbar-nav .nav-item a.nav-link{color:white;}
.navbar .navbar-nav .nav-item a.nav-link:hover{color: #243c4f;}
.navbar .navbar-nav .nav-item a.nav-link.active{color: #243c4f;}
.image-scroll-menu { display: flex; overflow-x: auto; gap: 5px; scrollbar-width: 1px; -ms-overflow-style: none;}
.image-item { flex-shrink: 0; text-align: center; width: 80px;}
.image-item img { width: 80px; height: 80px; border-radius: 15px; object-fit: cover; display: block; margin: 0 auto;}
.rate { float: left; height: 46px; }
.rate:not(:checked) > input { position:absolute; top:-9999px;}
.rate:not(:checked) > label { float:right; width:1em; overflow:hidden; white-space:nowrap; cursor:pointer; font-size:30px; color:#ccc;}
.rate:not(:checked) > label:before {content: '★ ';}
.rate > input:checked ~ label {color: #ffc700;}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {color: #deb217;}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {color: #c59b08;}
.blog-card:hover .blog-title{color: #138cf0 !important;}
.blog-img {width: 100%; height: 274px;}
.course-thumbnail{border-radius: 30px;}
.details .single-part{border-radius: 20px; min-width: 150px;max-width: 150px;}

.category .category-img { border-radius: 10px; width: 100%; height: auto; object-fit: cover; transition: transform 0.3s ease-in-out;}
.category .category-item { display: block; width: 100%; border-radius: 10px; overflow: hidden; position: relative;}
.category .category-item:hover .category-img { transform: scale(1.25); transform-origin: center;}
.category .category-name { position: absolute; bottom: 5px; left: 10px; color: #fff; font-weight: 600; z-index: 9999;}
.category .category-name .angle {font-size: 11px;}
.category .category-item:hover .angle {background-color: #fff; color: #000; border-radius: 100%; width: 8px; height: 8px; padding: 2px; transition: 0.3s ease-in-out;}
.category .overlay{position: absolute; bottom: 0; left: 0; right: 0; height: 70%; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); pointer-events: none; z-index: 10;}

.pagination{text-align: center; justify-content: center; align-items: center;}
.active>.page-link, .page-link.active { z-index: 3; color: #fff !important; background-color: #138cf0 !important; border-color: #138cf0 !important;}