*{
    box-sizing:border-box;
}

body{
    margin:0;
    font-family:'Roboto',sans-serif;
    background:#f5f5f5;
}

.bdt-footer{
    position:relative;
    overflow:hidden;
    color:#fff;
    background:
        radial-gradient(circle at 10% 15%,rgba(12,138,76,.32),transparent 28%),
        radial-gradient(circle at 88% 20%,rgba(244,194,63,.17),transparent 28%),
        radial-gradient(circle at 50% 105%,rgba(0,126,74,.35),transparent 37%),
        linear-gradient(135deg,#031e14 0%,#063622 42%,#071d15 72%,#15170d 100%);
}

.bdt-footer:before{
    content:"";
    position:absolute;
    width:650px;
    height:650px;
    border-radius:50%;
    left:-400px;
    top:-400px;
    border:1px solid rgba(255,210,80,.2);
    box-shadow:0 0 100px rgba(17,174,101,.18);
    animation:bdtRing 8s ease-in-out infinite;
}

.bdt-footer:after{
    content:"";
    position:absolute;
    width:600px;
    height:600px;
    border-radius:50%;
    right:-400px;
    bottom:-400px;
    border:1px solid rgba(255,213,89,.18);
    box-shadow:0 0 120px rgba(8,151,85,.2);
    animation:bdtRing 10s ease-in-out infinite reverse;
}

.bdt-top-line{
    height:6px;
    position:relative;
    z-index:5;
    background:linear-gradient(
        90deg,
        #895902,
        #f1bd39,
        #fff1a3,
        #c48110,
        #ffe582,
        #895902
    );
    background-size:250% 100%;
    animation:bdtGold 6s linear infinite;
}

.bdt-bg{
    position:absolute;
    inset:0;
    pointer-events:none;
    overflow:hidden;
}

.bdt-light-line{
    position:absolute;
    width:45%;
    height:1px;
    left:-50%;
    background:linear-gradient(90deg,transparent,rgba(255,221,119,.7),transparent);
    animation:bdtMoveLine 12s linear infinite;
}

.bdt-light-line:nth-child(1){
    top:25%;
}

.bdt-light-line:nth-child(2){
    top:53%;
    animation-delay:-5s;
    animation-duration:15s;
}

.bdt-light-line:nth-child(3){
    top:80%;
    animation-delay:-8s;
    animation-duration:18s;
}

.bdt-dot{
    position:absolute;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#ffd75f;
    box-shadow:0 0 15px #ffd75f;
    animation:bdtFloat 8s ease-in-out infinite;
}

.bdt-dot:nth-child(4){
    left:8%;
    bottom:20%;
}

.bdt-dot:nth-child(5){
    left:35%;
    top:15%;
    animation-delay:-3s;
}

.bdt-dot:nth-child(6){
    right:20%;
    bottom:22%;
    animation-delay:-5s;
}

.bdt-dot:nth-child(7){
    right:5%;
    top:22%;
    animation-delay:-2s;
}

.bdt-contact-area{
    position:relative;
    z-index:4;
    padding-top:26px;
}

.bdt-contact-box{
    position:relative;
    overflow:hidden;
    height:100%;
    min-height:88px;
    padding:16px;
    display:flex;
    align-items:center;
    gap:14px;
    text-decoration:none;
    border:1px solid rgba(247,201,83,.32);
    background:linear-gradient(
        135deg,
        rgba(14,119,70,.9),
        rgba(4,57,36,.94)
    );
    box-shadow:
        0 9px 24px rgba(0,0,0,.18),
        inset 0 0 22px rgba(255,213,85,.04);
    transition:.35s;
}

.bdt-contact-box:before{
    content:"";
    position:absolute;
    width:70%;
    height:180%;
    top:-40%;
    left:-100%;
    transform:rotate(25deg);
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.14),
        transparent
    );
    transition:.7s;
}

.bdt-contact-box:hover:before{
    left:140%;
}

.bdt-contact-box:hover{
    transform:translateY(-4px);
    border-color:#f6c94e;
    box-shadow:
        0 14px 30px rgba(0,0,0,.22),
        0 0 20px rgba(255,199,62,.12);
}

