/*====================================
        GOOGLE FONT
====================================*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

/*====================================
        RESET CSS
====================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Poppins',sans-serif;
    color:#333;
    background:#fff;
    overflow-x:hidden;
}

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
}

ul{
    list-style:none;
}

/*====================================
        CONTAINER
====================================*/

.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

/*====================================
        HEADER
====================================*/

header{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    z-index:999;

    padding:18px 0;

    transition:.4s;

}

header .container{

    display:flex;

    justify-content:space-between;

    align-items:center;

}

/*====================================
        STICKY HEADER
====================================*/

header.sticky{

    position:fixed;

    background:#003366;

    padding:15px 0;

    box-shadow:0 5px 20px rgba(0,0,0,.15);

    animation:header .4s linear;

}

@keyframes header{

from{

transform:translateY(-100%);

}

to{

transform:translateY(0);

}

}

/*====================================
            LOGO
====================================*/

.logo h2{

    color:#fff;

    font-size:30px;

    font-weight:700;

    letter-spacing:1px;

}

/*====================================
        NAVIGATION
====================================*/

nav ul{

    display:flex;

    align-items:center;

}

nav ul li{

    margin-left:30px;

}

nav ul li a{

    color:#fff;

    font-size:16px;

    font-weight:500;

    transition:.3s;

    position:relative;

}

nav ul li a::after{

    content:"";

    position:absolute;

    width:0;

    height:2px;

    background:#ff9800;

    left:0;

    bottom:-6px;

    transition:.3s;

}

nav ul li a:hover::after{

    width:100%;

}

nav ul li a:hover{

    color:#ff9800;

}

/*====================================
        MOBILE MENU
====================================*/

.menu-toggle{

    display:none;

    font-size:30px;

    color:#fff;

    cursor:pointer;

}

@media(max-width:991px){

.menu-toggle{

display:block;

}

#navbar{

display:none;

position:absolute;

top:100%;

left:0;

width:100%;

background:#003366;

}

#navbar.active{

display:block;

}

#navbar ul{

flex-direction:column;

padding:20px;

}

#navbar ul li{

margin:15px 0;

text-align:center;

}

}
/*====================================
        HERO SLIDER
====================================*/

.slider{

    width:100%;

    height:100vh;

    position:relative;

    overflow:hidden;

}

.slide{

    position:absolute;

    width:100%;

    height:100%;

    top:0;

    left:0;

    opacity:0;

    visibility:hidden;

    transition:1s ease;

}

.slide.active{

    opacity:1;

    visibility:visible;

}

.slide img{

    width:100%;

    height:100%;

    object-fit:cover;

}

/*====================================
        SLIDER OVERLAY
====================================*/

.slide::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,.55);

}

/*====================================
        SLIDER CONTENT
====================================*/

.content{

    position:absolute;

    top:50%;

    left:8%;

    transform:translateY(-50%);

    max-width:650px;

    color:#fff;

    z-index:2;

}

.content h1{

    font-size:58px;

    font-weight:700;

    margin-bottom:20px;

    line-height:70px;

}

.content p{

    font-size:20px;

    line-height:35px;

    margin-bottom:35px;

}

.content a{

    display:inline-block;

    padding:15px 40px;

    background:#ff9800;

    color:#fff;

    border-radius:5px;

    font-weight:600;

    transition:.3s;

}

.content a:hover{

    background:#003366;

}

/*====================================
        SLIDER BUTTON
====================================*/

.prev,
.next{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:55px;

    height:55px;

    border:none;

    border-radius:50%;

    background:rgba(255,255,255,.25);

    color:#fff;

    font-size:24px;

    cursor:pointer;

    transition:.3s;

    z-index:100;

}

.prev{

    left:25px;

}

.next{

    right:25px;

}

.prev:hover,
.next:hover{

    background:#ff9800;

}

/*====================================
        DOT INDICATOR
====================================*/

.dots{

    position:absolute;

    bottom:35px;

    left:50%;

    transform:translateX(-50%);

    display:flex;

    gap:12px;

    z-index:100;

}

.dot{

    width:14px;

    height:14px;

    border-radius:50%;

    background:#fff;

    opacity:.5;

    cursor:pointer;

    transition:.3s;

}

.dot.active{

    background:#ff9800;

    opacity:1;

}

/*====================================
        ABOUT SECTION
====================================*/

.about{

    padding:100px 0;

    background:#f8f9fa;

}

.about-container{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:60px;

    flex-wrap:wrap;

}

