@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body {margin: 0;padding: 0;font-family: "Inter", sans-serif !important;}
a{ text-decoration: none;}
p {color: #4b4b4b;font-size: 16px;margin: 0 0 10px 0;font-family: "Inter", sans-serif;line-height: 1.6}

.heading p { color: #3e1c00; font-size: 19px; font-weight: 600; margin: 0 0 20px 0;}
.heading h2 {font-size: 46px;font-weight: 600;color: #0b0b0b;text-align: left;line-height: 1.2;margin: 0 0 40px 0;}
.heading h2 span { color: #3e1c00;}
.sub-heading { font-size: 32px; font-weight: 600; color: #080808; line-height: 1.1; margin: 0 0 20px 0; text-align: left}
.ser-title {color: #3e1c00;font-size: 20px;font-weight: 600;text-align: left;margin: 25px 0 8px 0;}
.bottom-line{ border-bottom: 1px solid #3e1c00;}
.team-name { color: #3e1c00; font-size: 27px; margin: 0; font-weight: 600; margin: 0 0 5px 0;}

.custom-btn {display: inline-block;background: #3e1c00;padding: 14px 36px;font-size: 16px;color: #fff;border-radius: 5px;font-weight: 600;letter-spacing: .2px;transition: all .2s ease-in-out;}
.custom-btn:hover {background: #130502;color: #fff;transform: scale(.95);}

header {border-bottom: 1px solid #d0d0d0;}
header p, header p a { color: #222; font-weight: 600;}
header p i {color: #3e1c00;}

.banner-section { background-image: url('image/banner-bg.jpg'); background-size: cover; padding: 10% 0; position: relative;}
.banner-section::after {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-image: linear-gradient(90deg, #1d0d00, rgba(51, 51, 51, 0));} 
.banner-section .text { position: relative; z-index: 3;}
.banner-section .text h1 { color: #fff; font-size: 57px; font-weight: 600; letter-spacing: .5px; padding-bottom: 25px; border-bottom: 1px solid rgba(255, 255, 255, .2);}
.banner-section .text p { color: #f6f6f6; font-size: 18px; letter-spacing: .2px; margin: 30px 0 45px 0;}
.banner-section .text a { display: inline-block; padding: 14px 32px; background: rgba(255, 255, 255, .2); backdrop-filter: blur(3); color: #fff; border-radius: 5px; font-weight: 600; letter-spacing: .3px;}

.banner-bottom { margin-top: -90px;}
.banner-bottom .banner-btm-card { background: #fff; position: relative; z-index: 3; padding:40px 30px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; margin: 0 0 25px 0;}
.banner-bottom .banner-btm-card img { width: 47px; margin: 0 0 20px 0;}
.banner-bottom .banner-btm-card h5 {color: #3e1c00;font-size: 19px;margin: 0 0 20px 0;font-weight: 600;}
.banner-bottom .banner-btm-card .text {border-top: 1px solid #ddae7b;padding: 20px 0 0 0;}

.about-section { padding: 6% 0 10% 0;}
.about-section .about-img { position: relative;}
.about-section .about-img::after {position: absolute;content: '';width: 200px;height: 200px;background: #ddae7b;opacity: .6;border-radius: 50%;right: 16%;top: 15%;}
.about-section .about-img .about1 img{ width: 65%; border-radius: 5px; filter: grayscale(90%); position: relative; z-index: 1;}
.about-section .about-img .about2 img { position: absolute; width: 45%; border-radius: 5px; right: 20px; bottom: -15%; border: 8px solid #fff; filter: grayscale(80%); z-index: 2;}
.about-section .about-img .about2 img:hover, .about-section .about-img .about1 img:hover { filter: grayscale(0);}
.about-section .about-img .text { position: absolute; z-index: 4; top: 45%; left: 45%; background: #3e1c00; padding: 30px 35px; border-radius: 5px; display: inline-block;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.about-section .about-img .text h1 { color: #fff; font-size: 47px; font-weight: 700; margin: 0;}
.about-section .about-img .text p { color: #dfdfdf; margin: 0; font-size: 19px;}
.about-section .content p:first-child { color: #111111;}
.about-section .content p {margin: 0 0 20px 0;}
.about-section .content p:nth-child(2){padding: 0 0 30px 0; border-bottom: 1px solid #3e1c00;}

.query-section { background-image: url('image/query-bg.jpg'); background-size: cover; background-attachment: fixed; padding: 7% 0;}
.query-section .query-bx {padding: 40px;border-radius: 5px;background-image: linear-gradient(90deg, #130502e6 10%, #3e1c00eb);}
.query-section .query-bx .form-control { padding: 10px; background: transparent; border: 2px solid #e9e9e9; margin: 0 0 15px 0; color: #fff; font-size: 17px;}
.query-section .query-bx .form-control::placeholder { color: #fff;}
.query-section .query-bx input[type='button'] {background: #fff;color: #000000;font-weight: 600;border: none;padding: 12px;}
.query-section .query-bx input[type='button']:hover {background: #e0b281;}

.service-section { padding: 7% 0;}
.service-section .service-title .right-text p { font-size: 17px; color: #333;}
.service-section .service-title { border-bottom: 1px solid #3e1c00;}
.service-section .ser-card { border-radius: 5px; margin: 0 0 25px 0; padding: 35px 30px; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; overflow: hidden; position: relative; transition: all .3s ease-in-out; min-height: 308px;}
.service-section .ser-card::after { position: absolute; content: ''; width: 120px; height: 120px; left: 100%; top: 10%; background: #fff; border-radius: 50%; transition: all .4s ease-in-out;}
.service-section .ser-card:hover::after { left: 72%; top: -14%;}
.service-section .ser-card:hover { margin: -7px 0 30px 0;}
.service-section .ser-card .icon img { width: 64px; margin: 0 0 20px 0;}
.service-section .ser-card h5 { color: #fff; font-size: 19px; font-weight: 600;}
.service-section .ser-card p { color: #dbdbdb; margin: 0 0 27px 0;}
.service-section .ser-card a img { width: 28px;}
.service-section .service-bx .col-12:nth-child(odd) .ser-card, .service-section .service-bx1 .col-12:nth-child(even) .ser-card { background: #3e1c00;}
.service-section .service-bx .col-12:nth-child(even) .ser-card, .service-section .service-bx1 .col-12:nth-child(odd) .ser-card { background: #fff}
.service-section .service-bx .col-12:nth-child(even) .ser-card h5, .service-section .service-bx1 .col-12:nth-child(odd) .ser-card h5 { color: #0c0c0c; font-size: 19px; font-weight: 600;}
.service-section .service-bx .col-12:nth-child(even) .ser-card p, .service-section .service-bx1 .col-12:nth-child(odd) .ser-card p{ color: #4e4e4e; margin: 0 0 27px 0;}
.service-section .service-bx .col-12:nth-child(even) .ser-card::after, .service-section .service-bx1 .col-12:nth-child(odd) .ser-card::after {background: #3e1c00;}

.team-section {padding: 0 0 8% 0;}
.team-section .team-card { margin: 20px 0 0 0; border-bottom: 1px solid #3e1c00;}
.team-section .team-card img {/* filter: grayscale(80%); */border-radius: 5px;}
.team-section .team-card img:hover { filter: grayscale(0);}
.team-section .team-card h5 { font-size: 17px; margin: 0 0 2px 0; font-weight: 700;}
.team-section .team-card p {font-size: 14px;margin: 0;} 
.team-section .team-card .social-icon a { display: inline-block; background: #3e1c00; color: #fff; width: 25px; height: 25px; border-radius: 4px; text-align: center; font-size: 12px; line-height: 2;}
.team-section .team-card .social-icon a:hover { background: #111111;}

.contact-section { background-image: url(image/contact-bg.jpg); background-size: cover; padding: 7% 0; position: relative;}
.contact-section::after {content: '';position: absolute;width: 100%;height: 100%;background-image: linear-gradient(90deg, #130502ba 30%, #3e1c00);top: 0;left: 0;}
.contact-section .text { position: relative; z-index: 2;}
.contact-section .text p { color: #fff; margin: 0 0 30px 0; font-size: 17px;}

.priority-section { padding: 7% 0;}
.priority-section .text p { margin: 0 0 35px 0; font-size: 18px; padding: 0 0 35px 0; border-bottom: 1px solid #3e1c00;}
.priority-section .left-card { padding: 40px; border-radius: 5px; background: #fff; margin: 0 0 20px 0; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; overflow: hidden; position: relative; transition: all .3s ease-in-out;} 
.priority-section .left-content .col-md-6:first-child .left-card { background: #3e1c00}
.priority-section .left-card img { width: 62px; margin: 0 0 25px 0;}
.priority-section .left-card h4 {color: #111111; font-weight: 600; font-size: 22px;}
.priority-section .left-content .col-md-6:first-child .left-card h4 { color: #fff;}
.priority-section .left-card::after { position: absolute; content: ''; width: 120px; height: 120px; left: 100%; top: 10%; background: #3e1c00; border-radius: 50%; transition: all .4s ease-in-out;}
.priority-section .left-content .col-md-6:first-child .left-card::after { background: #fff; left: 72%; top: -14%;}
.priority-section .left-card:hover::after { left: 72%; top: -14%;}

footer { background-image: url('image/footer-bg.jpg'); background-size: cover; background-attachment: fixed; padding: 6% 0 0 0; position: relative;}
footer::after {content: '';position: absolute;width: 100%;height: 100%;background-image: linear-gradient(90deg, rgb(62 28 0 / 80%), rgba(7, 7, 7, 1) 60%);top: 0;left: 0;}
footer .footer-text { position: relative; z-index: 2;}
footer h4 { color: #fff; font-size: 22px; margin: 0 0 25px 0;}
footer p, footer p a { color: #dddddd;}
footer p a:hover { color: #ddae7b;}
footer .footer-text p { display: flex; margin: 0 0 10px 0;}
footer p i { color: #3e1c00; margin: 0 8px 0 0;}
footer .footer-bottom { padding: 18px 0; border-top: 1px solid rgba(255, 255, 255, .3); position: relative; z-index: 2; margin: 4% 0 0 0;}
footer .footer-bottom p { margin: 0;}
footer .footer-bottom .social-icon a { display: inline-block; background: #fff; width: 30px; height: 30px; border-radius: 50%; text-align: center; color: #3e1c00; font-size: 14px; line-height: 2.2; } 

.inner-banner {background-image: url('image/inner-banner.jpg'); padding: 6% 0; background-size: cover; position: relative;}
.inner-banner::after {content: '';position: absolute;width: 100%;height: 100%;background-image: linear-gradient(90deg, #130502bf, #3e1c00f0);top: 0;left: 0;}
.inner-banner h1 {color: #fff;position: relative;z-index: 2;font-size: 52px;text-align: left;font-weight: 600;}
.inner-banner p { position: relative; z-index: 2; color: #ddd; font-size: 16px;}
.inner-banner p a { color: #fff;}

.contact-page {padding: 7% 0;}
.contact-page .contact-info h5 {color: #3e1c00;font-size: 19px;font-weight: 600;text-align: left;}
.contact-page .contact-info p { color: #585858; font-size: 14px; margin: 0 0 30px 0;}
.contact-page .contact-info p a { color: #585858;}
.contact-page .contact-form { border-left: 1px solid #ddd;}
.contact-page .contact-form .form-control { padding: 14px; margin: 0 0 15px 0; border-color: #cfcfcf; font-size: 14px;}
.contact-page .contact-form input[type='button'] {background: #3e1c00;color: #fff;font-size: 16px;}
.contact-page .contact-form input[type='button']:hover { background: #111111;}

.service-page { padding: 7% 0;}
.service-page .contact-card { background-image: url(image/contact-bg1.jpg); background-size: cover; border-radius: 5px; padding:50px 40px; text-align: center; position: relative;}
.service-page .contact-card::after { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(25deg, #130502e3 30%, #3e1c00); top: 0; left: 0; border-radius: 5px;}
.service-page .contact-card .text { position: relative; z-index: 2;} 
.service-page .contact-card .text h2 { color: #fff; font-size: 37px; line-height: 1.1; margin: 0 0 25px 0;}
.service-page .contact-card .text p { color: #f4f4f4; font-size: 16px; margin: 0 0 35px 0;}
.service-page .ser-img { margin: 20px 0; border-radius: 5px; filter: grayscale(98%);}

@media (min-width: 320px) and ( max-width: 768px) {
    p { font-size: 14px;}

    .heading p { font-size: 17px; margin: 0 0 10px 0;}
    .heading h2 { font-size: 32px; margin: 0 0 30px 0;}
    .sub-heading { font-size: 21px;}
    .ser-title {font-size: 17px;}

    .custom-btn { padding: 10px 24px; font-size: 14px;}
    
    header p, header p a { font-size: 13px; font-weight: 500;}

    .banner-section { padding: 10% 0 12% 0;}
    .banner-section .text h1 { font-size: 27px; padding-bottom: 20px;}
    .banner-section .text p { font-size: 14px; margin: 20px 0 30px 0;}
    .banner-section .text a { padding: 12px 24px;}

    .banner-bottom { margin-top: -30px;}
    .banner-bottom .banner-btm-card { padding: 25px; margin: 0 0 20px 0;}
    .banner-bottom .banner-btm-card img { width: 40px;}
    .banner-bottom .banner-btm-card h5 { font-size: 18px; }

    .about-section { padding: 6% 0 10% 0;}
    .about-section .about-img::after {right: 4%; top: 12%;}
    .about-section .about-img .about1 img{ width: 76%;}
    .about-section .about-img .about2 img { width: 55%; right: 0px;}
    .about-section .about-img .text { top: 45%; left: 45%; padding: 20px 25px;}
    .about-section .about-img .text h1 { font-size: 27px;}
    .about-section .about-img .text p { font-size: 16px;}
    .about-section .heading { margin: 70px 0 0 0;}
    .about-section .content p { font-size: 15px; margin: 0 0 20px 0;}
    .about-section .content p:nth-child(2){padding: 0 0 20px 0; border-bottom: 1px solid #3e1c00;}

    .query-section { padding: 7% 0;}
    .query-section .query-bx { padding: 25px;}
    .query-section .query-bx .form-control { padding: 10px; margin: 0 0 12px 0; font-size: 14px; border: 1px solid;}
    .query-section .query-bx .form-control::placeholder { font-weight: 400;}

    .service-section { padding: 7% 0;}
    .service-section .service-title .right-text p { font-size: 15px;}
    .service-section .ser-card { margin: 0 0 20px 0; padding: 25px 20px; min-height: 208px;}
    .service-section .ser-card::after { width: 100px; height: 100px;}
    
    .contact-section .text p { margin: 0 0 20px 0; font-size: 15px;}

    .priority-section .text p { margin: 0 0 25px 0; font-size: 15px; padding: 0 0 25px 0;}
    .priority-section .left-card { padding: 30px; margin: 0 0 20px 0;} 
    .priority-section .left-card img { margin: 0 0 15px 0;}

    footer h4 { font-size: 20px; margin: 20px 0 10px 0;}
    footer p, footer p a { color: #dddddd;}
    footer .footer-text p { display: flex; margin: 0 0 5px 0;}
    
    .inner-banner {padding: 10% 0;}
    .inner-banner h1 { font-size: 30px;}
    .inner-banner p { font-size: 14px;}
}



@media (min-width: 320px) and (max-width:768px) {
    #HeaderControl {
        width: 80%;
        text-align: center;
        top: 89px;
    }

    #MenuControl {
        right: 0% !important;
        width: 20%;
        background: rgb(200 200 200 / 20%) !important !important;
        top: 89PX;
    }


    .navbar {
        padding: 12.5px 5px;
    }

    #navbarNavDropdown {
        height: auto;
        position: absolute;
        right: -9%;
        background: #3e1c00;
        width: 544%;
        margin-top: 12px;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        color: #212121 !important;
    }
}



/*nav-bar*/
.dropdown-toggle {
    position: relative;
}


.nav-item {
    margin: 5px;
}

.nav-link {
    font-weight: 600;
    font-size: 15px;
    padding: 8px;
    margin: 0 8px 0 0;
    color: #0b0b0b;
}

.nav-fill {
    font-size: 15px;
}

.navbar-brand {
    margin: 0;
}
.dropdown-item { padding: 15px; border-bottom: 1px solid #ddd}
/*nav-bar*/
@media (max-width: 1170px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 1px;
        padding-left: 1px;
    }
}

@media (max-width: 991px) {

    #MenuControl,
    #MenuControl_C,
    #HeaderControl,
    #HeaderControl_C,
    #widgetsControl_C,
    #widgetsControl {
        height: initial !important;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        font-size: 12px;
    }
}

@media (max-width: 769px) {}

a {
    text-decoration: none;
}

@media (max-width: 767px) {
    .navbar.navbar-expand-md {
        text-align: center;
        /* width: 84%; */
    }
    #MenuControl_C .bg-light{
        width: 94%;
    }

    .navbar.navbar-expand-md .container-fluid {
        display: block;
    }

    .nav-fill .nav-item,
    .nav-fill>.nav-link {
        text-align: left;
    }

    .navbar-nav>li {
        display: block;
        text-align: left;
        padding: 4px 0;
        border-bottom: 1px solid #999;
        border-right: 0;
    }


    .nav-item .nav-link.dropdown-toggle::after {
        position: absolute;
        right: 5px;
        top: 15px;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        font-size: 14px;
        padding-right: 5px;
        padding-left: 5px;
        color: #fff !important;
    }
}

.table-responsive {
    min-height: .01%;
    overflow: hidden !important;
    border: 0;
    padding: 0;
}

#widgetsControl_C,
#widgetsControl {
    height: auto !important;
}

#HomepagecontentControl p,
#HomepagecontentControl li {
    text-align: left;
    margin: 0 0 10px 0;
}

.dropdown-menu {
    border-radius: 0 !important;
    padding: 0;
    min-width: 240px;
}

#HeaderControl, #HeaderControl_C, #MenuControl, #MenuControl_C { height: auto !important;}

.bg-light { background: #fff !important;}

.client-section { padding: 7% 0;}
.client-card { margin: 0 0 20px 0; padding: 20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;}

.service-page ul li, .service-page ul { list-style: none; margin: 0; padding: 0;}
.service-page ul li {color: #4b4b4b;font-size: 16px;margin: 0 0 10px 0;font-family: "Inter", sans-serif;line-height: 1.6}
.service-page ul li i { color: #3e1c00; font-size: 16px; margin: 0 5px 0 0;}