@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Teko:wght@300..700&display=swap');
body { margin: 0; padding: 0; font-family: "Open Sans", sans-serif;}
p {color: #252525;font-size: 16px;letter-spacing: .4px;line-height: 1.6;margin: 0 0 10px 0;font-family: "Open Sans", sans-serif;}
.main-table li {color: #252525;font-size: 16px;letter-spacing: .4px;line-height: 1.5;margin: 0 0 10px 0; font-family: "Open Sans", sans-serif;}
a { text-decoration: none !important; font-family: "Open Sans", sans-serif;}
h1, h2, h3, h4, h5 { font-family: "Teko", sans-serif;}

h3 { font-size: 28px; color: #252525;}
.heading { margin: 0 0 48px 0;}
.heading h2 {color: #252525; font-size: 48px; text-transform: uppercase; font-weight: 500; letter-spacing: 5px; text-align: center;}
.heading h5 { color: #252525; font-size: 28px; letter-spacing: .8px; font-weight: 450; text-align: center;}
.heading1 h4 { text-transform: uppercase; color: #b78d65; letter-spacing: 5px; font-size: 27px;}
.heading1 h2 {font-size: 50px;margin: 0 0 20px 0;font-weight: 600;color: #252525;}
.custom-btn { display: inline-block; background: #b78d65; color: #fff; padding: 16px 48px; font-size: 16px; font-weight: 500; transition: .5s;} 
.custom-btn:hover { background: #c29e7c; color: #fff;}
.border-primary { border-color: #b78d65 !important;}
.text-color { color: #b78d65;}
.sub-heading { font-size: 54px; text-align: center; margin: 30px 0; position: relative; padding: 12px 0;}
.sub-heading::after { content: ''; position: absolute; width: 550px; height: 5px; bottom: 0; left: 0; right: 0; margin: 0 auto; background: #b78d65;}


.tm img{border-radius:10px;box-shadow:2px 2px 8px #b0916e;}
.top-header { padding: 8px 0; background: #252525;}
.top-header p a, .top-header p { color: #f0f0f0; font-size: 13px;}
.top-header .social-icon a{ display: inline-block; background: #b78d65; color: #fff; width: 28px; height: 28px; font-size: 14px; text-align: center; border-radius: 50%; line-height: 2; transition: all .2s ease-in-out;}
.top-header .social-icon a:hover { background: #c29e7c;}

header {background: #252525;position: relative;}

.banner-section .carousel-caption { text-align: left; top: 28%; width: 48%; left: 10%;}
.banner-section .carousel-caption h1 { font-size: 85px; line-height: 1.1; font-weight: 600; margin: 0 0 20px 0;}
.banner-section .carousel-control-next, .banner-section .carousel-control-prev { width: 10%;}

.services-section { padding: 6% 0;}
.services-section .service-item .service-text { transition: .5s;}
.services-section .service-item:hover .service-text { background: #b78d65;}
.services-section .service-item * { transition: .5;}
.services-section .service-item:hover * { color: #FFFFFF;}
.services-section .service-item .btn { width: 40px; height: 40px; display: inline-flex; align-items: center; color: #252525; background: #FFFFFF; white-space: nowrap; overflow: hidden; transition: .5s;}
.services-section .service-item:hover .btn { width: 140px; }
.services-section .service-text { padding: 30px;}
.services-section .service-text .btn i { color: #b78d65;}
.services-section .section-title { font-weight: 600; letter-spacing: 5px; text-transform: uppercase; }
.services-section .service-text:hover .icon-show{ padding: 1rem; border-radius: 50% !important; background: #ffffff; transition: .5s ease-out; }

.registration-steps { padding: 0 0 6% 0;}
.registration-steps .fact-item .fact-icon { width: 120px; height: 120px; margin-top: -40px; margin-bottom: 1.5rem; display: inline-flex; align-items: center; justify-content: center; background: #FFFFFF; border-radius: 120px; border:3px solid #3e2309; transition: .5s; }
.registration-steps .fact-item:hover .fact-icon { background: #b78d65;}
.registration-steps .fact-item .fact-icon i {transition: .5;}

.slider { padding: 0 0 6% 0;}
.slider .carousel { padding: 40px 45px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.slider .carousel-control-next, .slider .carousel-control-prev { width: 3.5%; filter: brightness(0);}
.slider .carousel h4 { font-size: 34px; color: #252525; line-height: 1.4; margin: 0;}
.slider .carousel h4 i { color: #b78d65; font-size: 30px; animation: fa-beat 1s infinite;}

@keyframes fa-beat {
    0% { transform: scale(.9)}
    50% {
        transform: scale(1.3)
    }
    100% { transform: scale(.9);}
}

.about-section { padding: 2% 0 6% 0;}
.about-img, .feature-img { position: relative; height: 100%; min-height: 400px;}
.about-img img, .feature-img img { position: absolute; width: 60%; height: 80%; object-fit: cover; }
.about-img img:last-child, .feature-img img:last-child { margin: 20% 0 0 40%;}
.about-img::before, .feature-img::before { position: absolute; content: ""; width: 60%; height: 80%; top: 10%; left: 20%; border: 5px solid #b78d65; z-index: -1; }

.team-section { padding: 4% 0 7% 0;}
.team-items { margin: -.75rem;}
.team-item { padding: .75rem;}
.team-item::after { position: absolute; content: ""; width: 100%; height: 0; top: 0; left: 0; background: #FFFFFF; transition: .5s; z-index: -1;}
.team-item:hover::after { height: 100%; background: #b78d65;}
.team-item .team-social { position: absolute; width: 100%; bottom: -20px; left: 0;}
.team-item span {color: #b78d65;font-size: 15px;}

.contact-section { padding: 0 0 8% 0;}
.contact-section .icon i { color: #b78d65; font-size: 40px;}
.contact-section h4 a { color: #252525; font-size: 27px; font-family: "Teko", sans-serif;}
.contact-section .contact-form{box-shadow: rgb(183, 141, 101) 12px 10px 26px 0px; border: 3px solid #b78d65; padding: 40px;outline: 1px solid #252525ed; outline-offset: -4px;}
.contact-section .contact-form .form-control { margin: 0 0 15px 0; padding: 18px 12px; border: none; border-bottom: 2px solid #b78d65; border-radius: 0;}
.contact-section .contact-form .form-control:focus { box-shadow: 0 0 0 .25rem rgb(183 141 101 / 32%);}
.contact-section .contact-form .form-control::placeholder { color: #444444;}
.contact-section .contact-form input[type='button'] { background: #b78d65; border: none; outline: 1px solid #25252591; outline-offset: -1px; width: 100%; padding: 18px; color: #fff;}

.testimonial-section .carousel-control-next, .testimonial-section .carousel-control-prev { width: 5%; filter: brightness(0);}
.testimonial-section .carousel-item p { font-size: 18px; margin: 0 0 18px 0;}

.client-section { padding: 6% 0;}
.client-section .item { display: inline-block; margin:0 0 0 45px;}

footer { background: #252525;}
footer h5 { color: #fff; text-transform: uppercase; margin: 50px 0 20px 0; font-size: 27px; letter-spacing: 5px;}
footer ul { list-style-image: url('image/next.png'); } 
footer ul a { color: #e4e4e4; margin: 0 0 10px 0; display: inline-block; font-size: 15px;}
footer ul a:hover, footer a:hover { color: #fff;}
footer p, footer a { color: #e4e4e4; font-size: 15px;}
footer p i { color: #b78d65; margin: 5px 5px 0 0;}
footer .social-icon a { display: inline-block; background: #b78d65; color: #fff; width: 40px; height: 40px; font-size: 16px; text-align: center; line-height: 2.5; transition: all .2s ease-in-out;}
footer .social-icon a:hover { background: #c29e7c;}
footer .left-text { background-image: linear-gradient(180deg, rgba(255,255,255,0.15), rgba(255,255,255,0)); padding: 50% 8%;}
footer .left-text p { font-size: 16px;}

.about-header {padding: 7% 0 5% 0;background-image: linear-gradient(rgb(0, 0, 0) 0%, rgba(194, 151, 103, 0.836));}
.about-header h1 {color: #fff;font-size: 76px;margin: 0;font-weight: 600;text-align: center;}

.service-page { padding: 3% 0;}
.service-page .list-group-item { padding: 12px 10px; font-family: "Teko", sans-serif; font-size: 23px; font-weight: 400;}
.service-page .list-group-item.active { background: #b78d65; border-radius: 0; border: 0;}

.why-choose i { font-size: 52px; margin: 0 0 10px 0;}

@media (min-width: 320px) and (max-width: 768px) { 
    p {font-size: 15px; letter-spacing: .2px;}
    .main-table li {font-size: 15px; letter-spacing: .2px;}
    
    h3 { font-size: 24px;}
    .heading { margin: 0 0 48px 0;}
    .heading h2 {font-size: 30px; margin: 0; letter-spacing: 3px;}
    .heading h5 {font-size: 20px; letter-spacing: .8px;}
    .heading1 h4 { letter-spacing: 3px; font-size: 21px; margin: 0;}
    .heading1 h2 { font-size: 30px; margin: 0 0 10px 0;}
    .custom-btn { padding: 10px 24px; font-size: 14px;} 

    .banner-section .carousel-item img { height: 240px; object-fit: cover;}
    .banner-section .carousel-caption { top: 12%; width: 80%; left: 10%;}
    .banner-section .carousel-caption h1 { font-size: 42px; font-weight: 500; margin: 0 0 10px 0;}

    .registration-steps { padding: 0;}
    .registration-steps .fact-item .fact-icon { margin-top: 0;}

    .slider { padding: 0 0 6% 0;}
    .slider .carousel { padding: 25px;}
    .slider .carousel-control-next, .slider .carousel-control-prev { width: 7%;}
    .slider .carousel h4 { font-size: 24px; margin: 20px 0 0 0;}
    .slider .carousel h4 i { color: #b78d65; font-size: 26px; animation: fa-beat 1s infinite;}

    .contact-section { padding: 0 0 12% 0;}
    .contact-section .icon i { font-size: 30px;}
    .contact-section h4 a { font-size: 21px;}
    .contact-section .contact-form{box-shadow: none; padding: 30px; margin: 20px 0 0 0;}
    .contact-section .contact-form .form-control { margin: 0 0 10px 0; padding: 12px;}
    .contact-section .contact-form input[type='button'] { margin: 15px 0 0 0; padding: 12px;}

    .testimonial-section .carousel-item p { font-size: 15px; margin: 0 0 10px 0;}

    footer h5 { margin: 25px 0 12px 0; font-size: 21px; letter-spacing: 3px;}
    footer .left-text { padding: 10% 5%;}
    footer .left-text p { font-size: 15px;}

    .about-header { padding: 10% 0;}
    .about-header h1 { color: #fff; font-size: 32px; margin: 0; font-weight: 500;}

    .service-page .list-group-item { padding: 10px 7px; font-size: 18px;}

    .why-choose i { font-size: 27px;}
}
#form_wrap{ border: 3px solid #b78d65; padding: 30px; position: sticky; position: -webkit-sticky;top: 20px;}
#form_wrap #errmsg{font-size: 13px !important;}
#HomepagecontentControl_C{overflow: initial !important;}
#HomepagecontentControl{overflow: initial !important;}
#HomepagecontentControl_C > center >table{margin-top: 0 !important;}
#inner_pg_tab_wrap{top: 80px;}
.map-hm-rht .form-control { margin: 0 0 15px 0; padding: 12px; border: none; border-bottom: 2px solid #8b8b8b; border-radius: 0;}
.map-hm-rht input[type='button'] { background: #b78d65; border: none; width: 100%; padding: 15px; color: #fff; font-size: 16px}

.service-page .ser-box { padding: 20px 20px 10px 20px; border-left: 5px solid #3e2309; box-shadow: 3px 3px 3px 3px gray; margin: 0 0 20px 0;}
.service-page .ser-box p { font-weight: 500;}

.top {
    position: fixed;
    right: 10px;
    bottom: 30px;
    text-align: center;
    color: #fff;
    background: #b78d65;
    padding: 15px;
    z-index: 9;
    cursor: pointer;
    opacity: 0;
    transition: ease-in 0.5s;
}


.top.scll-top {
    opacity: 1;
    transition: ease-in 0.5s;
}

.top .fa {
    display: block !important;
}