.about-image{

    flex:1;

}

.about-image img{

    width:100%;

    border-radius:12px;

    box-shadow:0 15px 30px rgba(0,0,0,.15);

}

.about-content{

    flex:1;

}

.about-content span{

    color:#ff9800;

    font-weight:600;

    letter-spacing:2px;

}

.about-content h2{

    font-size:42px;

    color:#003366;

    margin:20px 0;

}

.about-content p{

    color:#666;

    line-height:30px;

    margin-bottom:30px;

}

.about-list{

    display:grid;

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

    gap:15px;

    margin-bottom:35px;

}

.about-list .item{

    background:#fff;

    padding:15px;

    border-left:4px solid #ff9800;

    box-shadow:0 5px 15px rgba(0,0,0,.08);

}

.about-list .item i{

    color:#ff9800;

    margin-right:8px;

}

.about-btn{

    display:inline-block;

    padding:15px 35px;

    background:#003366;

    color:#fff;

    border-radius:5px;

    transition:.3s;

}

.about-btn:hover{

    background:#ff9800;

}

/*====================================
        RESPONSIVE
====================================*/

@media(max-width:991px){

.content h1{

font-size:42px;

line-height:55px;

}

.about-container{

flex-direction:column;

}

.about-list{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.slider{

height:80vh;

}

.content{

left:5%;

right:5%;

}

.content h1{

font-size:32px;

line-height:42px;

}

.content p{

font-size:16px;

line-height:28px;

}

.prev,
.next{

width:45px;

height:45px;

font-size:18px;

}

}
/*====================================
        SERVICES SECTION
====================================*/

.services{
    padding:100px 0;
    background:#ffffff;
}

.section-title{
    text-align:center;
    margin-bottom:60px;
}

.section-title span{
    color:#ff9800;
    font-size:16px;
    font-weight:600;
    letter-spacing:2px;
}

.section-title h2{
    font-size:42px;
    color:#003366;
    margin:15px 0;
}

.section-title p{
    color:#666;
    max-width:700px;
    margin:auto;
    line-height:30px;
}

.service-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.service-box{
    background:#fff;
    padding:40px 30px;
    text-align:center;
    border-radius:10px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transition:.4s;
}

.service-box:hover{
    background:#003366;
    transform:translateY(-10px);
}

.service-box i{
    font-size:55px;
    color:#ff9800;
    margin-bottom:20px;
}

.service-box:hover i,
.service-box:hover h3,
.service-box:hover p{
    color:#fff;
}

.service-box h3{
    margin-bottom:15px;
    color:#003366;
}

.service-box p{
    color:#666;
    line-height:28px;
}

/*====================================
        WHY CHOOSE US
====================================*/

.why-us{
    padding:100px 0;
    background:#f8f9fa;
}

.why-container{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:60px;
    flex-wrap:wrap;
}

.why-content{
    flex:1;
}

.why-content span{
    color:#ff9800;
    font-weight:600;
    letter-spacing:2px;
}

.why-content h2{
    font-size:42px;
    color:#003366;
    margin:20px 0;
}

.why-content p{
    color:#666;
    line-height:30px;
}

.features{
    margin-top:50px;
}

.feature{
    display:flex;
    align-items:flex-start;
    margin-bottom:25px;
}

.feature i{
    color:#ff9800;
    font-size:28px;
    margin-right:15px;
}

.feature h4{
    color:#003366;
    margin-bottom:8px;
}

/*====================================
        COUNTER
====================================*/

.counter-box{
    flex:1;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.counter-item{
    background:#003366;
    color:#fff;
    text-align:center;
    padding:40px 20px;
    border-radius:10px;
    transition:.4s;
}

.counter-item:hover{
    background:#ff9800;
    transform:translateY(-8px);
}

.counter-item h2{
    font-size:42px;
    margin-bottom:10px;
}

.counter-item p{
    font-size:17px;
}

/*====================================
        GALLERY
====================================*/

.gallery{
    padding:100px 0;
    background:#ffffff;
}

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.gallery-item{
    overflow:hidden;
    border-radius:10px;
    box-shadow:0 8px 20px rgba(0,0,0,.12);
}

.gallery-item img{
    width:100%;
    height:280px;
    object-fit:cover;
    transition:.5s;
}

.gallery-item:hover img{
    transform:scale(1.12);
}

/*====================================
        RESPONSIVE
====================================*/

@media(max-width:992px){

.service-grid{
    grid-template-columns:repeat(2,1fr);
}

.gallery-grid{
    grid-template-columns:repeat(2,1fr);
}

.counter-box{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.service-grid{
    grid-template-columns:1fr;
}

.gallery-grid{
    grid-template-columns:1fr;
}

.counter-box{
    grid-template-columns:1fr;
}

.why-container{
    flex-direction:column;
}

.section-title h2{
    font-size:30px;
}

.why-content h2{
    font-size:30px;
}

}
/*====================================
        TESTIMONIAL SECTION
====================================*/

.testimonial{
    padding:100px 0;
    background:#f8f9fa;
}

.testimonial-slider{
    max-width:850px;
    margin:auto;
    text-align:center;
    position:relative;
}

.testimonial-item{
    display:none;
    animation:fade .8s ease;
}

.testimonial-item.active{
    display:block;
}

@keyframes fade{
    from{
        opacity:0;
        transform:translateY(20px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

.testimonial-item img{
    width:90px;
    height:90px;
    border-radius:50%;
    object-fit:cover;
    margin:0 auto 20px;
    border:4px solid #ff9800;
}

.testimonial-item p{
    font-size:18px;
    color:#666;
    line-height:30px;
    margin-bottom:20px;
}

.testimonial-item h4{
    color:#003366;
    margin-bottom:8px;
}

.testimonial-item span{
    color:#999;
}

/*====================================
        PARTNER LOGOS
====================================*/

.partners{
    padding:80px 0;
    background:#fff;
}

.partner-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:30px;
    align-items:center;
}

.partner-grid img{
    width:100%;
    filter:grayscale(100%);
    transition:.4s;
}

.partner-grid img:hover{
    filter:none;
    transform:scale(1.08);
}

/*====================================
        CONTACT INFO
====================================*/

.contact-info{
    background:#003366;
    color:#fff;
    padding:80px 0;
}

.contact-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.contact-box{
    text-align:center;
}

.contact-box i{
    font-size:40px;
    color:#ff9800;
    margin-bottom:15px;
}

.contact-box h3{
    margin-bottom:10px;
}

/*====================================
        GOOGLE MAP
====================================*/

.map iframe{
    width:100%;
    border:0;
}

/*====================================
            FOOTER
====================================*/

footer{
    background:#001d3d;
    color:#fff;
    padding:80px 0 0;
}

.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:40px;
}

.footer-grid h2,
.footer-grid h3{
    margin-bottom:20px;
}

.footer-grid p{
    line-height:28px;
    color:#ddd;
}

.footer-grid ul{
    list-style:none;
}

.footer-grid ul li{
    margin-bottom:12px;
}

.footer-grid ul li a{
    color:#ddd;
    transition:.3s;
}

.footer-grid ul li a:hover{
    color:#ff9800;
}

.social{
    margin-top:20px;
}

.social a{
    width:42px;
    height:42px;
    background:#ff9800;
    color:#fff;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    margin-right:10px;
    transition:.3s;
}

.social a:hover{
    background:#fff;
    color:#003366;
}

.footer-grid input{
    width:100%;
    padding:14px;
    border:none;
    border-radius:5px;
    margin-bottom:15px;
    outline:none;
}

.footer-grid button{
    width:100%;
    padding:14px;
    border:none;
    background:#ff9800;
    color:#fff;
    font-weight:600;
    border-radius:5px;
    cursor:pointer;
    transition:.3s;
}

.footer-grid button:hover{
    background:#003366;
}

.copyright{
    margin-top:60px;
    padding:20px;
    text-align:center;
    background:#000814;
    color:#ddd;
}

/*====================================
        WHATSAPP BUTTON
====================================*/

.whatsapp{
    position:fixed;
    right:20px;
    bottom:90px;
    width:60px;
    height:60px;
    background:#25D366;
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:30px;
    z-index:999;
    box-shadow:0 8px 20px rgba(0,0,0,.25);
    transition:.3s;
}

.whatsapp:hover{
    transform:scale(1.1);
}

/*====================================
        SCROLL TOP BUTTON
====================================*/

#topBtn{
    position:fixed;
    right:20px;
    bottom:20px;
    width:55px;
    height:55px;
    padding:0;
    border:none;
    border-radius:50%;
    background:#003366;
    color:#fff;
    font-size:20px;
    line-height:1;
    cursor:pointer;
    display:none;
    align-items:center;
    justify-content:center;
    text-align:center;
    z-index:9999;
    transition:background .3s, transform .3s, opacity .3s;
    box-sizing:border-box;
}

#topBtn i{
    display:block;
    margin:0;
    padding:0;
    line-height:1;
}

#topBtn:hover{
    background:#ff9800;
    transform:translateY(-3px);
}

#topBtn:hover{
    background:#ff9800;
}

