:root{
    --primary:#1755c2;
    --secondary:#d71920;
    --dark:#081b4b;
}

/* =====================================================
   GLOBAL
===================================================== */

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

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

a{
    text-decoration:none;
}

img{
    max-width:100%;
    height:auto;
}

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

.top-header{
    background:#001f63;
    color:#fff;
    padding:10px 0;
    font-size:14px;
}

.top-header i{
    margin-right:6px;
}

.social-icons a{
    color:#fff;
    margin-left:12px;
    font-size:18px;
}

/* =====================================================
   NAVBAR
===================================================== */

.navbar{
    background:#fff;
    box-shadow:0 2px 10px rgba(0,0,0,.05);
    position:sticky;
    top:0;
    z-index:999;
    padding:10px 0;
}

.navbar-brand{
    padding:0;
}

.aca-box{
    display:flex;
    align-items:center;
    gap:15px;
}

.aca-logo{
    width:70px;
}

.aca-title{
    font-size:22px;
    font-weight:700;
    line-height:1.2;
    color:#1c2b4a;
}

.aca-subtitle{
    font-size:12px;
    color:#555;
}

.navbar-nav{
    gap:5px;
}

.navbar-nav .nav-link{
    color:#111;
    font-size:15px;
    font-weight:500;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active{
    color:var(--primary);
}

.navbar-toggler{
    border:none;
}

.navbar-toggler:focus{
    box-shadow:none;
}

/* =====================================================
   BUTTONS
===================================================== */

.btn-main{
    background:var(--secondary);
    color:#fff;
    padding:12px 18px;
    border-radius:6px;
    font-weight:600;
}

.btn-main:hover{
    background:var(--primary);
    color:#fff;
}

.btn-outline-main{
    border:2px solid var(--primary);
    color:var(--primary);
    padding:10px 18px;
    border-radius:6px;
    font-weight:600;
}

.btn-outline-main:hover{
    background:var(--primary);
    color:#fff;
}

/* =====================================================
   HERO SECTION
===================================================== */

#heroCarousel .carousel-item{
    height:450px;
    position:relative;
}

#heroCarousel .carousel-item img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.carousel-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.35);
}

.hero-content{
    position:absolute;
    top:50%;
    left:6%;
    width:100%;
    transform:translateY(-50%);
    z-index:2;
    color:#fff;
}

.hero-content h1{
    font-size:58px;
    font-weight:800;
    line-height:1.1;
    margin-bottom:15px;
}

.hero-content p{
    font-size:20px;
    max-width:650px;
    margin-bottom:25px;
}

