/*
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: #f07e13; color: #fff;}
.site-color {color: #f07e13;}

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

.site-btn2 {background-color: #fff; color: #f07e13;outline: none; box-shadow: none; border: 1px solid #f07e13;}
.site-btn2:hover {color: #fff;border:1px solid #f07e13; background-color: #f07e13;}
.site-btn2:focus{background-color: #f07e13; color: #fff;outline: none; box-shadow: none;}

.section-separator{margin: 40px 0px}
.section-heading{text-align: center; font-weight: bold; --tw-text-opacity: 1; color: rgb(193 193 193/var(--tw-text-opacity,1)); text-transform: uppercase; 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%);}
.service .card{background: transparent;}
.service-img {width: 274; height: 274;}
.hero-btn {border-radius: 0;background: #f07e13;color: #fff;font-weight: 600;}
.hero-btn:hover{ color: black;border:1px solid #f07e13;color: #f07e13;}
.course .card{border-radius: 30px 30px 30px 30px;}

.course-card:hover .course-title{color: #f07e13 !important;font-family: Georgia, 'Times New Roman', Times, serif !important;}
.course-title{font-family: Georgia, 'Times New Roman', Times, serif !important;}

.course .card .card-body img{border-radius: 30px 30px 0px 0px; max-height: 220px;}
.footer{background-color: #f07e13; padding: 50px 0px;}
.social-icon{ font-size: 30px; color: #fff; }
.social-icon:hover{ color: #a36b36; }
.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:#f07e13; 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;}
.service-title{font-family: Georgia, 'Times New Roman', Times, serif !important;}
.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: #f07e13 !important;}
.blog-img {width: 100%; height: 274px;}
.course-thumbnail{border-radius: 30px;}
.details .single-part{border-radius: 20px; min-width: 150px;max-width: 150px;}