/*====================================
        RESPONSIVE
====================================*/

@media(max-width:992px){

.footer-grid{
    grid-template-columns:repeat(2,1fr);
}

.contact-grid{
    grid-template-columns:repeat(2,1fr);
}

.partner-grid{
    grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:768px){

.footer-grid{
    grid-template-columns:1fr;
}

.contact-grid{
    grid-template-columns:1fr;
}

.partner-grid{
    grid-template-columns:repeat(2,1fr);
}

.testimonial-item p{
    font-size:16px;
}

.whatsapp{
    width:55px;
    height:55px;
}

#topBtn{
    width:50px;
    height:50px;
}

}
/*==============================
    MENU UNDERLINE ANIMATION
===============================*/

nav ul li a{

    position:relative;

    display:inline-block;

    color:#fff;

    text-decoration:none;

    padding:8px 0;

    transition:.3s;

}

nav ul li a::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:-5px;

    width:0;

    height:3px;

    background:#ff9800;

    border-radius:20px;

    transform:translateX(-50%);

    transition:all .35s ease;

}

nav ul li a:hover::after,

nav ul li a.active::after{

    width:100%;

}

nav ul li a:hover,

nav ul li a.active{

    color:#ff9800;

}
/*==============================
        PAGE BANNER
===============================*/