.hero-btns{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.btn-red{
    background:#d71920;
    color:#fff;
    padding:14px 28px;
    border-radius:6px;
    font-weight:700;
}

.btn-blue{
    background:#0b5cff;
    color:#fff;
    padding:14px 28px;
    border-radius:6px;
    font-weight:700;
}

/* =========================
            SERVICES BOX
        ========================== */

        .services-box{
            margin-top:-40px;
            position:relative;
            z-index:10;
        }

        .services-inner{
            background:#fff;
            border-radius:24px;
            box-shadow:0 10px 35px rgba(0,0,0,.08);
            padding:15px 10px;
        }

        .service-item{
            text-align:center;
            padding:15px 15px;
            border-right:1px solid #ececec;
            transition:.3s;
        }

        .service-item:last-child{
            border-right:none;
        }

        .service-item:hover{
            transform:translateY(-5px);
        }

        .service-item i{
            font-size:42px;
            color:var(--primary);
            margin-bottom:15px;
        }

        .service-item h6{
            font-weight:700;
            line-height:1.5;
            font-size:16px;
			color: #222;
        }

        /* =========================
            SECTION TITLE
        ========================== */

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

        .section-title span{
            color:var(--primary);
            font-size:14px;
            font-weight:700;
            text-transform:uppercase;
            letter-spacing:1px;
        }

        .section-title h2{
            font-size:36px;
            font-weight:800;
            margin-top:10px;
            color:#081b4b;
        }

        .section-title p{
            color:#666;
            margin-top:10px;
        }

        /* =========================
            CARDS
        ========================== */

        .info-card{
            background:#fff;
            border-radius:24px;
            padding:35px;
            height:100%;
            box-shadow:0 5px 25px rgba(0,0,0,.05);
            transition:.3s;
        }

        .info-card:hover{
            transform:translateY(-6px);
        }

        .info-card .icon{
            width:70px;
            height:70px;
            border-radius:50%;
            background:#eef3ff;
            display:flex;
            align-items:center;
            justify-content:center;
            margin-bottom:25px;
        }

        .info-card .icon i{
            font-size:34px;
            color:var(--primary);
        }

        .info-card h3{
            font-size:34px;
            font-weight:800;
            color:#081b4b;
            margin-bottom:20px;
        }

        .info-card p{
            color:#666;
            line-height:1.9;
        }

        .info-card img{
            width:100%;
            margin-top:20px;
            border-radius:18px;
        }

        .link-btn{
            color:var(--primary);
            font-weight:700;
            display:inline-block;
            margin-top:15px;
        }
        /* =========================
            MISSION LIST
        ========================== */

        .mission-list{
            padding-left:0;
            list-style:none;
            margin-top:25px;
        }

        .mission-list li{
            margin-bottom:18px;
            display:flex;
            gap:12px;
            color:#555;
            line-height:1.7;
        }

        .mission-list i{
            color:var(--primary);
        }

        /* =========================
            STATS
        ========================== */

        .stats-section{
            margin-top:20px;
        }

        .stats-wrapper{
            background:linear-gradient(90deg,#09378a,#032158);
            padding:15px 20px;
            border-radius:24px;
            color:#fff;
        }

        .stat-item{
            text-align:center;
            border-right:1px solid rgba(255,255,255,.25);
        }

        .stat-item:last-child{
            border-right:none;
        }

        .stat-item i{
            font-size:42px;
            margin-bottom:15px;
        }

        .stat-item h2{
            font-size:24px;
            font-weight:800;

            margin-bottom:5px;
        }

     

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

footer{
    background:#00184d;
    color:#fff;
    padding-top:60px;
    margin-top:60px;
}

footer h5{
    margin-bottom:20px;
    font-weight:700;
}

footer p,
footer li,
footer a{
    color:#d7d7d7;
}

footer ul{
    list-style:none;
    padding:0;
}

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

.footer-social a{
    font-size:20px;
    margin-right:12px;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.1);
    margin-top:40px;
    padding:20px 0;
}

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

@media(max-width:991px){

    #heroCarousel .carousel-item{
        height:550px;
    }

    .hero-content{
        text-align:center;
    }

    .hero-content h1{
        font-size:42px;
    }

    .hero-content p{
        font-size:18px;
        margin:auto auto 25px;
    }

    .hero-btns{
        justify-content:center;
    }

    .service-item{
        border-right:none;
        border-bottom:1px solid #eee;
    }

    .service-item:last-child{
        border-bottom:none;
    }

    .main-title{
        font-size:32px;
    }
}

@media(max-width:767px){

    .top-header{
        text-align:center;
    }

    .aca-logo{
        width:50px;
    }

    .aca-title{
        font-size:18px;
    }

    .aca-subtitle{
        display:none;
    }

    #heroCarousel .carousel-item{
        height:500px;
    }

    .hero-content{
        padding:0 15px;
    }

    .hero-content h1{
        font-size:30px;
    }

    .hero-content p{
        font-size:15px;
    }

    .btn-red,
    .btn-blue{
        width:100%;
        text-align:center;
    }

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

    .main-title{
        font-size:28px;
    }

    .services-box{
        margin-top:20px;
    }

    .aca-card,
    .info-card,
    .service-card{
        padding:25px;
    }
}



/*services-section*/