.bdt-contact-icon{
    width:52px;
    height:52px;
    flex:0 0 52px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#164b2e;
    font-size:20px;
    background:linear-gradient(145deg,#fff1a3,#d69b20);
    box-shadow:
        0 0 0 5px rgba(255,207,79,.08),
        0 0 18px rgba(255,207,79,.25);
}

.bdt-contact-text small{
    display:block;
    margin-bottom:4px;
    color:#d6e8dd;
    font-size:11px;
    letter-spacing:1.3px;
    text-transform:uppercase;
}

.bdt-contact-text strong{
    color:#fff;
    display:block;
    font-size:14px;
    font-weight:600;
}

.bdt-main{
    position:relative;
    z-index:4;
    padding:52px 0 44px;
}

.bdt-logo-wrap{
    width:112px;
    height:112px;
    position:relative;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:22px;
}

.bdt-logo-wrap:before{
    content:"";
    position:absolute;
    inset:-3px;
    border-radius:50%;
    background:conic-gradient(
        #835506,
        #f8c74e,
        #fff7c0,
        #ba760f,
        #ffe590,
        #835506
    );
    animation:bdtLogo 5s linear infinite;
    box-shadow:
        0 0 17px rgba(255,203,73,.48),
        0 0 34px rgba(21,163,93,.22);
}

.bdt-logo-wrap:after{
    content:"";
    position:absolute;
    inset:3px;
    border-radius:50%;
    background:#063722;
}

.bdt-logo{
    width:96px;
    height:96px;
    position:relative;
    z-index:2;
    object-fit:cover;
    border-radius:50%;
    padding:3px;
    background:#fff;
    border:2px solid #fff4c1;
}

.bdt-name{
    margin:0 0 13px;
    color:#fff;
    font-size:26px;
    font-weight:800;
    line-height:1.16;
    text-transform:uppercase;
}

.bdt-name span{
    display:block;
    margin-top:6px;
    color:#f2c34c;
    font-size:18px;
    font-weight:600;
    letter-spacing:.7px;
}

.bdt-about{
    max-width:450px;
    margin:0;
    color:#cadbd1;
    font-size:14px;
    line-height:1.8;
}

.bdt-title{
    position:relative;
    margin:0 0 25px;
    padding-bottom:13px;
    color:#fff;
    font-size:18px;
    font-weight:700;
}

.bdt-title:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:55px;
    height:2px;
    background:linear-gradient(90deg,#eeb62d,#fff0a1);
    box-shadow:0 0 10px rgba(245,195,69,.45);
}

.bdt-title:after{
    content:"";
    position:absolute;
    width:7px;
    height:7px;
    bottom:-2px;
    left:60px;
    background:#f6c447;
    transform:rotate(45deg);
    box-shadow:0 0 8px #e9b230;
}

.bdt-links{
    list-style:none;
    padding:0;
    margin:0;
}

.bdt-links li{
    border-bottom:1px solid rgba(255,255,255,.07);
}

.bdt-links li:last-child{
    border-bottom:0;
}

.bdt-links a{
    display:flex;
    gap:9px;
    align-items:center;
    padding:9px 0;
    color:#d4e1d9;
    text-decoration:none;
    font-size:14px;
    transition:.3s;
}

.bdt-links a i{
    color:#f4c54c;
    font-size:10px;
}

.bdt-links a:hover{
    padding-left:6px;
    color:#f4c54c;
}

.bdt-social-heading{
    margin-top:25px;
    margin-bottom:12px;
    color:#f5deb0;
    text-transform:uppercase;
    letter-spacing:1.2px;
    font-size:12px;
}

.bdt-socials{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

.bdt-social{
    width:42px;
    height:42px;
    border-radius:6px;
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    color:#fff;
    font-size:17px;
    transition:.3s;
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 5px 13px rgba(0,0,0,.17);
}

.bdt-social:hover{
    color:#fff;
    transform:translateY(-5px);
}

.facebook{
    background:linear-gradient(135deg,#1877f2,#0c4ba9);
}

.instagram{
    background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);
}

.youtube{
    background:linear-gradient(135deg,#ff0000,#a60000);
}

.whatsapp{
    
}

.twitter{
    background:linear-gradient(135deg,#333,#000);
}

.bdt-service{
    margin-bottom:10px;
    padding:14px 15px;
    border-left:3px solid #f1bf3d;
    border-top:1px solid rgba(255,255,255,.08);
    border-right:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    background:linear-gradient(
        90deg,
        rgba(11,116,67,.29),
        rgba(255,255,255,.02)
    );
    transition:.3s;
}

.bdt-service:hover{
    transform:translateX(4px);
    background:linear-gradient(
        90deg,
        rgba(18,140,80,.4),
        rgba(255,196,59,.06)
    );
}

.bdt-service-name{
    color:#fff;
    font-size:14px;
    font-weight:600;
    margin-bottom:4px;
}

.bdt-service-name i{
    color:#f4c145;
    width:21px;
}

.bdt-service-time{
    padding-left:25px;
    color:#cadbd1;
    font-size:13px;
}

.bdt-address{
    margin-top:18px;
    padding:15px;
    border:1px solid rgba(255,204,68,.17);
    background:rgba(255,255,255,.035);
}

.bdt-address i{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
    border-radius:50%;
    color:#174a2e;
    background:linear-gradient(135deg,#ffea94,#d5981d);
}

.bdt-address p{
    margin:0;
    color:#c8d8ce;
    font-size:13px;
    line-height:1.7;
}

.bdt-divider{
    position:relative;
    z-index:4;
    height:1px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(245,196,68,.15),
        rgba(245,196,68,.7),
        rgba(245,196,68,.15),
        transparent
    );
}

.bdt-bottom{
    position:relative;
    z-index:4;
    padding:19px 0;
    background:rgba(0,0,0,.18);
}

.bdt-copy{
    margin:0;
    color:#a9bbb0;
    font-size:13px;
}

.bdt-copy strong{
    color:#f0c148;
    font-weight:500;
}

.bdt-bottom-links{
    display:flex;
    justify-content:flex-end;
    gap:20px;
}

.bdt-bottom-links a{
    color:#becdc4;
    text-decoration:none;
    font-size:12px;
}

.bdt-bottom-links a:hover{
    color:#f0c148;
}

@keyframes bdtLogo{
    to{
        transform:rotate(360deg);
    }
}

@keyframes bdtGold{
    to{
        background-position:250% 0;
    }
}

@keyframes bdtRing{
    0%,100%{
        transform:scale(1);
        opacity:.55;
    }
    50%{
        transform:scale(1.12);
        opacity:1;
    }
}

@keyframes bdtMoveLine{
    to{
        left:110%;
    }
}

@keyframes bdtFloat{
    0%,100%{
        transform:translateY(0);
        opacity:.3;
    }
    50%{
        transform:translateY(-35px);
        opacity:1;
    }
}

@media(max-width:767.98px){

    .bdt-contact-area{
        padding-top:15px;
    }

    .bdt-contact-row{
        --bs-gutter-x:8px;
        --bs-gutter-y:8px;
    }

    .bdt-contact-box{
        min-height:76px;
        padding:11px 8px;
        gap:8px;
    }

    .bdt-contact-icon{
        width:41px;
        height:41px;
        flex:0 0 41px;
        font-size:16px;
    }

    .bdt-contact-text small{
        font-size:8px;
        letter-spacing:.5px;
        line-height:1.2;
    }

    .bdt-contact-text strong{
        font-size:10px;
        line-height:1.25;
    }

    .bdt-name{
        font-size:21px;
    }

    .bdt-name span{
        font-size:15px;
    }

    .bdt-main{
        padding:38px 0 35px;
    }

    .bdt-logo-wrap{
        width:95px;
        height:95px;
    }

    .bdt-logo{
        width:81px;
        height:81px;
    }

    .bdt-bottom{
        text-align:center;
    }

    .bdt-bottom-links{
        justify-content:center;
        margin-top:10px;
        gap:14px;
    }
}

@media(max-width:380px){

    .bdt-contact-box{
        padding:9px 6px;
        gap:6px;
    }

    .bdt-contact-icon{
        width:36px;
        height:36px;
        flex:0 0 36px;
        font-size:14px;
    }

    .bdt-contact-text small{
        font-size:7px;
    }

    .bdt-contact-text strong{
        font-size:9px;
    }
}