.page-banner{

    background:#003366;

    color:#fff;

    text-align:center;

    padding:140px 0 80px;

}

.page-banner h1{

    font-size:48px;

    margin-bottom:10px;

}

.page-banner p{

    font-size:18px;

    color:#ddd;

}

/*==============================
    SERVICE BUTTON
===============================*/

.service-btn{

display:inline-block;

margin-top:20px;

padding:12px 25px;

background:#003366;

color:#fff;

border-radius:5px;

transition:.3s;

}

.service-btn:hover{

background:#ff9800;

}

/*==========================
    GALLERY HOVER EFFECT
===========================*/

.gallery-item{

position:relative;

overflow:hidden;

border-radius:10px;

cursor:pointer;

}

.gallery-item img{

width:100%;

height:300px;

object-fit:cover;

transition:.5s;

}

.gallery-item:hover img{

transform:scale(1.1);

}

.gallery-overlay{

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

background:rgba(0,51,102,.75);

display:flex;

justify-content:center;

align-items:center;

opacity:0;

transition:.4s;

}

.gallery-item:hover .gallery-overlay{

opacity:1;

}

.gallery-overlay i{

font-size:45px;

color:#fff;

}

/*====================================
        CONTACT PAGE
====================================*/

.contact-page{
    padding:100px 0;
    background:#f8f9fa;
}

.contact-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:start;
}

.contact-details h2{
    color:#003366;
    margin-bottom:20px;
    font-size:36px;
}

.contact-details p{
    color:#666;
    line-height:28px;
}

.info-box{
    display:flex;
    align-items:flex-start;
    gap:20px;
    margin-top:30px;
}

.info-box i{
    width:60px;
    height:60px;
    background:#003366;
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:24px;
}

.info-box h4{
    margin-bottom:8px;
    color:#003366;
}

.contact-form{
    background:#fff;
    padding:40px;
    border-radius:10px;
    box-shadow:0 10px 30px rgba(0,0,0,.1);
}

.contact-form input,
.contact-form textarea{
    width:100%;
    padding:15px;
    margin-bottom:20px;
    border:1px solid #ddd;
    border-radius:5px;
    font-size:16px;
    outline:none;
}

.contact-form input:focus,
.contact-form textarea:focus{
    border-color:#003366;
}

.contact-form button{
    width:100%;
    padding:15px;
    background:#003366;
    color:#fff;
    border:none;
    border-radius:5px;
    font-size:17px;
    cursor:pointer;
    transition:.3s;
}

.contact-form button:hover{
    background:#ff9800;
}

@media(max-width:768px){

.contact-wrapper{
    grid-template-columns:1fr;
}

.contact-form{
    padding:25px;
}

}

/*====================================
    CLIENT TESTIMONIALS
====================================*/

.testimonials{

    padding:100px 0;

    background:#f8f9fa;

}

.testimonial-grid{

    display:grid;

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

    gap:30px;

    margin-top:50px;

}

