/* YES CONSULTANT - COMPACT IMAGE-LED LAYOUT */
:root{
 --yc-teal:#075b6b;
 --yc-cyan:#20b7c9;
 --yc-deep:#062c3a;
 --yc-soft:#f4f9fa;
 --yc-line:#dce8eb;
}
html{scroll-behavior:smooth;scroll-padding-top:68px}
body{overflow-x:hidden}
.navbar-area{
 position:sticky!important;top:0;z-index:1030;
 background:linear-gradient(100deg,#063b48,#075b6b 58%,#20b7c9)!important;
 border:0!important;box-shadow:0 5px 20px rgba(0,0,0,.12)!important;
}
.navbar-area .navbar{min-height:68px!important;padding:5px 0!important}
.navbar-brand img{height:50px!important;width:auto;object-fit:contain}
.navbar-nav .nav-link,.navbar-nav a{
 color:#fff!important;background:transparent!important;
 padding:8px 12px!important;font-size:13px!important;
}
.navbar-nav a:hover,.navbar-nav .active a{
 color:#063b48!important;background:#fff!important;
}
.navbar-toggler{border-color:rgba(255,255,255,.5)!important}
.toggler-icon{background:#fff!important}

/* Hero: compact and image-forward */
.slider-area {
    padding: 0 !important;
    margin: 0 !important;
}

.slider-area .carousel,
.slider-area .carousel-inner {
    margin: 0 !important;
    padding: 0 !important;
}

.slider-area .carousel-item {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 2560 / 800;

    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;

    background-color: #fff;
}

.slider-area .carousel-item:before {
    background: linear-gradient(
        90deg,
        rgba(3,36,47,.68),
        rgba(3,36,47,.20),
        rgba(3,36,47,.05)
    ) !important;
}

.slider-area .carousel-caption {
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
}

.slider-area .carousel-control-prev,
.slider-area .carousel-control-next {
    width: 50px !important;
}

.slider-area .carousel-indicators {
    bottom: 12px !important;
}

.slider-area .carousel-indicators li {
    width: 48px !important;
    height: 4px !important;
}

/* All sections compact */
.about-area,.service-area,.testimonial-area,.client-logo-area,.contact-area{
 padding:42px 0!important;
}
.section-title{padding-bottom:6px!important}
.section-title .title{
 font-size:30px!important;
 margin-bottom:0!important;
}
.about-area{background:#f4f9fa!important}
.about-area .row>.col-lg-6{margin-bottom:0!important}
.single-about{margin-top:20px!important}
.single-about .about img{
 width:100%!important;
 height:250px!important;
 object-fit:cover!important;
 border-radius:16px!important;
}
.about-content .list-group-item{
 padding:7px 0 7px 23px!important;
 font-size:13px!important;
 line-height:1.45!important;
}

/* Services */
.service-area .single-about{margin-top:18px!important}
.service-area .single-about>.col-lg-3{
 padding-left:7px!important;padding-right:7px!important;
}
.card_trans{
 min-height:205px!important;
 height:205px!important;
 margin-bottom:12px!important;
 padding:18px 12px!important;
 border-radius:15px!important;
}
.card_trans h3{font-size:17px!important;margin:0!important}
.card_trans h3 img{width:62px!important;height:62px!important;margin-bottom:10px!important}
.card_trans .card_con{padding:15px!important}
.card_trans .card_con li{font-size:12px!important;margin:5px 0!important;line-height:1.35!important}

/* Testimonials */
.testimonial-area{background:#f4f9fa!important}
.single-testimonial{
 margin-top:15px!important;margin-bottom:15px!important;
 padding:20px 18px!important;
 min-height:220px!important;
}
.testimonial-image img{width:58px!important;height:58px!important}
.testimonial-content .text{font-size:12px!important;line-height:1.5!important;margin:10px 0!important}
.author-name{margin-bottom:2px!important}

/* Client logos */
.client-logo-area{padding:25px 0!important}
.single-client{min-height:70px!important;padding:8px!important}
.single-client img{max-height:58px!important;max-width:150px!important}

/* Contact */
.contact-area{background:#f4f9fa!important}
.contact-two,.contact-form{
 padding:22px!important;
 margin-top:15px!important;
 border-radius:16px!important;
}
.contact-title{font-size:21px!important}
.contact-info li{padding:6px 0!important;font-size:13px!important}
.form-style-one .form-input{margin-top:9px!important;margin-bottom:9px!important}
.form-style-one input{min-height:43px!important}
.form-style-one textarea{min-height:95px!important}
.form-style-one label{font-size:12px!important;margin-bottom:4px!important}
.main-btn{min-height:42px!important;padding:8px 18px!important;font-size:13px!important}
.compact-map{
 margin-top:20px;
 padding:15px;
 background:#fff;
 border:1px solid var(--yc-line);
 border-radius:16px;
 box-shadow:0 8px 25px rgba(6,44,58,.06);
}
.map-title{
 color:var(--yc-deep);
 font-size:17px;
 font-weight:800;
 margin-bottom:10px;
}
.map-title i{color:var(--yc-teal);margin-right:7px}
.map-frame{
 height:230px;
 overflow:hidden;
 border-radius:12px;
}
.map-frame iframe{
 width:100%;height:100%;border:0;display:block;
}

/* Footer compact */
.footer-area{
 padding:0!important;
 background:linear-gradient(120deg,#041f2a,#075b6b,#20b7c9)!important;
}
.footer-copyright{padding:13px 0!important}
.footer-logo img{max-height:34px!important}
.footer-area .social li a{width:34px!important;height:34px!important}
.footer-area .copyright .text{font-size:11px!important}

/* WhatsApp */
.whatsapp-float{
 width:52px!important;height:52px!important;
 right:16px!important;bottom:16px!important;
 font-size:25px!important;
}

/* Desktop: keep the first screen visually dense without making elements oversized */
@media(min-width:992px){
 .about-area .row{align-items:center}
 .service-area .single-about{display:grid!important;grid-template-columns:repeat(4,1fr)}
 .service-area .single-about>.col-lg-3{width:auto!important;max-width:none!important}
 .testimonial-active{margin-left:-8px;margin-right:-8px}
 .testimonial-active>.col-lg-4{padding-left:8px;padding-right:8px}
}
@media(max-width:991px){
 .navbar-collapse{background:#075b6b!important;border-color:rgba(255,255,255,.2)!important}
 .navbar-nav .nav-link,.navbar-nav a{color:#fff!important}
 .navbar-nav a:hover,.navbar-nav .active a{color:#063b48!important;background:#fff!important}
 .slider-area .carousel-item{height:390px!important}
}
@media(max-width:767px){
 .slider-area .carousel-item{height:350px!important;min-height:350px!important}
 .single-about .about img{height:210px!important}
 .service-area .single-about>.col-lg-3{width:50%!important;float:left}
 .card_trans{height:190px!important;min-height:190px!important}
 .card_trans h3{font-size:15px!important}
 .card_trans h3 img{width:52px!important;height:52px!important}
 .about-area,.service-area,.testimonial-area,.client-logo-area,.contact-area{padding:32px 0!important}
 .map-frame{height:200px}
}
@media(max-width:480px){
 .navbar-brand img{height:43px!important}
 .slider-area .carousel-item{height:320px!important;min-height:320px!important}
 .service-area .single-about>.col-lg-3{width:50%!important}
 .card_trans{height:175px!important;min-height:175px!important;padding:13px 8px!important}
 .card_trans h3{font-size:13px!important}
 .card_trans h3 img{width:45px!important;height:45px!important}
}