.service-card{
            background: linear-gradient(135deg,#f4f9fe,#f4f9fa);
            border-radius:20px;
            padding:28px;
            height:100%;
            position:relative;
            overflow:hidden;
            transition:0.3s ease;
        }

        .service-card:hover{
            transform:translateY(-5px);
            box-shadow:0 10px 30px rgba(0,0,0,0.08);
        }

        .icon-box{
            width:52px;
            height:52px;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:24px;
            margin-bottom:20px;
        }

        .icon-blue{
            background:#e7f0ff;
            color:#2c66ff;
        }

        .icon-green{
            background:#e8f8ee;
            color:#18a957;
        }

        .icon-purple{
            background:#f1e9ff;
            color:#7a42ff;
        }

        .service-title{
            font-size:20px;
            font-weight:700;
            color:#1f2430;
            line-height:1.3;
            margin-bottom:15px;
        }

        .service-text{
            color:#5e6673;
            font-size:14px;
            line-height:1.8;
            max-width:240px;
        }

        .service-link{
            display:inline-flex;
            align-items:center;
            gap:8px;
            margin-top:22px;
            font-size:14px;
            font-weight:600;
            text-decoration:none;
            color:#1e5eff;
        }

        .service-link:hover{
            color:#003fd1;
        }

        .dog-image{
            position:absolute;
            right:10px;
            bottom:0;
            max-height:220px;
            object-fit:contain;
        }

        .paper-image{
            position:absolute;
            right:20px;
            top:20px;
            width:120px;
        }

        @media(max-width:991px){
            .dog-image{
                position:relative;
                right:auto;
                bottom:auto;
                display:block;
                margin:20px auto 0;
                max-height:180px;
            }

            .paper-image{
                position:relative;
                right:auto;
                top:auto;
                display:block;
                margin:20px auto 0;
            }

            .service-text{
                max-width:100%;
            }
        }

/*about-aca*/
 .aca-card{
            background: linear-gradient(180deg,#f7f7f9 0%, #f3f3f5 100%);
            border-radius:20px;
            overflow:hidden;
            position:relative;
            padding:40px 35px;
            min-height:360px;
        }


/*.card-new{
	z-index: 300000000000;
	position: relative;
}*/

        .small-title{
            color:#0d5bd7;
            font-size:14px;
            font-weight:700;
            text-transform:uppercase;
            margin-bottom:5px;
        }

        .main-title{
            font-size:30px;
            line-height:1.15;
            font-weight:800;
            color:#111827;
            margin-bottom:12px;
        }

        .description{
            font-size:16px;
            line-height:1.4;
            color:#4b5563;
            max-width:620px;
            margin-bottom:35px;
        }

        .btn-wrap{
            display:flex;
            gap:18px;
            flex-wrap:wrap;
        }

        .btn-primary-custom{
            background:#0d5bd7;
            color:#fff;
            border:none;
            padding:15px 34px;
            border-radius:10px;
            font-weight:600;
            font-size:16px;
            transition:0.3s;
        }

        .btn-primary-custom:hover{
            background:#0849b3;
			color:#fff;
        }

        .btn-outline-custom{
            background:#fff;
            color:#0d5bd7;
            border:2px solid #0d5bd7;
            padding:13px 32px;
            border-radius:10px;
            font-weight:600;
            font-size:16px;
            transition:0.3s;
        }

        .btn-outline-custom:hover{
            background:#0d5bd7;
            color:#fff;
        }

        .image-section{
            position:relative;
            height:100%;
            display:flex;
            align-items:flex-end;
            justify-content:center;
        }

       .circle-bg {
  position: absolute;
  width: 320px;
  height: 320px;
  background: #cadafb;
  border-radius: 50%;
  bottom: -229px;
  right: -110px;
  z-index: 1;
}

        .dog-img{
            position:relative;
            z-index:2;
            max-width:100%;
            height:auto;
        }

        .seal{
            position:absolute;
           bottom: -115px;
            right:10px;
            width:140px;
            height:140px;
            background:#fff;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            text-align:center;
            border:5px solid #d1d5db;
            z-index:3;
            font-weight:800;
            color:#111;
            font-size:18px;
            line-height:1.2;
        }

        .seal span{
            display:block;
            font-size:13px;
            font-weight:600;
        }

        @media(max-width:991px){

            .main-title{
                font-size:34px;
            }

            .description{
                font-size:16px;
            }

            .aca-card{
                padding:30px 25px;
            }

            .image-section{
                margin-top:40px;
                min-height:300px;
            }
        }




        @media(max-width:576px){
		.circle-bg {
  position: absolute;
  width: 320px;
  height: 320px;
  background: #cadafb;
  border-radius: 50%;
  bottom: -110px;
  right: -110px;
  z-index: 1;
}	
			
			.seal {
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 100px;
  height: 100px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 5px solid #d1d5db;
  z-index: 3;
  font-weight: 800;
  color: #111;
  font-size: 18px;
  line-height: 1.2;
}
			
			
			 .image-section {
    margin-top: 40px;
    min-height: 150px;
  }
			
}


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

/* HERO */

        .contact-hero {
            background: linear-gradient(135deg,#001f63,#0039b5);
            padding: 50px 0 90px 0px;
            color: #fff;
        }

            .contact-hero h1 {
                font-size: 45px;
                font-weight: 900;
                margin-bottom: 10px;
            }

            .contact-hero p {
                font-size: 18px;
                opacity: .95;
            }

        /* CONTACT SECTION */

        .contact-section {
            margin-top: -60px;
            position: relative;
            z-index: 100;
        }

        .contact-card {
            background: #fff;
            border-radius: 28px;
            overflow: hidden;
            box-shadow: 0 15px 50px rgba(0,0,0,0.08);
        }

        .contact-left {
            background: #f8fbff;
            padding: 60px;
            height: 100%;
        }

            .contact-left h2 {
                font-size: 36px;
                font-weight: 900;
                margin-bottom: 15px;
            }

            .contact-left p {
                color: #555;
                line-height: 1.9;
                font-size: 17px;
            }

        .contact-info {
            margin-top: 35px;
        }

            .contact-info p {
                margin-bottom: 18px;
                font-size: 17px;
            }

            .contact-info i {
                width: 38px;
                height: 38px;
                background: #001f63;
                color: #fff;
                border-radius: 12px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                margin-right: 12px;
            }

        /* FORM */

        .contact-form {
            padding: 60px;
        }

        .form-title {
            font-size: 36px;
            font-weight: 900;
            margin-bottom: 35px;
        }

        .form-label {
            font-weight: 700;
            margin-bottom: 10px;
            color: #111827;
        }

        .form-control {
            border: 1px solid #dbe2f0;
            border-radius: 16px;
            padding: 16px 18px;
            min-height: 58px;
            font-size: 16px;
            transition: .3s;
        }

            .form-control:focus {
                border-color: #0b5cff;
                box-shadow: 0 0 0 0.2rem rgba(11,92,255,0.15);
            }

        textarea.form-control {
            min-height: 160px;
        }

        .submit-btn {
            background: linear-gradient(135deg,#d71920,#b20f15);
            border: none;
            color: #fff;
            padding: 16px 38px;
            border-radius: 16px;
            font-weight: 700;
            font-size: 18px;
            transition: .3s;
            box-shadow: 0 10px 25px rgba(11,92,255,0.2);
        }

            .submit-btn:hover {
                transform: translateY(-3px);
            }

        /* RECAPTCHA */

        .captcha-box {
            background: #f8f9fb;
            border: 1px solid #ddd;
            border-radius: 16px;
            padding: 18px 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            max-width: 420px;
        }

        .captcha-check {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .checkbox {
            width: 28px;
            height: 28px;
            border: 2px solid #666;
            border-radius: 4px;
            background: #fff;
        }

/* RESPONSIVE */

        @media(max-width:991px) {

            .contact-left,
            .contact-form {
                padding: 40px;
            }

                .contact-left h2 {
                    font-size: 38px;
                }

            .form-title {
                font-size: 34px;
            }
        }

        @media(max-width:767px) {

            .contact-hero h1 {
                font-size: 42px;
            }

            .contact-left,
            .contact-form {
                padding: 30px;
            }
			
			.contact-info p {
  margin-bottom: 18px;
  font-size: 14px;
}
        }

/* =====================================================
  DOWNLOAD FORMS PAGE
===================================================== */

 /* HERO */

        .hero-dowload {
            background: linear-gradient(135deg,#001f63,#041741);
            padding: 60px 0px 90px 0px;
            color: #fff;
            position: relative;
            overflow: hidden;
        }

            .hero-dowload::before {
                content: '';
                position: absolute;
                width: 450px;
                height: 450px;
                background: rgba(255,255,255,0.08);
                border-radius: 50%;
                top: -150px;
                right: -100px;
            }

            .hero-dowload h1 {
                font-size: 45px;
                font-weight: 900;
                margin-bottom: 20px;
            }

            .hero-dowload p {
                font-size: 18px;
                opacity: .95;
                max-width: 700px;
            }

        /* FORM SECTION */

        .forms-section-dowload {
            margin-top: -60px;
            position: relative;
            z-index: 100;
        }

        .forms-wrapper-dowload {
            background: #fff;
            border-radius: 30px;
            padding: 50px;
            box-shadow: 0 15px 50px rgba(0,0,0,0.08);
        }

        .search-box {
            position: relative;
            margin-bottom: 40px;
        }

            .search-box input {
                width: 100%;
                border: none;
                background: #f5f7fb;
                border-radius: 18px;
                padding: 18px 20px 18px 55px;
                font-size: 16px;
                outline: none;
            }

            .search-box i {
                position: absolute;
                left: 20px;
                top: 20px;
                color: #666;
                font-size: 18px;
            }

        /* FORM CARD */

        .form-card-dowload {
            background: #fff;
            border: 1px solid #eef2f7;
            border-radius: 24px;
            padding: 28px;
            transition: .35s;
            height: 100%;
            box-shadow: 0 5px 20px rgba(0,0,0,0.03);
        }

            .form-card-dowload:hover {
                transform: translateY(-6px);
                box-shadow: 0 15px 40px rgba(0,0,0,0.08);
            }

        .form-icon-dowload {
            width: 70px;
            height: 70px;
            background: #eef4ff;
            color: var(--primary);
            border-radius: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 32px;
            margin-bottom: 25px;
        }

        .form-card-dowload h3 {
            font-size: 24px;
            font-weight: 800;
            line-height: 1.4;
            margin-bottom: 18px;
        }

        .form-card-dowload p {
            color: #666;
            line-height: 1.8;
            min-height: 80px;
        }

        .download-btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: linear-gradient(135deg,#041741,#0046d8);
            color: #fff;
            text-decoration: none;
            padding: 14px 22px;
            border-radius: 14px;
            font-weight: 700;
            transition: .3s;
        }

            .download-btn:hover {
                color: #fff;
                transform: translateY(-2px);
            }

        .file-size {
            display: inline-block;
            margin-top: 15px;
            font-size: 14px;
            color: #888;
        }

        /* CATEGORY */

        .category-title-dowload {
            font-size: 20px;
            font-weight: 800;
            margin-bottom: 25px;
            color: #001f63;
        }


/* RESPONSIVE */

        @media(max-width:991px) {

            .hero-dowload h1 {
                font-size: 48px;
            }

            .forms-wrapper-dowload {
                padding: 30px;
            }
        }

        @media(max-width:767px) {

            .hero-dowload {
                padding: 70px 0;
            }

                .hero-dowload h1 {
                    font-size: 38px;
                }

                .hero-dowload p {
                    font-size: 17px;
                }
        }

/* =====================================================
  ONLINE SERVICES
===================================================== */

/* HERO */

        .hero-section-online-services {
            padding: 80px 0 50px;
        }

        .hero-title-online-services {
            font-size: 45px;
            font-weight: 900;
            margin-bottom: 10px;
        }

        .hero-line-online-services {
            height: 1px;
            background: #ddd;
            margin-bottom: 40px;
        }

        /* SERVICE CARDS */

        .service-card-online-services {
            border-radius: 18px;
            padding: 45px 30px;
            color: #fff;
            text-align: center;
            transition: .35s;
            position: relative;
            overflow: hidden;
            min-height: 260px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
        }

            .service-card-online-services:hover {
                transform: translateY(-8px);
            }

            .service-card-online-services::before {
                content: '';
                position: absolute;
                width: 200px;
                height: 200px;
                background: rgba(255,255,255,0.08);
                border-radius: 50%;
                top: -80px;
                right: -60px;
            }

        .service-icon-online-services {
            width: 85px;
            height: 85px;
            border-radius: 22px;
            background: rgba(255,255,255,0.15);
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
            font-size: 38px;
        }

        .service-card-online-services h3 {
            font-size: 28px;
            font-weight: 800;
            margin-bottom: 10px;
        }

        .service-card-online-services p {
            font-size: 16px;
            line-height: 1.8;
            opacity: .95;
        }

        .service-btn-online-services {
            display: inline-block;
            margin-top: 20px;
            padding: 12px 24px;
            background: #fff;
            color: #111;
            border-radius: 12px;
            font-weight: 700;
            text-decoration: none;
            transition: .3s;
        }

            .service-btn-online-services:hover {
                transform: translateY(-2px);
            }

        /* COLORS */

        .registration {
            background: linear-gradient(135deg,#005baa,#0089d6);
        }

        .download {
            background: linear-gradient(135deg,#001f63,#03297a);
        }

        .breeders {
            background: linear-gradient(135deg,#d71920,#b21016);
        }

        /* FEATURES */

        .features-online-services {
            padding: 30px 0;
        }

        .feature-box-online-services {
            background: #ebf0fc;
            border-radius: 20px;
            padding: 35px;
            text-align: center;
            transition: .3s;
            height: 100%;
            box-shadow: 0 10px 25px rgba(0,0,0,0.05);
        }

            .feature-box-online-services:hover {
                transform: translateY(-5px);
            }

            .feature-box-online-services i {
                font-size: 50px;
                color: var(--primary);
                margin-bottom: 20px;
            }

            .feature-box-online-services h4 {
                font-size: 24px;
                font-weight: 800;
                margin-bottom: 15px;
            }

            .feature-box-online-services p {
                color: #666;
                line-height: 1.8;
            }

/* RESPONSIVE */

        @media(max-width:991px) {

            .hero-title-online-services {
                font-size: 56px;
            }

            .service-card-online-services {
                min-height: auto;
            }
        }

        @media(max-width:767px) {

            .hero-title-online-services {
                font-size: 42px;
            }

            .brand-title-online-services {
                font-size: 22px;
            }

        }