.testimonial-card{

    background:#fff;

    text-align:center;

    padding:40px 30px;

    border-radius:12px;

    box-shadow:0 8px 25px rgba(0,0,0,.10);

    transition:.4s;

}

.testimonial-card:hover{

    transform:translateY(-10px);

    box-shadow:0 15px 35px rgba(0,0,0,.18);

}

.testimonial-card img{
    width:160px;
    height:160px;
    border-radius:50%;
    border:6px solid #003366;

    object-fit:cover;
    object-position:center 20%;

    display:block;
    margin:0 auto 20px;


}

.testimonial-card h3{

    font-size:34px;

    color:#003366;

    margin-bottom:8px;

}

.testimonial-card span{

    color:#ff9800;

    font-size:22px;

    font-weight:600;

}

.testimonial-card p{

    margin:25px 0;

    color:#555;

    line-height:34px;

    font-size:18px;

}

.stars{

    color:#ff9800;

    font-size:24px;

}

.stars i{

    margin:0 3px;

}

/*==============================
        RESPONSIVE
==============================*/

@media(max-width:992px){

.testimonial-grid{

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

}

}

@media(max-width:768px){

.testimonial-grid{

grid-template-columns:1fr;

}

.testimonial-card img{

width:130px;

height:130px;

}

.testimonial-card h3{

font-size:28px;

}

}

/*======================================
        PREMIUM CEO SECTION
=======================================*/

.ceo-section{

    padding:100px 0;

    background:#f8f9fc;

}

.ceo-card{

    display:flex;

    align-items:center;

    gap:70px;

    background:#fff;

    padding:60px;

    border-radius:20px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    border-left:8px solid #ff9800;

}

.ceo-left{

    flex:1;

    text-align:center;

}

.ceo-image img{

    width:300px;

    height:300px;

    border-radius:50%;

    object-fit:cover;

    border:8px solid #ff9800;

    box-shadow:0 15px 30px rgba(0,0,0,.15);

    transition:.4s;

}

.ceo-image img:hover{

    transform:scale(1.05);

}

.ceo-right{

    flex:2;

}

.ceo-tag{

    display:inline-block;

    background:#fff3e0;

    color:#ff9800;

    padding:8px 18px;

    border-radius:30px;

    font-size:15px;

    font-weight:600;

    margin-bottom:20px;

}

.ceo-tag i{

    margin-right:8px;

}

.ceo-right h2{

    font-size:42px;

    color:#003366;

    margin-bottom:20px;

    line-height:1.2;

}

.quote-icon{

    font-size:42px;

    color:#ff9800;

    margin-bottom:15px;

}

.ceo-right p{

    font-size:18px;

    line-height:32px;

    color:#555;

    margin-bottom:18px;

}

.ceo-info{

    margin-top:25px;

}

.ceo-info h3{

    font-size:30px;

    color:#003366;

    margin-bottom:5px;

}

.ceo-info span{

    color:#ff9800;

    font-size:18px;

    font-weight:600;

}

.ceo-btn{

    display:inline-block;

    margin-top:30px;

    background:#003366;

    color:#fff;

    padding:14px 35px;

    border-radius:50px;

    text-decoration:none;

    transition:.3s;

}

.ceo-btn:hover{

    background:#ff9800;

}

/*==========================
        Responsive
===========================*/

@media(max-width:992px){

.ceo-card{

    flex-direction:column;

    text-align:center;

    padding:40px;

}

.ceo-image img{

    width:230px;

    height:230px;

}

.ceo-right h2{

    font-size:34px;

}

}

@media(max-width:768px){

.ceo-right h2{

    font-size:28px;

}

.ceo-right p{

    font-size:16px;

    line-height:28px;

}

}
/*==============================
        LOGO STYLE
==============================*/

.logo a{

    text-decoration:none;

    font-size:42px;

    font-weight:700;

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

}

.logo-orange{

    color:#F47C20;

}

.logo-White{

    color:#fffdfd;

}

/* =========================================================
   RRH ASSOCIATES - FINAL COMPACT / POLISHED OVERRIDES
   ========================================================= */
:root{--rrh-blue:#003b70;--rrh-orange:#f47c20;--rrh-light:#f7f9fc}
body{font-size:15px;overflow-x:hidden}
#header,header{position:fixed;top:0;left:0;right:0;width:100%;background:var(--rrh-blue);padding:12px 0;box-shadow:0 4px 18px rgba(0,0,0,.12);z-index:9999}
header.sticky{position:fixed;background:var(--rrh-blue);padding:10px 0}
.logo a{display:inline-flex;align-items:center;font-size:34px;line-height:1;font-weight:700;letter-spacing:0}
.logo-orange{color:var(--rrh-orange)!important}.logo-black{color:#fff!important}
nav ul li{margin-left:28px}nav ul li a{font-size:15px}
.slider{margin-top:0;height:92vh;min-height:560px}
.content h1{font-size:48px;line-height:1.18}.content p{font-size:17px;line-height:29px}.content a{padding:12px 30px;font-size:14px}
.about,.services,.why-us,.gallery,.testimonials,.ceo-section,.partners,.contact-info{padding:75px 0}
.section-title{margin-bottom:45px}.section-title span{font-size:14px}.section-title h2{font-size:36px;line-height:1.2}.section-title p{font-size:15px;line-height:27px}
.about-content h2,.why-content h2{font-size:36px;line-height:1.25}.about-content p,.why-content p{font-size:15px;line-height:28px}.about-list .item{padding:12px;font-size:14px}.about-btn{padding:12px 28px;font-size:14px}
.service-box{padding:30px 24px}.service-box i{font-size:46px;margin-bottom:16px}.service-box h3{font-size:20px;margin-bottom:10px}.service-box p{font-size:14px;line-height:25px}
.feature h4{font-size:17px}.feature p{font-size:14px}.counter-item{padding:30px 18px}.counter-item h2{font-size:36px}.counter-item p{font-size:14px}
.gallery-item img{height:250px}
.ceo-section{background:var(--rrh-light);padding:70px 0}.ceo-card{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:45px;padding:38px 48px;border-radius:18px;border-left:6px solid var(--rrh-orange);background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.07)}
.ceo-left{flex:0 0 300px}.ceo-image img{width:250px;height:250px;margin:auto;border:6px solid var(--rrh-orange);object-fit:cover;box-shadow:0 10px 24px rgba(0,0,0,.12)}.ceo-right{flex:1;min-width:0}
.ceo-tag{padding:6px 14px;margin-bottom:12px;font-size:13px}.ceo-right h2{font-size:36px;line-height:1.2;margin:6px 0 14px}.quote-icon{font-size:32px;margin-bottom:8px}.ceo-right p{font-size:15px;line-height:27px;margin-bottom:12px}.ceo-info{margin-top:15px}.ceo-info h3{font-size:25px;margin-bottom:3px}.ceo-info span{font-size:15px}.ceo-btn{margin-top:18px;padding:11px 27px;font-size:14px}
.social{margin-top:14px}.social a{width:40px;height:40px;margin-right:7px;font-size:14px}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.testimonial-card{padding:32px 24px;min-height:390px}.testimonial-card img{width:145px;height:145px;margin:0 auto 16px;border:6px solid var(--rrh-blue);object-fit:cover;object-position:center 20%}.testimonial-card h3{font-size:27px;margin-bottom:5px}.testimonial-card span{font-size:17px}.testimonial-card p{font-size:15px;line-height:27px;margin:18px 0}.stars{font-size:20px}.testimonial-card .social{margin-top:14px}
.contact-box h3{font-size:18px}.contact-box p,footer p,footer li,footer a{font-size:14px}.whatsapp{width:56px;height:56px;right:18px;bottom:82px}#topBtn{width:50px;height:50px}
@media(max-width:992px){.ceo-card{gap:30px;padding:32px 30px}.ceo-left{flex:0 0 250px}.ceo-image img{width:220px;height:220px}.ceo-right h2{font-size:32px}.testimonial-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){#header,header{padding:10px 0}.logo a{font-size:28px}nav ul li{margin:12px 0}nav ul li a{font-size:14px}.slider{height:78vh;min-height:500px}.content h1{font-size:32px;line-height:1.25}.content p{font-size:15px;line-height:26px}.section-title h2{font-size:30px}.about-content h2,.why-content h2{font-size:30px}.ceo-section{padding:50px 12px}.ceo-card{flex-direction:column;text-align:center;gap:25px;padding:30px 20px}.ceo-left{flex:0 0 auto}.ceo-image img{width:190px;height:190px}.ceo-right h2{font-size:28px}.ceo-right p{font-size:14px;line-height:25px}.ceo-right .social{justify-content:center}.testimonial-grid{grid-template-columns:1fr}.testimonial-card{min-height:auto}.testimonial-card img{width:135px;height:135px}.gallery-item img{height:220px}}